@font-face {
    font-family: arial-bold;
    src: url(fonts/arial-bold.ttf);
	font-display: swap;
}

@font-face {
    font-family: ubuntu-bold;
    src: url(fonts/Ubuntu-B.ttf);
	font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(fonts/Montserrat-Black.ttf);
	font-display: swap;
}


body {
    font-family: Arial !important;
    overflow-x: hidden;
}


    .background-menu {
        background-color: #101010e0;
        width: 100%;
        /*background-image: linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(-45deg, #000000 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #000000 75%), linear-gradient(-45deg, transparent 75%, #000000 75%);*/
        /*background-size: 2px 2px;*/
        /*background-position: 0 0, 1px 0, 1px -1px, 0 1px;*/
        display: block;
        content: '';
        position: relative;
    }


    .te {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.26) 0%, rgba(17, 17, 17, 0) 62%, rgba(17, 17, 17, 0) 100%);*/
    }

    .top {
        grid-template-columns: 1fr 50%;
        display: grid;
        align-self: center;
        align-content: center;
    }

    .list {
        color: #f1f0f0;
        display: grid;
        align-content: center;
        align-self: center;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }
    .logo {
        padding: 0px 13rem 0 3rem;
    }
    .list-menu {
        display: flex;
		z-index:100;
    }

    .home-menu {
        background-color:#3a3939;
        position: relative;
        width: 100px;
        height: 100px;
        transform: skew(-15deg);
        margin-right: 2px;
        z-index: 0;
        border-bottom: 5px solid #5d5d5d;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .home-menu:hover {
        border-bottom: solid 5px #1e89ca;
        cursor: pointer;
    }

    .arrow-banner-left {
        position: absolute;
        top: 0;
    }

    .arrow-banner-right {
        position: absolute;
        top: 0;
        right: 0;
    }

    .arrow-left {
        position: absolute;
        top: 50%;
        font-size: 40px!important;
        left: 8%;
        color: #b9b8b8;
    }

    .arrow-right {
        position: absolute;
        top: 50%;
        right: 8%;
        font-size: 40px!important;
        color: #b9b8b8;
    }

    .home-menu span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
        font-family: arial-bold;
        align-items: center;
        text-decoration: none;
		background: -webkit-linear-gradient(#ffffff, #cecece);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .home-menu span:hover {
        background: -webkit-linear-gradient(#ffffff, #cecece);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .menu3:hover:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 100px solid transparent;
        border-top: 50px solid #a5a2a21a;
        position: absolute;
        border-bottom: 30px solid #cecece00;
        top: 0;
        left: 0;
    }
    .home-hover {
        font-family: arial-bold;
        color: #b9b8b8;
        position: relative;
        text-decoration: none !important;
    }

    .home-hover:hover {
        color: #ece8e8;
    }

    .menu1:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .beforee:hover:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 100px solid transparent;
        border-top: 50px solid #a5a2a21a;
        position: absolute;
        border-bottom: 30px solid #cecece00;
        top: 0;
    }
    .menu1:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }
    .menu2:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .menu2:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }
    .fa-check-circle {
        color: #1e89ca;
    }
    .button-intern {
        background-color: #1e89ca;
        color: #e6e6e6;
        display: block;
        padding: 4px 16px;
        font-size: 18px;
        border-radius: 4px;
        font-family: arial-bold;
        cursor: pointer;
        border: 1px solid #1e89ca;
		width:130px;
    }
	
	.button-intern2 {
        background-color: #4ebe2a;
        color: #e6e6e6;
        padding: 8px 16px;
        font-size: 18px;
        border-radius: 4px;
        font-family: arial-bold;
        border: 1px solid #4ebe2a;
    }
	
    .menu3:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .menu3:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }

    .menu4:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .menu4:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }

    .menu5:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .menu5:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }
	
	.menu6:hover {
        background-image: url("../img/effect.png");
        z-index: 0;
        background-position: center;
        overflow-x: unset;
    }
    .menu6:hover:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #1e89ca;
        position: absolute;
        left: 5px;
        bottom: -10px;
    }

    .logo-header {
        z-index:0;
    }
    .back-menu {
        width: 100%;
        height: 100px;
    }

    .background-carousel {
        /*background-color: #111111;*/
		background-image: url(../img/bgBanner.jpg);
		background-size:cover;
        width: 100%;
        /* padding: 8rem 0 8rem 0; */
        padding: 10px 0;
    }

    .carousel {
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%;
        justify-items: center;
        align-items: center;
    }

    .carousel2 {
        width: 100%;
    }

    .title-carousel2 {
        text-transform: uppercase;
        background: linear-gradient(to right, #fff 90%, #fffcfc 100%);
        text-shadow: -3px -1px 2px #a5a5a582, 4.8px 8.7px 250px rgba(0, 0, 0, 0.6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        width: 100%;
        font-family: ubuntu-bold;
        font-size: 70px;
    }

    .grab-cols {
        display: grid;
        grid-template-columns: 50% 50%;
        padding-top: 2rem;
    }

    .back {
        /* background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.26) 0%, rgba(17, 17, 17, 0) 62%, rgba(17, 17, 17, 0) 100%); */
		background-position: center;
    }

    .col1-text {
        color: #e5e5e5;
        font-size: 18px;
        padding: 1rem 8rem 0 8rem;
    }

    .col2-nf {
        width: 90%;
        height: 100%;
		margin: 0 auto;
    }

    .col1-text-nf {
        color: #e5e5e5;
        font-size: 18px;
        padding: 1rem 8rem 0 8rem;
        text-align: center;
    }

    .col1 {
        grid-template-rows: 1fr 1fr;
        display: grid;
    }

    .col2 {
        grid-template-rows: 1fr 1fr 1fr;
        display: grid;
    }

    .col2 img {
        margin: auto;
        display: block;
    }

    .col1 img {
        margin: auto;
        display: block;
    }

    .col2-text {
        color: #e5e5e5;
        text-align: center;
        font-size: 18px;
        padding: 1rem 8rem 0 8rem;
    }

    .more {
        background-color: #FA5C1B;
        color: #e6e6e6;
        margin: 0 auto auto auto;
        display: block;
        padding: 8px 15px;
        font-size: 22px;
        border-radius: 4px;
        font-family: arial-bold;
        cursor: pointer;
        border: 1px solid #FA5C1B;
    }
	.more:hover{
		box-shadow: inset 5px 3px 9px 0px rgba(36, 35, 35, 1);
	}
    .more a {
        text-decoration: none;
        color: #e6e6e6;
    }
    .more a:hover {
        color: #222222;
    }
    .grecaptcha-badge {
        display: none;
    }
    .rodape {
        background-color: #0e0e0ed9;
        width: 100%;
        background-image: linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(-45deg, #000000 25%, transparent 25%);
        background-size: 2px 2px;
        background-position: 0 0, 1px 0, 1px -1px, 0 1px;
        display: block;
        content: '';
        position: relative;
        min-height: 400px;
		padding-bottom: 20px;
    }
    .mobile-img {
        width: 100%;
    }
    .title-footer {
        color: #888484;
        text-align: left;
        padding-top: 2rem;
        text-shadow: 0 2px 0.7px rgba(0, 0, 0, 0.57);
        font-size: 22px;
        font-family: arial-bold;
    }

    .no-link {
        text-decoration: none;
        color: #888484;
    }

    .no-link:hover {
        text-decoration: none;
        color: #fff;
    }

    ul {
        list-style-type: none;
    }
    .c-rodape {
        width: 100%;
        height: 100%;
    }
    .list-nfs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
        justify-items: center;
        width: 100%;
        height: 100%;
        align-items: end;
        position: relative;
    }

    .list-nfs:after {
        content: "";
        border-bottom: 4px solid #1c8ccd;
        position: absolute;
        bottom: 2rem;
        z-index: -5;
        width: 90%;
    }

    .option-nf {
        color: #ffffff;
        background: linear-gradient(90deg, rgba(2, 176, 251, 1) 0%, rgba(29, 138, 204, 1) 88%);
        height: 70px;
        width: 70px;
        border-radius: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        font-size: 11px;
        justify-content: center;
        border: 14px solid #cecece;
    }

    .form-input {
        width: 100%;
        background-color:#383737;
        border: none;
        border-radius: 4px;
        padding: 4px;
    }
    .copyright {
        z-index: 10;
        display: flex;
        align-self: center;
        align-items: center;
        align-content: center;
        height: 100%;
        width: 100%;
    }
    .footer-logo {
        z-index: 10;
        margin-right: 1rem;
    }
    .copy {
        padding-top: .5rem;
        color: #515151;
        font-weight: 500;
    }
    .text-label {
        color: #999999;
    }

    .text-area {
        background-color: #383737;
        border: none;
        border-radius: 4px;
        padding: 4px;
    }

    .list-map {
        border-bottom: 1px solid #232323;
        margin-bottom: 16px;
		padding-bottom:5px;
        font-size: 1rem;
    }

    .designs {
        background-color: #f5f5f5;
        padding-top: 2rem;
        width: 100%;
    }
	
	.preco{
		font-size:40px;
		color:#0389CE;
	}

    .all-board {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1.5rem;
		font-size:14px;
    }
	
	.hospedagem {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 1.5rem;
		font-size:14px;
    }
	
	.certificado {
		font-size:14px;
    }
	
	.certificado s {
		font-size:18px;
    }
	
	.certificado .board-design {
		float: left;
		min-height: 600px;
		margin-bottom:50px;
    }

    .board-design {
        box-shadow: inset 0px 0px 3px 0px #515151;
        background-image: linear-gradient(to top, #eeeeee, #ffffff);
        border: 4px solid #dcdbdc;
        border-radius: 20px;
    }

    .board-principal {
        box-shadow: inset 0px 0px 3px 0px #515151;
        background-image: linear-gradient(to top, #eeeeee, #ffffff);
        border: 4px solid #dcdbdc;
        border-radius: 10px;
        margin-top: -25px;
        height: 100%;
		padding-bottom:20px;
    }

    .title-design {
        font-size: 25px;
        color: #1e89ca;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-family: Arial;
        text-align: center;
        font-family: arial-bold;
    }

    .title-design-principal {
        font-size: 25px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        text-shadow: 0px -1px 0 #0e476a;
        font-family: Arial;
        box-shadow: 1px 2px 4px 0 #949494;
        text-align: center;
        font-family: arial-bold;
    }

    .block-title-principal {
        transform: skew(-15deg);
        box-shadow: inset 1px 1.7px 0 0 #5eb7e8;
        border: solid 2px #1781c2;
        background-image: radial-gradient(circle at 0 0, #1e89ca, #2794d7);
        height: 60px;
        margin-top: -30px;
        width: 90%;
        margin-left: 5%;
    }

    .block-title {
        transform: skew(-15deg);
        background-image: radial-gradient(circle at 0 0, #dbdadb, #f2f2f2);
        height: 60px;
        margin-top: -20px;
        box-shadow: 1px 2px 4px 0 #949494;
        border: solid 1px #acacac;
        width: 90%;
        margin-left: 5%;
        border-radius: 2px;
    }

    .text-design {
        min-height: 100px;
        color: #555555;
        line-height: 1.92;
        text-align: center;
        padding: 1rem;
    }

    .last-job {
        width: 100%;
        background-color: #f5f5f5;
		margin-top:50px;
		margin-bottom:20px;
		clear: both;
    }

    .title-last-job {
        text-align: center;
        color: #8d8b8b;
        margin-bottom: 2rem;
        font-family: arial-bold;
    }

    .description-last-job {
        text-align: center;
        color: #8d8b8b;
    }

    .board-jobs {
        grid-template-columns: 1fr 1fr 1fr;
        display: grid;
        padding: 1rem;
        position: relative;
    }

    .img-job {
        border-radius: 4px;
        margin: auto auto 50px auto;
        display: block;
        cursor: pointer;
		position: relative;
    }

    .block-shadow {
        width: 70%;
        margin: auto;
        height: 25px;
        background-color: #c8c8c863;
        box-shadow: 0px -20px 20px 0px #c8c8c89c;
    }

    .witnesses {
        width: 100%;
        padding: 2rem 0 2rem 0;
    }

    .title-witness {
        text-align: center;
        color: #8d8b8b;
        font-family: arial-bold;

    }

    .description-witness {
        text-align: center;
        padding: 0 3rem 1rem 3rem;
        font-size: 16px;
    }

    .name-witness {
        text-align: center;
        color: #acacac;
        font-size: 14px;
    }

    .card-contact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 2rem;
        min-height: 500px;
        grid-gap: 10rem;
    }

    .info-text {
        color: #1e89ca;
        font-family: Arial;
    }

    .input-form-contact {
        width: 50%;
    }

    .textarea-form-contact {
        width: 100%;
    }

    .title-form {
        color: #555555;
        padding-bottom: 1rem;
    }

    .background-contact {
        background-color: #f5f5f5;
        width: 100%;
    }

    .button-contact {
        background-color: #1e89ca;
        border: none;
        color: #fffefe;
        display: block;
        padding: 6px 24px;
        font-size: 16px;
        border-radius: 4px;
        font-family: arial-bold;
        cursor: pointer;
    }

    .input-form-contact::placeholder {
        color: #d1d0d0;
    }

    .textarea-form-contact::placeholder {
        color: #d1d0d0;
    }

    .span-form {
        color: #555555;
        font-family: Arial;
    }

    .bar-menu {
        height: 50px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(217, 216, 217, 1) 0%, rgba(184, 183, 184, 1) 100%);
        border-bottom: 5px solid #d8d8d8;
    }

    .text-img {
        display: grid;
        grid-template-columns: auto 30%;
        justify-content: center;
        align-items: center;
        justify-items: right;
    }

    .text-img p {
        color: #555555;
        font-family: Arial;
        text-align: left;
        font-size: 16px;
    }

    .img-about {
        transform: skew(-20deg);
        width: 250px;
        background-image: url(../img/sobre.jpg);
        height: 250px;
        background-size: cover;
        box-shadow: 7px 6px 6px 0px rgba(4, 4, 4, 0.61);
    }

    .board-about {
        padding: 1rem;
    }
    .photo-ss {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%;
    }
    .button-contact a {
        color: #fffefe;
        text-decoration: none;
    }
    .send a {
        color: #8d8b8b;
        text-decoration: none;
    }
    .send a:hover {
        color: #000000;
        text-decoration: none;
    }
    .button-contact a:hover {
        text-decoration: none;
    }
    .photo-ss::after {
        z-index: -1;
        position: absolute;
        content: "";
        right: 22%;
        width: 77%;
        top: 192px;
        height: 11px;
        max-width: 300px;
        background: #000;
        -webkit-box-shadow: 0 15px 10px #777;
        box-shadow: -1px 10px 13px #000;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(5deg);
    }
    .sobre-title {
        text-align: center;
        color: #555555;
    }

    .sobre-title-curriculo {
        color: #e2e3e2;
        text-align: center;
        width: 100%;
    }

    .curriculo {
        background-color: #000000;
        padding: 1rem;
        width: 100%;
    }

    .board-texts {
        grid-template-columns: 1fr 1fr;
        display: grid;
        color: #e2e3e2;
        padding: 1rem;
        grid-gap: 30px;
    }

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

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

    .list-lang {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        width: 100%;
        align-items: center;
        justify-items: center;
        padding: 4rem 0 4rem 0;
    }

    .icon-lang {
        width: 100px;
        filter: grayscale(100%);
    }

    .icon-lang:hover {
        filter: unset;
        cursor: pointer;
    }

    .icon-lang-psd {
        width: 90px;
        filter: grayscale(100%);
    }

    .icon-lang-psd:hover {
        filter: unset;
        cursor: pointer;
    }

    .block-arrow {
        background: linear-gradient(to right, #c8c8c8 0%, #ffffff 100%);
        width: 35px;
        height: 25px;
        border-radius: 4px;
        display: grid;
        justify-content: center;
        align-items: center;
        margin: 0 auto -30px auto;
        box-shadow: 0 0 2px 0 rgba(4, 4, 4, 0.8);
        color: #9b9b9b;
        cursor: pointer;
    }

    ul {
        padding: 0;
    }

    .service-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 1rem;
        align-items: center;
    }

    .point-block {
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: center;
        align-items: center;
        grid-gap: 3px;
        width: 100%;
    }

    .point {
        color: #afafaf;
    }

    .borda-pontilhada {
        border: .5px dashed #afafaf;
        width: 100%;
    }

    .board-service {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 20% 1fr;
        margin-bottom: 3rem;
        padding-top: 2rem;
    }

    .options {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5px;
        align-items: center;
    }

    .option {
        display: grid;
        grid-template-rows: 1fr 15% 1fr 10%;
        text-align: center;
        justify-items: center;
        grid-gap: 5px;
        align-items: center;
        position: relative;
        padding: 20px 15px 0 15px;
		font-size:14px;
		min-height:280px;
    }

    .option:after {
        border-bottom: 1px solid #cecece85;
        content: "";
        position: absolute;
        bottom: 0;
        width: 80%;
    }

    .title-option {
        color: #555555;
        font-weight: bold;
		font-size:18px;
    }

    .service-chat {
        grid-template-rows: 1fr 1fr 1fr;
        height: 100%;
        width: 100%;
        align-items: center;
        grid-gap: 10px;
    }

    .img-ideia {
        width: 100%;
    }
	
	.text-service {
        font-size:14px;
    }

    .text-service-chat {
        grid-template-rows: 50% 50%;
    }

    .text-diferencial {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .restant {
        grid-template-columns: 60% 1fr;
        height: 100%;
        align-items: center;
        grid-gap: 5px;
    }

    #remainingC {
        font-size: 11px;
    }

    .textarea-form-service {
        width: 100%;
        border-radius: 4px;
        resize: none;
    }

    .send {
        border-radius: 4px;
        color: #8d8b8b;
        border: 1px solid #cecece;
        background: linear-gradient(0deg, rgba(200, 200, 200, 1) 0%, rgba(255, 255, 255, 1) 100%);
        font-size: 14px;
    }

    .send:hover {
        color: #000;
        cursor: pointer;
    }

    .block-arrow-service {
        background: linear-gradient(to top, #c8c8c8 0%, #ffffff 100%);
        width: 35px;
        height: 25px;
        border-radius: 4px;
        display: grid;
        justify-content: center;
        z-index: 2;
        align-items: center;
        margin: 0 auto -1.2rem auto;
        box-shadow: 0 0 2px 0 rgba(4, 4, 4, 0.8);
        color: #9b9b9b;
        cursor: pointer;
    }

    .tabss {
        padding: 1rem;
    }

    .board-top {
        display: grid;
        grid-template-columns: 70% 1fr;
        width: 100%;
        padding-top: 2rem;
    }

    .list-button {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        margin: 0;
    }

    .button-tutorial {
        background: linear-gradient(to bottom, #c8c8c8 0%, #ffffff 100%);
        transform: skew(-15deg);
        justify-content: center;
        display: flex;
        width: 100%;
        color: #8d8b8b;
        border: 1px solid #cecece;
    }

    .title-portfolio {
        color: #8d8b8b;
    }

    .button-tutorial:hover {
        color: #1e89ca;
        cursor: pointer;
        font-weight: bold;
    }

    .shadow {
        margin: auto;
        display: block;
    }

    .all-board-portfolio {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        padding-top: 2rem;
        margin-bottom: 2rem;
    }

    .img-port {
        border-radius: 4px;
        margin: auto;
		margin-bottom:10px;
        display: block;
		position: relative;
    }

    .interno-tutorial {
        display: grid;
        grid-template-columns: 60% 40%;
        padding-top: 2rem;
        margin-bottom: 2rem;
        grid-gap: 10px;
    }

    .info-tutorial {
        display: grid;
        grid-template-rows: 10% 1fr 50%;
    }

    .owl-carousel .owl-item img {
        width: unset !important;
    }

    @-webkit-keyframes mymove {
        from {
            right: -60rem;
        }
        to {
            right: 0;
        }
    }
	@keyframes glowing {
	  0% { box-shadow: 0 0 -10px #0389CE; }
	  40% { box-shadow: 0 0 25px #0389CE; }
	  60% { box-shadow: 0 0 25px #0389CE; }
	  100% { box-shadow: 0 0 -10px #0389CE; }
	}
	.gratis{
		float:left;
		width:130px;
		border-radius:6px;
		padding:5px 0px;
		position: relative;
		top:30px;
		left:-50px;
		animation: glowing 3s infinite;
	}
    .menu1 {
        transition: linear;
        animation: mymove 1s;
        animation-fill-mode: forwards;
        overflow-x: hidden;
    }

    .menu2 {
        transition: linear;
        animation: mymove 2s;
        animation-fill-mode: forwards;
        overflow-x: hidden;
    }

    .menu3 {
        transition: linear;
        animation: mymove 3s;
        animation-fill-mode: forwards;
    }

    .menu4 {
        transition: linear;
        animation: mymove 4s;
        animation-fill-mode: forwards;
        overflow-x: hidden;
    }

    .menu5 {
        transition: linear;
        animation: mymove 5s;
        animation-fill-mode: forwards;
        overflow-x: hidden;
    }
	
	 .menu6 {
        transition: linear;
        animation: mymove 6s;
        animation-fill-mode: forwards;
        overflow-x: hidden;
    }

    .menu-mobile {
        display: none;
    }
    .list-hover {
        background-color: #1f1e21;
        text-decoration: none !important;
        color: #f1f0f0;
        width: 100%;
        height: 100%;
    }
    .list-hover li {
        margin: .3rem;
        padding: .2rem;
    }
    .list-hover li:hover {
        background-color: #0389ce;
        color: #222;
    }

    .menu-list-mobile {
        font-size: 22px;
        text-align: left;
        width: 100%;
        color: #f1f0f0;
    }
    .menu-list-mobile a {
        color: #f1f0f0;
        text-decoration: none;
    }
    .home-hover-list {
        font-family: arial-bold;
        color: #b9b8b8;
        background: -webkit-linear-gradient(#ffffff, #cecece);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .home-hover-list:hover {
        color: #ece8e8;
        text-decoration: none !important;
    }
    .lista {
        display: grid;
        align-self: center;
        align-items: center;
        align-content: center;
        height: 100%;
        width: 100%;
        justify-content: center;
        cursor: pointer;
    }
    .dropdown-menu.show {
        margin: 2.4rem -.6rem;
        background-color: #3A3939;
        padding: 0;
		width:200px;
		z-index:100;
    }
    ul.nav.navbar-nav {
        width: 100%;
        height: 100%;
    }
    .more:hover {
        color: #ffffff!important;
        border: 1px solid #1e89ca;
    }
    .grab-cols2 {
        display: grid;
        grid-template-columns: 50% 40%;
        padding-top: 2rem;
    }
    .title-carousel3 {
        text-align: center;
        color: #989595;
    }
    .subtitle-carousel3 {
        text-align: center;
        color: #1e89ca;
        font-weight: 700;
        font-size: 40px;
        font-family: Montserrat;
    }
    .text-carousel3 {
        text-align: center;
        color: #fff;
        padding: 2rem 5rem;
        font-size: 18px;
        margin-top: 2rem;
        background-color: #3c3a3a;
        position: relative;
    }
    .text-carousel3::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 0px solid transparent;
        position: absolute;
        left: -4%;
        top: 20%;
        border-bottom: 25px solid #3c3a3a;
    }
    .carousel4 {
        padding: 0 2rem 0 2rem;
    }
    .text-carousel4 {
        color: #fff;
        text-align: left;
    }
    .grab-cols3 {
        grid-template-columns: 30% 1fr;
        display: grid;
    }
    .col3-facil {
        width: 100%;
        height: 100%;
        grid-template-rows: 20% 50% 1fr;
        display: grid;
    }
    .title-carousel4 {
        text-align: left;
        color: #1689cc;
        font-family: Montserrat;
        font-size: 50px;
    }
    .text-carousel4 {
        color: #fff;
        text-align: left;
        font-size: 20px;
    }
	
	.monitor2{
		float:left;
	}
	
	.monitor2 span{
		color:#FFF;
		font-size:40px;
		margin-left:45px;
	}
	
	.monitor2 h2{
		margin-left:45px
	}
	
	.etiqueta{
		line-height:80px;
		margin:40px 0px 0px 30px
	}
	
	.etiqueta img{
		float: left;
		margin-right:5px;
	}
	
	.noticia-chamada {
		margin-bottom:10px;
		min-height:250px;
    }
	
	.noticia-chamada img{
		margin: 0px 20px 0px 0px;
	}
	
	.noticia-chamada h1{
		font-size:30px;
	}
	
	.social1{
		position: fixed;
		top:380px;
		right:5px;
		z-index:2;
	}
	.social2{
		position: fixed;
		top:430px;
		right:5px;
		z-index:2;
	}
	.social3{
		position: fixed;
		top:483px;
		right:5px;
		z-index:2;
	}

@media screen and (max-width: 1200px) {
    .photo-ss::after {
        display: none;
    }
	.social1{
		position: fixed;
		top:300px;
		right:5px;
		z-index:2;
	}
	.social2{
		position: fixed;
		top:350px;
		right:5px;
		z-index:2;
	}
	.social3{
		position: fixed;
		top:403px;
		right:5px;
		z-index:2;
	}
	
}
@media screen and (max-width: 768px) {
    .menu-mobile {
        display: block;
    }
    .text-diferencial {
        height: 30rem;
    }
    .background-menu {
        display: none;
    }
    .card-header {
        padding: 0;
        background-color: #343a40;
        border: none;
    }
    .card-body {
        padding: .7rem;
    }
    .sd-mobile {
        font-size: 18px;
        font-weight: 500;
    }
    .card {
        background-color: #343a40;
        border: none;
    }
    .board-jobs {
        grid-template-columns: auto;
    }

    .all-board {
        grid-template-columns: auto;
    }
	
	.hospedagem {
        grid-template-columns: auto;
    }

    .block-title-principal {
        margin-top: -20px;
    }

    .board-principal {
        margin-top: unset;
    }

    .last-job {
        padding-top: 1rem;
    }

    .background-carousel {
        padding: 1rem 0 0 0;
    }

    .carousel {
        grid-template-columns: auto;
    }

    .col1-text {
        padding: 1rem 4rem 0 4rem;
        text-align: center;
    }

    .col2-text {
        padding: 1rem 4rem 0 4rem;
        text-align: center;
    }

    .logo-mobile {
        width: 150px;
    }

    .text-img {
        grid-template-columns: auto;
    }

    .img-about {
        margin: auto;
    }

    .list-lang {
        grid-gap: 20px;
        grid-template-columns: auto auto auto;
    }

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

    .service-card {
        grid-template-columns: auto;
    }

    .service-photo {
        margin: auto;
        display: block;
        width: 100%;
    }

    .list-map {
        text-align: center;
    }
    .grab-cols {
        grid-template-columns: auto;
    }
    .list-nfs {
        grid-template-columns: auto auto;
        padding-top: 2rem;
    }
    .list-nfs:after {
        display: none;
    }
    .title-carousel2 {
        font-size: 45px;
    }
    .arrow-banner-right {
        top: 25%;
    }
    .arrow-banner-left {
        top: 25%;
    }
    .grab-cols2 {
        grid-template-columns: auto;
    }
    .col2-nf {
        padding: 2rem;
    }
    .text-carousel3 {
        padding: .4rem;
    }
    .text-carousel3::after {
        display: none;
    }
    col3-facil {
        grid-template-columns: auto;
    }
    .grab-cols3 {
        grid-template-columns: auto;
    }
    .title-carousel4 {
        text-align: center;
    }
    .col3-facil {
        grid-template-rows: auto;
    }
	.social1{
		position: fixed;
		top:250px;
		right:5px;
		z-index:2;
	}
	.social2{
		position: fixed;
		top:300px;
		right:5px;
		z-index:2;
	}
	.social3{
		position: fixed;
		top:353px;
		right:5px;
		z-index:2;
	}
}

@media screen and (max-width: 480px) {
	
	.monitor2{
			margin-left:-20px;
	}
	
	.monitor2 span{
		color:#FFF;
		font-size:40px;
		margin-left:40px;
	}
	
	.monitor2 h2{
		margin-left:0px
	}
	
	.etiqueta{
		line-height:80px;
		margin:0
	}
	
    .board-service {
        grid-template-columns: auto;
    }
	
	.hospedagem {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1.5rem;
		font-size:14px;
    }
	
	.certificado {
		font-size:14px;
    }

    .text-service-chat {
        grid-template-columns: auto;
    }

    .point-block {
        grid-template-columns: 100%;
        padding-top: 1rem;
    }

    .point {
        text-align: center;
        padding-bottom: 1rem;
    }

    .service-chat {
        grid-template-rows: auto;
    }

    .restant {
        grid-template-columns: auto;
    }

    h3 {
        text-align: center;
        padding-top: 1rem;
    }

    p {
        text-align: center;
        padding: 1rem;
    }

    .block-arrow-service {
        margin: 0 auto -2.2rem auto;
    }

    .tabelas {
        padding-top: 1rem;
    }

    .board-top {
        grid-template-columns: auto;
        padding: 2rem;
    }

    .all-board-portfolio {
        grid-template-columns: auto;
    }

    .interno-tutorial {
        grid-template-columns: auto;
    }

    .info-tutorial {
        grid-template-rows: auto;
        text-align: center;
    }

    .mobile-img {
        width: 100%;
        padding: 1rem;
    }

    .text-diferencial {
        height: unset;
    }

    .options {
        grid-template-columns: auto;
        grid-gap: 20px;
    }

    .block-arrow-service {
        margin: 0 auto -1.2rem auto;
    }

    .card-contact {
        grid-template-columns: auto;
        grid-gap: unset;
    }
    .col1-text-nf {
        padding: 1rem 4rem 0 4rem;
    }
	.social1{
		position: fixed;
		top:550px;
		right:5px;
		z-index:2;
	}
	.social2{
		position: fixed;
		top:600px;
		right:5px;
		z-index:2;
	}
	.social3{
		position: fixed;
		top:653px;
		right:5px;
		z-index:2;
	}
	
}