@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;1,700&display=swap');

html {
    scroll-behavior: smooth;
}

.breadcrumbLink {
    padding: 10px;
    color: #444;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

    .breadcrumbLink:hover {
        color: #ff8400;
    }

.personabar-visible {
    margin-left: 80px !important;
}

body {
    font-family: 'Montserrat', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.normal {
    font-size: 16px !important;
}

h1 {
    color: var(--control-color-orange) !important;
}


h2 {
    color: var(--control-color-orange) !important;
}

h3 {
    color: #004B8D;
}

h5 {
    color: #004B8D;
}

h4 {
    color: #004B8D;
}

h6 {
    color: #004B8D;
}

header#main-nav {
    background-color: #fff;
    box-shadow: 0 10px 10px -10px hsl(0deg 0% 0% / 45%);
    padding: 0;
    z-index: 999;
    position: relative;
}

    header#main-nav nav ul li {
        list-style: none;
        padding: 15px;
        display: inline-flex;
        margin-top: 10px;
        position: relative;
        padding-top: 20px;
    }

        header#main-nav nav ul li a {
            color: #444;
            font-size: 20px;
            text-decoration: none;
            font-weight: 600;
        }

            header#main-nav nav ul li a:hover, li.searchMenu span:hover {
                color: #ff8400;
                /*font-size:18px;*/
            }

    header#main-nav #logo:hover {
        /*max-width: 205px;*/
    }

    header#main-nav #logo {
        background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/logosenac.svg);
        text-indent: -2000px;
        overflow: hidden;
        background-position: 90% center;
        background-repeat: no-repeat;
        max-width: 200px;
        width: 100%;
        /*height: 80px;*/
    }

    header#main-nav #menu {
        width: calc(100% - 20px);
        height: auto;
        white-space: nowrap;
    }

li.searchMenu span {
    height: 40px;
    font-weight: 600;
    color: #444;
    position: relative;
    font-size: 20px;
    cursor: pointer;
}

    li.searchMenu span::after {
        content: "";
        width: 30px;
        height: 30px;
        background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/icone-pesquisar.svg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: -3px;
        background-size: 80%;
        left: 0px;
    }

.close-modal {
    border-radius: 16px !important;
    top: -1px !important;
    right: 0px !important;
}

#unidades .mob-only {
    display: inline-block !important;
}

.container-video {
    height: 45%;
}

#acontece {
    float: left;
}

.blog-content h2 {
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    margin-left: 30px;
}

.video-cont h2 {
    font-size: 44px;
}

li.searchMenu {
    display: none;
}

#portal {
    max-width: 270px;
    width: 100%;
    display: flex;
}

    #portal a {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 5px;
        border-radius: 10px;
        background-color: var(--control-color-orange);
        color: #fff !important;
        float: left;
        padding-left: 40px;
        display: block;
        position: relative;
        margin-top: 10px !important;
        text-decoration: none;
    }

        #portal a:hover {
            background-color: var(--control-color-blue);
            cursor: pointer
        }

        #portal a:before {
            content: "";
            width: 25px;
            height: 25px;
            background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/icone-user.svg);
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            background-size: 90%;
            left: 10px;
            top: 15px;
        }

        #portal a span {
            font-size: 14px;
            font-weight: 300;
            display: block;
            float: left;
            width: 100%;
            text-align: left;
            padding-right: 7px;
        }

#aluno {
    /*width: 205px;*/
    height: 85px;
    padding-top: 5px;
}

/*.mioloCard h3{
    font-size: 22px !important;
}*/

.container-header {
    max-width: 97%;
    margin: auto;
}

.texto-justificado h2 {
    margin-bottom: 0;
}

/***BUGADO remover futuramente*/

/*Slider Home Styles*/

#main-slider {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-top: 60px;
}

    #main-slider .item a {
        float: left;
        position: relative;
        width: 100%;
    }

        #main-slider .item a::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 12%;
            bottom: 0;
            left: 0;
            background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/slider-bottom.svg);
            background-size: 100% auto;
            background-position: center 0px;
            z-index: 100;
        }



/*Slick Slider ajustes*/

/***BUGADO remover futuramente*/
.slick-slide {
    float: left;
}

/*.slick-slide img {
        width: 100%;
    }*/

.slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus {
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    padding: 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: 30%;
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/arrow-next.svg);
    text-indent: -2000px;
    overflow: hidden;
    transform: translate(0,0);
    transition-property: all;
    transition-duration: .3s;
}

    .slick-prev, .slick-prev:focus {
        background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/arrow-prev.svg);
    }

.home-slider .slick-prev, .home-slider .slick-next, .home-slider .slick-prev:focus, .home-slider .slick-next:focus, .unidade .slick-prev, .unidade .slick-next, .unidade .slick-prev:focus, .unidade .slick-next:focus {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/next-gray.svg);
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    box-shadow: 0 0 10px #00000061;
    background-repeat: no-repeat;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 99%);
}

    .home-slider .slick-prev::after, .unidade .slick-prev::after {
        content: '';
        position: absolute;
        text-align: center;
        background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/prev-gray.svg);
        width: 40px;
        height: 40px;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20%;
    }

    .home-slider .slick-next::after, .unidade .slick-next::after {
        content: '';
        position: absolute;
        text-align: center;
        background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/next-gray.svg);
        width: 40px;
        height: 40px;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20%;
    }



.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.cursos .slick-next {
    right: -10px;
}

#voce .slick-prev {
    left: 30px;
}

#voce .slick-next {
    right: -10px;
}

.slick-prev:hover, .slick-next:hover {
    opacity: 60%;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background-color: #e9ecef;
    border-radius: 50%;
    border: none;
    list-style: none;
    list-style-type: none;
    color: white;
    text-indent: -20px;
}

    .slick-dots li.slick-active, .slick-dots li.slick-active:hover {
        background-color: #004B8D;
    }

    .slick-dots li button:before {
        content: none;
    }

.slick-dots {
    bottom: 25%;
    z-index: 200;
}


/*CARROUSEL*/
/*.carousel {
	margin: 30px auto 60px;
	padding: 0 80px;
}*/
/*.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item h4 {
	font-family: 'Varela Round', sans-serif;
}
.carousel .carousel-item img {
	max-width: 100%;
	display: inline-block;
}
.carousel .carousel-item .btn {
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	background: #a177ff;
	padding: 6px 15px;
	margin-top: 5px;
}
.carousel .carousel-item .btn:hover {
	background: #8c5bff;
}
.carousel .carousel-item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	margin: 5px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);   
}
.carousel .thumb-content {
	padding: 15px;
	font-size: 13px;
}*/
/*.carousel-control-prev, .carousel-control-next {
	height: 44px;
	width: 44px;
	background: none;	
	margin: auto 0;
	border-radius: 50%;
	border: 3px solid rgba(0, 0, 0, 0.8);
}*/
/*.carousel-control-prev i, .carousel-control-next i {
	font-size: 36px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -19px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-weight: bold;
}
.carousel-control-prev i {
	margin-left: -3px;
}
.carousel-control-next i {
	margin-right: -3px;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}*/


