body {
	display: grid;
    grid-template-columns: 60px auto;
}
html {
  scroll-behavior: smooth;
}
#menuLeft {
	display: grid;

	position: fixed;
	height: 100vh;
	left: 0;
}
#menuLeft .conteudo{
	display: grid;
    grid-template-columns: 60px;

	grid-template-rows: repeat(9, 1fr) 170px 60px;
}
#menuLeft .conteudo a{
	display: grid;
}
#menuLeft .conteudo a img, #menuLeft .conteudo a svg, #menuLeft .conteudo-open a{
	display: grid;
	align-self:center;
	justify-self: center;
}
#menuLeft .conteudo-open{
	display: grid;
	grid-template-rows: repeat(9, 1fr) 170px 60px;
}
#menuLeft .conteudo-open a{
	justify-self: start;

}
#home {
	display: grid;
	grid-column: 2/3;
}

#home .banner{
	display: grid;
	grid-template-rows: 100vh;
	grid-template-columns: 100vw;
}

#home .banner .conteudo{
	display: grid;
	grid-template-columns: 3% auto auto 3%;
	grid-template-rows: 30px 50px auto auto;
}

#home .banner .conteudo .title{
	grid-column: 2/3;
	grid-row: 3/4;
	align-self: center;
}

#home .banner .conteudo header{
	grid-column: 2/4;
	grid-row: 2/3;
}

#home .featured{
	display: grid;
	grid-template-columns: 25% 25% 50%;
}

.featuredConteudo {
	display: grid;
	grid-template-columns: 13% auto 13%;
	grid-template-rows: 13% auto 60px 20% auto 13%;

}
.rectangle .featuredConteudo {
	display: grid;
	grid-template-columns: 6% auto 6%;
	grid-template-rows: 13% auto 60px 20% auto 13%;

}
.featuredConteudo .small{
	grid-row: 2/3;
		grid-column: 2/3;
}
.featuredConteudo .text {
    grid-row: 3/4;
    grid-column: 2/3;
}
.featuredConteudo .text-fetured {
    grid-row: 4/5;
    grid-column: 2/3;
}
.featuredConteudo .go {
    grid-row: 5/6;
    grid-column: 2/3;
	justify-self: end;
	align-self: flex-end;;
}
.menu-modal{
	display: grid;
	grid-template-rows: 20% 40px 8% auto 9%;
	grid-template-columns: calc(6% + 8px) 50% 30% auto calc(3% + 8px);
	overflow: hidden;
}

.menu-modal .nav-wrap{
	grid-column: 2/4;
	grid-row: 2/3;
}
.menu-modal .menu-video{
	grid-column: 2/3;
	grid-row: 4/5;
}
.menu-modal .menu-contact{
	grid-column: 3/4;
	grid-row: 4/5;
	background: #11c0b6;
	display: grid;
	grid-template-rows: 60px 1fr 1fr 1fr 60px;
	grid-template-columns: 60px 1fr;
}
.menu-modal .menu-contact .block:nth-child(1){
	grid-column: 2/3;
	grid-row: 2/3;
}
.menu-modal .menu-contact .block:nth-child(2){
	grid-column: 2/3;
	grid-row: 3/4;
}
.menu-modal .menu-contact .block:nth-child(3){
	grid-column: 2/3;
	grid-row: 4/5;
}
.menu-modal .langs{
	grid-column: 4/5;
	grid-row: 4/5;
}
.padding-match-grid{
	padding: 0 3%;
}
.projects-featured {
	display: grid;
	grid-template-columns: repeat(4,25%);
	grid-template-rows: auto 1fr 10%;
}
.slick-projFea-main {
	display: grid;
	grid-column: 1/4;
	grid-row: 1/4;
}
.slick-projFea-next {
	display: grid;
	grid-column: 4/5;
	grid-row: 1/2;
}
.projects-featured .description {
	display: grid;
	grid-column: 3/5;
	grid-row: 2/3;
	grid-template-columns: 6% auto 6%;
	grid-template-rows: 13% 80px 80px 20% auto 13%;
}
.projects-featured .slick-dots {
    grid-row: 1/1;
    grid-auto-flow: column;
}

