html { overflow-x: hidden; }
body { font-family: 'Lato', sans-serif; }

a { color: #004da8; }
a:hover { color: #022233; }

/*CLASSES*/
.animate {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}

.logo { margin-top: 0; }

.header-title {
    color: #FFF;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.header-title span:before {
    content: "";
    display: block;
    float: right;
    height: 100%;
    position: absolute;
    left: -7px;
    top: 0;
    width: 12px;

    -webkit-transform: skewX(170deg);
       -moz-transform: skewX(170deg);
        -ms-transform: skewX(170deg);
         -o-transform: skewX(170deg);
            transform: skewX(170deg);
}

.header-title span {
    padding: 0 20px;
    position: relative;
    z-index: -1;
}

.header-title span:after {
    content: "";
    display: block;
    float: right;
    height: 100%;
    position: absolute;
    right: -7px;
    top: 0;
    width: 12px;

    -webkit-transform: skewX(170deg);
       -moz-transform: skewX(170deg);
        -ms-transform: skewX(170deg);
         -o-transform: skewX(170deg);
            transform: skewX(170deg);
}

.btn-dark-blue,
.btn-blue {
    border-radius: 6px;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 130px;

    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.btn-dark-blue {
    background-color: #022233;
    border-bottom: 2px solid #004da8;
}

.btn-dark-blue:hover,
.btn-dark-blue:focus,
.btn-dark-blue:active {
    background-color: #FFF;
    color: #02567D;
    text-decoration: none;
}

.btn-blue {
    background-color: #3b5998;
    border-bottom: 2px solid #01287a;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background-color: #FFF;
    color: #3b5998;
    text-decoration: none;
}

.btn-social {
    border-radius: 6px;
    color: #fff;
    display: block;
    float: left;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;

    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.btn-social:hover {
    color: #FFF;
    text-decoration: none;
}

.facebook.btn-social {
    background-color: #3b5998;
    border-bottom: 2px solid #01287a !important;
}
.facebook.btn-social:hover {
    background-color: #01287a;
    border-bottom: 2px solid #3b5998 !important;
}

.twitter.btn-social {
    background-color: #33ccff;
    border-bottom: 2px solid #0998c8 !important;
}
.twitter.btn-social:hover {
    background-color: #0998c8;
    border-bottom: 2px solid #33ccff !important;
}

.linkedin.btn-social {
    background-color: #4875b4;
    border-bottom: 2px solid #03439d !important;
}
.linkedin.btn-social:hover {
    background-color: #03439d;
    border-bottom: 2px solid #4875b4 !important;
}

.google-plus.btn-social {
    background-color: #dd4b39;
    border-bottom: 2px solid #a81401 !important;
}
.google-plus.btn-social:hover {
    background-color: #a81401;
    border-bottom: 2px solid #dd4b39 !important;
}

/*angles*/
.has-angle {
    position: relative;
    margin-bottom: 70px;
}
.has-angle .angle-top,
.has-angle .angle-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    height: 151px;
    overflow: hidden;
    z-index: 2;
}

.has-angle .angle-top { top: -150px; }
.has-angle .angle-bottom { bottom: -150px; }

.has-angle .angle-top:before,
.has-angle .angle-bottom:before {
    content: "";
    width: 100%;
    height: 150px;
    background: #ffffff;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-2.5deg) skew(-2.5deg) scale(1.1,1);
       -mox-transform: rotate(-2.5deg) skew(-2.5deg) scale(1.1,1);
        -ms-transform: rotate(-2.5deg) skew(-2.5deg) scale(1.1,1);
         -o-transform: rotate(-2.5deg) skew(-2.5deg) scale(1.1,1);
            transform: rotate(-2.5deg) skew(-2.5deg) scale(1.1,1);
}

.has-angle .angle-top:before { top: 75px; }
.has-angle .angle-bottom:before { bottom: 45px; }


.to-top {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    bottom: 50px;
    color: #fff;
    float: right;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 50px;
    z-index: 1000;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.to-top:hover,
.to-top:active,
.to-top:focus {
    text-decoration: none;
    background-color: #EBC584;
    color: #B07B59;
}
/*MENU*/
#menu {
    border-bottom: 1px solid #BBB;
    z-index: 10;
}

.menu-bg-overlay {
    background: url("../images/transparency-menu.png") repeat scroll top left;
    background-color: transparent;

    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}

body.in .menu-bg-overlay {
    background: url("../images/transparency-menu.png") repeat scroll top left rgba(255, 255, 255, 0.6);
}

.menu-bg {
    background-color: #FFF !important;

    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}

.logo-menu { float: left; }

body.home .menu-bg-overlay .hidden-phone .logo-menu {
    height: 0;
    width: 0;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

body.home .menu-bg .hidden-phone .logo-menu {
    height: 93px;
    width: 93px;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

body.home .menu-bg-overlay ul.nav {
    margin-right: 50px;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

body.home .menu-bg ul.nav,
body.in .menu-bg ul.nav {
    margin-right: 0;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.navbar .nav {
    float: right;
    margin: 16px 0;
}

.navbar .nav > li > a,
.dropdown-menu > li > a {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    padding: 27px 2px 26px 16px;
    text-shadow: none;
    text-transform: uppercase;

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

.dropdown-menu > li > a { padding: 8px 10px; }

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #0051A4;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: none;
    color: #0051A4 !important;
    text-decoration: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: inherit;
    color: inherit;
}

/*BANNER*/
.banner-top { margin-top: 104px; }
.wrapper-logo {
    padding-top: 70px;
    padding-bottom: 155px;
    background: url("../images/transparency-logo.png") repeat scroll left top transparent;
}

.wrapper-logo img {
    display: block;
    margin: 0 auto;
}

.banner-texts {
    padding-top: 70px;
}

.banner-texts .date-event {
    color: #18315f;
    font-size: 65px;
    font-weight: bold;
    line-height: 70%;
}

.banner-texts .date-event span {
    font-size: 35px;
    font-weight: 300;
}

.banner-texts .local-event {
    color: #18315f;
    font-size: 25px;
    line-height: 140%;
    margin-top: 45px;
}

.banner-texts .local-event span {
    font-size: 38px;
    font-weight: bold;
}

h2.slogan {
    background-color: rgba(24, 49, 95, 0.8);
    color: #fff;
    font-size: 30px;
    padding: 5px 10px;
    text-align: center;
    margin-top: 45px;
}

#down,
#counter-in,
#cdays {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 8px 20px;
    text-align: center;
}

#counter-in {
    font-size: 45px;
    padding: 20px;
}

/*QUICK-LINKS*/
.quick-links {
    padding: 60px 0;
}

.quick-links .quick-block {
    text-align: center;
    z-index: -1;
}

.quick-links .quick-block h2 {
    text-transform: uppercase;
    font-size: 32px;
    color: #ffc734;

    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.quick-links .quick-block p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;

    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.quick-links .quick-block i {
    color: #ffc734;
    font-size: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 10px solid #ffc734;
    height: 150px;
    width: 150px;
    line-height: 150px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.quick-links .quick-block:hover {
    text-decoration: none;
}

.quick-links .quick-block:hover i {
    color: #FFF;
    background-color: #ffc734;
}

.quick-links .quick-block + a {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

/*EVENTO*/
.event {
    background: url("../images/event-bg.jpg") no-repeat fixed center bottom transparent;
    padding: 150px 0;
}

.event h2,
.floripa-header h2 {
    color: #FFF;
    font-weight: 300;
    font-size: 80px;
    text-align: center;
    line-height: 100%;
}

/*NOTICIAS*/
section.news { padding: 50px 0; }

.news .header-title {
    margin-bottom: 50px;
}

.news .header-title span:before { background-color: #022233; }
.news .header-title span { background-color: #022233; }
.news .header-title span:after { background-color: #022233; }

.news .newsflash .newsflash-title {
    font-size: 26px;
    margin: 0;
    line-height: 100%;
}

.news .newsflash .newsflash-title a {
    color: #022233;
}

.news .newsflash .news-date {
    color: #6cc247;
    font-size: 16px;
    font-style: italic;
}

.news .newsflash p {
    font-size: 18px;
    line-height: 130%;
}

.news .newsflash a.readmore {
    display: block;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

/*FLORIPA HEADER*/
.floripa-header {
    background: url("../images/floripa-bg.jpg") no-repeat fixed center bottom transparent;
    padding: 150px 0;
}

.floripa-header h2 {
    padding: 0 15px;
}

/*FLORIANOPOLIS*/
section.florianopolis { padding: 50px 0; }
.florianopolis .header-title { margin-bottom: 50px; }
.florianopolis .header-title span:before { background-color: #6cc247; }
.florianopolis .header-title span { background-color: #6cc247; }
.florianopolis .header-title span:after { background-color: #6cc247; }

.florianopolis .floripa-text p {
    font-size: 26px;
    font-weight: 300;
    line-height: 130%;
}

/*slider*/
.theme-light .nivo-controlNav a {
    background: none;
    background-color: rgba(255, 255, 255, 0.5);
    height: 30px;
    width: 30px;
    margin-left: 15px;
    border-radius: 50%;
}

.theme-light .nivo-controlNav a.active {
    background: none;
    background-color: #000;
}

.theme-light.slider-wrapper {
    z-index: -1;
}

.vt_nivo_slider {
    position: relative;
}

.theme-light .nivo-controlNav {
    bottom: 35px;
    position: absolute;
    right: 35%;
    z-index: 9;
}

/*SPONSORS - SUPPORT - REALIZATION*/
.sponsors h3,
.support-realization h3 { font-size: 16px; }

/*FOOTER*/
footer {
    background: url("../images/footer-bg.jpg") repeat-x scroll center bottom;
    padding-top: 150px;
    padding-bottom: 35px;
}

footer .wrapper-footer {
    background: url("../images/transparency-menu.png") repeat scroll left top rgba(255, 255, 255, 0.4);
    padding: 35px 0;
}

footer .logo-footer img {
    display: block;
    margin: 0 auto;
}

footer h3 {
    color: #022233;
    font-size: 26px;
}

footer .custom p { font-size: 18px; }
.cbsoja-facebook p { padding-right: 85px; }

footer .contact .custom p {
    font-size: 16px;
    font-weight: bold;
}

.cw-social-mod-icon-ac {
    text-align: left;
}

.cw-social-mod-bookmark {
    margin-bottom: 0;
    padding: 0;
}

/*ASSINATURA*/
.signature {
    background-color: #6cc247;
    color: #FFF;
    font-weight: 300;
    padding: 15px 0;
}

.signature p { margin: 0; }

.signature a {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}

.signature a:hover { color: #0095C9; }
.signature .vrsys p { float: right; }

/* ********INTERNAS********** */
.img-page {
    height: 340px;
    width: 100%;
}

.cbsoja-page-title h1 {
    font-size: 70px;
    font-weight: 300;
    line-height: 140%;
    margin-top: -25px;
}

section.main article {
    color: #000;
    font-size: 18px;
    line-height: 140%;
}

.item-page table th {
    background-color: #6CC247 !important;
    color: #FFF;
}

/*MODALS*/
.btn-modal.btn-dark-blue {
    display: block;
    float: left;
    margin: 0 10px;
    padding: 0 15px;
    width: inherit;
}

/*INSCRICOES*/
.itemid-110 article h2 {
    clear: both;
    padding-top: 35px;
}

/*SPEAKERS*/
.speakers h2 {
    font-size: 26px;
    text-align: center;
}

article .btn-dark-blue { margin: 0 auto; }

article .item-image {
    margin-bottom: 10px;
    margin-right: 30px;
}

.vt_nivo_slider:before {
    color: #fff;
    content: "Créditos: www.fotomundo.com.br / Floripa Convention";
    font-size: 12px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 10px;
    z-index: 2147483647;
}

.floripa-header .row:before {
    color: #fff;
    content: "Créditos: www.fotomundo.com.br / Floripa Convention";
    font-size: 12px;
    left: 0;
    line-height: 100%;
    padding: 5px;
    position: absolute;
    top: -37%;
    z-index: 10;
}

.floripa-header .row { position: relative; }

/* social */
.icon-facebook:before {
    content: "\f09a";
    color: #fff;
    display: block;
    height: 40px;
    font-size: 50px;
    margin: 9px;
}

.icon-google-plus::before {
    content: "\f0d5";
    font-size: 50px;
    margin: 5px 0;
}

.icon-linkedin::before {
    content: "\f0e1";
    font-size: 50px;
    margin: 7px 0;
}

.icon-twitter::before {
    content: "\f099";
    font-size: 50px;
    margin: 8px 0;
}