/*BUSCA HOMEPAGE */
section#busca {
    position: relative;
    background-color: white;
    border-radius: 10px 10px 0 0;
    top: -100px;
    padding: 30px 40px;
    margin-bottom: -100px;
    font-family: 'Montserrat',sans-serif;
}

    section#busca label {
        font-size: 30px;
        text-align: left;
        margin-bottom: 20px;
        font-weight: 700;
        color: var(--control-color-orange);
        line-height: 37px;
        font-family: 'Montserrat',sans-serif;
    }

    section#busca input {
        border-radius: 10px 0 0 10px;
        border: solid 1px #44444459;
        padding: 20px 20px;
        width: 75%;
        border-right-color: #fff;
        color: #444444;
        font-size: 25px;
        font-weight: 600;
    }

    section#busca .buscar-button {
        color: #fff;
        background: rgb(247,148,29);
        background: linear-gradient(180deg, rgba(247,148,29,1) 0%, rgba(219,74,0,1) 100%);
        font-size: 25px;
        width: 25%;
        border-radius: 0 20px 20px 0;
        border: none;
        font-weight: 400;
        cursor: pointer;
    }

    section#busca button[type="submit"]:hover {
        background: rgb(242,132,0);
        background: linear-gradient(180deg, rgba(242,132,0,1) 0%, rgba(161,55,1,1) 100%);
    }

    section#busca input::placeholder {
        color: #444444;
        font-size: 25px;
        font-weight: 600;
        font-family: 'Montserrat',sans-serif;
    }
/*FOOTER*/
footer {
    background-image: url('/Portals/_default/Skins/SenacDna22/images/formas/footer-bg.svg');
    background-size: cover;
    color: #fff;
    padding-top: 160px;
    padding-bottom: 80px;
    font-family: 'Montserrat', arial, helvetica, sans-serif;
}

    footer a, footer a:visited {
        text-decoration: none;
        color: #fff;
    }

        footer a:hover {
            color: var(--control-color-orange);
        }

    footer ul li {
        list-style: none;
        font-weight: 700;
        font-size: 20px;
        padding: 10px 0;
    }

        footer ul li#fale {
            font-weight: 400;
            font-size: 16px;
        }

            footer ul li#fale strong {
                font-weight: 700;
                font-size: 20px;
            }

                footer ul li#fale strong a {
                    font-size: 13px;
                }

        footer ul li ul {
            padding: 20px 0;
        }

            footer ul li ul li {
                font-size: 16px;
                font-weight: 400;
            }

a#logo-branco {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/logosenacpretoebranco.png);
    width: 200px;
    height: 70px;
    float: left;
    background-size: auto 100%;
    background-repeat: no-repeat;
    text-indent: -400px;
    overflow: hidden;
    background-position: center;
}

#bottom-line {
    margin: 100px 0 40px;
    width: 100%;
}

ul#social, ul.social {
    margin: 0;
    padding: 0;
}

ul.social {
    width: 100%;
    text-align: center;
}

    ul#social li, ul.social li {
        list-style: none;
        display: inline-block;
    }

        ul#social li a, ul.social li a {
            width: 40px;
            height: 40px;
            background-position: center;
            background-size: 35px;
            background-repeat: no-repeat;
            background-color: white;
            margin-right: 5px;
            text-indent: -3000px;
            float: left;
            border-radius: 4px;
            transition-property: all;
            transition-duration: .3s;
        }

        ul.social li a {
            width: 70px;
            height: 70px;
            background-position: center;
            background-size: 75px;
        }

            ul.social li a:hover {
                background-size: 95px;
            }

            ul#social li a:hover, ul.social li a:hover {
                background-size: 45px;
            }

            ul#social li a#face, ul.social li a.face {
                background-image: url('/Portals/_default/Skins/SenacDna22/images/icons/facebook.svg');
            }

            ul#social li a#insta, ul.social li a.insta {
                background-image: url('/Portals/_default/Skins/SenacDna22/images/icons/instagram.png');
            }

            ul#social li a#twitter, ul.social li a.twitter {
                background-image: url('/Portals/_default/Skins/SenacDna22/images/icons/twitter.svg');
            }

            ul#social li a#youtube, ul.social li a.youtube {
                background-image: url('/Portals/_default/Skins/SenacDna22/images/icons/youtube.svg');
            }

            ul#social li a#linkedin, ul.social li a.linkedin {
                background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/linkedin.svg);
            }

            ul#social li a#whatsapp, ul.social li a.whatsapp {
                background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/whatsapp.svg);
            }

/* D E S T A Q U E S  D A  H O M E*/
#destaques {
}

.destaques-slider, .loop, .videos {
    overflow: hidden;
    position: relative;
}

    .loop .slick-slide, .videos .slick-slide {
        overflow: hidden;
        position: relative;
    }

#destaques .shade {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/Sombra.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px !important;
    margin-top: 0;
}

    #destaques .shade img {
        width: 100%;
        height: auto;
        filter: brightness(80%);
    }

    #destaques .shade h2 a {
        font-size: 30px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
    }

        #destaques .shade h2 a:hover {
            color: #ff8400;
        }

    #destaques .shade img {
        filter: brightness(70%);
    }

    #destaques .shade h2 a {
        font-size: 20px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        position: relative;
        width: 100%;
        top: -25px;
        padding: 210px 10px 10px;
        height: 100%;
    }

a#chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--control-color-orange);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    z-index: 100;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    text-align: center;
    line-height: 1rem;
}

    a#chat:hover {
        background-color: #db4a00;
    }

#chat i {
    font-size: 2rem;
}


@media only screen and (min-width: 988px) {
    .card-image-height-custom {
        min-height: 6.9rem !important;
    }
}

@media only screen and (min-width: 1200px) {
    .card-image-height-custom {
        min-height: 10.4rem !important;
    }
}

@media only screen and (min-width: 1400px) {
    .card-image-height-custom {
        min-height: 12.4rem !important;
    }
}

/*D E S T A Q U E S  -  C A T E G O R I A S */
#categorias {
    position: relative;
    /*height: 100%;*/
    display: flow-root;
    margin-top: 40px;
}

#lista, .lista {
    background: rgb(255,255,255);
    background: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    padding: 0px;
    border-radius: 10px;
    border: solid 1px #ccc;
    font-size: 20px;
    text-align: center;
}

    #lista li, .lista li {
        display: inline-block;
        list-style: none;
    }

        #lista li img, .lista li img {
            display: block;
            margin: auto;
            float: none;
            margin-bottom: 10px;
            max-height: 38px;
        }

        #lista li label, .lista li label {
            text-decoration: none;
            color: #444;
            text-align: center;
            padding: 15px 10px 5px;
            float: left;
            background-repeat: no-repeat;
            background-position: center 17px;
            background-size: 30%;
            font-size: 1rem;
        }

        #lista li:last-child, .lista li:last-child {
            float: right;
        }

            #lista li:last-child label, .lista li:last-child label {
                background: rgb(247,148,29);
                background: linear-gradient( 180deg, rgba(247,148,29,1) 0%, rgba(219,74,0,1) 100%);
                border-radius: 0 8px 8px 0;
                padding-top: 40px;
                padding-bottom: 37px;
                color: #fff;
            }

        #lista li label:hover, .lista li label:hover {
            color: var(--control-color-orange);
        }

.rbCategorias input[type="radio"]:checked + label {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

/*#lista li input:checked + label, .lista li input:checked + label {
            filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
        }*/

#lista li:last-child label:hover, .lista li:last-child label:hover {
    background: rgb(242,132,0);
    background: linear-gradient( 180deg, rgba(242,132,0,1) 0%, rgba(161,55,1,1) 100%);
    color: #fff;
}

