@charset "UTF-8";

/* CSS - Everto Farina | Codificado por: Ueek Agência Digital | Ano: 2020 */

@media only screen and (max-width: 1600px) {

	.container { max-width: 1460px; }

	.media-social-area { top: 220px; }

	.media-social-area hr { height: 35vh; }

	section#home .content .title {
	    font-size: 90px;
	    line-height: 115px;
	}

	section#home .content .main-image { height: 72vh; }

	section#everto-farina .content [class*="col-"] .galery { margin-bottom: 45px; }

	section#everto-farina .content [class*="col-"] .galery .image { width: 145px; }

	section#partners .content .partners .partner-infos {
	    padding: 25px 15px 20px 20px;
	    width: 50%;
	}
 	
}

/* Notebooks */
@media only screen and (max-width: 1440px) {

	.container { max-width: 1370px; }

	section#everto-farina .content [class*="col-"] .galery .image {
	    height: 130px;


	    width: 135px;
	}

	section#everto-farina .content [class*="col-"] .slogan { font-size: 32px; }

	section#partners .content .partners .swiper-slide .partner-img { width: 280px; }

	section#partners .content .partners .swiper-slide .partner-infos .brief { margin-bottom: 0px; }

	footer#bottom #infos .info { margin-right: 90px; }

	section#post .pictures .item{height: 140px;}

}

@media only screen and (max-width: 1366px) {

	.container { max-width: 1300px; }

	.media-social-area hr { height: 30vh; }

	section#home .content .title {
	    font-size: 82px;
	    line-height: 100px;
	}

	section#home .content .main-image { height: 70vh; }

	section#everto-farina .content .title {
	    margin-bottom: 15px;
	}

	section#everto-farina .content{padding-top: 90px;}

	section#everto-farina .content [class*="col-"] .galery { margin-bottom: 15px; }

	section#everto-farina .content [class*="col-"] .galery .image {
	    height: 120px;
	    width: 125px;
	}

	section#everto-farina .content [class*="col-"] .slogan {
	    font-size: 26px;
	    line-height: 40px;
	}

	section#everto-farina .content [class*=col-] .text {
	    font-size: 14px;
	    line-height: 27px;
	    padding-right: 40px;
	}

	section#everto-farina .content [class*=col-] ul li, 
	section#everto-farina .content [class*=col-] ul li span {
	    line-height: 24px;
	}

	section#partners .content .partners { height: 385px; }

	section#partners .content .partners .swiper-slide { height: 320px; }

	section#partners .content .partners .swiper-slide .partner-img { height: 100%; }

	section#partners .content .partners .swiper-slide .partner-infos { width: 50%; }

	section#contato .map iframe { width: 60%; }

	section#post .content .geral-content .slogan{font-size: 33px;}

	section#posts .content .posts .post-img {height: 250px}

	section#posts .content .posts .post-infos .brief {-webkit-line-clamp: 4}
}

@media only screen and (max-width: 1280px) {

	.container { max-width: 1220px; }

	.media-social-area { top: 215px; }

	section#home .content .main-image {
	    height: 570px;
	    width: 600px;
	}

	section#everto-farina .content .title,
	section#partners .content .title { margin-bottom: 35px; }

	section#everto-farina .content [class*="col-"] .galery .image {
	    height: 95px;
	    width: 160px;
	}

	section#partners .content .partners { height: 410px; }

	section#partners .content .partners .swiper-slide { height: 320px; }

	section#partners .content .partners .swiper-slide .partner-img { width: 245px; }

	footer#bottom #infos .info { margin-right: 65px; }

	section#post .content .geral-content .slogan{font-size: 30px;}

	section#post .pictures .item{height: 120px;}
}

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {

	.container { max-width: 1130px; }
    
	header#top #menu-desktop { padding-top: 65px; }

	section#everto-farina .content,
	section#partners .content { padding-top: 170px;	}

	section#everto-farina .content [class*="col-"] ul { padding-right: 30px; }

	section#everto-farina .content [class*="col-"] .galery .image {
	    height: 95px;
	    width: 140px;
	}

	section#partners .content { height: unset; }

	section#partners .content .partners { height: 575px; }

	section#partners .content .partners .swiper-slide { height: 500px; }

	section#partners .content .partners .swiper-slide .partner-img {
	    float: unset;
	    height: 200px;
	    width: 100%;
	}

	section#partners .content .partners .swiper-slide .partner-infos {
	    height: 300px;
	    width: 100%;
	}

	footer#bottom #infos .info { margin-right: 45px; }

	section#posts .content .posts {grid-template-columns: repeat(1, 1fr)}

}