.projects-featured .description ul.slick-dots{
	grid-column: 2/3;
	grid-row: 2/3;
}
.projects-featured .description .section{
	grid-column: 2/3;
	grid-row: 3/4;
}
.projects-featured .description .projectTitle{
	grid-column: 2/3;
	grid-row: 4/5;
}
.projects-featured .description .projectDescription{
	grid-column: 2/3;
	grid-row: 5/6;
}
.section-instagram .insta-wrap{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr;
}

footer{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr 1fr 60px;
}

footer .f-square1{
	grid-column: 1/2;
	grid-row: 1/2;
}
footer .f-square2{
	grid-column: 2/3;
	grid-row: 1/2;
}
footer .f-square3{
	grid-column: 3/4;
	grid-row: 1/2;
}
footer .f-square4{
	grid-column: 4/5;
	grid-row: 1/2;
}
footer .f-rectangle1{
	grid-column: 1/3;
	grid-row: 2/3;
}
footer .f-rectangle2{
	grid-column: 3/5;
	grid-row: 2/3;
}
footer .footer-bar{
	grid-column: 1/5;
	grid-row: 3/4;
}
footer .f-square-content, #contact .section-contact .f-square-content{
	display: grid;
	grid-template-rows: 1fr 1fr auto;
}

footer .f-square-content p #contact .section-contact .f-square-content p{
	grid-row: 2/3;
}

#about{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% auto auto calc(3% - 8px);
	grid-template-rows: 90px repeat(7, auto);
}
#contact{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% 1fr 1fr 3%;
	grid-template-rows: 90px repeat(6, auto);
}
#about .pre-page-head, #contact .pre-page-head{
	grid-column: 1/5;
	grid-row: 1/2;
}
#about .page-head, #contact .page-head{
	grid-column: 1/5;
	grid-row: 2/3;
	display: grid;
	grid-template-columns: 3% auto 3%;
}
#about .page-head .block, #contact .page-head .block{
	grid-column: 2/3;
	align-items: center;
}

#about .section-about{
	grid-column: 1/5;
	grid-row: 4/5;
	display: grid;
	grid-template-columns: 3% auto 3%;
}

#about .section-about-new-text{
	grid-column: 1/5;
	grid-row: 3/4;
	display: grid;
	grid-template-columns: 3% auto 3%;
}

#contact .section-contact{
	grid-column: 2/5;
	grid-row: 4/5;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-template-rows: 1fr auto 320px;
}
#contact .section-contact-info{
	grid-column: 2/4;
    grid-row: 3/4;
    display: grid;
    grid-template-columns: repeat(4,1fr);
	grid-template-rows: 1fr auto;
}
#about .video-about{
	grid-column: 2/3;
	grid-row: 1/2;
	display: grid;
	grid-template-columns: 20% auto 20%;
}
#contact .elipse {
	display: grid;
	grid-row: 1/2;
	grid-column: 1/2;
}
#contact .section-contact .square {
	grid-column: 1/2;
grid-row: 2/3;
}
#contact .section-contact .eleBotMap {
	grid-column: 1/5;
	grid-row: 3/4;
	justify-self: center;
	margin-top: 500px;
}
#contact .elipse img{
	place-self: center;
}
#contact .formulario {
	grid-row: 5/6;
	grid-column: 1/5;
	background: white;
	display: grid;
    grid-template-columns: 3% 1fr 1fr 3%;
    grid-template-rows: 100px 120px auto auto 100px;
}
#contact .formulario .title{
	grid-row: 2/3;
	grid-column: 2/5;
}
#contact .formulario .container{
	grid-row: 4/5;
	grid-column: 2/4;
}
#contact #maps .hello {
	grid-column: 3/4;
}
#contact #maps #map-canvas {
	grid-column: 1/4;
}