#lista li a img {
    display: block;
    margin: auto;
    float: none;
    margin-bottom: 10px;
}

a#gas {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Gastronomia.svg);
}

a#bel {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Beleza.svg);
    background-size: 38% !important;
}

a#inf {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Informatica.svg);
}

a#sau {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Saude.svg);
    background-size: 55% !important;
}

a#fot {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Fotografia.svg);
}

a#des {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Design.svg);
    background-size: 38% !important;
}

a#edu {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/Educacao.svg);
}

.dest-categorias,
#dest-blog,
#slider-blog,
#slider-vc .slick-list,
#slider-emp .slick-list,
#slider-acontece .slick-list,
#slider-unis,
.galeria-curso,
.aprova,
.cursos-lista {
    overflow: hidden;
    width: 100%;
    /*float: left;*/
}

.galeria-curso, .aprova, .cursos-lista, .dest-categorias {
    position: relative;
}

    .galeria-curso .slick-dots {
        display: none !important;
    }

#slider-unis {
    position: relative
}

    #slider-unis .slick-prev {
        left: 0px;
    }

    #slider-unis .slick-next {
        right: -25px;
    }

.dest-categorias .slick-dots,
#slider-blog .slick-dots {
    display: none !important;
}


.dest-categorias .slick-prev {
    left: 3px;
}

.dest-categorias .slick-next {
    right: -23px;
}

.dest-categorias .slick-next,
.dest-categorias .slick-prev {
    top: calc(62% - 60px);
    right: -28px;
}

div.cel {
    float: left;
    display: inline-block;
    margin: 30px 12px;
    /*width: calc((100% - 42px));*/
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    background-color: #fff;
    position: relative;
    text-decoration: none;
}

.curso #adquira #slider-acontece div.cel {
    min-height: 520px;
}

.curso #adquira {
    position: relative;
}

div.cel figure {
    margin: -10px;
    /*height: 20%;*/
    overflow: hidden;
    max-height: 138px;
    border-radius: 10px 10px 0 0;
}

#dest-blog div.cel figure {
    margin: -10px;
    margin-bottom: 20px !important;
    border-radius: 10px;
}

#dest-blog .slick-next {
    right: -20px;
}

.cursos div.cel figure {
    height: 250px;
}

div.cel figure img {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
    height: auto;
}

.cursos div.cel figure img {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: 110%;
}

div.cel .mioloCard {
    min-height: 170px !important;
}

div.cel .mioloCardMob {
    min-height: 100px !important;
}


div.cel h3 {
    margin-top: 40px;
    margin-bottom: 0px;
    text-decoration: none;
}

div.cel h5, div.cel .info {
    margin-top: 0;
    text-decoration: none;
    color: #444;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.blog-box .cel .info {
    margin-top: 0px;
}

.blog-box div.cel h3 {
    margin-top: 5px !important;
}

div.cel select {
    width: calc(50% - 10px);
    padding: 10px;
    border-radius: 10px;
    border-color: #ccc;
    color: var(--control-color-blue);
    background-color: #fff;
}

div.cel .preco {
    color: var(--control-color-orange);
    font-size: 35px;
    margin-top: 10px;
    font-weight: 700;
}

div.cel .preco {
    margin-bottom: 0;
}

div.cel a.cta {
    background-color: var(--control-color-orange);
    width: calc(95% + 39px);
    float: left;
    padding: 20px;
    margin: -11px;
    display: block;
    color: #fff;
    border-radius: 0 0 10px 10px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 300;
    /*margin-top: 20px;*/
}

    div.cel a.cta:hover {
        background-color: var(--control-color-blue);
    }

div.cel sup {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1rem;
}

.orange-button .orange20 {
    font-size: 20px;
}

.orange-button, .unidades-button {
    background-color: var(--control-color-orange);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    margin: 15px 0px 16px 0px;
}

.curso #slider-blog .cel .orange-button {
    margin-top: 20px;
}

.orange-button:hover {
    background-color: var(--control-color-blue);
    color: white;
}

.blog-box {
    width: 100%;
    float: left;
}

    .blog-box div.cel {
        margin: 30px 0;
        width: 100%;
        padding: 10px;
    }

    .blog-box figure, .blog-box article {
        width: 50%;
        float: left
    }

    .blog-box article {
        width: 50%;
        float: right;
    }

    .blog-box div.cel figure {
        max-height: 280px;
        border-radius: 10px 0 0 10px;
    }

    .blog-box.hub div.cel figure {
        max-height: none;
        border-radius: 10px 0 0 10px;
    }

/*MEGAMENU*/

#blog-acontece div.cel:first-child figure {
    max-height: 1000px;
    border-radius: 10px 0 0 10px;
}

    #blog-acontece div.cel:first-child figure img {
        max-width: 100%;
        height: auto;
        margin: -10px;
        margin-bottom: -20px;
    }

#blog-acontece.blog-box, #slider-blog {
    padding: 0 20px;
}

#blog-main.blog-box {
    padding: 0;
}

.blog-box div.cel h3 {
    margin-top: 20px;
}

div.tag a {
    color: var(--control-color-orange);
    padding: 5px 10px;
    border: solid 1px var(--control-color-orange);
    border-radius: 10px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 11px;
    display: inline-table;
    margin-bottom: 5px;
    font-weight: 700;
}

.tag {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 45px;
}

.noticia span.tag a {
    color: var(--control-color-blue);
    border: solid 1px var(--control-color-blue);
}

#acontece span.tag a {
    color: #005095;
    border: solid 1px #005095;
}

span.tag a:hover {
    color: #fff;
    background-color: var(--control-color-orange);
}

.noticia span.tag a:hover {
    color: #fff;
    background-color: var(--control-color-blue);
}

#acontece span.tag a:hover {
    color: #fff;
    background-color: #005095;
}

/*.slick-slide:first-child div.cel {
    margin: 30px 20px 30px 20px;
}*/

/*#slider-blog div.cel {
    margin-left: 0;
    width: calc(100% - 20px);
    margin: 30px 10px 30px 10px;
}*/

#slider-blog .slick-slide:last-child div.cel {
    margin: 30px 0px 30px 20px;
}

#slider-blog div.cel figure, #slider-acontece div.cel figure {
    margin: -10px;
    border-radius: 11px 11px 0 0;
    margin-bottom: 20px;
}

.curso #slider-blog div.cel figure {
    margin: -20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

#slider-blog div.cel h3, #slider-acontece div.cel h3 {
    margin-top: 20px;
}

#slider-blog h2.title {
    float: left;
    text-align: right;
    color: #fff;
    font-size: 32px;
    margin-left: 15px;
}

#slider-blog {
    padding-left: 0 !important;
}

/*M E R C A D O*/
#mercadoVoce {
}

#voce, #empresa {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/arcosenacazul.svg);
    background-repeat: no-repeat;
    background-size: 70% auto;
    background-position: 145% top;
    width: 100%;
    float: left;
    display: block;
    min-height: 500px;
    margin-top: -70px;
}

    #voce h2.title, #empresa h2.title {
        font-size: 40px;
        /*font-weight: 700;*/
        color: var(--control-color-orange);
        width: 50%;
        float: right;
    }

    #voce h2.title {
        margin-top: 3rem;
    }

    #empresa h2.title {
        margin-top: 3rem;
        margin-left: 8rem;
    }

    #empresa h2.title {
        float: left;
        text-align: right;
        color: #fff;
    }

