@charset "UTF-8";

/* keyframes */
@keyframes pulse-whatsapp {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse-whatsapp {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}
@keyframes pulse-telefone {
    from { box-shadow: 0 0 0 0px rgba(255,0,0,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse-telefone {
    from { box-shadow: 0 0 0 0px rgba(255,0,0,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}

@keyframes drop {
    from { opacity: 0; margin-top: -50px; }
    to { opacity: 1; margin-top: 0; }
}

@keyframes drop-left {
    from { opacity: 0; margin-left: -50px; }
    to { opacity: 1; margin-left: 0; }
}
/* keyframes */

/* Reset */
* { margin: 0; padding: 0; font-family: Arial; }
/* Suavização dos movimentos */
* { transition: color .5s, opacity .5s, background .5s, border .5s, top .5s, left .5s, right .5s, width .5s, height .5s, margin .5s, transform .5s; } 

/* Basico */
.basic-container { width: 100%; margin: 0 auto; display: inline-table; }

left  { width: 48%; padding: 1%; float: left; display: inline-table; }
right { width: 48%; padding: 1%; float: right; display: inline-table; }

a       { text-decoration: none; color: #4DBDCA; }
a:hover { text-decoration: none; color: #1F294B; }

p { font-size: 16px; color: #555555; margin: 10px 0px; line-height: 27px; }

list { font-size: 16px; text-align: left; display: table; }
list ul { display: block; margin: 5px 30px; }
list ul li { list-style: url(../_img/list.png); padding: 2.5px 0; }

h1, h2, h3, h4 { text-shadow: 1px 1px 2px #555555; }

h1 { font-size: 40px; margin: 30px 0px; font-weight: 600; }
h2 { font-size: 30px; margin: 30px 0px; font-weight: 600; }
h3 { font-size: 25px; margin: 30px 0px; font-weight: 600; }
h4 { font-size: 20px; margin: 30px 0px; font-weight: 600; }

.tx_s16 { font-size: 16px; }
.tx_s18 { font-size: 18px; }

.primary    { color: #4DBDCA; }
.secondary  { color: #1F294B; }
.tx_black   { color: #222B2F; }
.tx_black p { color: #222B2F; }
.tx_white   { color: #FFFFFF; }
.tx_white p { color: #FFFFFF; }

.bg_primary     { background: #4DBDCA; }
.bg_secondary   { background: #1F294B; }
.bg_white       { background: #FFFFFF; }
.bg_black       { background: #222B2F; }
.bg_white_alpha { background: rgba(255, 255, 255, .7);}

.justify    { text-align: justify; }
.left       { text-align: left; }
.center     { text-align: center; }
.right      { text-align: right; }

.table { display: table; }

.radius { border-radius: 100%; }
.radius_30 { border-radius: 30px; }

.shadow { box-shadow: #555555 3px 3px 3px; }

.img_left   { 
    width: 25%; height: auto; padding: 0.2%; margin: 0px 25px 5px 0px; border-radius: 20px; float: left;
    background: linear-gradient(to left, rgba(77, 189, 202, .95), rgba(31, 41, 75, .95));   
}
.img_left_small {
    width: 15%; height: auto; padding: 0.2%; margin: 0px 25px 5px 0px; border-radius: 20px; float: left;
    background: linear-gradient(to left, rgba(77, 189, 202, .95), rgba(31, 41, 75, .95));  
}
.img_right  { width: 25%; height: auto; padding: 1%; margin: 0px 0px 5px 10px; float: right; }
.img_80 { width: 80%; margin: 0 10%; }
.img_50 { width: 50%; margin: 0 25%; }
.img_30 { width: 30%; margin: 0 35%; }
.img_20 { width: 20%; margin: 0 40%; }
.img_full { width: 100%; }

.base { width: 100%; margin: 0px auto; display: table; }
section { width: 70%; padding: 30px 15%; display: table; }

.cont_2 { width: 45%; margin: 2.5%; float: left; }
.cont_3 { width: 30%; margin:  1.5%; float: left; }
.cont_3_2 { width: 64%; margin: 1%; float: left; }

.space { width: 100%; height: 1px; background: linear-gradient(to left, rgb(255, 255, 255), rgb(255, 255, 255), rgb(155, 155, 155), rgb(255, 255, 255), rgb(255, 255, 255)); display: block; }
/* basico */

/* up */
#up         { position: fixed; z-index: 5; width: 36px; height: 36px; right: 15px; bottom: 15px; background: rgba(0,0,0,.9); } 
#up:hover   { opacity: .7; cursor: pointer; }
#up img { width: 100%; }

#up, #up:hover { transition: opacity .5s; }
/* up */

/* Whatsapp */
.whatsapp { position: fixed; width: 64px; height: 64px; left: 15px; bottom: 15px; border-radius: 100px; background: #33CC33; animation: pulse-whatsapp 1s; animation-iteration-count: infinite; z-index: 5; }
.whatsapp img { width: 50%; height: 50%; margin: 25%; }

.bt_whatsapp { display: inline-block; font-size: 32px; margin: 25px; padding: 10px 25px; border-radius: 30px; background: #33CC33; color: #FFFFFF; font-weight: 600; }
.bt_whatsapp:hover { animation: pulse-whatsapp 1s; animation-iteration-count: infinite; z-index: 5; color: #FFFFFF; }
.bt_whatsapp img { width: 25px; margin: 0 5px; }
/* Whatsapp */

/* Background Video */
#bgvideo { position: fixed; width: 100vw; /*height: 100vh;*/ z-index: -5; }
/* Background Video */

/* Header */
header { position: relative; width: 100%; height: 600px; display: table; }
.header-index { height: 100vh; }

header .top { position: fixed; width: 100%; top: 0; padding: 0% 0%; background: rgba(255, 255, 255, .5); display: table; z-index: 5; box-shadow: 3px 3px 3px #333; }

header .top .barra { width: 80%; height: 35px; padding: 0 10%; background: linear-gradient(to left, rgba(77, 189, 202, .75), rgba(31, 41, 75, .75)); display: block; }
header .top .barra p { 
    font-size: 12px; font-weight: 600; margin: 0; padding: 10px 5px; 
    color: #FFFFFF; display: block; line-height: 15px;
}
header .top .barra .mid { width: 50%; float: left; padding: 0; margin: 0; }
header .top .barra .mid a { color: #FFFFFF; }
header .top .barra .mid nav ul { width: auto; float: right; list-style: none; display: table; }
header .top .barra .mid nav ul li { position: relative; padding: 0px 5px; float: left; display: table; }
header .top .barra .mid nav ul li img { width: 25px; height: 20px; margin: 7px 0px; float: left; }
header .top .barra .mid nav ul li a { 
    font-size: 12px; font-weight: 600; margin: 0 5px; padding: 0; 
    color: #FFFFFF; display: block; float: right; 
}
header .top .barra .mid nav ul li a strong { padding: 10px 0; display: table; }
header .top .barra .mid nav ul li:hover { background: #1F294B; color: #FFFFFF; }

header .principal { width: 80%; padding: 0 10%; }

header .principal .logo { width: 25%; float: left; display: block; }
header .principal .logo img { width: 100%; }

header .principal .menu { width: 75%; float: right; }
header .principal .menu #menu { z-index: 5; }
header .principal .menu #menu ul { width: auto; margin: 0px; float: right; list-style: none; display: table; }
header .principal .menu #menu ul li { position: relative; float: left; display: table; }
header .principal .menu #menu ul li a { font-size: 16px; font-weight: bolder; margin: 20px 3px; padding: 10px; color: #1F294B; display: block; border-radius: 6px; }
header .principal .menu #menu ul li:hover a { color: #4DBDCA; text-shadow: none; border-radius:6px; }
header .principal .menu #menu ul li .ativo { color: #4DBDCA; text-shadow: none; border-radius:6px; text-decoration: underline; }

header .principal .menu #menu ul li ul { position: absolute; width: 200px; background: linear-gradient(to left, rgba(77, 189, 202, .95), rgba(31, 41, 75, .95)); display: none; }
header .principal .menu #menu ul li:hover ul { animation: drop 0.5s; display: block; }
header .principal .menu #menu ul li ul li { width: 100%; float: none; }
header .principal .menu #menu ul li:hover ul li:hover { background: #F4F4F4; }
header .principal .menu #menu ul li ul li a { font-size: 12px; font-weight: 100; margin: 5px; }

header .principal .menu #menu ul li:hover ul li ul { display: none; }

header .principal .menu #menu ul li ul li ul { position: absolute; width: 200px; top: 0; left: 200px; background: linear-gradient(to left, rgba(77, 189, 202, .95), rgba(31, 41, 75, .95)); display: none; }
header .principal .menu #menu ul li:hover ul li:hover ul { animation: drop-left 0.5s; display: block; }

header .menu-mobile { display: none; width: 50%; margin: 25%; float: right; }

header .frase_destaque { position: absolute; width: 60%; padding: 1% 20%; bottom: 0; background: linear-gradient(to left, rgba(77, 189, 202, .75), rgba(31, 41, 75, .75)); }
header .frase_destaque p { font-size: 25px; text-align: center; color: #FFFFFF; }
/* Header */

/* Banner */
.banner { width: 100%; display: table; }
.banner img { width: 100%; }
/* Banner */

/* Center */
center .destaque { width: 30.333%; padding: 1.5%; float: left; }
center .destaque img { width: 100%; border-radius: 10px; }
center .destaque h4 { font-size: 16px; }

.servicos section { padding: 100px 15%; }
.cursos section { padding: 100px 15%; }

center .map { width: 100%; margin: 0; padding: 0; height: 300px; }

center .bt-contato-whatsapp { width: 40%; background: #52B152; border-radius: 50px; }
center .bt-contato-whatsapp:hover { animation: pulse-whatsapp 1s; animation-iteration-count: infinite; }

center .curso_faixa { width: 100%; margin: 25px 0; display: inline-table; text-align: center; background: #EEEEEE; border-radius: 15px; }
center .curso_faixa p { margin: 0; }
center .curso_faixa h3 { margin: 0; color: rgb(77, 189, 202); }

center #terceirizacao-tts .destaque { width: 48%; padding: 1%; float: left; }
center #terceirizacao-tts .destaque img { width: 100%; border-radius: 10px; }
center #terceirizacao-tts .destaque h4 { font-size: 16px; }
/* Center */

/* footer */
footer { background: linear-gradient(to left, rgba(77, 189, 202, .95), rgba(31, 41, 75, .95)); color: #FFFFFF; }
footer .coluna { width: 33.333%; float: left; }
footer h4 { color: #FFFFFF; }
footer p { font-size: 16px; }
footer nav ul { list-style: none; display: table; }
footer nav ul li a { color: #FFFFFF; margin: 5px 0px; display: block; }
footer nav ul li a:hover { color: #0986DA; }
/* footer */

/* Responsive */
@media only screen and (max-width: 1000px){
    left { width: 100%; }
    right { width: 100%; }
    
    h1 { font-size: 25px; margin: 15px 0px; font-weight: 600; }
    h2 { font-size: 20px; margin: 15px 0px; font-weight: 600; }
    h3 { font-size: 15px; margin: 15px 0px; font-weight: 600; }
    h4 { font-size: 18px; margin: 15px 0px; font-weight: 600; }
    
    p { font-size: 20px; margin: 10px 0px; }
    
    /* containers */
    .cont_3, .cont_3_2, .cont_2 { width: 98%; float: none; }

    .img_left { width: 45%; margin: 50px 12.5%; }
    
    .img_80 { width: 45%; margin: 50px 12.5%; }
    .img_30 { width: 45%; margin: 50px 12.5%; }
    .img_20 { width: 45%; margin: 50px 12.5%; }
    
    .bg-cinza { background-size: 500%; }
    
    list { font-size: 32px; text-align: left; display: table; }
    list ul { display: block; margin: 5px 30px; }
    list ul li { list-style: url(../_img/list.png); padding: 2.5px 0; }
    
    /* header */
    header .menu #menu { position: fixed; width: 30%; height: 100%; padding: 0 10%; top: 0; left: 0; background: rgba(160, 160, 160, .9); display: none; z-index: 5; }
    header .menu #menu ul { width: auto; float: left; margin: 0px auto; }
    header .menu #menu ul li { width: 100%; margin: 0; padding: 0; float: left; display: table; }
    header .menu #menu ul li a { width: 80%; padding: 15% 10%; text-align: center; margin: 0px; display: table; }
    header .menu #menu ul li a:hover { background: #D90000; color: #FFFFFF; }

    header .menu-mobile { display: table; }
    /* header */
    
    /* banner */
    /* banner */
    
    /* center */
    /* center */
    
    /* footer */
    footer .container .column { width: 100%; }
    /* footer */
}

@media only screen and (max-width: 640px){
    /* base */
    header .top .barra .mid { width: 100%; float: left; padding: 0; margin: 0; }

    .img_left { width: 90%; padding: 5%; margin: 50px 0; }

    p { font-size: 16px; margin: 25px 0; }
    /* base */

    /* Background Video */
    #bgvideo { position: fixed; width: auto; height: 100vh; z-index: -10; }
    /* Background Video */

    /* header */
    header .top .barra .cont_mid { display: none; }

    header .top .logo { width: 75%; }
    header .top .menu { width: 25%; }
    /* header */

    /* center */
    center .destaque { width: 90%; padding: 5%; float: left; }

    center .bt-contato-whatsapp { width: 75%; }
    /* center */

    /* footer */
    footer .coluna { width: 90%; padding: 5%; float: left; }
    /* footer */
}