#about .video-about video{
	grid-column: 2/3;
	width: 100%;
}
#about .video-about .back-elements{
	grid-column: 1/2;
	margin-right: -30%;
	margin-top: -10%;
}
#contact #maps{
	grid-column: 2/5;
    grid-row: 1/3;
    display: grid;
}
#contact #maps video{
	grid-column: 2/4;
	width: 100%;
}
#contact #maps .back-elements{
	grid-column: 1/2;
	margin-right: -30%;
	margin-top: -10%;
}
#about .section-about .text-row1{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#about .section-about .text-row1 .left{
	grid-column: 1/2;
}
#about .section-about .text-row1 .right{
	grid-column: 2/3;
}
#about .section-about .text-row1{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#about .section-about .text-row1 .left{
	grid-column: 1/2;
}
#about .section-about .text-row1 .right{
	grid-column: 2/3;
}
#about .section-about .text-row2{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#about .section-about .text-row2 .left{
	grid-column: 1/2;
}
#about .section-about .text-row2 .right{
	grid-column: 2/3;
}

#about .team {
	grid-column: 1/5;
	grid-row: 6/7;
	display: grid;
	grid-template-columns: repeat(4,25%);
}
#about .team .content-join-team {
	display: grid;
    grid-template-columns: 13% auto 13%;
    grid-template-rows: 13% auto 60px 20% auto 13%;
}
#about .team .content-join-team .join  {
	grid-row: 2/3;
	grid-column: 2/3;
}
#about .team .content-join-team .sendEmail  {
	grid-row: 5/6;
	grid-column: 2/3;
}
#about .about-catch-phrase{
	grid-row: 7/8;
	grid-column: 1/5;
}
#about .blue-stuff {
	grid-row: 8/9;
	grid-column: 1/5;
	display: grid;
	grid-template-columns: 3% auto 3%;
}
#about .blue-stuff .stuff-conteudo{
	grid-column: 2/5;
	display: grid;
	grid-template-columns:17% 25% 16% 25% 17%;
	grid-template-rows: auto 120px auto 120px auto;
}
#about .blue-stuff .remarkable {
	grid-column: 2/3;
	grid-row:1/2;
}
#about .blue-stuff .remarkable-img {
	grid-column: 4/5;
	grid-row:1/2;
	display: grid;
	grid-template-columns: 80%;
}
#about .blue-stuff .change {
	grid-column: 4/5;
	grid-row:3/4;
}
#about .blue-stuff .change-img {
	grid-column: 2/3;
	grid-row:3/4;
	display: grid;
	grid-template-columns: 80%;
}
#about .blue-stuff .expectations {
	grid-column: 2/3;
	grid-row:5/6;
}
#about .blue-stuff .expectations-img {
	grid-column: 4/5;
	grid-row:5/6;
	display: grid;
	grid-template-columns: 80%;
}

#about .events{
	grid-column: 1/5;
	grid-row: 8/9;
	display: grid;
	grid-template-columns: 3% 17% 10% 1fr 5% 17% 3%;
	grid-template-rows:  120px 1fr auto auto 120px;
}
#about .events .events-title{
	grid-row: 2/3;
	grid-column: 2/4;
	align-self: center;
}
#about .events .events-slider-wrap{
	grid-row: 2/3;
	grid-column: 3/6;
}
#about .events .argolas{
	grid-row: 2/3;
	grid-column: 5/8;
	align-self: center;
	margin-top: 30px;
}
#about .events .events-text{
	grid-row: 3/4;
	grid-column: 2/4;
}
#about .events .events-list{
	grid-row: 4/5;
	grid-column: 2/7;
}
#about .about-init {
	display: grid;
	grid-column: 2/3;
	grid-row: 2/3;
	grid-template-columns: 1fr 6rem 1fr;
}
#about .section-about-new-text .text-area {
	grid-column: 2/3;
	grid-row: 1/2;

}

#about .section-about-new-text .text-area2 {
	display: grid;
	grid-column: 2/3;
	grid-row: 2/3;
	grid-template-columns: 1fr 6rem 1fr;
}
#about .section-about-new-text .text-area2 .block1 {
	grid-column: 1/2;
	grid-row: 1/2;
}
#about .section-about-new-text .text-area2 .block2 {
	grid-column: 3/4;
	grid-row: 1/2;
}