#empresa {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/arcosenaclaranja.svg);
    background-position: left top;
    margin-top: 0;
}

#mercadoVoce #voce h2.title {
    font-size: 39px;
    color: #004b8d;
    font-weight: 400;
    padding: 0px 100px;
}

#voce #slider-vc {
    width: 50%;
    float: left;
    margin-top: 140px;
    padding-left: 20px;
    position: relative
}

    #voce #slider-vc .slick-dots, #empresa #slider-emp .slick-dots {
        bottom: 35px;
    }

        #voce #slider-vc .slick-dots li.slick-active, #voce #slider-vc .slick-dots li.slick-active:hover, #empresa #slider-emp .slick-dots li.slick-active, #empresa #slider-emp .slick-dots li.slick-active:hover {
            background-color: #ff8400;
        }

    #voce #slider-vc .slick-prev, #voce #slider-vc .slick-next, #voce #slider-vc .slick-prev:focus, #voce #slider-vc .slick-next:focus, #empresa #slider-emp .slick-prev, #empresa #slider-emp .slick-next, #empresa #slider-emp .slick-prev:focus, #empresa #slider-emp .slick-next:focus {
        top: calc(50% - 30px);
    }

#slider-emp {
    margin-bottom: 30px;
    float: right;
    width: 50%;
    clear: left;
    padding-right: 20px;
    position: relative;
}

#voce #slider-vc img, #empresa #slider-emp img {
    width: 100%;
    height: auto;
}

#voce #txt-vc {
    width: 20%;
    float: left;
    margin-left: 50px;
    padding-top: 40px;
}

#empresa #txt-emp {
    width: 20%;
    float: right;
    clear: left;
    margin-right: 50px;
    padding-top: 40px;
}

#txt-vc h4, #txt-emp h4 {
    color: #004B8D;
    font-size: 20px;
}

#txt-emp h4 {
    color: var(--control-color-orange)
}

#unidades h2 {
    float: left;
    display: block;
    width: 100%;
}

/* AJUSTE NA SESSÃO UNIDADES 

.image-unidade figure img{
    height: calc((31% - -7px)) !important; 
}*/

.image-unidade figure {
    max-height: 1000px;
    height: auto !important;
}

.image-unidade .margin-mob figure {
    margin: -20px;
}

.cel-mob figure {
    margin: -20px !important;
}

#unidades .col-md-7 .cel figure {
    height: 535px !important;
}

div.cel-mob .figure2 {
    max-height: 140px !important;
}

#unidades .image-unidade {
    height: calc((31% - -7px)) !important;
}


/*.cel figure {
    max-height: 1000px !important;
}*/

#unidades .cel {
    position: relative;
    margin: 30px 10px 10px;
    width: calc((100% - 18px));
}

#unidades h3, #unidades h3 a {
    color: #444444;
    text-decoration: none;
}

    #unidades h3, #unidades h3 a:hover {
        color: var(--control-color-orange);
    }

#unidades .col-5 h3 {
    margin-top: 20px;
}

#unidades .col-7 h3 {
    margin-top: 20px;
}

#unidades .phone {
    color: var(--control-color-orange);
}

#unidades .icone {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-indent: -2000px;
    overflow: hidden;
    background-color: var(--control-color-orange);
    margin-top: -70px;
    background-image: url(/Portals/_default/Skins/SenacDna22/images/icons/localizacao.svg);
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: center;
    transition-property: all;
    transition-duration: .3s;
}

    #unidades .icone:hover {
        background-size: 100%;
    }

#unidades .col-7:first-child .icone {
    width: 70px;
    height: 70px;
    margin-top: -100px;
}

#unidades div.cel .info {
    margin-top: 8px;
    color: #444;
    margin-bottom: 0;
}

#unidades div.cel .phone {
    margin-top: 8px;
    color: var(--control-color-orange);
    font-family: 'Montserrat', sans-serif;
}

#unidades .container {
    position: relative;
}

/*#unidades .orange-button {
    position: absolute;
    right: 20px;
    top: 60px;
}*/

#unidades h3.subt {
    color: #444;
    font-weight: 400;
}
/* PAGINA DOS CURSOS */
#dnn_PageHeader, #page-header {
    width: 100%;
    height: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative
}

    #page-header figure {
        width: 100%;
        height: 100%;
        max-height: 500px;
        overflow: hidden;
        position: relative;
        padding: 0;
        margin: 0;
    }

        #page-header figure::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 12%;
            bottom: 0;
            left: 0;
            background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/slider-bottom.svg);
            background-size: 100% auto;
            background-position: center 0px;
            z-index: 100;
        }

        #page-header figure img {
            width: 100%;
            max-height: 500px;
            height: auto;
            filter: brightness(70%);
            object-fit: cover;
            object-position: center 33%;
        }

    #page-header .flyNoticia {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 7%;
        top: 15%;
        width: 90%;
    }

    #page-header .fly {
        position: absolute;
        top: 0;
        z-index: 1;
        left: 5%;
        top: 10%;
        width: 80%;
        max-width: 710px;
    }

        #page-header .fly.cartao {
            left: 0;
            padding: 20px;
            background-color: #fff;
            color: #666;
            border-radius: 0 20px 20px 0;
            padding-left: 20%;
        }

            #page-header .fly.cartao p.subheader {
                color: #666;
                font-size: 18px;
                line-height: 1.5rem;
                margin-bottom: 5px;
            }

            #page-header .fly.cartao p.phone {
                width: 100%;
                float: left;
                margin-top: 10px;
            }

        #page-header .fly p.subheader {
            color: #fff;
            font-size: 25px;
            margin-top: -30px;
            float: left;
        }

        #page-header .fly span.cartola {
            color: var(--control-color-orange);
            font-size: 25px;
            margin-top: 10px;
            /* font-weight: 600;*/
        }

    #page-header h1 {
        font-size: 60px;
        color: #fff;
        line-height: 60px;
        margin: 0px 0px 40px 0px;
        font-weight: 700;
    }

.badges span {
    width: 110px;
    height: 110px;
    display: inline-block;
    text-align: center;
    background-color: var(--control-color-blue);
    color: #fff;
    border-radius: 10px;
    vertical-align: middle;
    padding-top: 55px;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    padding-top: 50px;
    line-height: .9rem;
}

div.curso-info {
    max-width: 380px;
    top: 80px;
    position: fixed;
    right: 20px;
    z-index: 200;
    font-family: 'Montserrat', sans-serif;
}

    div.curso-info .preco,
    div.curso-info .preco span,
    div.curso-info .pagamento,
    div.curso-info .pagamento span,
    div.curso-info .x,
    div.curso-info select,
    div.curso-info .orange-button,
    div.curso-info .blue-button, div.curso-info form {
        display: block;
        width: 100%;
        float: left;
    }

    div.curso-info .preco {
        font-size: 40px;
        color: #004B8D;
        font-weight: 700;
    }

        div.curso-info .preco span {
            font-size: 20px;
            color: #444444;
            font-weight: 300;
        }

    div.curso-info .pagamento {
        margin: 20px auto 20px;
        color: #004B8D;
    }

        div.curso-info .pagamento span {
            color: #444444;
        }

    div.curso-info .turmas {
        color: #004B8D;
    }

@media only screen and (max-width: 1280px) and (min-width: 993px) {
    .foot-mob .social {
        margin-left: 6rem;
        margin-right: 1rem;
    }

    .foot-mob .col-lg-3 {
        max-width: 19%;
    }
}