/* Tablets */
@media only screen and (max-width: 1024px) {

	.container { max-width: 960px; }

	header#top #menu-desktop { padding-top: 35px; }

	section#home .content { padding-left: 80px; }

	.media-social-area { top: 170px; }

	.media-social-area hr {
	    /*height: 240px;*/
	    margin-bottom: 35px;
	}

	section#home .content .title {
	    bottom: 25px;
	    font-size: 72px;
        line-height: 90px;
	}

	section#home .content .main-image {
	    height: 445px;
	    width: 545px;
	}

	section#everto-farina .content, 
	section#partners .content {
		height: unset;
	    padding-top: 140px;
	    padding-left: 80px;
	}

	section#everto-farina .content [class*="col-"] .text { padding-right: 30px; }

	section#everto-farina .content [class*="col-"] .galery .image { width: 125px; }

	section#partners .content .partners .swiper-slide .partner-infos { padding: 15px 20px; }

	section#post .content .geral-content{
		padding-left: 80px;
		display: block;
	}

	section#post .content .title .iconify{margin-right: 60px;}

	section#post .media-social-area{top: 260px;}

	section#post .pictures .item{height: 150px;}

	section#post .content .geral-content .texts, section#post .content .geral-content .pictures{width: 100%;}

	footer#bottom #logo-social .logos-partners {
	    margin-left: 40px;
	    width: 185px;
	}

	footer#bottom { padding-bottom: 40px; }
     
	footer#bottom #menu-footer { display: none; }

	footer#bottom #logo-social {
	    float: left;
	    max-width: 100%;
	}

	footer#bottom #logo-social .social { 
		float: right; 
	    padding-top: 55px;
	}

	footer#bottom #logo-social .social .media { margin-left: 30px; }

	footer#bottom #infos { 
		display: block; 
		max-width: 100%;
	}

	footer#bottom #infos .info {
	    margin-right: 0;
	    margin-bottom: 60px;
	}

	footer#bottom #copyright {
	    max-width: 100%;
	    padding-top: 0;
	}

	footer#bottom .first-address {margin-bottom: 15px;}

}

/* Tablets Menores */
@media only screen and (max-width: 995px) {

	.container { max-width: 905px; }

	.responsive { display: block; }

	.desktop { display: none; }

	#menu-desktop { display: none; }

	#menu-responsive { display: block; }

	.media-social-area hr { height: 50vh; }

	section#everto-farina .content, 
	section#partners .content { padding-top: 80px; }

	section#home .content .title {
	    bottom: 70px;
	    font-size: 60px;
	    line-height: 80px;
	}

	section#home .content .main-image {
	    height: 70vh;
	    right: -20px;
	    width: 55vw;
	}

	section#everto-farina .content .title { margin-bottom: 10px; }

	section#everto-farina .content [class*="col-"] .text { padding-right: 15px; }

	section#everto-farina .content [class*="col-"] ul { padding-right: 15px }

	section#everto-farina .content [class*="col-"] .galery { width: 82vw; }

	section#everto-farina .content [class*="col-"] .galery .image {
	    height: 320px;
	    width: 350px;
	}

	section#everto-farina .content [class*="col-"] .slogan { margin-top: 75px; }

	section#partners { padding-bottom: 40px }

	section#partners .content .partners.responsive { 
		height: unset; 
		display: grid;
    	grid-template-columns: 1fr 1fr;
    	grid-gap: 30px;
	    width: 82vw;
	}

	section#partners .content .partners.responsive .item {
	    background: #fff;
	    box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.1);
	}

	section#partners .content .partners.responsive .item .partner-img {
		float: unset;
		height: 200px;
		width: 100%;
	}

	section#partners .content .partners.responsive .item .partner-infos {
   		float: unset;
   		padding: 20px;
	    width: 100%;
	}

	section#contato {
	    background: unset;
	    z-index: 0;
	}

	section#contato #area-de-contato {
	    position: absolute;
	    top: -80px;
	}

	section#contato .content { padding-left: 120px; }

	section#contato .content .container .form-column {
	    background: #212529;
	    padding-bottom: 70px;
	    padding-left: 25px;
	    padding-right: 40px;
	    padding-top: 65px;
	}

	section#contato .content .map { height: 500px; }

	section#contato .content .map iframe {
		position: unset;
	    width: 100%;
	}

	section#newsletter {
		background-color: unset;
     	padding-bottom: unset; 
    	padding-top: unset; 
		z-index: 0; 
	}

	section#post .content{padding: 150px 0 80px}

	.media-social-area hr {height: 40vh}

	section#post .media-social-area{top: 220px}

	section#newsletter .content { padding-left: 120px; }

	section#newsletter .content .container { padding: 0; }

	section#newsletter .content .container .form-column {
	    background-color: #0458A5; 
	    padding-bottom: 55px; 
        padding-top: 45px; 
	}

	section#newsletter .content .container .form-column .title {
	    margin-bottom: 40px;
	    padding-left: 15px;
	    padding-right: 15px;
	}

	section#newsletter .content .container .form-column .inputs {
	    padding-right: 25px;
	    padding-bottom: 25px;
	    max-width: 100%;
	}

	section#newsletter .action { padding-right: 25px; }

	section#newsletter .action .btn {
	    font-size: 16px;
	    line-height: 24px;
    	width: 100%;
	}

	

}