#about .section-about-new-text .text-grow {
	grid-column: 2/3;
	grid-row: 3/4;

}
#about .about-init .about-text1{
	grid-column: 1/2;
	grid-row: 1/2;
}
#about .about-init .about-elem1{
	grid-column: 3/4;
	grid-row: 1/2;
}
#about .about-init .about-text2{
	grid-column: 1/2;
	grid-row: 2/3;
	display: grid;
	grid-template-rows: 90px auto;
}
#about .about-init .about-text3{
	grid-column: 3/4;
	grid-row: 2/3;
}

#portfolio, #products, #project{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% auto calc(3% - 8px);
	grid-template-rows: 90px repeat(2, auto);
}
#blog{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% auto 3%;
	grid-template-rows: 90px repeat(2, auto);
}
#article{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% auto 3%;
	grid-template-rows: 90px repeat(2, auto);
}
#article .article-header{
	grid-column: 1/4;
	grid-row: 1/3;
}

.policy-content{
    grid-column: 2/3;
}
#portfolio .pre-page-head, #products .pre-page-head, #project .pre-page-head, #blog .pre-page-head, #article .pre-page-head{
	grid-column: 1/4;
	grid-row: 1/2;
}
#portfolio .page-head, #products .page-head, #project .page-head, #blog .page-head, #article .page-head{
	grid-column: 1/4;
	grid-row: 2/3;
	display: grid;
	grid-template-columns: 3% auto 3%;
}
#portfolio .page-head .block, #products .page-head .block, #project .page-head .block, #blog .page-head .block, #article .page-head .block{
	grid-column: 2/3;
	align-items: center;
}
#portfolio .portfolio-grid{
	grid-column: 1/4;
	grid-row: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	grid-template-areas:
    "pos1 pos1 pos2 pos3"
    "pos1 pos1 pos4 pos5"
    "pos6 pos7 pos10 pos10"
    "pos8 pos9 pos10 pos10";
}
#portfolio .portfolio-grid .pos1{
	 grid-area: pos1;
}
#portfolio .portfolio-grid .pos2{
	 grid-area: pos2;
}
#portfolio .portfolio-grid .pos3{
	 grid-area: pos3;
}
#portfolio .portfolio-grid .pos4{
	 grid-area: pos4;
}
#portfolio .portfolio-grid .pos5{
	 grid-area: pos5;
}
#portfolio .portfolio-grid .pos6{
	 grid-area: pos6;
}
#portfolio .portfolio-grid .pos7{
	 grid-area: pos7;
}
#portfolio .portfolio-grid .pos8{
	 grid-area: pos8;
}
#portfolio .portfolio-grid .pos9{
	 grid-area: pos9;
}
#portfolio .portfolio-grid .pos10{
	 grid-area: pos10;
}
#portfolio .portfolio-grid .pos{
	 grid-area: none;
}
#project .project-conteudo{
	grid-column: 1/4;
}
.grid-products {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column: 1/4;
	grid-row: auto;
}
.subtitle {
	display: grid;
    grid-template-columns: repeat(2,50%);
	grid-row: 1/2;
	grid-template-rows: 40px;
}
.subtitle h2{
    grid-column: 2/3;
	justify-self:center;
}
#services{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% auto calc(3% - 8px);
	grid-template-rows: 90px repeat(2, auto);
}
#services .pre-page-head{
	grid-column: 1/4;
	grid-row: 1/2;
}
#services .page-head{
	grid-column: 1/4;
	grid-row: 2/3;
	display: grid;
	grid-template-columns: 3% auto 3%;
}
#services .page-head .block{
	grid-column: 2/3;
	align-items: center;
}
#services .service-wrap{
	grid-column: 1/4;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(7, 1fr);
}
#services .service-grid{
	display: grid;
	grid-template-columns: 50% 16% auto;
	grid-template-rows: 60px 60px auto 60px 60px;
}
#services .service-grid .text-top{
	grid-column: 1/2;
	grid-row: 2/3;
}
#services .service-grid .descritpion{
	grid-column: 1/2;
	grid-row: 3/4;
}
#services .service-grid img{
	grid-column: 1/2;
	grid-row: 4/5;
	height: 50px;
	align-self: flex-end;
}
#services .service-grid .right{
	grid-column: 3/4;
	grid-row: 1/4;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#prod-item{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% 1fr 1fr 3%;
	grid-template-rows: 90px repeat(7, auto);
}
#prod-item .pre-page-head{
	grid-column: 1/5;
	grid-row: 1/2;
}
#prod-item .page-head{
	grid-column: 2/4;
	grid-row: 2/3;
}
#prod-item .video-prod{
	grid-column: 2/4;
	display: grid;
	grid-template-columns: 17% auto 17%;
}
#prod-item .video-prod video, #prod-item .video-prod img{
	grid-column: 2/3;
}
#prod-item .intro-prod{
	grid-column: 2/3;
}
#prod-item .slider-prod{
	grid-column: 1/5;
	display: grid;
}
#prod-item .text-prod{
	grid-column: 2/4;
}
#prod-item .how-works{
	grid-column: 1/5;
}
#prod-item .gallery-prod{
	grid-column: 1/5;
	display: grid;
	grid-template-columns: 17% 10% 1fr 10% 17%;
	grid-auto-rows: auto 1fr auto;
}
#prod-item .gallery-prod .block{
	grid-column: 1/6;
	grid-row: 1/2;
}
#prod-item .gallery-prod p{
	grid-column: 1/3;
	grid-row: 2/3;
	align-self: center;
}
#prod-item .gallery-prod .gallery-slider{
	grid-column: 2/5;
	grid-row: 2/3;
	align-self: center;
}
#prod-item .form-prod{
	grid-column: 1/5;
}
#contact .form-prod{
	grid-column: 1/5;
}