.blue-button {
    background-color: var(--control-color-blue);
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    width: auto;
}

    .blue-button:hover {
        background-color: var(--control-color-orange) !important;
        color: #fff;
    }

div.curso-info h5.title {
    color: var(--control-color-orange);
    font-size: 18px;
}

div.curso-info .detalhes {
    font-size: 16px;
}

#slider-unis a.link {
    color: var(--control-color-orange);
    text-decoration: none
}

#slider-unis .item, .galeria-curso .item {
    padding: 10px 2rem;
}

#main-curso .container.pad {
    padding-right: 340px;
}

#main-curso .acordion .parte {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

    #main-curso .acordion .parte h2 {
        border-bottom: solid 1px #e3e3e3;
        padding-bottom: 10px;
        cursor: pointer;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    #main-curso .acordion .parte tr.curriculo {
        cursor: pointer;
    }

    #main-curso .acordion .parte tr.elementos {
        display: none;
    }

        #main-curso .acordion .parte tr.elementos:nth-child(even) {
            background-color: unset !important;
        }


    #main-curso .acordion .parte .conteudo {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 93%, rgb(241 241 241) 100%);
        padding: 20px;
        padding-top: 40px;
    }

.galeria-curso .slick-prev, .galeria-curso .slick-next, .galeria-curso .slick-prev:focus, .galeria-curso .slick-next:focus {
    top: calc(50% - 30px) !important;
    right: 8px;
}

.unidade .slick-prev {
    left: 10px;
}

.galeria-curso .slick-prev {
    right: 0px !important;
}

.unidade.galeria-curso .slick-prev {
    right: 10px !important;
}

.acordion ul {
    padding: 10px;
    margin: 0;
}

    .acordion ul li {
        padding: 10px 0;
        position: relative;
        list-style: none;
        padding-left: 20px;
    }

        .acordion ul li::before {
            content: '';
            width: 8px;
            height: 8px;
            background-color: red;
            position: absolute;
            left: 0;
            top: 15px;
            background: rgb(254,149,0);
            background: linear-gradient(174deg, rgba(254,149,0,1) 0%, rgba(187,90,5,1) 100%);
            border-radius: 2px;
        }

.choices span {
    padding: 10px 20px;
    font-weight: 700;
    font-size: 25px;
}

    .choices span.active {
        color: var(--control-color-orange);
    }

    .choices span:not(.active ) {
        cursor: pointer;
    }

.choices table {
    padding-left: 20px 0;
}

    .choices table tr {
        padding: 20px;
        float: left;
        display: block;
        width: 100%;
    }

        .choices table tr:nth-child(even) {
            background-color: #F3F3F3;
        }

.choices div.option1, .choices div.option2 {
    display: none;
}

    .choices div.option1.active, .choices div.option2.active {
        display: block;
    }

.choices table tr td {
    float: left;
    width: 65%;
    font-weight: 700;
}

    .choices table tr td:last-child {
        text-align: right;
        width: 35%;
    }

.fancybox-container {
    z-index: 999;
}

.wrap-aprova {
    /* margin-top: 50px;*/
    margin-bottom: 50px;
    /* padding-top: 60px;*/
    /*  padding-bottom: 120px;*/
    background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/Formabackground2.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.aprova {
    padding-left: 20px;
}

    .aprova .item {
        text-align: center;
        padding: 40px 60px;
    }

        .aprova .item figure {
            padding-top: 50px;
            background: url('/Portals/_default/Skins/SenacDna22/images/formas/arcosenacazul.svg');
            background-repeat: no-repeat;
            background-size: 90% auto;
            background-position: 10% top;
        }

    .aprova .slick-slide:nth-child(even) .item figure {
        padding-top: 50px;
        background: url('/Portals/_default/Skins/SenacDna22/images/formas/arcosenaclaranja.svg');
        background-repeat: no-repeat;
        background-size: 90% auto;
        background-position: 10% top;
    }

    .aprova .slick-slide:nth-child(even) h3 {
        color: #ff8400;
    }

.template1 .dest-categorias div.cel figure {
    margin-bottom: 20px;
}

.template1 .wrap-aprova {
    padding-bottom: 0;
    margin-bottom: 0;
}

.template1 footer {
    background-color: #f8f8f8;
    margin-top: 0 !important;
}

.template1 .wrap-aprova span.tag {
    position: static
}

.template1 .blog-box div.cel {
    margin: 30px 0;
    width: 100%;
}

.template1 .blog-box {
    padding: 0;
}
    /*.template1 .blog-box div.cel figure {
	width: 30%;
}*/
    .template1 .blog-box div.cel article {
        width: 70%;
    }

div.cel .quadro1 {
    width: 100%;
    float: left;
}

div.cel .quadro2 {
    width: 40%;
    float: left;
}

div.cel .quadro1 h5 {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1rem;
}

div.cel .quadro1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.5rem;
}

.pgto span {
    color: var(--control-color-orange);
    font-weight: 700;
}

.banner-pub select, .banner-pub input {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border-color: #ccc;
    color: var(--control-color-blue);
    background-color: #fff;
    font-weight: 600;
    font-size: 0.98rem;
}

.filtros {
    float: right;
    margin-right: 20px;
}

/*.link-empresa {
    float: left;
    width: calc((100% - 240px) / 3);
    margin: 40px;
}*/


.componentes .link-empresa {
    float: left;
    width: calc((100% - 240px) / 4);
    margin: 10px 10px 10px 40px;
}


.unidade .link-empresa {
    margin: 0px;
}

.link-empresa a {
    width: 100%;
    overflow: hidden;
    height: auto;
    position: relative;
    display: block;
    border-radius: 10px;
    height: 300px;
    box-shadow: 0 0 5px #00000029;
}

    .link-empresa a.orange-button {
        width: 100%;
        height: auto;
        position: static;
        display: block;
        height: auto;
        box-shadow: none;
        margin-top: 20px;
        text-align: center;
    }

    .link-empresa a * {
        transition-property: all;
        transition-duration: .3s;
    }

    .link-empresa a img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        max-width: 570px;
        min-width: 100%;
        min-height: 100%;
        filter: brightness(70%);
        height: auto;
        width: auto;
    }

    .link-empresa a:hover img {
        transform: scale(1.2);
    }

    .link-empresa a span {
        position: absolute;
        width: 100%;
        height: 100px;
        bottom: 30px;
        left: 0;
        z-index: 2;
        padding: 30px;
    }

    .link-empresa a h3 {
        color: #fff;
        left: 0;
        text-decoration: none;
        margin: 0;
    }

    .link-empresa a:hover h3, .link-empresa a:hover p {
        color: var(--control-color-orange);
    }

    .link-empresa a p {
        color: #fff;
        left: 0;
        text-decoration: none;
        margin: 0;
    }

.link-empresa h4 {
    color: var(--control-color-orange);
}

