/*---------------------------------------
CSS Index
----------------------------------------

1. General section style
2. Heading section style
3. Buttons
4. Navbar section style
5. Background color section style
6. bannerTop section style
7. Game free section style
8. Background carousel 
9. About section style
10.Service section style
11.Counter section style
12.Team section style
13.Portfolio section style
14.Clients section style
15.Testimonial section style
16.404 section style
17.Accordions section style
18.Blog sidebar section style
19.Contact section style
20.Gallery section style
21.Pub Enroll section style
22.Footer section style
23.Preloader

----------------------------------------*/

/*@import"https://fonts.googleapis.com/css?family=Raleway:700,900";

@import"https://fonts.googleapis.com/css?family=Open+Sans:400";

@import url('https://fonts.cdnfonts.com/css/syne');
@import url('https://fonts.cdnfonts.com/css/noto-sans');*/
/*-----------------------------------------------
  1.0 General section style
------------------------------------------------*/
:root {
    --font-main: "Syne",sans-serif;
    --font: "Noto Sans",sans-serif;
    --body-bg-color: #171925;
    --bg-color-accent: linear-gradient(91.85deg,#2b41f5 0.85%,#b71bee 99.28%);
    --bg-color-accent-hover: linear-gradient(91.85deg,#5c6df7 0.85%,#c64af2 99.28%);
    --text-color-1: #f37e7e;
    --text-color-2: hsla(0,0%,100%,.64);
    --text-color-branco: #fff;
    --text-color-verde: #599f0d;
    --text-color-laranja: #e27920;
    --color-secondary: #3040f5;
    --color-contrast: #fff;
    --color-error: #f64b4b;
    --logo-color: var(--text-color-1);
    --text-color-preto: #000;
}



/*----------------------------------------------
  2.0 Heading section style
 ---------------------------------------------*/

.navbar-brand {
    color: var(--text-color-laranja);
}

.nav-link:hover {
    color: var(--text-color-laranja) !important;
}



/*-----------------------------------------------
  3.0 Button section style
------------------------------------------------*/



/*-----------------------------------------------
  6.0 Banner section style
------------------------------------------------*/


.bannerGeral img {
    opacity: 0.2;
}

.bannerGeral .bannerTop .carousel-item .card .card-body .card-title {
    color: var(--text-color-laranja);
    font-weight: 700;
}


.bannerGeral .bannerTop .carousel-item .card .card-body .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e27e29;
    --bs-btn-border-color: #e27e29;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #599f0d;
    --bs-btn-hover-border-color: #e27920;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e27920;
    --bs-btn-active-border-color: #e47110;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e27e29;
    --bs-btn-disabled-border-color: #e27e29;
}



.bannerTop .carousel-item .card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 50%;
}

    .bannerTop .carousel-item .card .card-body .card-title {
        color: var(--text-color-branco);
        font-weight: 700;
    }

    .bannerTop .carousel-item .card .card-body .card-text {
        color: var(--text-color-branco);
    }


    .bannerTop .carousel-item .card .card-body .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #e27e29;
        --bs-btn-border-color: #e27e29;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #599f0d;
        --bs-btn-hover-border-color: #e27920;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #e27920;
        --bs-btn-active-border-color: #e47110;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #e27e29;
        --bs-btn-disabled-border-color: #e27e29;
    }

/*-----------------------------------------------
  7.0 Gamme section style
------------------------------------------------*/

.gameFree h2 {
    color: var(--text-color-laranja);
    font-weight: 700;
}

.gameFree p {
    color: var(--text-color-preto);
}


.moduloOfertaJogos {
    display: flex;
    justify-content: center;
}



    .moduloOfertaJogos .hstack svg {
        color: #FFD700;
    }

.moduloOfertaJogos {
}

    .moduloOfertaJogos .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #e27e29;
        --bs-btn-border-color: #e27e29;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #599f0d;
        --bs-btn-hover-border-color: #e27920;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #e27920;
        --bs-btn-active-border-color: #e47110;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #e27e29;
        --bs-btn-disabled-border-color: #e27e29;
    }

/*-----------------------------------------------
  20.Gallery section style
------------------------------------------------*/


#solicitarContacto .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e27e29;
    --bs-btn-border-color: #e27e29;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #599f0d;
    --bs-btn-hover-border-color: #e27920;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e27920;
    --bs-btn-active-border-color: #e47110;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e27e29;
    --bs-btn-disabled-border-color: #e27e29;
}

/*-----------------------------------------------
  21.Pub Enroll section style
------------------------------------------------*/
.pubEnroll {
    background-color: #e27e29;
}

    .pubEnroll .figure img {
        height: 5rem;
    }

    .pubEnroll .figure img {
        filter: invert(100%) sepia(58%) saturate(0%) hue-rotate(166deg) brightness(105%) contrast(101%);
    }

    .pubEnroll .figure-caption {
        font-size: 2rem;
        color: #ffffff;
        font-weight: 500;
    }


/*-----------------------------------------------
  22.Footer section style
------------------------------------------------*/
footer {
    color: #fff;
}

    footer hr {
        color: #fff !important;
        opacity: 1;
        margin: 3rem 0;
    }

    footer .nav-link {
        color: #fff !important;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .moduloOfertaJogos{
        margin-bottom:1rem;
    }

    .bannerTop .carousel-item .card {
        top: 38%;
        width: 95%;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */


    .banner h1 {
        padding-top: 4rem;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}