#blog .blog-container{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: auto;
	grid-column-gap: 60px;
	grid-row-gap: 100px;
}

#blog .tags-list{
	grid-column: 2/3;
	height: 50px;
}
#blog .page-num-container{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	justify-content: center;
	height: 50px;
}

#article .article-container{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: auto 20%;
	grid-column-gap: 30px;
	grid-auto-rows: 1fr;
}

footer.contact{
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr 60px;
}
footer.contact div.rec1 {
	grid-column: 1/2;
	background-color: #09bba0;
}
footer.contact div.rec2 {
	grid-column: 2/3;
	background-color: #5747d9;
}
footer.contact .footer-bar {
    grid-column: 1/5;
    grid-row: 2/3;
}
#products .catch-phrase, #blog .catch-phrase{
	grid-column: 2/3;
}

#learning{
	grid-column: 2/3;
}
#learning .page-head{
	height: 71vh;
	background: url('../images/learning/Banner2.jpg');
	background-size: cover;
	background-position: center;
	display: grid;
    grid-template-columns: 3% 94% 3%;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
}
#learning .page-head .block{
	width: 100%;
    grid-column: 2/3;
	margin-bottom: 60px;
}
#learning .page-head .subtitle a{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#learning .page-head .subtitle h2{
	display: inline-block;
    font-size: 32px;
	margin-right: 55px;
}
#learning .page-head .subtitle .go{
	display: inline-block;
}
#learning .page-head .subtitle .go span{
	position: inherit;
}
#learning .learn-s2{
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
    "img1 img1 tx1 tx1 tx1 ."
    ". . img2 tx2 tx2 .";
}
#learning .learn-s2 .img1{
	grid-area: img1;
	width: 100%;
}
#learning .learn-s2 .tx1{
	grid-area: tx1;
	margin-left: 120px;
}
#learning .learn-s2 .img2{
	grid-area: img2;
	width: 100%;
}
#learning .learn-s2 .tx2{
	grid-area: tx2;
	margin-left: 120px;
}

.black-dot{
	width: 25px;
	height: 25px;
	background-color: black;
	border-radius: 50%;
	margin-top: 20px;
}

.c-orange{
	color: #ed6322;
}

.img-rotate1{
	margin: 0 0 10px 25%;
}
.img-rotate2{
	position: absolute;
	bottom: -70px;
	left: 10%;
}
.img-rotate3{
	position: absolute;
	left: -120%;
    bottom: -97px;
}

#learning .learn-s4{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
}
#learning .learn-s4>img{
	grid-column: 1/3;
}
#learning .learn-s4>div{
	grid-column: 3/6;
	margin-left: 120px;
}