.link-empresa a.video {
}

    .link-empresa a.video::before {
        content: '';
        position: absolute;
        width: 60px;
        height: 60px;
        left: calc(50% - 30px);
        top: calc(50% - 30px);
        border-radius: 50%;
        background-color: #f7f7f738;
        border: solid 2px #fff;
        z-index: 10;
        color: #fff;
        text-align: center;
        padding-top: 9px;
        font-weight: 700;
        font-size: 2rem;
        transition-property: all;
        transition-duration: .3s;
        background-image: url(/Portals/_default/Skins/SenacDna22/images/formas/arrow-video.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25%;
    }

    .link-empresa a.video:hover::before {
        transform: scale(1.3);
    }

.form-footer input {
    border-radius: 10px;
    border: solid 1px #44444459;
    padding: 10px;
    color: #444444;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 10px;
    border: none;
}

    .form-footer input::placeholder {
        color: #004B8D;
    }

    .form-footer input[type="button"], .form-footer input[type="submit"] {
        color: #fff;
        background: rgb(247,148,29);
        font-size: 18px;
        border-radius: 10px;
        border: none;
        font-weight: 400;
        cursor: pointer;
        color: #fff;
        padding: 10px 40px;
    }

.form-footer button[type="button"]:hover {
}

.form-footer h4 {
    font-size: 21px;
    line-height: 1.5rem
}

.form-footer h3 {
    color: rgb(247,148,29);
}

.videos .link-empresa {
    width: 100%;
}

    .videos .link-empresa.offset-lg-2 {
        margin-left: 16.6%;
    }

.orange {
    color: #ff8400 !important;
}

.navy {
    color: var(--control-color-blue) !important;
}

.trilhas {
    position: relative;
}

    .trilhas .slick-next {
        right: -30px;
    }

    .trilhas .slick-prev {
        left: -10px;
    }

    .trilhas .slick-list {
        overflow: hidden;
        display: block;
        WIDTH: 100%;
    }

    .trilhas .blog-box div.cel {
        margin: 30px 0;
        width: 100%;
    }

        .trilhas .blog-box div.cel figure {
            max-height: 280px;
            border-radius: 10px 10px 0 0;
            width: calc(100% + 40px);
            margin-bottom: -10px;
        }

        .trilhas .blog-box div.cel article {
            width: 100%;
        }

    .trilhas .blog-box {
        width: 90% !important;
        float: left;
        margin: 5%;
    }

.acordion ul.blue li::before {
    background: rgb(0 75 151);
    background: linear-gradient(174deg, rgb(6 95 185) 0%, rgb(2 59 116) 100%);
    border-radius: 2px;
}


.entrar .form-login input, .inscreva-se .form-login select {
    font-size: 18px;
    border-radius: 10px !important;
    color: var(--control-color-blue);
    font-weight: 700;
    border-color: #ccc;
    max-height: 63px;
}

.entrar .orange-button {
    color: #fff !important;
    clear: both;
    display: block;
    float: left;
    /*margin-top: 30px*/
}

.form-login input {
    border-radius: 10px;
    border: solid 1px #44444459;
    padding: 10px;
    color: #444444;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 10px;
}

    .form-login input::placeholder {
        color: #004B8D;
    }

    .form-login input[type="button"] {
        color: #fff;
        background: rgb(247,148,29);
        font-size: 18px;
        border-radius: 10px;
        border: none;
        font-weight: 400;
        cursor: pointer;
        color: #fff;
        padding: 10px 40px;
    }

.form-login button[type="button"]:hover {
}

.form-login h4 {
    font-size: 21px;
    line-height: 1.5rem
}

.form-login h3 {
    color: rgb(247,148,29);
}

.inscreva-se .form-footer input, .inscreva-se .form-footer select {
    font-size: 18px;
    border-radius: 10px;
    color: var(--control-color-blue);
    font-weight: 700;
    border-color: #ccc;
    max-height: 63px;
}

.inscreva-se .orange-button {
    color: #fff !important;
    clear: both;
    display: block;
    float: left;
    margin-top: 30px
}

.blog #slider-blog {
    padding: 0 !important;
}

    .blog #slider-blog div.cel {
        box-shadow: none;
    }

        .blog #slider-blog div.cel:hover {
            box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        }

    .blog #slider-blog .item {
        width: calc((100% - 69px) /3 );
        margin: 10px;
        display: inline-block;
    }

.blog .orange-button {
    margin-top: 20px;
}

.blog .blog-box div.cel figure {
    width: 50%;
    max-height: 610px;
    height: 400px;
}

.blog .blog-box div.cel article {
    width: 50%;
}

.blog div.cel figure img {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: 200%;
}

.blog-repo {
    position: relative;
}

.select-filtro {
    position: absolute;
    top: 50px;
    right: 41px;
    padding: 10px 30px;
    font-size: 1.2rem;
    border: solid 1px #ccc;
    color: #004c92;
    border-radius: 10px;
}

.newsletter {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/ShadeNewsletter.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 60px 0 140px;
    background-size: cover;
    background-position: bottom left;
}

    .newsletter h2, .newsletter p {
        color: #fff;
        margin-bottom: 10px;
    }

    .newsletter .form {
        padding: 40px;
    }

        .newsletter .form input[type=email] {
            padding: 10px;
            border-radius: 10px;
            width: 100%;
            border: solid 1px #ccc;
            margin-bottom: 10px;
            margin-top: 10px;
            color: #004f94;
            margin: 20px 0 0;
        }

            .newsletter .form input[type=email]::placeholder {
                color: #004f94;
            }

        .newsletter .form input[type=button] {
            padding: 10px;
            border-radius: 10px;
            color: #fff;
            background-color: #ff8400;
            border: solid 1px #ff8400;
            font-size: 18px;
            padding: 10px 20px;
            cursor: pointer;
            margin: 20px 0;
            font-weight: 300;
        }

        .newsletter .form label {
            font-size: 25px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #fff;
        }

a.big_tag {
    text-decoration: none;
    color: var(--control-color-orange);
    padding: 0.5rem 2rem;
    border-radius: 10px;
    border: solid 1px var(--control-color-orange);
    font-size: 25px;
}

    a.big_tag:hover {
        background-color: var(--control-color-orange);
        color: #fff;
    }

    a.big_tag.blue {
        border-color: var(--control-color-blue);
        color: var(--control-color-blue);
    }

        a.big_tag.blue:hover {
            background-color: var(--control-color-blue);
            color: var(--control-color-blue);
            color: #fff;
        }



#dest-blog div.cel {
    box-shadow: none;
}

    #dest-blog div.cel:hover {
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    }

.fale-box {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    padding: 20px 80px 50px;
    border-radius: 20px;
    margin: 20px;
}

    .fale-box h3 i {
        display: block;
        font-size: 100px;
    }

    .fale-box .contacts {
        color: var(--control-color-orange);
        font-size: 25px;
        margin: 0px auto 60px;
    }

        .fale-box .contacts a, .fale-box a {
            color: var(--control-color-orange);
            text-decoration: none;
            word-break: break-word;
        }

.fig-round {
    float: right;
    display: inline-block;
    width: 50%;
}

.blok {
    width: 100%;
    display: block;
    float: left;
}

.form-group {
    margin-bottom: 20px
}

    .form-group label {
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 500;
        cursor: pointer;
        color: var(--gray-dark);
    }

        .form-group label.col-form-label {
            -ms-flex-item-align: center !important;
            align-self: center !important;
            margin-bottom: 0
        }

header#main-nav nav ul li {
    position: relative;
    height: 75px;
}

    header#main-nav nav ul li:hover ul.sub1 {
        display: block;
    }

.sub1 {
    position: absolute;
    min-width: 150px;
    width: auto;
    background-color: white;
    top: 100%;
    box-shadow: 0 10px 10px rgb(0 0 0 / 50%);
    padding: 0px;
    margin: 0;
    display: none;
    border-radius: 0 0 10px 10px;
}

