body { font-family: 'PT Sans', sans-serif; font-size: 1.2rem; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; }
h2 { font-size: 2.2rem; }

/*
##############################
##  Navbar
##############################
*/

.navbar {
    background: none !important;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;

    visibility: hidden;
}

.navbar .navbar-brand { display: inline-block; width: 140px; height: 55px; background: url('images/logo-cantarino-brasileiro-black-mini.png') }
.navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link:hover { color: rgba(0,0,0,.9) }
.navbar .navbar-nav .nav-link.btn-action-menu { color: #FFFFFF; }

.navbar.light-bar {
    background: rgba(0, 0, 0, 1) !important;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;

    visibility: visible;
}

.navbar.light-bar .navbar-brand { display: inline-block; width: 140px; height: 55px; background: url('images/logo-cantarino-brasileiro-white-mini.png') }
.navbar.light-bar .navbar-nav .nav-link, .navbar.light-bar .navbar-nav .nav-link:hover { color: rgba(255,255,255,.9) }

/* general navbar */

.navbar .justify-content-stretch { padding-left: 60px; }

.navbar .navbar-nav .nav-link.btn { margin-left: 10px; font-weight: bold; color: #ffffff; }
.navbar .navbar-nav .nav-link.btn.active { color: #333; }
.navbar .navbar-nav .nav-link.btn-action-menu { background: #028cbe; border-color: #028cbe; }
.navbar .navbar-nav .nav-link.active { color: #028cbe; }

/*
##############################
##  Home
##############################
*/

.home {
    height: 100vh;
    background: url("images/bg-home-1.jpg");
    text-align: center;
}

.home .logo-home { width: auto; }

.home .home-info { height: 70vh; }
.home .home-bg { height: 30vh; background: url("images/bg-home-2.png") no-repeat top center; background-size: 100% auto; }
.home .event-info { padding: 0 0 40px 0; }

.home h2 { font-size: 1.6rem; font-weight: bold; text-transform: uppercase; }
.home h3 { color: #028cbe; margin-bottom: 25px; }

.home .btn { padding: .95rem 2.75rem; }
.home .btn-action { background: #028cbe; border-color: #028cbe; color: #FFFFFF; border-radius: 0; text-transform: uppercase; font-size: 1.2rem; font-weight: bold;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
}

.about-one { color: #FFFFFF; padding: 120px 0; background: #008dc2 url("images/bg-about-one.jpg") no-repeat center center; }

.about-two { padding: 120px 0; color: #FFFFFF; background: url("images/bg-about-two.jpg") center center; background-size: cover; }
.about-two h2 { margin-bottom: 40px; }

.about-three { padding: 200px 0 60px 0; color: #000000; background: #c5f3f7 url("images/bg-about-three.jpg") no-repeat top center; }
.about-three h2 { margin-bottom: 40px; color: #000000; }

.what-to-find { padding: 120px 0; color: #FFFFFF; background: url("images/bg-what-to-find.jpg"); background-size: cover; }
.what-to-find h2 { margin-bottom: 80px; text-align: center; text-transform: uppercase; color: #028cbe; }
.what-to-find h2 span { display: block; color: #FFFFFF; }
.what-to-find .ab { padding-top: 20px; border: 1px solid #FFFFFF; border-radius: 10px; text-align: center; }
.what-to-find .ab img { width: 50%; height: auto; margin-bottom: 25px; }
.what-to-find .ab p { margin-bottom: 10px; height: 55px; color: #028cbe; font-weight: bold; text-transform: uppercase; }

.what-to-expect { padding: 120px 0; color: #333333; background: #ececea url("images/bg-what-to-expect.jpg") no-repeat top center; }
.what-to-expect h2 { margin-bottom: 80px; color: #333333; }

.program { padding: 60px 0 40px 0; }
.program h2 { margin-bottom: 60px; color: #028cbe; }
.program .time { color: #028cbe; }
.program ul.no-bullet { list-style-type: none; }
.program ul li { margin-bottom: 5px; }
.program .info { background: #f0f0f0; }
.program .info .desc { color: #028cbe; }

/*
##############################
##  Speakers
##############################
*/

.speakers { padding: 120px 0; }
.speakers h2 { margin-bottom: 40px; color: #028cbe; text-align: center; text-transform: uppercase; font-size: 2.4rem; }
.speakers h3 { text-align: center; margin-bottom: 60px; }
.speakers .desc { text-align: center; }
.speakers .popover-header { font-weight: bold; color: #000; }

.speakers .speakers-list .item { text-align: center; padding: 10px; cursor: pointer; margin-bottom: 50px; }
.speakers .speakers-list .item .cargo { font-size: 1.2rem; color: #999; }
.speakers .speakers-list .item .linkedin a { color: #000; font-size: 1.8rem; }
.speakers .speakers-list .item .linkedin a:hover { color: #028cbe; }
.speakers .speakers-list .item p { margin: 20px 0 0 0; }
.speakers .speakers-list .item .icon { display: block; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -35px; font-size: 4rem; }
.speakers .speakers-list .item p.speaker-name { font-size: 1.4rem; text-shadow: 0px 7px 19px rgba(150, 150, 150, 0.75); }
.speakers .speakers-list .item img { width: 350px; height: auto; display: inline; }
.speakers .speakers-list .item img.speaker-image { width: 250px; height: auto; }
.speakers .speakers-list .item .company { width: 250px; height: auto; margin-bottom: 15px; }

/*
##############################
##  Buy
##############################
*/

.princing { padding: 120px 0; background: url("images/bg-tickets.jpg") no-repeat bottom center; background-size: cover; background-attachment: fixed; }
.princing h2 { margin-bottom: 60px; color: #f9f9f9; }

.princing .card {
    font-weight: 300;
    background: #fcfcfc;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.08);
    transition: all .3s ease-in-out;
    padding: 2.25rem 0;
    position: relative;
    will-change: transform;
}
.princing .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #028cbe;
    transition: 0.5s;
}
.princing .card:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}
.princing .card:hover:after {
    width: 100%;
}
.princing .card .card-header {
    border-bottom: 0px;
    background: none;
}
.princing .card .card-title {
    margin-bottom: 1rem;
    text-align: center;
}
.princing .card .card-block {
    padding-top: 0;
    text-align: center;
}
.princing .card .list-group-item {
    border: 0px;
    padding: .25rem;
    color: #808080;
    font-weight: 300;
    text-align: center;
    background: none;
    font-size: 1rem;
}

.princing .display-1 {
    font-size: 1.8rem;
    letter-spacing: -.2rem;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 20px;
}
.princing .display-1 .currency {
    font-size: .70rem;
    position: relative;
    font-weight: 400;
    top: -30px;
    letter-spacing: 0px;
}

.princing .display-2 {
    font-size: 3rem;
    letter-spacing: -.2rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}
.princing .display-2 .currency {
    font-size: .85rem;
    position: absolute;
    font-weight: 400;
    margin-top: -5px;
    margin-left: -15px;
    letter-spacing: 0px;
}
.princing .display-2 .period {
    font-size: 1rem;
    color: #b3b3b3;
    letter-spacing: 0px;
}

.princing .pay-info { color: #028cbe; font-weight: bold; }

.princing .btn {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    color: #a6a6a6;
    border-radius: 0;
    padding: .75rem 1.25rem;
    letter-spacing: 1px;
}

.princing .btn-gradient {
    color: white;
    background-color: #028cbe;
    transition: background .3s ease-in-out;
}
.princing .btn-gradient:hover {
    color: white;
    background-color: #028cbe;
}

/*
##############################
##  Sponsors
##############################
*/

.sponsors-content { padding: 120px; text-align: center; }
.sponsors-content h2 { margin-bottom: 60px; color: #028cbe; font-size: 2.4rem; text-align: center; text-transform: uppercase; }
.sponsors-content img { width: 23%; height: auto; }

.support-content { padding: 0 0 120px 0; }
.support-content h2 { margin-bottom: 60px; color: #028cbe; font-size: 2.4rem; text-align: center; text-transform: uppercase; }
.support-content img { width: 180px; height: auto; }

.be-a-sponsor { padding: 120px 0; color: #FFFFFF; background: #000000 url('images/bg-be-a-sponsor.jpg') no-repeat center center; }
.be-a-sponsor h2 { margin-bottom: 60px; color: #FFFFFF; }
.be-a-sponsor .btn-action { background: #028cbe; border-color: #028cbe; color: #FFFFFF; text-transform: uppercase; }

/*
##############################
##  Local / Contact
##############################
*/

.local { background: #f9f9f9; }
.local .container-fluid { padding-right: 0; padding-left: 0; }

.contact { background: #f9f9f9; }
.contact .container { padding: 0 15px 60px 15px; background: #fff; position: relative; top: -100px; }

.contact hr { margin-top: 3rem; margin-bottom: 3rem; }

.contact .icon-marker { font-size: 3rem; text-align: center; font-weight: 600; padding-top: 30px; }
.contact .address { text-align: center; padding-top: 10px; }

.contact h2 { margin-bottom: 40px; color: #028cbe; text-transform: uppercase; text-align: center; font-size: 2.4rem; }
.contact h2.co { color: #999999; font-size: 1.8rem; }

.contact .cured-by { padding-bottom: 40px; }
.contact .powered-by { padding-bottom: 40px; }

.contact .btn { border-radius: 0; }
.contact .btn-warning { border-color: #028cbe; background-color: #028cbe; color: #fff; }

.contact .form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.contact .form-control {
    border-width: 0 0 2px 0;
    border-radius: 0;
}

.contact .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
}

.contact .form-control:focus {
    box-shadow: none;
    border-bottom: 2px solid #028cbe;
}

.contact .form-control:focus + .form-control-placeholder,
.contact .form-control:valid + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    border-radius: 0;
}

/*
##############################
##  General
##############################
*/

.missing-fields { display: none; }

a.anchor {
    display: block;
    position: relative;
    top: -71px;
    visibility: hidden;
}

.apresentacoes {  }
.apresentacoes h2 { margin-bottom: 60px; color: #028cbe; }
.apresentacoes a { color: #028cbe; text-decoration: none; }

/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width : 1400px) and (max-height: 800px) {

}

@media only screen and (max-width : 1400px) and (max-height: 700px) {

}

@media only screen and (max-width : 1400px) and (max-height: 600px) {

}

@media only screen and (max-width : 1400px) and (max-height: 500px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .home .home-info { height: 100vh; }
    .home .logo-home { width: 100%; height: auto; }
    .home .home-bg { display: none; }

    .about-one { background: #008dc2; }

    .about-two { background: #1c1c1c; }

    .about-three { padding: 120px 0; background: #c5f3f7; }

    .ab { margin-bottom: 20px; }

    .sponsors-content { padding: 120px 0; }
    .sponsors-content img { width: 340px; height: 156px; }

    .be-a-sponsor { background: #000000; }

    .contact form { margin-bottom: 40px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 340px) {

}