@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Raleway);

@font-face{
    font-family: CenturyGothic;
    src: url(/fonts/century-gothic.ttf);
}

html{
    background-color: #30baff;
}
body.site-body{
    padding-top: 50px;
    /*padding-left: 0;
    padding-right: 0;*/
    width: 100%;
}

body.site-body .row{
    margin: 0 auto;
}

body .site-message-container{
    position: fixed;
    top: 55px;

    left: 0;

    z-index: 10;

    /*background-color: white;*/

    width: 100%;
}

body .site-message-container .site-message{

    font-family: CenturyGothic;
    font-size: 13px;
    font-weight: bold;

    margin: 0 auto;
    width: 97%;
    max-width: 500px;
    border-radius: 5px;
    background-color: white;
    padding: 15px;
    text-align: center;

    margin-bottom: 10px;

    cursor: pointer;
}

body .site-message-container .site-message.ok{
    color: #00ac00;
    border: 2px solid #00ac00;
}

body .site-message-container .site-message.fail{
    color: #ff6666;
    border: 2px solid #ff6666;
}

body .site-message-container .site-message.ok .glyphicon{
    margin-right: 10px;
}

#brasa-carousel.carousel{
    margin-top: -50px;

    /*height: 100vh;*/
    max-height: 100vh;
    overflow: hidden;
}

#brasa-carousel.carousel .item{
    /*margin-top: -50px;*/
}

#brasa-carousel.carousel img{
    /*width: 100%;*/
    /*height: 100vh;*/
}

#brasa-carousel.carousel a.action{
    color: white;
    text-decoration: none;

    font-family: CenturyGothic;

    letter-spacing: 4px;

    /*font-weight: bold;*/

    border: 1px solid white;

    font-size: 20px;

    padding: 10px;
}

#brasa-carousel.carousel .carousel-inner{
    /*max-height: 100vh;*/
    overflow: hidden;
}

body .page-body{
    /*background-color: white;*/
    padding: 0;
}

body .page-body .page-foot{
    background-color: black;
    
    font-family: CenturyGothic;
    color: black;
    /*font-weight: bold;*/

    font-size: 12px;

    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

body .page-body .page-foot footer{
    background-color: white;

    padding-top:    10px;
    padding-bottom: 10px;

    width: 85.5%;
    margin: 0 auto;

    border-left:  15px solid white;
    border-right: 15px solid white;

    background-color: #ff2a2a;

    color: white;

}

.bbb-logo-container {
    font-family: CenturyGothic;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #30baff;
    color: white;
    width: 100%;
}

@media (max-width: 650px) {
    .bbb-logo-container {
        flex-direction: column;
        padding-bottom: 32px;
    }

    .bbb-logo-container h1 {
        font-size: 24px;
        padding-left: 32px;
        padding-right: 32px;
        margin-top: -24px;
    }
}

.bbb-logo {
    max-width: 256px;
}

body .page-body.site-name{
    padding: 0;
}

html body .page-body h1#gym-name, html body .page-body h1#gym-name-small{
    font-weight: normal;

    font-size: 45px;

    font-family: CenturyGothic;

    font-weight: bold;


    /*letter-spacing: 1px;*/

    padding: 10px;
    padding-top:    20px;
    padding-bottom: 30px; 


    margin-top: 0;
    margin-bottom: -2px;

    background-color: white;

    color: #a93232;
    
    /*border-bottom: 1px solid #dadada;*/
}

html body .page-body h1#gym-name-small{
    font-size: 25px;
    /*letter-spacing: 1px;*/

    font-weight: normal;

    padding-top:    30px;
}

html body .page-body h1#gym-name-small span{
    display: inline-block;

    font-size: 45px;

    /*margin-bottom: 5px;*/

    font-weight: bold;
}

.row.home-content.main-content{
    padding: 0;
    background-color:  #30baff;
}

.row.home-content .img-container{
    /*background-color:  #30baff;*/
    /*padding: 0;*/
}

.brasa-logo{
    height: 50px;
    /*width: 195px;*/

    margin-top: -19px;
    margin-right: -15px;
}

#brasa-team-photo{
    padding: 0;
}

.fb-video{
    margin-bottom: 30px;
    width: 100%;
}

#what-is-bjj{
    margin-bottom: 30px;
    padding: 0;
}

html body .brasa-team-photo{
    padding: 0;
}

html body .page-body .academy-details.row{
    padding-top: 10px;
    /*margin-top:    20px;*/
    /*margin-bottom: 20px;*/

    padding-left: 0;
    padding-right: 0;

}