#learning .calendario{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 3%;
}
#learning .calendario>div{
	display: flex;
	align-items: stretch;
}
#learning .calendario>div .bg-grey{
	height: 100%;
}
#learning .calendario img{
	width: 85%;
}

#learning  .for-termos a, #formacao-form .for-termos a{
    color: #999;
}

.section-formacoes .content{
	position: absolute;
	bottom: 40px;
	right: 3%;
}
.section-formacoes img{
	min-height: 40vh;
    object-fit: cover;
}
.section-formacoes .content .title{
	margin-right: 30px;
}
.section-formacoes .content .go span{
	bottom: 10px;
}

.curso-page{
	grid-column: 2/3;
}

#awards{
	grid-column: 2/3;
	display: grid;
	grid-template-columns: 3% 1fr 1fr 3%;
	grid-template-rows: 100vh repeat(4, auto);
}
#awards .page-head{
	grid-column: 1/5;
	grid-row: 1/2;
}
#awards .award-intro{
	grid-column: 2/4;
	grid-row: 2/3;
}
#awards .award-video{
	grid-column: 1/5;
	grid-row: 3/4;
	background-color: #a58248;
}
#awards .gallery-prod{
	grid-column: 1/5;
	grid-row: 5/6;
}
#awards .form-prod{
	grid-column: 1/5;
	grid-row: 6/7;
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

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

.slide-ver-crer{
	margin-right: -80px;
}
.slide-ver-crer img{
	box-shadow: 0 9px 21px -8px #000000;
}

@media (max-width: 1600px){
	#blog .blog-container{
	    grid-template-columns: 1fr 1fr;
	}
}


@media (max-width: 1400px) {

	#menuLeft .conteudo, #menuLeft .conteudo-open {
	    grid-template-rows: repeat(9, 1fr) 100px 60px;
	}
	.menu-modal {
	    grid-template-rows: 18% 15px 6% auto 9%;
	}
	.menu-modal .menu-contact {
		grid-template-rows: 20px 1fr 1fr 1fr 20px;
	}
	.projects-featured .description {
	    grid-template-rows: 13% 50px 50px 20% auto 13%;
	}

	#about .blue-stuff .stuff-conteudo {
		grid-template-columns: 10% 32% 16% 32% 10%;
	}
	#about .about-init .about-text3 .logo-premios{
		flex-direction: column;
	}
	#about .about-init .about-text3 .logo-premios img{
		margin-bottom: 30px;
	}
}
@media (max-width: 1280px){
	#menuLeft .opened {
	    left: 55px;
	}
}