header#main-nav nav ul li .sub1 li {
    display: block;
    position: relative;
    margin: 0;
    height: auto;
    max-height: 50px;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
}

    header#main-nav nav ul li .sub1 li a {
        font-size: 13px;
    }

.sub2 {
    position: absolute;
    min-width: 180px;
    width: auto;
    background-color: white;
    top: -0px;
    left: 100%;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 50%);
    display: none;
    margin-left: 0;
    padding: 0px;
    border-radius: 0 10px 10px 0;
}

.sub3 {
    position: absolute;
    min-width: 150px;
    background-color: white;
    top: -5px;
    left: 300px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 50%);
    display: none;
    margin-left: 0;
    padding: 0px;
    border-radius: 0 10px 10px 0;
}

header#main-nav nav ul li .sub1 li:first-child .sub2 {
    border-radius: 0 0 10px 0;
}

header#main-nav nav ul li .sub1 li:hover ul.sub2 {
    display: block;
}


.searchMenu .formBusca {
    position: absolute;
    top: 75px;
    width: 300px;
    background-color: white;
    padding: 20px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 50%);
    display: none;
    color: #6a6868;
    z-index: 800 !important;
    text-align: left;
    border-radius: 0 0 10px 10px;
    right: -40px;
}

li.searchMenu .formBusca input[type="text"] {
    width: 75%;
    padding: 10px;
    border: solid 1px #ccc;
    height: 39px;
    border-radius: 10px 0 0 10px;
}

li.searchMenu .formBusca button {
    width: 25%;
    float: right;
    padding: 10px;
    background-color: #ff8400;
    color: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    height: 39px;
}

.mercado-voce {
    font-weight: 700;
}

#empresa h2.title {
    font-weight: 400;
}

li.searchMenu span.openSearch::after {
    background-image: url(/Portals/_default/Skins/SenacDna22/images/times.png);
}

.blog-content {
    background-image: linear-gradient(to top, #115075, #062c49);
}

.desk-hidden {
    display: none;
}

/*VIDEO*/

section#destaques.comercio-destaque .shade {
    background-image: none !important;
}

.video-cont {
    top: -175px;
    right: -35px;
    float: left;
    position: relative;
    display: block;
    z-index: 888;
}

.item .cel {
    padding: 10px 10px 10px 10px;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}


/*  TAGS */

.cel .tag a {
    color: var(--control-color-orange);
    padding: 5px 10px;
    border: solid 1px var(--control-color-orange);
    border-radius: 10px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 11px;
    display: inline-table;
    margin-bottom: 5px;
    font-weight: 700;
}

article .tag a {
    color: var(--control-color-orange);
    padding: 5px 10px;
    border: solid 1px var(--control-color-orange);
    border-radius: 10px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 11px;
    display: inline-table;
    margin-bottom: 5px;
    font-weight: 700;
}

.noticias-internas .cel {
    height: 475px;
    width: calc(33% - 20px);
    margin: 30px 10px 30px 10px;
}



.blog-person .cel {
    /* height: 475px; */
    width: calc(100% - 20px);
    /* margin: 30px 10px 30px 10px;*/
}


/* RESOLUÇÃO ESPECÍFICA PARA NOTEBOOK */
@media only screen and (max-width: 1366px) and (min-width: 599px) {



    /*#slider-blog div.cel{
        width: 310px;
        margin-left: 8px;
        height: 475px;

    }*/



    div.cel a.cta {
        width: calc(95% + 35px);
    }

    #dnn_SliderPane.blog-content .cel {
        margin-left: 0;
        width: calc(100% - 20px);
        margin: 30px 10px 30px 10px;
    }

    #dnn_SliderPane.blog-content div.cel {
        height: 475px;
    }

    #blog-main.slick-next {
        right: 0;
    }

    #blog-main.slick-next {
        left: 6px;
    }

    #dnn_SliderPane.blog-content .slick-next {
        right: -10px;
    }

    #dnn_SliderPane .slick-prev {
        left: 5px;
    }

    #dnn_SliderPane .slick-prev {
        left: 5px;
    }

    .blog-content .cel {
        width: calc(100% - 20px);
        margin: 30px 10px 30px 10px;
    }

    .video-cont h2 {
        font-size: 36px;
    }

    .close-modal {
        top: 0px;
        right: 0px;
    }

    #dnn_ctr998_ContentPane div.item .cel {
        width: 235px;
        height: 460px;
    }

        #dnn_ctr998_ContentPane div.item .cel .tag a {
            font-size: 9px;
        }

    #dnn_ctr998_ContentPane .tag {
        height: 70px;
    }

    #dnn_ctr998_ContentPane div.item .cel h4 {
        height: 90px;
    }

    #voce #txt-vc {
        width: 38%;
    }

    #voce .slick-prev {
        left: 7px;
    }

    #voce .slick-next {
        right: -47px;
    }

    #empresa #txt-emp {
        width: 38%;
    }

    #mercadoVoce #voce h2.title {
        color: white;
    }

    #slider-emp.slick-prev {
        left: -15px;
    }

    .slick-prev {
        left: 0px;
    }

    .slick-next {
        right: 10px;
    }

    div.tag a {
        font-size: 10px;
    }

    .tag {
        height: 20px;
    }

    .slick-slide .item .cel h4 {
        height: 70px;
        margin-top: 45px;
    }
}

@media screen and (max-width: 1024px) {
    .sub1, .sub2 {
        position: static;
        box-shadow: none;
        margin: 0;
        width: 100%;
        display: none;
    }

    .sub2 {
        margin-left: 0px;
        margin-top: 0px;
    }

    span.arrow {
        position: absolute;
        right: 1.5rem;
        top: 10px;
        font-size: 1.2rem;
        color: #004b97;
    }

    header#main-nav nav ul li:hover ul.sub1, header#main-nav nav ul li .sub1 li:hover ul.sub2 {
        display: none;
    }

    header#main-nav nav ul li {
        height: auto;
    }

    .div.curso-info {
        display: contents;
    }

    .slick-prev, .slick-next, .slick-prev:focus, .slick-next:focus {
        width: 27px;
        height: 27px;
    }

    .home-slider .slick-prev::after {
        width: 25px;
        height: 29px;
    }

    .home-slider .slick-next::after {
        width: 25px;
        height: 29px;
    }
}

.rbCategorias input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    /*background-color: transparent;*/
    margin: 0;
    display: none;
}


ul.inline li {
    display: inline-block;
    padding: 5px;
    list-style-type: circle;
    border: solid 1px;
    border-radius: 10px;
    margin: 2px;
}

    ul.inline li a {
        color: #f78a1e;
        padding: 5px;
        width: 100%;
        display: block;
        font-weight: bold;
        text-decoration: none;
    }

.timeline figure {
    border-radius: 50%;
    border: solid 1px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin: auto;
}

    .timeline figure img {
        width: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: 120%;
    }

#main-consultoria i {
    font-size: 2.5REM;
    color: #f78a1e;
}

.sequencia div {
    position: relative;
}

    .sequencia div:after {
        content: ">";
        position: absolute;
        width: 40px;
        height: 40px;
        top: calc(50% - 40px);
        right: -20px;
        font-size: 2rem;
        font-weight: bold;
        color: #f78a1e;
    }

    .sequencia div:last-child::after {
        display: none;
    }

.table-consult td, .table-consult th {
    padding: 15px;
}

