*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    /* font-family: 'Lato', sans-serif; */
    font-family: 'Oswald', sans-serif;
    /* font-family: 'Yantramanav', sans-serif; */
    text-align: center;
    font-size: 1em;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: 0em;
    vertical-align: middle;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

/* ----- VIDEOS ----- */
object,
embed,
video,
iframe,
iframe['style']{max-width: 100%; height: auto;}


.destaque_video{margin:0 auto; max-width: 560px; width: 100%; padding: 10px; background: rgba(255, 255, 255, 0.2); float: left;}
.ratio{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.media{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

/* ----- VIDEO ----- */
.destaque-video{margin:0 auto; max-width: 560px; width: 100%; padding: 10px; background: rgba(31, 31, 31, 0.5);}
.ratio-video{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.media-video{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

/* ----- MAPA ----- */
.destaque-mapa{margin:0 auto; width: 100%; float: left;}
.ratio-mapa{position: relative; padding-bottom: 48.25%; float: left; width: 100%; height: 0;}
.media-mapa{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

/*----- PADROES -----*/
.clear{clear: both;}
.fontzero{font-size: 0em;}
img{max-width: 100%; border: 0;}
a img{border:0;}
a{text-decoration: none;}
hr{width: 20%; max-width:200px; border: 0.5px solid #ffcc00; margin: 0 auto; margin-top: 20px;}
.icon{vertical-align: middle;}


/* ----- CONTAINERS E CONTENTS ----- */
.container{width: 100%; height: auto; margin:0 auto;}
.container-topo{width: 100%; height: 100%; margin:0 auto;}

.content{display:  block; margin: 0 auto; padding: 20px 0; width: 80%; max-width: 1200px;}
.content-depoimento{display:  block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1200px;}
.content-indicado{display:  block; margin: 0 auto; padding: 20px 0; width: 80%; max-width: 1200px;}
.content-chamada{display:  block; margin: 0 auto; padding: 20px 0; width: 85%; max-width: 1200px;}
.content-topicos{display:  block; margin: 0 auto; padding: 20px 0; width: 95%; max-width: 1100px;}
.content-header{display:  block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1200px;}
.content-palestrante{display:  block; margin: 30px auto; width: 90%; max-width: 1200px;}

.content-footer{display:  block; margin: 30px auto; width: 90%; max-width: 1200px;}

.box30{width: 30%; float: left;}
.box40{width: 40%; float: left;}
.box50{width: 50%; float: left;}
.box60{width: 60%; float: left;}
.box70{width: 70%; float: left;}

/* ----- BACKGROUND -----*/
.bg-brown{background: #4a2b13;}
.bg-green{background: #2ba268;}
.bg-yellow{background: #ffc000;}
.bg-blue{background: #01425a;}
.bg-gray{background: #333;}
.bg-lightgray{background: #eee;}
.bg-lightblue{background: #02709d;}
.bg-darkblue{background: #015a7f;}
.bg-red{background: #c13425;}
.bg-orange{background: #ff9600;}

/* ----- MARGINS ----- */
.m30-top-bottom{margin:30px 0;}
.m60-top-bottom{margin:60px 0;}
.m30-top{margin-top: 30px;}
.m30-bottom{margin-bottom: 30px;}
.m60-top{margin-top: 60px;}
.m60-bottom{margin-bottom: 60px;}

/* ----- PADDINGS ----- */
.p30-top{padding-top: 30px;}
.p30-bottom{padding-bottom: 30px;}
.p60-top{padding-top: 60px;}
.p60-bottom{padding-bottom: 60px;}
.p30-top-bottom{padding: 30px 0;}
.p60-top-bottom{padding: 60px 0;}

/* ----- TXT-SHADOW ----- */
.txt-shadow{text-shadow: 1px 1px #1f1f1f;}

/* ----- COLOR ----- */
.color-yellow{color: #ffc000;}
.color-white{color: #fff;}
.color-gray{color: #333;}
.color-red{color: #c13425;}

/* ----- FONT_SIZE ----- */
.f-size-24{font-size: 2.4em;}

/* ----- TXT-TRANSFORME ----- */
.tt-uppercase{text-transform: uppercase;}

/* ----- TXT-TRANSFORME ----- */
.txt-align-center{text-align: center !important;}

/* ----- LIST STYLE ----- */
.list-style-none{list-style: none;}

/* ----- FONT-WEIGHT ----- */
.f-bold{font-weight: bold;}
.f-400{font-weight: 400;}
.f-300{font-weight: 300;}

/* ==================== BOTÕES ==================== */

.bt{display: inline-block; cursor: pointer; padding: 7px 12px; margin-top: 2px; background: #888; font-size: 0.9em; color: #fff; 
    text-decoration: none !important;  text-align: center; border: none; text-shadow: 1px 1px #555;
}

.bt:hover{
    background: #555;
    text-decoration: none !important;
}
.bt-yellow{
    background: #ffc000;      
}
.bt-yellow:hover{
    background: #ffa800 !important;      
}
.bt-green{
    background: #2b8d5e;      
}
.bt-green:hover{
    background: #30a06a !important;      
}

.bt-red{
    background: #c13425;      
}
.bt-red:hover{
    background: #cc4233 !important;      
}
.bt-orange{
    background: #ff9600;      
}
.bt-orange:hover{
    background: #fbad3d !important;      
}
.bt-blue{
    background: #012d46; 
    border-bottom: 4px #001d2e solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.bt-blue:hover{
    background: #013959;      
}

/* ==================== BOTÕES ==================== */
.bt-line{display: inline-block; cursor: pointer; padding: 8px 12px; margin-top: 2px; font-size: 0.9em; color: #fff; 
    text-decoration: none !important;  text-align: center; border: none; 
}

.bt-line:hover{
    background: #555;
    text-decoration: none !important;
}

.bt-line-white{
    background: none;
    border-radius: 5px;      
    -webkit-border-radius: 5px;      
    -moz-border-radius: 5px;      
    border: 1px #fff solid;
}
.bt-line-white:hover{background: #fff !important; color: #5a8fff; transition: all 0.3s ease;}

.bt-font-large{font-size: 1.1em !important; text-transform: uppercase;}

/* BT REDES SOCIAIS */
.footer-bt{
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    padding: 5px; 
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px; 
    margin: 15px 5px 30px 5px;
       
}

.footer-bt-facebook{background: #3b5998;}
.footer-bt-facebook:hover{background: #5179c9; transition:all 0.3s ease;}
.footer-bt-googleplus{background: #db4437;}
.footer-bt-googleplus:hover{background: #f36053; transition:all 0.3s ease;}
.footer-bt-youtube{background: #e52d27;}
.footer-bt-youtube:hover{background: #ec443e; transition:all 0.3s ease;}
.footer-bt-twitter{background: #1da1f2;}
.footer-bt-twitter:hover{background: #51b7f7; transition:all 0.3s ease;}

@media(max-width: 1200px){
    .content-header{width: 98%;}
}
@media(max-width: 1050px){
    .content-palestrante{width: 100%;}    
    .content{width: 93%;}
    
    .content-topicos{width: 90%;}

    .box30{width: 100%;}
    .box40{width: 100%;}
    .box50{width: 100%; }
    .box60{width: 100%;}
    .box70{width: 100%;}

    /*bt-line*/
    .bt-line-white{
    background: #5a8fff;
    border-radius: 0;      
    -webkit-border-radius: 0;      
    -moz-border-radius: 0;      
    border: none;
    color: #fff !important;
}
.bt-line-white:hover{background: #2c6ef9 !important; color: #fff; transition: all 0.3s ease;}
}