@media (max-width: 768px) {
	#awards{
		grid-template-rows: auto repeat(4, auto);
	}
	.slide-ver-crer{
		margin-right: 0px;
	}
	#about .about-init .about-text2{
		grid-template-rows: 30px auto;
	}
	body {
		grid-template-columns: 35px auto;
	}
	#menuLeft .conteudo {
		grid-template-columns: 35px;
	}
	#home .banner {
		grid-template-rows: 60vh;
	}

	#home .featured {
	    grid-template-columns: 100%;
	}
	.featuredConteudo, .rectangle .featuredConteudo, .projects-featured .description, #about .blue-stuff {
    	grid-template-columns: 4% auto 5%;
	}
	.padding-match-grid {
		padding: 0 5% 0 4%;
	}

	.slick-projFea-main {
	    grid-column: 1/5;
		grid-row: 1/2;
	}
	.projects-featured .description {
	    grid-column: 1/5;
	}
	.slick-projFea-next, ul.slick-dots,.projects-featured .description .section {
		display: none !important;
	}
	.projects-featured .description {
	    grid-template-rows: 0% 0px 20px 20% auto 13%;
	}
	.section-instagram .insta-wrap {
	    grid-template-columns: repeat(2, 1fr);
	}


	#about .blue-stuff .stuff-conteudo {
		grid-column: 2/3;
		grid-template-rows: auto auto 60px auto auto 60px auto auto;
	}
	#about .blue-stuff .remarkable {
	    grid-column: 1/6;
	    grid-row: 1/2;
	}
	#about .blue-stuff .remarkable-img {
	    grid-column: 1/6;
	    grid-row: 2/3;
		margin-top:20px;
	}
	#about .blue-stuff .change {
	    grid-column: 1/6;
	    grid-row: 4/5;
	}
	#about .blue-stuff .change-img {
	    grid-column: 1/6;
	    grid-row: 5/6;
			margin-top:20px;
	}
	#about .blue-stuff .expectations {
	    grid-column: 1/6;
	    grid-row: 7/8;
	}
	#about .blue-stuff .expectations-img {
	    grid-column: 1/6;
	    grid-row: 8/9;
			margin-top:20px;
	}
	#about .blue-stuff .remarkable-img, #about .blue-stuff .change-img, #about .blue-stuff .expectations-img {
	    grid-template-columns: 70%;
	}
	#about .team .content-join-team {
	    grid-template-columns: 8% auto 8%;
	    grid-template-rows: 8% auto auto 20% auto 8%;
	}
	#about .team {
		grid-template-columns: repeat(2,50%);
	}
	.menu-modal.menu-in-animation{
		grid-template-columns: 1fr;
	    grid-template-rows: 100px 1fr;
	    padding: 0 5% 20px 5%;
	}
	.menu-modal .nav-wrap{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.menu-modal .menu-video {
	    grid-column: 1/2;
	    grid-row: 4/5;
	}
	.menu-modal .menu-contact {
	    grid-column: 1/2;
	    grid-row: 5/6;
	}
	.menu-modal .langs {
	    grid-column: 1/2;
	    grid-row: 3/4;
	}
	.menu-modal{
		overflow-y: scroll;
	}
	footer {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4,1fr) auto;
	}

	footer .f-square3 {
	    grid-column: 1/2;
	    grid-row: 2/3;
	}
	footer .f-square4 {
	    grid-column: 2/3;
	    grid-row: 2/3;
	}
	footer .f-rectangle1 {
	    grid-column: 1/3;
	    grid-row: 3/4;
	}
	footer .f-rectangle2 {
	    grid-column: 1/3;
	    grid-row: 4/5;
	}
	footer .footer-bar {
	    grid-column: 1/3;
	    grid-row: 5/6;
	}
	footer .f-square4 div.social {
		font-size: 15px;
	}
	footer .footer-bar {
		flex-direction: row;
	}

	#about .events{
		grid-column: 1/5;
		grid-row: 7/8;
		display: grid;
		grid-template-columns: 3% 1fr 3%;
		grid-template-rows:  60px auto 60px 1fr auto auto 60px;
	}
	#about .events .events-title{
		grid-row: 2/3;
		grid-column: 2/3;
		align-self: center;
	}
	#about .events .events-slider-wrap{
		grid-row: 4/5;
		grid-column: 1/4;
	}
	#about .events .argolas{
		display: none;
	}
	#about .events .events-text{
		grid-row: 5/6;
		grid-column: 2/3;
	}
	#about .events .events-list{
		grid-row: 6/7;
		grid-column: 2/3;
	}
	#about .video-about{
		grid-column: 1/4;
	}
	#about .video-about video{
		grid-column: 1/4;
	}
	#about .about-init{
		grid-template-columns: 100%;
	}
	#about .about-init .about-text1, #about .about-init .about-text2, #about .about-init .about-text3{
		grid-column: 1;
		grid-row: auto;
	}
	#portfolio .portfolio-grid{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-template-areas:
	    "pos1 pos2"
	    "pos3 pos4"
	    "pos5 pos6"
	    "pos7 pos8"
	    "pos9 pos10";
	}
	#about .video-about {
		grid-template-columns: 0% auto 20%;
}

	#about .section-about-new-text .text-area2 {
		display: block;
	}
	.subtitle h2 {
	    grid-column: 1/3;
	    grid-row: 1/2;
		justify-self: start;
	}
	.grid-products {
	    grid-template-columns: 100%;
	}
	#services .service-wrap {
	    grid-template-rows: repeat(7, auto);
	}
	#services .service-grid{
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: 60px auto auto auto 60px;
	}
	#services .service-grid .descritpion{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	#services .service-grid img{
		grid-column: 1/2;
		grid-row: 4/5;
		height: 25px;
	}
	#services .service-grid .right{
		grid-column: 1/2;
		grid-row: 3/4;
	}
	#prod-item .video-prod {
	    grid-column: 1/5;
	}
	#prod-item .video-prod video, #prod-item .video-prod img {
	    grid-column: 1/4;
	}
	#prod-item .intro-prod {
	    grid-column: 2/4;
	}
	#prod-item .gallery-prod .gallery-slider {
	    grid-column: 1/6;
	}
	#contact .section-contact-info{
		grid-template-columns: 1fr;
	}
	#contact .elipse, #contact .f-square2.square {
		display: none;
	}
	#contact .section-contact {
		grid-column: 1/5;
		grid-template-rows: 1fr auto 0px;
	}
	#contact #maps {
		grid-column: 1/5;
	}
	#contact .formulario {
	    grid-template-rows: 60px 30px auto auto 100px;
	}
	#article .article-container{
		grid-template-columns: 1fr;
	}
	#blog .tags-list {
	    grid-column: 1/4;
		height: 100%;
	}
	#blog .blog-container{
	    grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
		margin-top: 10px;
	}
	#article .subtitle {
	    grid-template-columns: auto;
	    grid-row: 1/2;
	}
}