.table-consult tr:nth-child(even) td, .table-consult tr:nth-child(even) th {
    background-color: #f7f7f7;
}

.table-consult td {
    border-right: dotted 1px #ccc;
}

.sub1.mega {
    width: 480px;
}

header#main-nav nav ul li .sub1.mega li a p {
    font-weight: 300
}

div.dotted {
    border-left: dotted 1px #ccc;
}

ul.nav.navbar-right {
    float: right;
}

    ul.nav.navbar-right li {
        display: inline-block;
        list-style: none;
        float: left;
        margin: 40px 10px;
    }

        ul.nav.navbar-right li:hover ul {
            padding: 0
        }

            ul.nav.navbar-right li:hover ul li {
                display: block;
                list-style: none;
                float: left;
                margin: 0;
                width: 100%;
                float: left;
            }

        ul.nav.navbar-right li:hover ul {
            display: block !important;
            position: absolute;
            width: 250px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,.5);
            z-index: 1;
        }

    ul.nav.navbar-right i {
        font-size: 1.2REM !important;
    }

    ul.nav.navbar-right li a {
        text-decoration: none;
        color: var(--control-color-blue);
        font-size: 18px;
    }


.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-bookmark:before {
    content: "\e044";
}


.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #141414;
    background-color: #eeeeee;
}

.dropdown-menu > li > a {
    display: block;
    /*padding: 3px 20px;*/
    clear: both;
    font-weight: normal;
    line-height: 1.846;
    color: #666666;
    white-space: nowrap;
}

#main-consultoria article.evento i {
    font-size: 1REM;
    color: #f78a1e;
    margin-right: 10px;
}

#main-consultoria article {
    padding-left: 10px;
}

    #main-consultoria article:nth-child(even) {
        background-color: #f4f4f4;
        border-top: dotted 1px #a9a9a9;
        border-bottom: dotted 1px #a9a9a9;
    }

.label {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 100%;
    background-color: gray;
    width: 100%;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
}

.publicacao {
    background-color: #CCCC66;
}

.abertura, .acolhimento_de_proposta {
    background-color: #0099FF;
}

.analise_de_documentacao, .contrarrazao, .julgamento, .prazo_recursal {
    background-color: #663300;
}

.homologado, .encerrado, .adjudicado {
    background-color: #428BCA;
}

.cinza {
    color: #bbb;
}


ul.list-unstyled {
    margin-left: 0;
    padding-left: 0;
}

    ul.list-unstyled li {
        list-style: none;
        margin-bottom: 10px;
    }

        ul.list-unstyled li a:hover {
            text-decoration: underline;
            color: var(--control-color-orange)
        }

        ul.list-unstyled li a {
            text-decoration: none;
            color: #309bf7
        }

.yellow {
    background-color: yellow;
    color: blue;
    padding: 10px;
    border-radius: 5px;
    float: left;
    padding: 10px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-geral {
    position: absolute;
    width: 480px;
    height: auto;
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 20px;
    /*top: calc(100% - 669px);*/
    left: calc(50% - 200px);
}

.modal-1, .modal-2 {
    display: none;
    height: 100%;
    position: relative;
}

.close-modal-2, .close-modal-2b {
    position: absolute;
    top: -20px;
    right: -20px;
}

.close-modal {
    position: absolute;
    top: -20px;
    right: -20px;
}

.close-modal, .close-modal-2, .close-modal-2b {
    width: 50px;
    height: 50px;
    /*border-radius: 20px;
    background-color: white;
    border: solid 1px white;*/
    color: #004c8b;
    text-align: center;
    line-height: 3.7rem;
    cursor: pointer;
}

    .close-modal i, .close-modal-2 i, .close-modal-2b i {
        font-size: 2rem;
    }

.login-geral label {
    width: 100%;
    display: block;
    color: var(--control-color-grey);
    font-weight: 700;
    margin-bottom: 5px;
}

.login-geral .ciencia label {
    text-align: justify;
}

.login-geral input[type="button"] {
    width: 100%;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    background-color: #004b8c;
    color: white;
    margin-top: 10px;
    float: left;
    border: none;
    border-radius: 5px;
    display: block;
    padding: 10px;
}

.login-geral input[type="text"],
.login-geral input[type="password"],
.login-geral input[type="tel"],
.login-geral input[type="date"],
.login-geral input[type="email"] {
    display: block;
    color: var(--control-color-grey);
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1.1rem;
    padding: 5px;
}

.login-geral input {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 1.1rem;
}

    .login-geral input[type="checkbox"] {
        width: 20px;
        height: 20px;
        display: inline-block;
        color: var(--control-color-grey);
        font-weight: 700;
        /*margin-bottom: 10px;*/
        margin-right: 10px;
        font-size: 1.2rem;
        padding: 5px;
        float: left;
    }


.login-geral label.check {
    width: 90%;
    float: right;
    line-height: 30px;
}

.modal-2 select {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 11px;
}

.bg-fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 1000000000;
}


pagination-zl {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.pagination-zl a:not(.page-link) {
    display: none;
}

.pagination-zl .page-link {
    position: relative;
    display: inline-block;
    padding: 0.5rem 0.82rem;
    color: #3c8dbc;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .pagination-zl .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .pagination-zl .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .pagination-zl .page-link:first-child {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .pagination-zl .page-link:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .pagination-zl .page-link.active,
    .pagination-zl span.page-link.active {
        z-index: 3;
        color: #fff;
        background-color: #3c8dbc;
        border-color: #3c8dbc;
    }

    .pagination-zl .page-link.disabled,
    .pagination-zl span.page-link {
        color: #bbbbbb;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
    }

.pagination-zl-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

    .pagination-zl-lg .page-link:first-child {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .pagination-zl-lg .page-link:last-child {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

.pagination-zl-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

    .pagination-zl-sm .page-link:first-child {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
    }

    .pagination-zl-sm .page-link:last-child {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
    }


.floatDesktop {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 22px;
    right: 90px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 34px 8px 34px 34px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 5px 4px 0 rgb(0 0 0 / 26%);
    z-index: 999;
}

.floatMobile {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 80px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 34px 8px 34px 34px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
    z-index: 999;
    display: none;
}

@media only screen and (max-device-width: 768px) {
    .floatMobile {
        display: block
    }

    .floatDesktop {
        display: none
    }
}

i.fa-whatsapp, svg.fa-whatsapp {
    margin-top: 14px !important;
}

.btn-primary-custom {
    background-color: var(--control-color-orange) !important;
    border-color: var(--control-color-orange) !important;
}

    .btn-primary-custom:hover {
        background-color: var(--control-color-blue) !important;
        border-color: var(--control-color-blue) !important;
        color: white !important;
    }

    .btn-primary-custom:active {
        background-color: var(--control-color-blue) !important;
        border-color: var(--control-color-blue) !important;
        color: white !important;
    }

.news-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.news-thumbnail {
    flex: 0 0 250px; /* Ajuste a largura conforme necessário */
    margin-right: 20px;
}

    .news-thumbnail figure {
        margin: 0;
    }

.news-img {
    width: 100%;
    height: auto;
}

.news-content {
    flex: 1;
}

.news-tag {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #007bff;
}

    .news-tag a {
        color: #007bff;
        text-decoration: none;
    }

.news-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.news-date {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.btn-primary {
    background-color: #f90;
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

    .btn-primary:hover {
        background-color: #e86c00;
        color: #fff;
        text-decoration: none;
    }