@charset "UTF-8";
/*
Apex Acrobatics
Professional Acrobatic and Aerial Acts
Accent Colour: #442a4d
*/

/* General rules */
html, body {font-family:'Raleway', sans-serif; margin:0; padding:0; font-size:14px;}

.accent-color {color:#442a4d;}
.accent-background {background:#442a4d !important; color:#ffffff !important;}

p {line-height: 1.75; margin: 0 0 25px;}
h5 {font-size: 24px; font-size: 1.71429rem; margin-bottom: 30px; font-weight: 800; margin-top: 0; text-transform: uppercase;}
h6 {font-weight:800; font-size:1.3rem;}

a.anchor {display: block; position: relative; top: -49px; visibility: hidden;}
.full-width {width:100%; padding:0;}

.landscape-only {display:none;}
.portrait-only {display:block;}
@media (min-aspect-ratio: 1100/800) {
    .landscape-only {display:block;}
    .portrait-only {display:none;}
}

@media (min-aspect-ratio: 1/1) {
    .d-mob-flex {display:flex !important;}
    .col-mob-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
}

@media (min-width: 992px) {
    .order-lg-inherit {order:inherit;}
    .d-mob-flex {display:flex !important;}
    .col-mob-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (min-width: 768px) {
    .order-md-inherit {order:inherit;}
}
@media (min-width: 576px) {
    .order-sm-inherit {order:inherit;}
}

/* Overall page structure */
.section-title-index {font-weight:800; font-size: 220px; font-size: 15.71429rem; line-height: 0.8; margin-bottom:10px; display:none;}
.section-title {margin-top:15px; font-size:56px; font-size:4rem; font-weight:700;}

.act-title-index {display:block; font-weight:800; font-size: 220px; font-size: 15.71429rem; font-size: 13vw; line-height: 0.8; margin-bottom:10px;}
.act-title {font-size:2.5vw; font-weight:normal;}

@media (min-width: 992px) {
    .section-title-index {display:block; font-weight:800; font-size: 220px; font-size: 15.71429rem; font-size: 13vw; line-height: 0.8; margin-bottom:10px;}
    .section-title {font-size:2rem; font-weight:normal;}
}
@media (min-width: 1680px) {
    .section-title-index {font-size: 220px; font-size: 15.71429rem;}
}

@media (min-width: 1200px) {
    .act-title {font-size:2rem;}
}

.row.no-gutters {margin-left:-15px; margin-right:-15px;}

.big-text {font-size: 1.28571em; line-height: 1.6; font-weight: 300; margin-bottom: 28px;}
.text-content-box {padding:40px; font-size:1.3rem;}

/* Nav Menu */
nav#top-nav {height:50px; position:fixed; top:0; width:100%; z-index:10; font-size:14px; font-size:1rem; background-color:#442a4d; color:#ffffff !important;}

#nav-menu a, #nav-social a {padding:14px 15px; display:inline-block; font-weight:700; color:#ffffff; text-transform:uppercase; transition: all 0.2s linear;}
#nav-menu a:hover, #nav-social a:hover {color:#33193c; color:#7c7b79; text-decoration:none;}
#menu-link {line-height:1.3; margin-top:5px; display:inline-block; padding: 3px 10px; text-transform:uppercase; text-align:center; cursor:pointer;}
@media (min-width: 1200px) {
    #nav-menu a, #nav-social a {font-size:15px; padding:14px 25px;}
}
@media (max-width: 991px) {
    #top-nav {border-bottom:1px solid #ffffff;}
    #nav-menu a {padding:14px 15px; display:inline-block; width:100%; background:#442a4d; border-bottom:1px solid #ffffff; font-weight:700; color:#ffffff; text-transform:uppercase; transition: all 0.2s linear;}
}
@media (max-width: 575px) {
    #nav-social {background:#442a4d; border-bottom:1px solid #ffffff; text-align:center;}
    #nav-social a {padding:14px 15px; display:inline-block; width:100%; font-weight:700; color:#ffffff; text-transform:uppercase; transition: all 0.2s linear;}
}

ul#nav-social {padding-right:10px; margin-bottom:0;}
ul#nav-menu {margin-bottom:0;}
#nav-social li {display:inline-block; list-style-type:none;}
#nav-social a {padding:14px 5px;}

#menu-spacer {height:50px;}

/* Header */
#page-header {padding-top:50px; overflow:hidden; height:100vh; min-height:45vw; background-image:url(../img/white/white-planche.jpg); background-color:rgba(0, 0, 0, .4); background-repeat:no-repeat; background-size:cover; background-position:65% 45%;}
#page-title, #act-cover-title {color:#ffffff; margin-top:30px; margin-bottom:20px; text-transform:uppercase; font-family:Arial, "Helvetica", sans-serif; font-size:100px; font-size:8.75vw; list-style-type:none; font-weight:700; text-align:center;}
#page-subtitle {color:#ffffff; margin-top:-25px; margin-right:15%; text-align:right; font-size:21px; font-size:1.5rem;}

@media (max-aspect-ratio: 4/3) {
    #page-header {background-image:url(../img/white-star.jpg); background-position:50% 0%;}
    #page-title {margin-top:15px;}
    #page-subtitle {margin-right:0; text-align:center; font-size:20px ;font-size:1.42857rem;}
}
@media (max-aspect-ratio: 9/11) {
    #page-header {background-image:url(../img/white-monkey.jpg); background-position:40% 30%;}
    #page-title {margin-top:15px;}
    #page-subtitle {margin-right:0; text-align:center; font-size:18px ;font-size:1.28571rem; font-size:3vw;}
}

.next-sections {cursor:pointer; font-size:13px; font-size:0.92857rem; background:none; border:none; bottom:28px; color:#ffffff; font-weight:300; left:50%; margin-left:-35px; position:absolute; text-align:center; display:none;}
@media (min-width: 992px) {
    .next-sections {display:block;}
}
.next-sections i {border-radius: 50%; border: 1px solid rgba(255, 253, 236, 0.5); color: #ffffff; display: block; height: 30px; width: 30px; font-size: 27px; font-size: 1.92857rem; margin: 10px auto; padding: 1px 0 0 1px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.next-sections:hover i {border:1px solid #fffdec;}

/* Error page */
.error-section {padding-top:50px; overflow:hidden; height:calc(100vh - 81px); background-image:url(../img/background/error.jpg); background-color:rgba(0, 0, 0, .2); background-repeat:no-repeat; background-size:cover; background-position:65% 45%;}
.error-title {color:#442a4d; margin-top:12vh; margin-bottom:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:8vw; font-weight:800; text-align:center;}
.error-message {color:#442a4d; margin-top:30px; margin-bottom:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;; font-size:2vw; font-weight:800; text-align:center;}
.error-link {text-align:center; margin-top:100px;}

/* About Us */
#about-title {background-image:url(../img/background/about.jpg); background-size:cover; background-position:50% 10%;}
.about-text-box {padding-bottom:40px;}
.about-text-box.last {padding-bottom:0px;}

#hello-box {padding-top: 10px; padding-bottom: 15px;}
#hello-box h4 {padding-bottom: 20px; position: relative; font-size: 32px; font-size: 2.28571rem; margin-top: 30px; margin-bottom: 20px; font-weight: 800; text-transform: uppercase;}
#hello-box h4:before {background: rgba(255, 255, 255, 0.75); bottom: 0; content: " "; height: 2px; left: 50%; margin-left: -20px; position: absolute; width: 40px;}
#hello-box p {font-size:1.3rem;}

/* Our skills */
#skills-title {background:#442a4d; color:white;}
.skills-header {background-size:contain; background-repeat:no-repeat; padding: 60px 40px !important;}
#skills-acrobatics-header {background-image:url(../img/background/acrobatics.jpg); background-position:50% 50%;}
#skills-aerial-header {background-image:url(../img/background/aerial.jpg); background-position:50% -90%;}

.skills-header h3 {font-size: 50px; font-size: 3.57143rem; padding-top:20px; padding-bottom: 35px; position: relative; margin-top: 30px; margin-bottom: 20px; font-weight: 400; text-transform: none;}
.skills-header h3:before {background: #442a4d; bottom: 0; content: " "; height: 2px; left: 50%; margin-left: -20px; position: absolute; width: 40px;}
.skills-header p {font-size:1.4em;}

.skills-link {transition: all 0.2s linear;}
.skills-link.divider {padding-bottom:15px;}
.skills-link.divider:after {background:#442a4d; bottom: 15px; content: " "; height: 2px; left: 50%; margin-left: -50px; position: absolute; width: 100px;}
.skills-link:hover {background:#e2e6ea; text-decoration:none;}
.skills-link:hover img {opacity:0.8;}
@media (min-width: 576px) {
    .skills-link.divider {padding-bottom:0;}
    .skills-link.divider:after {display:none;}
}

.skills-link:focus {text-decoration:none; outline:none;}
.skills-link img {width:100%;}
.skills-link h6 {font-size: 14px; font-size: 1rem; color: #45443a; font-weight: 700; margin-bottom: 8px; margin-top:20px;}

.skills-link p {font-size: 13px; font-size: 0.92857rem; color: #45443a; line-height: 1.65; padding: 0px 5% 15px; margin-bottom:0;}

/* Photos */
#photos-section img, #act-photos-section img {width:100%;}
#photos-section a:hover img, #act-photos-section a:hover img {opacity:0.8;}

/* Contact Us */
#contact-title {background-image:url(../img/background/contact.jpg); background-size:cover; background-position:50% 50%;}
#contact-form {background-color:#442a4d; color:#fff; padding-top:50px; padding-bottom:55px; padding-left:50px; padding-right:50px;}
@media (min-width: 992px) {
    #contact-form {padding-top:95px; padding-bottom:105px;}
}

#contact-form button {width: 100%;}

/* Testimonials */
#testimonials-title {background-image:url(../img/background/testimonials.jpg); background-size:cover; background-position:50% 70%; display:none !important;}
@media (min-width: 992px) {
    #testimonials-title {display:flex !important;}
}

p.testimonial-from {margin-top:-20px; font-style:italic; font-size:13px; font-size:0.928em;}
.testimonial-text {font-size: 1.28571rem; line-height: 1.6; font-weight: 400; margin-bottom: 20px;}

#testimonials-image-container {padding-left:0; padding-right:0; position:relative; min-height:100vw;}
@media (min-width: 576px) {
    #testimonials-image-container {min-height:35vw;}
}
#testimonials-image {object-fit:cover; position:absolute; height:100%; width:100%;}

/* Dividers */
#contact-divider h5 {text-align:center; margin-bottom:15px; padding-top:0;}
@media (min-width: 768px) {
    #contact-divider h5 {text-align:inherit; padding-top:7px; margin-bottom:0;}
}

.dividing-block {background:#f5f5f5; padding-top:50px; padding-bottom:50px;}
.dividing-block.thin {padding-top:20px; padding-bottom:20px;}
.dividing-block h5 {margin-bottom: 0; text-transform: none; padding-top: 7px;}
.dividing-block hr {border:none; border-top:2px solid #442a4d;}

/* Footer */
.footer {background-color:#442a4d; padding-top:30px; padding-bottom:30px;}

/* Acts pages */
#act-title {background-image:url(../img/background/about.jpg); background-size:cover; background-position:50% 10%; position:fixed; height:100vh; z-index:-1;}
#act-title {display:none;}
#act-cover {position:relative;}
#act-cover-image, #act-cover-image-portrait {object-fit:cover; object-position:center; height:100vh; padding-top:50px;}
#act-cover-title {color:white; position:absolute; z-index:2; left:10%; width:80%; bottom:10%; text-align:center; font-size:20vw;}

@media (min-width: 992px) {
    #act-cover-title {display:none !important;}
    #act-title {display:inherit;}
}
@media (min-aspect-ratio: 1/1) {
    #act-cover-title {display:none !important;}
    #act-title {display:inherit;}
}

.act-text-box {}
#videos-section {margin-bottom:40px;}
#act-photos-section a {margin-bottom:30px;}

.act-video-container {position:relative; padding-bottom:56.25%;}
.act-video {position:absolute; top:5%; left:5%; width:90%; height:90%}
.act-photo-break {display:none;}

/* Lightbox */
.modal-header {padding:0.5rem 1rem;}
.modal-footer {padding:0.5rem 0.75rem;}
.modal-body {padding:2px;}
.modal-dialog {margin:0.5rem auto;}

/* Forms */
.btn-primary {background: #442a4d; border: none; padding: 13px 30px; color: #fff; text-transform: uppercase; font-weight: 700; box-shadow: none; border-radius: 2px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 13px; font-size: 0.92857rem; outline: none;}
.btn-primary.white-style {color: #442a4d; background-color: #fff;}
.btn-primary:hover {background-color: #663f73; color: #fff; box-shadow: none; outline: none; text-decoration:none;}
.btn-primary:focus, .btn-primary:active {background-color: #33193c !important; color: #fff; box-shadow: none; outline: none; text-decoration:none;}
.btn-primary.white-style:hover, .btn-primary.white-style:active {background-color: #e2e6ea; color: #442a4d; box-shadow: none; outline: none;}

.form-group {padding-left:8px; padding-right:8px; margin-bottom:15px;}

.form-control {display: block; width: 100%; height: 34px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); padding: 6px 12px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="name"]
    {width: 100%; height: 40px; box-shadow: none; border-width: 1px; border-style: solid; border-color: #c9c6bf; border-image: initial; padding: 0px 12px; border-radius: 2px;}

input[type="text"].white-style,
input[type="email"].white-style,
input[type="password"].white-style,
input[type="name"].white-style
    {color: #fff; font-weight:600; border-width: initial; border-style: none; border-color: initial; border-image: initial; box-shadow: #5e563f 0px 1px 0px inset; background: rgba(255, 255, 255, 0.2);}

input[type="text"].white-style:focus,
input[type="email"].white-style:focus,
input[type="password"].white-style:focus,
input[type="name"].white-style:focus
    {outline:1px solid #8e7f94;}

input[type="text"].white-style::-webkit-input-placeholder,
input[type="email"].white-style::-webkit-input-placeholder,
input[type="password"].white-style::-webkit-input-placeholder,
input[type="name"].white-style::-webkit-input-placeholder,
textarea.white-style::-webkit-input-placeholder
    {color: #c9c6bf; font-weight:normal;}

input[type="text"].white-style::-moz-placeholder,
input[type="email"].white-style::-moz-placeholder,
input[type="password"].white-style::-moz-placeholder,
input[type="name"].white-style::-moz-placeholder,
textarea.white-style::-moz-placeholder
    {color: #c9c6bf;font-weight:normal;}

input[type="text"].white-style:-moz-placeholder,
input[type="email"].white-style:-moz-placeholder,
input[type="password"].white-style:-moz-placeholder,
input[type="name"].white-style:-moz-placeholder,
textarea.white-style:-moz-placeholder
    {color: #c9c6bf; font-weight:normal;}

input[type="text"].white-style:-ms-input-placeholder,
input[type="email"].white-style:-ms-input-placeholder,
input[type="password"].white-style:-ms-input-placeholder,
input[type="name"].white-style:-ms-input-placeholder,
textarea.white-style:-ms-input-placeholder
    {color: #c9c6bf; font-weight:normal;}

textarea.form-control {resize: none; border-radius: 2px; height: auto;}
textarea.form-control.white-style {box-shadow: #5e563f 0px 1px 0px inset; background: rgba(255, 255, 255, 0.2); color: #fff; font-weight:600; padding-top: 10px; resize: vertical; min-height: 80px; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial !important;}
textarea.form-control.white-style:focus {box-shadow: #5e563f 0px 1px 0px inset; outline:1px solid #8e7f94; color: #fff;}