/*
**
** Geral **
**
*/

/**** <!-- Fonts Custom --> ****/
html, body
{
    font-family: "ProximaNova";
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Light.otf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-LightItalic.otf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
  font-family: "ProximaNova";
  src: url("/fonts/ProximaNova-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("/fonts/ProximaNova-RegularItalic.otf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Semibold.otf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-SemiboldItalic.otf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
  font-family: "ProximaNova";
  src: url("/fonts/ProximaNova-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("/fonts/ProximaNova-BoldIt.otf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/fonts/ProximaNova-Extrabold.otf") format("truetype");
    font-weight: 800;
    font-style: normal;
}
/**** <!-- Fonts Custom --> ****/

.fontextrabold
{
    font-weight: 800;
}

.fontlight
{
    font-weight: 200;
}

.fontsemibold
{
    font-weight: 600;
}

.fontbold
{
    font-weight: 600;
}

/******** Font Size *********/
.f19
{
    font-size: 19px;
}

.f39
{
    font-size: 39px;
}

.f13
{
    font-size: 13px;
}

.f21
{
    font-size: 21px;
}

.f15
{
    font-size: 15px;
}
/**************** /Font Size **********/

.bg-main-color
{
    background-color: #2167C2;
}

.bg-notification
{
    background-color: #F59000;
}

.color-azul-claro
{
    color: #5dc5d1;
}

.color-cinza
{
    color: #737480;
}

.border-round-white
{
    border: 0.5px solid white;
    border-radius: 2px;
}

.icon-round
{
    display: inline-block;
    border-radius: 50px;
}

.py-05
{
    padding-top: 0.5px;
    padding-bottom: 0.5px;
}

.m5
{
    margin: 5px;
}

.hidebig
{
    display: none;
}

/********** MEGA MENU / MOBILE **********/
@media all and (min-width: 992px) {
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
}

.offcanvas-header{ display:none; }

@media (max-width: 992px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0; 
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: black;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }
}
/************ /MEGA MENU / MOBILE **********/
/*
**
** /Geral **
**
*/

/*
**
** Media 1200px **
**
*/
@media (min-width: 1200px)
{
    .w48
    {
        width: 48px;
    }

    .w40
    {
        width: 40px;
    }

    .pl0
    {
        padding-left: 0px;
    }

    .p5
    {
        padding: 5px;
    }

    .p20
    {
        padding: 20px;
    }

    .pt15
    {
        padding-top: 15px;
    }

    .m10
    {
        margin: 10px;
    }

    .m15
    {
        margin: 15px;
    }

    .m20
    {
        margin: 20px;
    }

    .ml5
    {
        margin-left: 5px;
    }

    .ml24
    {
        margin-left: 24px;
    }

    .bemvindo
    {
        font-weight: bold;
        font-size: 38px;
    }

    .borrigblack
    {
        border-right: 1px solid #2E2E33;
    }
}

/*
**
** /Media 1200px **
**
*/

/*
**
** Media até 1199px **
**
*/

@media (max-width: 1199px)
{
    
}

/*
**
** /Media até 1199px **
**
*/


/*
**
** Media até 767px **
**
*/

@media (max-width: 767px)
{
    .hidesmall
    {
        display: none;
    }

    .hidebig
    {
        display: block;
    }

    /******** Font Size *********/
    .f19
    {
        font-size: 12px;
    }

    .f39
    {
        font-size: 22px;
    }

    .f13
    {
        font-size: 9px;
    }

    .f21
    {
        font-size: 13px;
    }

    .f15
    {
        font-size: 10px;
    }
    /**************** /Font Size **********/

}

/*
**
** /Media até 767px **
**
*/

/*
**
**
**  ADEflix
**
*/
.houvervideo:hover
{
    cursor: pointer;
}
.fullscreen
{
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
}
.bg-image
{
    background: url('/img/bg/pexels-dominika-roseclay-4300396.png'); 
    /* 
    width: 100%; 
    height: -webkit-fill-available; 
    */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-degrade
{
    color: white;
    /*
    height: -webkit-fill-available;
    width: 100%;
    */
    background: linear-gradient(90deg, #000000 0%, #2D7D97 60.94%, rgba(45, 125, 151, 0.7) 72.5%, rgba(45, 125, 151, 0.3) 84.38%, rgba(45, 125, 151, 0) 100%);  
}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .bg-image
    {
        height: -webkit-fill-available;
    }

    .bg-degrade
    {
        height: -webkit-fill-available;  
    }
}

/***** MOBILE ****/
@media (max-width: 1024px)
{
    .fullscreen
    {
        position: unset;
    }

    .videoplay
    {
        max-width: 200px;
    }
}
/***** /MOBILE ***/

/*
**
**
** /ADEflix
**
*/


/****** Dynamik Carousel ******/
.carousel-control-prev, .carousel-control-next {
width: 5% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    border: 1px solid rgba(0, 0, 0, 0.75);
    /* border-radius: 10px; */
    background-color: rgba(3, 0, 0, 0.75);
    width: 30px;
    height: 30px;
}

/******************************/

/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}