body {background-size: cover;background-image: url('/assets/img/demos/background-metal4.jpg');background-color: #101712;}
main {width: 100%;}
.boxPlayer {width: 90%;position: relative;margin: 0 auto;}
.boxPlayer div {position: initial;}
.entrada-logo {width: 100%;z-index: 10;text-align: center;opacity: .9;margin-top: 2%;position: initial !important;}
.page-entrada {margin: 0;}
.page-entrada .entrada-logo {width: 100%;z-index: 10;position: absolute;text-align: center;top: 10%;opacity: .9;}
/* /////////////////////////////////////////////////////////////////////////// */
/* HOME BASE */
.sv-movies {height: calc(100vh);background-image: url(/assets/img/SV_top_background.jpg);width: 100%;min-height: 816px;background-color: #000;color: #aaa;position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;}
.sv-movies_bg1 {background-position: 22% 0;}
.sv-movies_bg2 {background-position: 55% 0;}
.sv-movies_bg3 {background-position: 30% 0;}
.sv-movies_bg4 {background-position: 90% 0;}
.sv-movies h1 {max-width: 100%;margin: 0 auto;font-family: 'Bebas Neue';letter-spacing: 3px;font-size: 48px;font-weight: 400;text-align: center;text-shadow: 2px 3px #000000c7;line-height: 1.2;}
.start-item {position: absolute;bottom: 150px;z-index: 1;padding-left: 0;padding-right: 0;width: 100%;}
.start-item h1 {transition: all 1.2s ease;margin-left: -2000px !important; opacity: 0;}
.start-item .middle-text, .start-item .start-button {transition: opacity 2.5s ease;opacity: 0 !important;}
.sv-movies .start-item .start-item-h1-anime {margin-left: 0 !important;opacity: 1;}
.sv-movies .start-item .middle-text-anime, .sv-movies .start-item .start-button-anime {opacity: 1 !important;}
.start-button-sec a {margin: 0 !important;}
.sv-conheca .start-button-anime > .btn-warning{max-width: 400px;margin: 55px auto 10px;border-radius: 0;text-transform: uppercase;font-weight: 600;}
.start-button-anime .btn-link {max-width: 400px;margin: 10px auto;border-radius: 0;font-size: 18px;color: #fff}
.start-item div strong {font-family: sans-serif;font-size: 22px;font-weight: 400;line-height: 1.375;color: #fff;text-shadow: 2px 2px #000000;display: block;}
.start-item div strong span {font-size: 14px;margin-left: 4px;}
.start-item .middle-text {margin: 20px 0;text-align: center;margin-bottom: 50px;}
.end-button {text-align: center;}
.end-button .start-button-anime > .btn-dark {max-width: 400px;margin: 0 auto 10px;border-radius: 0;text-transform: uppercase;font-weight: 600;}
.sv-movies a {width: 90%;border-radius: 0;text-transform: uppercase;font-weight: 600;padding: 20px;height: 70px;margin: 20px auto 40px}
.footer {width: 100%;background-color: #fff;color: #000;text-align: center;margin-top:50px;}
.footer .container {background-color: #fff;}
.footer-home {background-color: #2a2a2a;padding-bottom: 20px !important;}
.footer-home .text-muted{color:#fff !important;}
.footer-home .footer-social {max-width: 2000px;margin: 5px auto 0;}
.footer-home .footer-social ul {list-style: none;}
.footer-home .footer-social ul li {display: inline-block;}
.footer-home .footer-social ul li a {color: #fff;text-decoration: none;transition: transform .5s ease;}
.footer-home .footer-social ul li a i{transform: scale(1.4);margin-right: 6px;}
.footer-home .footer-links {background-color: #343434;margin: 0 auto;}
.footer-home .footer-social ul li a:hover {color: orange;transform:scale(1.2);}
.footer-home .footer-links a {color: #fff;text-decoration: none;}
.footer-home .footer-links a:hover {color: orange;}
.footer-home .footer-text{padding-top:10px}
.footer-home .footer-text span {color: #fff !important;margin-top: 10px;padding-top: 10px;}
.footer-home .footer-logo {text-align: right;opacity: .6;}
.footer-home .footer-logo img {height: 50px;}
.footer-home .footer-logo p {font-family: 'Bebas Neue';letter-spacing: 2px;color: #fff;font-size: 30px;padding-left: 20px;display: table-cell;float: right;}

header {transition: top .2s ease-out;position: fixed;left: 0;top: 0;right: 0;width: 100%;justify-content: space-between;z-index: 100001;padding-top: 10px;padding-right: 20px;text-align: right;}
header a {border-radius: 0;text-transform: uppercase;font-weight: 600;display: inline-block;}
header div {display: inline-block;}
header .btn-link:active, header .btn-link:hover {color: orange;text-decoration: none;}

.btn-assine {opacity: 0;transition: transform .5s ease-out,opacity .5s;transform: translateY(-61px);width: 260px;height: 46px;padding-top: 10px;border-radius: 0;letter-spacing: 1px;font-weight: 600;margin-right: 20px;position: absolute;right: 0;z-index: 1;top: 30%;}
.scrolled {opacity: 1;transform: translateY(0);}
.login {margin-left: 20px;margin-top: 10px;letter-spacing: 1px;font-size: 17px;text-transform: uppercase;font-weight: 400;color: #fff;text-shadow: 2px 2px #000000;}
.sv-demos {max-width:2000px;margin-left:auto;margin-right:auto;margin-top: 0px;padding-left: 20px;padding-right: 20px;}
.sv-demos div div img {width: 100%}
.sv-demos .row {margin: 0;}
.demo-text {margin-bottom: 20px;max-width: 870px;transition: opacity 2.6s ease;}

.owl-videos .owl-nav {position: absolute;top: calc(50% - 45px);width: 100%;}
.owl-videos .owl-item {transition: all .5s ease;transform: scale(0);}
.owl-videos .owl-nav .owl-prev {position: absolute;left: -20px;font-size: 60px !important;}
.owl-videos .owl-nav .owl-next {position: absolute;right: -20px;font-size: 60px !important;}
.owl-videos .item {cursor: pointer;}
.owl-videos .item div a img {border-radius: 8px;transition: opacity 0.4s}
.owl-videos .item div a i {transition: color 1s;position: absolute;text-align: center;width: 100%;top: 0;margin-top: 61%;}
.owl-videos .item div a i:hover {color: #fff;}
.owl-videos .item div a {text-decoration: none;color: #ffffff40;transition: color 0.4s}
.owl-videos .item div a:hover, .owl-videos div div:active {color: #ffffff96 !important;}
.owl-videos .item div {font-size: 40px}
.owl-videos .item div a img:hover {opacity: 0.6;}
.owl-membros {max-width: 1000px;margin: 0 auto;background-color: #5a5a5a7a;border-radius: 20px;padding: 80px 20px 20px;}
.owl-membros .owl-nav button, .owl-membros2 .owl-nav button {transition: all .3s ease;position: absolute;font-size: 30px !important;top: calc(50% - 30px);opacity: 0;}
.owl-membros .owl-nav .owl-next, .owl-membros2 .owl-nav .owl-next {right: 26px;}
.owl-membros .owl-nav .owl-prev, .owl-membros2 .owl-nav .owl-prev {left: 10px;}
.owl-membros .owl-dots, .owl-membros2 .owl-dots {text-align: center;}
.owl-membros .owl-dots .owl-dot, .owl-membros2 .owl-dots .owl-dot {width: 14px;height: 14px;border-radius: 50%;background-color: #ffffff8c;margin: 0 5px;}
.owl-membros .owl-dots .owl-dot.active, .owl-membros .owl-dots .owl-dot:hover, .owl-membros2 .owl-dots .owl-dot.active, .owl-membros2 .owl-dots .owl-dot:hover {background-color: #fff;}
.owl-membros2 .item div {max-width: 700px;margin: 0 auto;text-align: center !important;}
.owl-membros2 .item div img {border-radius: 50% !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;margin: 18px auto;}
.owl-membros .item div {max-width: 700px;margin: 0 auto;text-align: center !important;}
.owl-membros .item div p {font-style: italic;font-size: 1.4rem !important;}
.owl-membros .item div img {width: 66px;border-radius: 50% !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;margin: 18px auto;}
.owl-membros .item div strong {display: block;font-weight: 500 !important;font-size: 1rem !important;}
.owl-membros .item div span {color: #dee3e4 !important;}


.demo-text {
text-align: center
}

.sv-membros {
margin-top: 50px;
margin-bottom: 50px;
}

.sv-membros .user-review {
margin: 0;
}

.sv-membros2 {
padding-left: 15px;
padding-right: 15px;
margin-top: 50px;
}

.sv-instrutores {
max-width:2000px;
margin-left:auto;
margin-right:auto;
padding-left: 15px;
padding-right: 15px;
margin-top: 50px;
}

.owl-instrutores-animeTop {
margin-top: -400px;
transition: all 1s ease;
position: absolute;
}

.owl-instrutores-animeBottom {
margin-top: 400px;
transition: all 1s ease;
position: absolute;
}

.membros-text {
position: absolute;
width: 100%;
margin-top: 20px;
z-index: 2;
}

.membros-text-fixo {
width: 100%;
margin: 40px auto;
z-index: 2;
}

.membros-text2 {
width: 100%;
margin-top: 20px;
z-index: 2;
}

.membros-text h3, .membros-text2 h3, .membros-text-fixo h3 {
font-size: 46px;
font-family: 'Bebas Neue';

letter-spacing: 2px;
font-weight: 400;
line-height: 1;
text-align: center;
margin-bottom: 50px;
}

.demo-text h2 {
font-size: 48px;
font-family: 'Bebas Neue';

letter-spacing: 3px;
font-weight: 400;
line-height: 1;
}

.instrutores-text h4 {
font-size: 28px;
font-family: 'Bebas Neue';

letter-spacing: 3px;
font-weight: 400;
line-height: 1;
margin-bottom: 50px;
text-align:center;
}

.demo-text div {
font-size: 20px;
margin-bottom:30px;
}


.opacity {
opacity: 0;
}

.brasao-sv {
margin: 20px 20px;
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
}

.brasao-sv img {
width: 30px;
float: left;
}

.brasao-sv div {
font-family: 'Bebas Neue';

letter-spacing: 2px;
color: #fff;
font-size: 30px;
padding-left: 20px;
display: table-cell;
transition: opacity .8s;
}

.brasao-sv div p {
margin-top: 10px;
}

.modal-content {
position: absolute;
top: auto;
bottom: auto;
right: 0;
left: 0;
border-radius: 0;
box-shadow: none;
background-color: #212529;
}

.modal-videoDemo {
z-index: 100002;
}

.modal-dialog {
max-width: 95%;
}

.modal-header {
border-bottom: 0;
padding: 10px 20px 0;
}

.modal-footer {
border-top: 0;
}

.modal-title {
margin: 0;
font-family: 'Bebas Neue';

letter-spacing: 1px;
font-size: 20px;
}

.modal-footer button {
border-radius: 0;
}

.vbox-container {
position: fixed;
transition: opacity .6s ease;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
z-index: 100002;
max-height: 100%;
background-color: #000000c2;
opacity: 0;
display: none;
}

.vbox-content {
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden;
padding: 20px 10px;
height: 100%;
}

.vbox-content iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 90%;
max-height: 70%;
margin: auto auto;
}

.vbox-content .player-box {
    overflow: hidden;
}

.vbox-close {
    position: absolute;
    color: #ffffffb0;
    font-size: 25px;
    cursor: pointer;
    transition: color .3s ease;
}

.vbox-close:hover {
color: #fff;
}

.vbox-title {
position: absolute;
font-size: 14px;
height: 50px;
text-align: left;
padding: 0;
overflow: hidden;
}

.testimonial-info {
margin-bottom: 70px !important;
}

.testimonial-info .testi-wrapper {
background-color: #ffffff63;
padding: 30px 20px 0 20px;
}

.owl-membros2 .item .testimonial-info .testimonial-avatar img {
margin-bottom: 15px;
width: 90px;
height: 90px;
}

.owl-membros2 .item .testimonial-info h4 {
margin-top: 0;
margin-bottom: 2px;
font-size: 20px;
font-weight: 500;
}

.owl-membros2 .item .testimonial-info h4 span {
color: #141414 !important;
}

.owl-membros2 .item .testimonial-info .desc {
background-color: #fff;
border-radius: 10px;
min-height: 140px;
}

.testimonial-info .address {
color: #fff;
}

.testimonial-info .desc {
color: #393939;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 22px 25px;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.testimonial-info .desc:before {
content: '';
border: 17px solid transparent;
border-bottom-color: #fff;
position: absolute;
top: -34px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: 0.5s;
transition: 0.5s;
}

.testimonial-info:hover .desc {
-webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 7px 0 rgb(255 255 255 / 45%);
}

.instrutores-conteudo-Box{
min-height:34px;
}
.instrutores-conteudo {
background-color: white;
text-align: center;
padding: 5px 0;
}

.instrutores-especialidade-bg {
position: absolute;
width: 100%;
background-color: #121814;
height: 40px;
z-index: 0;
}

.instrutores-especialidade {
position: absolute;
width: 100%;
border-bottom-right-radius: 16px !important;
height:34px;
}

.instrutores-box .instrutores-conteudo:first-child {
border-top-left-radius: 16px !important;
}

.instrutores-box .instrutores-conteudo:last-child {
border-bottom-right-radius: 16px !important;
}

.instrutores-conteudo h4 {
color: #000;
font-size: 14px;
}

.instrutores-conteudo p {
color: #000;
margin: 0;
}

.sv-chamada {
max-width: 2000px;
text-align: center;
margin: 50px auto;
}

.sv-chamada h3 {
font-family: 'Bebas Neue';

font-size: 52px;
letter-spacing: 3px;
font-weight: 600;
}

.sv-chamada-box {
max-width:1500px;
margin: 40px auto 50px;
font-size: 20px;
background-color: #ffffff38;
padding-top: 10px;
border-radius: 8px;
}

.sv-chamada-box div {
animation-duration: 1s;
animation-fill-mode: both;
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}

.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}

.sv-chamada-box .row .col-2{
text-align:right
}

.sv-chamada-box .row .col-10 {
text-align: left
}

.sv-chamada-box div i {
margin-right: 10px;
font-size:24px;
}

.sv-chamada-box div p {
text-transform: uppercase;
color: orange;
font-weight: 600;
display: inline-block;
}

.instrutores_CV p {
color: #000;
margin:4px auto;
font-size:13px;
}

.sv-conheca {
padding:0 20px;
}

.demo-text h2 {
font-size: 48px;
font-family: 'Bebas Neue';


letter-spacing: 3px;
font-weight: 400;
line-height: 1.2;
}

.sv-conheca h3 {
font-size: 48px;
font-family: 'Bebas Neue';

letter-spacing: 3px;
font-weight: 400;
line-height: 1.2;
margin: 60px 0 30px;
}

.sv-conheca .row.d-flex {
min-height: 400px
}

.sv-conheca .row .order-1 {
min-height: 190px;
margin-bottom: 0;
}

.sv-conheca .row .order-0 {
font-size: 20px;
text-align: justify;
margin-bottom:10px;
}

.sv-conheca .assine-agora {
font-size: 30px;
margin-top: 40px;
font-weight: 600;
text-transform: uppercase;
font-family: 'Bebas Neue';

letter-spacing: 3px;
}

.instrutores_CV div {
position: absolute;
bottom: 15px;
width: 100%;
left: 0;
text-align: center;
padding: 0 10px;
}

.instrutores_CV {
background-color: #fff;
background: linear-gradient(180deg, #fff 10%, #ffffffe3 70%, #ffffff 90%);
width: 100%;
height: 280px;
margin-top: 100%;
position: absolute;
transition: all .5s ease;
padding: 10px
}

.instrutores_CV a {
color: #000;
font-size: 16px;
margin: 0;
transition: all .5s ease;
}

.instrutores_CV a:hover {
color: orange;
text-decoration: none;
transform: scale(1.4);
}

.instrutores-box:hover .instrutores_CV {
margin-top: 0;
}

.instrutores-box:hover {
cursor: grab
}

.instrutores-box:active {
cursor: grabbing
}


.instrutores_CV p {
color: #000;
}

.instrutores_CV i {
font-size: small
}

.instrutores_CV a i {
    font-size: medium
}

.instrutores_CV .instrutor-sobre {
display:none;
text-align: center;
font-weight: 600
}

.page-entrada {
background-color: #000;
}


.sv-movies {
max-width: 2000px;
margin: 0 auto;
position: relative;
}

.sv-movies-bg1 {
background-image: radial-gradient(circle, #ffffff00, #00000024, #00000012, #000000eb, #000000);
height: 100%;
}

.sv-movies-bg2 {
background: linear-gradient(180deg, #000 0%, #10171200 100%);
height: 50px;
width: 100%;
margin-top: -30px;
}

.video-teaser {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sv-membros {
max-width: 2000px;
margin: 60px auto
}


.sv-membros .user-review .row {
max-width: 1400px;
margin: 0 auto;
}

.sv-membros .user-review .user-profile {
text-align: center;
margin-bottom:10px;
}

.sv-membros .user-review .user-profile img {
width: 66px;
border-radius: 50% !important;
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
margin: 6px auto;
}

.sv-membros .user-review .user-profile strong {
display: block;
font-weight: 500 !important;
font-size: 1rem !important;
}

.sv-membros .user-review .user-report {
font-style: italic;
font-size: 1.4rem !important;
}

.sv-membros .user-review .user-report p span {
    font-weight:900;
}

.vbox-container .vbox-video {
width: 100%;
height: 100%;
}
/* /////////////////////////////////////////////////////////////////////////// */
/* ------------------| RESOLUÇÃO > 768px */
@media only screen and (min-width: 768px) {
header {
padding-right: 70px;
}

.sv-movies, .sv-movies_bg1, .sv-movies_bg2, .sv-movies_bg3, .sv-movies_bg4 {
background-position: 100% 0;
}

.sv-movies h1 {
margin-bottom: 16px;
max-width: 567px;
font-size: 48px;
font-weight: 400;
line-height: 1.1;
}

.start-item {
bottom: 280px;
padding-left: 95px;
padding-right: 95px;
}

.start-button-sec a {
margin: 10px 2px !important;
text-transform:uppercase;
}

.sv-instrutores {
padding-left: 95px;
padding-right: 95px;
}

.instrutores_CV .instrutor-sobre {
display: block;
}

.instrutores-conteudo h4 {
font-size: 1em;
}

.instrutores_CV p {
font-size: 1em;
}

.instrutores_CV i {
font-size: large
}

.instrutores_CV a i {
    font-size: large
}

.start-item div strong {
    font-size: 28px;
}
.start-item div strong span {font-size: 18px;}

.btn-assine {
margin-right: 230px;
}

.sv-demos {
margin-top: 40px;
padding-left: 95px;
padding-right: 95px;
}

.owl-videos .owl-nav .owl-prev {
left: -50px;
}

.owl-videos .owl-nav .owl-next {
right: -50px;
}

.owl-membros:hover.owl-membros .owl-nav button, .owl-membros2:hover.owl-membros2 .owl-nav button {
opacity: .8;
}

.owl-membros .owl-nav button:hover, .owl-membros2 .owl-nav button:hover {
opacity: 1 !important;
}


.brasao-sv {
margin: 20px 95px;
}

.brasao-sv img {
width: 50px
}

.demo-text h2 {
font-size: 48px;
letter-spacing: 3px;
font-weight: 400;
margin-bottom: 20px;
}

.instrutores-text h4 {
font-size: 38px;
letter-spacing: 3px;
font-weight: 400;
text-align:left;
}

.demo-text div {
font-size: 20px
}

.modal-content {
top: 5%;
bottom: 5%;
}

.modal-title {
font-size: 30px;
}

.vbox-title {
font-size: 25px;
}

.sv-conheca {
padding: 0 95px;
}

.sv-conheca .row .order-0 {
font-size: 20px;
margin-bottom:0;
}

.sv-conheca h3 {
font-size: 48px;
letter-spacing: 3px;
font-weight: 400;
text-align: left;
margin: 60px 0 50px;
}

.sv-conheca .row .order-1 {
min-height: 400px;
margin-bottom: 20px;
}

.sv-chamada-box div p {
display: block;
}

.sv-conheca .assine-agora {
margin-top: 40px;
}

.instrutores_CV div {
bottom: 20px;
}

.sv-membros .user-review {
margin: 40px 0;
}

mux-player::part(center play button) {background-color: #efb800;}
mux-player::part(center play button):hover {background-color: #ffa500;}

}
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* ------------------| RESOLUÇÃO > 1024px */
@media only screen and (min-width: 1024px) {
.sv-movies h1 {
margin-bottom: 40px;
max-width: 720px;
font-size: 60px;
font-weight: 400;
line-height: 1.2;
text-align: left;
margin-left: 0;
}

.start-item {
bottom: 164px;
}

.start-item .middle-text {
text-align: left;
}

.sv-movies a {
width: 400px;
border-radius: 0;
text-transform: uppercase;
font-weight: 600;
padding: 20px;
height: 70px;
margin: 40px 0;
}

.demo-text {
text-align: left;
max-width: 100%;
}

.demo-text h2 {
font-size: 62px;
letter-spacing: 3px;
font-weight: 600;
}


.instrutores-text h4 {
font-size: 52px;
letter-spacing: 3px;
font-weight: 600;
}

.demo-text div {
font-size: 20px
}

.sv-membros2 {
padding-left: 95px;
padding-right: 95px;
}

.sv-conheca .row .order-0 {
font-size: 20px;
}

.sv-conheca .assine-agora {
margin-top: 80px;
}

.sv-conheca h3 {
font-size: 52px;
letter-spacing: 3px;
font-weight: 600;
}
}
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* ------------------| RESOLUÇÃO > 1200px */
@media only screen and (min-width: 1200px) {
.sv-conheca .row .order-0 {
font-size: 16px;
}
.sv-membros .user-review .user-profile {
margin-bottom: 0;
}
}
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* ------------------| RESOLUÇÃO > 1440px */
@media only screen and (min-width: 1440px) {
.sv-movies h1 {
max-width: 700px;
font-size: 60px;
font-weight: 600;
line-height: 1.2;
}

.sv-conheca .row .order-0 {
font-size: 20px;
}
}
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* ------------------| RESOLUÇÃO > 1920px */
@media only screen and (min-width: 1920px) {
.sv-movies h1 {
max-width: 920px;
font-size: 80px;
font-weight: 600;
line-height: 1.1;
}

.instrutores-conteudo h4 {
font-size: 1.2em;
}

.sv-conheca .row .order-0 {
font-size: 24px;
}
}
/* /////////////////////////////////////////////////////////////////////////// */