@media only screen and (max-width: 768px) {

	.container { max-width: 720px; }

	section#partners .content .partners.responsive { grid-gap: 40px; }

}

/*Celulares*/
@media only screen and (max-width: 680px) {

	.container { max-width: 630px; }

	section#home .content .main-image {
	    height: 60vh;
	    right: -40px;
	    top: 165px;
	}
	
	section#partners .content .partners.responsive { grid-template-columns: 1fr; }

	section#newsletter .action .btn { width: 100%; }

	section#post .pictures .pics{grid-template-columns: repeat(2, 1fr);}

	section#post .pictures .item.first{height: 260px;}

	section#post .pictures .item{height: 180px;}

	section#posts .content .posts .item {display: block}

	section#posts .content .posts .post-img {
	    float: unset;
	    height: 280px;
	    width: 100%;
	}

	section#posts .content .posts .post-infos{width: 100%; height: auto;}

	section#posts .content .posts{width: 108.5%;}
}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	.container { max-width: 390px; }

	#menu-responsive { padding: 40px 30px 30px; }

	#menu-cel { width: 79%; }

	.media-social-area hr { height: 45vh; }

	.media-social-area .media svg {
	    height: 20px;
	    width: 19px;
	}

	section#home .content .main-image {
	    height: 47vh;
	    right: -26px;
	    width: 79vw;
	}

	section#home .content .title {
	    font-size: 36px;
	    line-height: 45px;
	    letter-spacing: 0.1em;
	    color: #111111;
	}

	section#home .content { padding-left: 60px; }

	section#everto-farina .content { padding-left: 60px; }

	section#everto-farina .content [class*="col-"] .galery { width: 79vw; }

	section#everto-farina .content [class*="col-"] .galery .image { width: 100%; }

	section#partners .content { padding-left: 60px; }

	section#partners .content .partners.responsive { width: 79vw; }

	section#contato .content { padding-left: 90px; }

	section#contato .content .map { height: 400px; }

	section#newsletter .content { padding-left: 90px; }

	footer#bottom #logo-social .logos-partners {
	    margin-left: 0;
	    padding-top: 45px;
	}
	
	section#post .pictures .item.first {height: 160px}

	section#post .pictures .item {height: 120px}

	section#posts .content{padding-left: 60px;}

	section#posts .content .posts{width: 109%;}

	section#posts .content .posts .post-img{height: 220px;}
}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 375px) {

	.container { max-width: 350px; }

	#menu-cel { width: 81%; }

	.media-social-area hr { height: 37vh; }

	.media-social-area .media { margin-bottom: 35px; }

	section#home .content .main-image { right: -20px; }

	section#home .content { padding-left: 50px; }

	section#everto-farina .content { padding-left: 50px; }

	section#partners .content { padding-left: 50px; }

	section#contato .content { padding-left: 80px; }

	section#newsletter .content { padding-left: 80px; }

	section#posts .content .posts{width: 108.5%;}


}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {
		
	.container { max-width: 305px; }

	.media-social-area hr { height: 30vh; }

	section#home .content .title {
	    font-size: 29px;
	    line-height: 43px;
	}

	section#everto-farina .content [class*="col-"] .galery { width: 77vw; }

	section#everto-farina .content [class*="col-"] .galery .image { height: 280px; }

	section#partners .content .partners.responsive { width: 77vw; }

	section#contato .content { padding-left: 75px; }

	section#newsletter .content { padding-left: 75px; }

}