/* ==== FONTS ==== */
@font-face {font-family: museo; src: url(fonts/museo-b.otf); font-weight: 700;}
@font-face {font-family: museo; src: url(fonts/museo-n.otf); font-weight: 400;}
@font-face {font-family: museo; src: url(fonts/museo-l.otf); font-weight: 300;}

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

    font-family: 'museo', sans-serif;
    text-align: center;
    font-size: 1em;
    font-weight: 400;

    line-height: 1.5;
    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; width: 100%; max-width: 850px; padding: 10px; background: rgba(0, 0, 0, 0.4);}
.destaque-video-2{margin:0 auto; width: 100%; max-width: 850px; padding: 10px; }
.ratio-video{position: relative; padding-bottom: 56.25%; width: 100%; height: 0;}
.media-video{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

/* ----- MAPA ----- */
.destaque-mapa{margin:0 auto; width: 100%;  padding: 10px; background: rgba(255, 255, 255, 0.2); float: left;}
.ratio-mapa{position: relative; padding-bottom: 56.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:100px; border: 2px solid #d12121; margin: 0 auto; margin-top: 20px;}
.icon{vertical-align: middle;}
p strong{vertical-align: baseline; font-weight: 700;}


/* ==== header_menu */
.main_header_fixed {position: fixed; top: 0; left: 0; background: #fff; z-index: 998;}

/* .header_menu img{float: left; width: 200px; margin: 5px 0 3px 0;} */

.header_menu ul{list-style: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.header_menu ul li{display: inline-block; font-size: 0.9em;}
.header_menu ul a li{vertical-align: baseline;}
.header_menu li .header_link{text-align: left; min-height: 50px; padding: 18px 20px 0 20px; color: #666; font-weight: 300; display: block;}
.header_menu li .header_link:hover{
    border-bottom: 2px solid #1a7096 !important;
    transition:all 0.1s ease;    
}
/* header_menu ==== */

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

.content-95-800{display: block; margin: 0  auto; padding: 15px 0; width: 95%; max-width: 800px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-80-1000{display: block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1000px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-80-1024{display: block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1024px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-80-1100{display: block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1000px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-80-1200{display: block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-80-1300{display: block; margin: 0 auto; padding: 30px 0; width: 80%; max-width: 1300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-85-1024{display: block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1024px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-85-1200{display: block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-85-1300{display: block; margin: 0 auto; padding: 30px 0; width: 85%; max-width: 1300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-90-1024{display: block; margin: 0 auto; padding: 30px 0; width: 90%; max-width: 1024px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-90-1200{display: block; margin: 0 auto; padding: 30px 0; width: 90%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-90-1200-cv{display: block; margin: 0 auto; padding: 0; width: 90%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-90-1300{display: block; margin: 0 auto; padding: 30px 0; width: 90%; max-width: 1300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-900{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 900px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1000{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1000px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1024{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1024px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1100{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1100px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1200{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1200-cv{display: block; margin: 0 auto; padding: 0; width: 95%; max-width: 1200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.content-95-1300{display: block; margin: 0 auto; padding: 30px 0; width: 95%; max-width: 1300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.content-menu{display:  block; margin: 0 auto; padding: 0; width: 100%; 
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
}

/* ----- BOXs ----- */
.box30{width: 30%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box35{width: 35%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box40{width: 40%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box45{width: 45%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box50{width: 50%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box55{width: 55%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box60{width: 60%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box65{width: 65%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box70{width: 70%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.box100{width: 100%; float: left; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}


/* ----- BACKGROUND -----*/
.bg-blue{background: #197394;}
.bg-lightblue{background: #bee5f2;}
.bg-darkblue{background: #173059;}
.bg-darkbluer-gba{background: rgba(17, 35, 65, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.bg-brown{background: #4a2b13 !important;}
.bg-lightbrown{background:#a17500;}
.bg-lighgreen{background: #5bba8e;}
.bg-green{background: #199483;}
.bg-darkgreen{background: #001f14;}
.bg-lightgreen{background: #ccedcc;}
.bg-yellow{background: #ffc000;}

.bg-gray{background: #333;}
.bg-gray2{
    background: rgb(156,153,163);
background: linear-gradient(160deg, rgba(156,153,163,1) 0%, rgba(128,128,128,1) 58%);
}
.bg-lightgray{ background-image: linear-gradient(to left top, #eee , #b0b0b0)}
.bg-white{background: #fff;}
.bg-red{background: #c13425;}
.bg-pink{background: #9e2f9a;}
.bg-lightpink{background: #faf2de;}
.bg-purple{background: #2a2581;}

/* ==== img-compress ==== */
.img-book{width: 450px; margin-top: 30px;}
.img-limitado{width: 150px; }
.img-limitado2{width: 250px; }
.img-circulo-do-sucesso{width: 450px; }
.img-jacob-petry{width: 500px; float: right;}
.img-telegram{width: 50px; margin-left: 15px;}
.img-telegram-small{width: 25px; margin-left: 15px;}

/* ==== grid-container ==== */
.grid-container{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

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

.m60-top{margin-top: 60px;}
.m60-bottom{margin-bottom: 60px;}
.m60-top-bottom{margin:60px 0;}

.m90-top{margin-top: 90px;}
.m90-bottom{margin-bottom: 90px;}
.m90-top-bottom{margin:90px 0;}


/* ----- PADDINGS ----- */
.p15-top{padding-top: 15px;}
.p15-bottom{padding-bottom: 15px;}
.p15-top-bottom{padding: 15px 0;}

.p30-top{padding-top: 30px;}
.p30-bottom{padding-bottom: 30px;}
.p30-top-bottom{padding: 30px 0;}

.p60-top{padding-top: 60px;}
.p60-bottom{padding-bottom: 60px;}
.p60-top-bottom{padding: 60px 0;}

/* ==== box-shadow ====*/
.box-shadow-b{
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
}

/* ----- transition -----  */
.transicao{transition:all 0.3s ease;}

/* ----- zoom ----- */
.zoom:hover{
    transition:all 0.3s ease;    
    filter: alpha(opacity=50);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   transform: scale(1.05);
}

/* ----- 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;}
.color-blue{color: #2eb0ed;}

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

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

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

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

/* ----- BORDER ----- */
.border-left{border-left: 6px #105370 solid;}
.border-right{border-right: 1px #fff solid;}

/* ==== floats */
.float-left{float: left;}
.float-right{float: right;}

.border-left-dotted{border-left: 2px #fff dotted;}
.border-right-dotted{border-right: 2px #fff dotted;}


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

/* ==== bt - botões */
.bt{
    display: inline-block;
    cursor: pointer;
    background: #333;
    padding: 8px 18px;
    margin-top: 5px;        
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;       
    text-transform: uppercase;
}
.bt:hover{background: #555; text-decoration: none !important; transition:all 0.3s ease;}

.bt-yellow{background: #ffc000;}
.bt-yellow:hover{background: #ffa800 !important; transition:all 0.3s ease;}

.bt-green{background: #3bac50;}
.bt-green:hover{background: #2d9c42; transition:all 0.3s ease;}

.bt-greenlight{background: #03aea0;}
.bt-greenlight:hover{background: #039387; transition:all 0.3s ease;}

.bt-orange{background: #e77336;}
.bt-orange:hover{background: #ca632d !important; transition:all 0.3s ease;}

.bt-blue{background: #3b6dac;}
.bt-blue:hover{background: #2f5d97; transition:all 0.3s ease;}

.bt-blue-border-bottom{background: #3b6dac; border-bottom: 4px solid #2f5d97;}
.bt-blue-border-bottom:hover{background: #2f5d97; transition:all 0.3s ease;}

/* bt-radius botões ==== */
.bt-radius{
    display: inline-block;
    cursor: pointer;    
    padding: 15px 35px;
    margin-top: 5px;        
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;        
    text-transform: uppercase;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    font-weight: 700;
    transition:all 0.3s ease;
}
.bt-radius-small{
    display: inline-block;
    cursor: pointer;    
    padding: 10px 15px;
    margin-top: 5px;        
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;        
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: 700;
    transition:all 0.3s ease;
}

.bt-radius-line-white{border: 1px solid #fff;}
.bt-radius-line-white:hover{background: #fff; color: #3b6dac;}

.bt-radius-line-blue{border: 1px solid #3b6dac; color: #3b6dac;}
.bt-radius-line-blue:hover{background: #3b6dac; color: #fff;}

.bt-radius-telegram{background: #00abe3; color: #fff;}
.bt-radius-telegram:hover{
    background: #019bce;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.7);
    -moz-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.7);
    box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.7);
}

.bt-radius-line-telegram{border: 1px solid #00abe3; color: #00abe3;}
.bt-radius-line-telegram:hover{background: #00abe3;  color: #fff;}

.bt-radius-blue{background-image: linear-gradient(#152e59, #3669c2); color: #fff; border: 4px #214480 solid; font-size: 1.6em; padding: 15px 30px;}
.bt-radius-blue:hover{background: linear-gradient(#3669c2, #152e59 ); color: #fff;}

.bt-radius-gold{background-image: linear-gradient(#dbaf37, #a07602); color: #fff; border: 4px #6e5200 solid; font-size: 1.4em;}
.bt-radius-gold:hover{border: 4px #6e5200 solid; background-image: linear-gradient(#f1c44a, #b78702); color: #fff;}

/* bt-menu botões ==== */
.bt-menu{
    display: inline-block;
    cursor: pointer;    
    padding: 10px 30px;
    margin-top: 5px;        
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;            
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-weight: 300;
}
.bt-menu-line-white{border: 1px solid #fff;}
.bt-menu-line-white:hover{background: #fff; transition:all 0.3s ease; color: #3b6dac;}

.bt-menu-gold{background-image: linear-gradient(#dbaf37, #a07602); color: #fff; border: 1px #dbaf37 solid; border-bottom: 2px #6e5200 solid;}
.bt-menu-gold:hover{border: 1px #b78702 solid; background-image: linear-gradient(#f1c44a, #b78702);  color: #fff; transition:all 0.2s ease;}

/* ==== bt-menu botões */

/* ==== bt-links-radius */
.bt-links-radius{
    display: inline-block;
    cursor: pointer;    
    padding: 15px 45px;     
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bt-links-radius-small{
    display: inline-block;
    cursor: pointer;    
    padding: 10px 35px;     
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bt-links-radius-blue{border:1px solid #3b6dac; color: #3b6dac;}
.bt-links-radius-blue:hover{background: #3b6dac; color: #fff; }

.bt-links-radius-green{border:1px solid #039387; color: #039387;}
.bt-links-radius-green:hover{background: #039387; color: #fff;}

.bt-links-radius-orange{border:1px solid #e77336; color: #e77336;}
.bt-links-radius-orange:hover{background: #e77336; color: #fff;}

.bt-links-radius-yellow{    
    border:1px #febd01 solid;    
    background-color:#febd01 ; 
    font-size: 1.2em; 
    color: #fff;
    border-bottom: 4px #df8902 solid;    
}
.bt-links-radius-yellow:hover{background: #ffcc00; border:1px #df8902 solid; }
.bt-links-radius-red{    
    border:1px #d12121 solid;    
    background-color:#d12121 ; 
    font-size: 1.2em; 
    color: #fff;
    border-bottom: 4px #880000 solid;    
}
.bt-links-radius-red:hover{background: #d12121; border:1px #880000 solid; }
/* bt-links ==== */

/*bt - voltar ao topo*/
.backtop-radius{
    position:fixed; 
    display: none; 
    cursor: pointer; 
    bottom: 15px; 
    right: 25px; 
    text-transform: uppercase; 
    color: #FFF; 
    font-size: 0.8em; 
    color: #FFF; 
    padding: 10px; 
    background: rgba(3, 111, 174, 0.5);
    z-index: 99;

    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.backtop-radius:hover{background: #dbaf37; transition: all 0.3s ease;}
.backtop-square{
    position:fixed; 
    display: none;
    border: 1px #3d70c7 solid;
    cursor: pointer; 
    bottom: 15px; 
    right: 10px;     
    color: #3d70c7; 
    font-size: 0.8em; 
    
    padding: 10px;     
    z-index: 99;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.backtop-square:hover{background: #3d70c7; color: #ffffff; transition: all 0.3s ease;}

/* ==== flutuante-btns */
.flutuante-btn-bottom{position: relative; bottom: -30px;}


/* ==== EFFECTs ==== */
/* efeitos animation */
@keyframes levitar{
    0%, 20%, 60%, 100%{-webkit-transform: translateY(0); transform: translateY(0);}
    40%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
    80%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
}
.efeito-levitar:hover{animation: levitar 1s;}

.efeito{
    color: #fff;
    padding: 20px;
    margin: 10px;
    font-size: 24px;
    line-height: 24px;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 400ms ease;
}

.efeito-girar{transform-style: preserve-3d; background: #d12121;}
.efeito-girar:after{
    top: -100%;
    left: 0px;
    width: 100%;
    position: absolute;
    background: #333;
    content: 'enviar';
    transform-origin: left bottom;
    transform: rotateX(90deg);
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 10px;
}
.efeito-girar:hover{    
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
    
}

/* ==== effect-grow */
.effect-grow{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;} 
.effect-grow:hover{transform: scale(1.2); -webkit-transform: scale(1.2);} 

/*==== CONTADOR DE DATAS ==== */
.contador-data{display: inline-block;}
.contador-format-txt{
    display: inline-block; 
    /* background: rgba(0, 0, 0, 0.5); */
    padding: 10px; 
    margin: 8px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    color: #fff;
    font-size: 2.6em;
}
.contador-data-txt{color: #f93636; font-size: 0.4em; font-weight: 300;}
.contador-dois-ponto{position: relative; color: #fff; font-size: 2em; font-weight: 700; top:-10px;}

.titulo-contator{font-size: 1.5em; color: #ff0; margin-top: 30px;}
.txt-ultimas-vagas{font-size: 5em; color: #d12121; text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 1px #fff; margin-top: 15px;}

@media(max-width: 1050px){
    /* ==== BACKGROUND ==== */
    .bg-darkbluer-gba{padding: 0 15px;}

    /* ==== box ==== */
    .box30{width: 100%;}
    .box35{width: 100%;}
    .box40{width: 100%;}
    .box45{width: 100%;}
    .box50{width: 100%;}
    .box55{width: 100%;}
    .box60{width: 100%;}
    .box65{width: 100%;}
    .box70{width: 100%;}

    /* === imgs */
    .img-book{margin-top: 0;}
    .img-telegram{width: 25px; margin-left: 5px;}
    
    

    /*==== CONTADOR DE DATAS ==== */
    .contador-data{display: inline-block;}
    .contador-format-txt{padding: 8px; margin: 2px;font-size: 1.9em;}
    .contador-data-txt{color: #f93636; font-size: 0.4em; font-weight: 300;}

    /* ==== btn-radius */    
    .bt-radius{padding: 15px 18px;}
    .bt-links-radius{padding: 20px 15px; }
    .bt-links-radius-red{font-size: 0.9em; }
}