html body .page-body div.row.academy-details div p{
    margin-bottom: 45px;
}

html body .academy-details:first-child{
    margin-top:    0;
    margin-bottom: 0;
    padding-bottom: 30px;
    background-color: white;
}


.academy-details .container{
    margin-bottom: -15px;
}


html body .page-body .row{
    padding-left: 15px;
    padding-right: 15px;
}

html body .page-body .main-content.row{
    /*margin-bottom: 20px;*/
}

html body .page-body .main-content.row img{
    width: 100%;
}

html body .page-body .row.row-center{
    margin: 0 auto;
}

html body .page-body .row .container.welcome{
    margin-top: 30px;
    padding: 0;
}

html body .page-body .row .container.welcome h2{
    color: white;

    width: 100%;

    margin: 0 auto;

    /*font-size: 2.6vw;*/
    font-size: 50px;

    margin-bottom: 40px;

    font-weight: bold;

    font-family: CenturyGothic;

    border-bottom: 2px solid #333;

    padding-bottom: 25px;

    letter-spacing: 0px;

    border-radius: 0;
}

html body .page-body.page-foot{
    /*background-color: #a5e5ff;*/
    background-color: white;
    /*margin-top: 25px;*/
    margin-bottom: 0;
}

html body .page-body.page-foot h1{
    padding-top: 20px;
}

html body .page-body h1{
    /*background-color: #a5e5ff;*/
    /*background-color: white;*/
    font-weight: normal;
    padding-left: 10px;
}



html body .page-body h2.lead{
    font-size: 16px;
    border-radius: 2px;

    margin-top: 0;
}

html body .container.page-body h2{
    /*font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;*/
    font-family: CenturyGothic;
    letter-spacing: 2px; 
    /*color: #a93232;*/
    color: white;
    font-weight: bold;

    border-bottom: 2px solid white;

    /*padding-bottom: 10px;*/
    /*margin-bottom:  10px;*/

    font-size: 20px;

    /*margin-top: 15px;*/

    /*background-color: #98d4d4;*/
}

html body .container.page-body p{
    /*font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;*/
    font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;

    color: #666;

    margin-top: 0;

    margin-bottom: 50px;

    font-size: 15px;

    padding: 0;

    color: black;
}

div.row.academy-details div p{
    color: black;
    font-size: 13px;
    /*font-weight: bold;*/

    font-family: CenturyGothic;

    margin-bottom: 0;
}

div.row.academy-details{
    /*background-color: red;*/

    /*background-color: #1498fa;*/
    /*padding-top:    20px;*/
    padding-bottom: 20px;

}

div.row.academy-details div{
    /*margin-top: 20px;*/
    margin-bottom: 25px;

    /*background-color: black;*/
}

div.row.academy-details div p span.academy-detail{
    color: #a93232;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;

    text-align: center;

    margin-bottom: 10px;

    /*font-family: Copperplate, 'Copperplate Gothic Light', fantasy;*/

    font-style: normal;
}

#right-for-you.row{
    background-color: white;
    margin: 0;
    /*padding: 0;*/

    padding-bottom: 50px;

    text-align: center;
}

.right-for-you-inner{
    padding: 0;
}

#right-for-you.row .container{
    margin: 0;
    padding: 5px;

    border-top: 2px solid #dadada;

}

#right-for-you.row h2.lead{
    /*color: #a93232;*/
    color: #333;

    font-size: 20px;
    font-weight: bold;
    text-align: center;

    font-family: CenturyGothic;


    letter-spacing: 2px;

    /*border-bottom: 1px solid #dadada;*/

    padding-bottom: 20px;

    /*width: 97.5%;*/

    margin: 0 auto;

    margin-top:    20px;
    margin-bottom: 0;
}

#right-for-you.row .container h2{
    color: #333;

    font-size: 25px;
    font-weight: bold;

    color: #a93232;
    /*color: #2a2a2a;*/
    text-align: center;

    font-family: CenturyGothic;

    margin-bottom: 20px;


}

#right-for-you.row .container p{
    text-align: justify;
    padding-left:  10px;
    padding-right: 10px;

    font-size: 17px;

    text-align: center;

    color: #333;

    font-weight: bold;

    /*margin-bottom: 0;*/
    padding-bottom: 15px;

    font-family: CenturyGothic;
}

#right-for-you.row h2#try-for-free.lead{
    margin: 0 auto;
    margin-top:    0; 
    margin-bottom: -35px; 

    padding-top: 30px;

    color: #a93232;

    border-top: 2px solid #dadada;

}