@media (max-width: 415px) {
	#blog .blog-container{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1540px) {
	.spacerlg{
		height:0px;
	}
}
@media (max-width: 1346px) {
	#learning .learn-s2 {
	    display: grid;
	    grid-template-rows: auto auto;
	    grid-template-columns: repeat(6, 1fr);
	    grid-template-areas:
	        "img1 img1 tx1 tx1 tx1 tx1"
	        ". . img2 tx2 tx2 tx2";
	}
	#learning .learn-s2 .tx1 {
	    margin:0 30px;
	}
	#learning .learn-s2 .tx2 {
			margin:0 30px;
	}
	#learning .learn-s4>div {
	    grid-column: 3/7;
	    margin:0 30px;
		padding: 20px 0;
	}
}
@media (max-width: 1090px) {
	#learning .learn-s2 {
	    display: grid;
	    grid-template-rows: auto auto;
	    grid-template-columns: repeat(6, 1fr);
	    grid-template-areas:
	        "img1 img1 tx1 tx1 tx1 tx1"
	        "tx2 tx2 tx2 tx2 img2 img2";
	}
	#learning .learn-s2 .tx1 {
		margin:20px 30px;
	}
	#learning .learn-s2 .tx2 {
		margin:20px 30px;
	}
	.img-rotate2{
		display: none !important;
	}
	.img-rotate3{
		display: none !important;
	}
	.section-formacoes .content{
		bottom: 20px;
	}
	.section-formacoes .content .go span {
	    bottom: 5px;
	}
}
@media (max-width: 768px) {
	.ultra-big{
    font-size: 30px;
	}
	#learning .calendario {
	    grid-template-columns: repeat(1, 1fr);
	}
	#learning .calendario div{
			margin-top: 15px;
	}
	#learning .learn-s2 {
	    display: grid;
	    grid-template-rows: auto auto;
	    grid-template-columns: repeat(1, 1fr);
	    grid-template-areas:
	        "img1"
	        "tx1"
	        "img2"
	        "tx2";
	}
	.img-rotate1 {
	    margin: 0 0 10px 0;
	}
	.imgcenter{
			display: flex;
	    justify-content: center;
	}
	#learning .learn-s4 .imge4{
			display: none;
	}
	#learning .learn-s4 .imge5{
		display: block;
		margin: auto;
		padding-top: 15px;
	}
	#learning .learn-s4>div {
	    grid-column: 1/7;
	    margin: 0 30px;
	}
	#learning .learn-s2 img{
	    max-width: 280px;
			display: block;
			margin: auto;
	}
	.padding-match-grid {
	    padding: 0 30px;
	}
	#learning .page-head {
		height: 50vh;
	}
	#learning .page-head .block{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 540px){
	#learning .page-head .subtitle{
		grid-template-columns: 100%;
	}
	#learning .page-head {
	    height: 35vh;
	}
	#learning .calendario img {
	    width: 100%;
	}
}