/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 03 2023 | 12:43:47 */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
/* Styles */
	
	/* HOMEPAGE */
	
		.homepage .down-arrow {
			top: unset !important;
			right: 50% !important;
			transform: translate(50%, 30px);
		}
	
		body .homepage h2 {
			margin: 0 !important;
		}
/*	
		.homepage .first-row {
			margin-top: 20px !important;
		}
	*/
		body .homepage .second-row .wpb_wrapper {
			margin-top: 20px !important;
		}
	
	
	/* PROJECTS PAGE */
	
		.projetos .esg-filterbutton {
			padding: 0 14px !important;
			line-height: 36px;
		}
	
		#ut-sitebody .itemtoshow .esg-media-cover-wrapper {
			flex-direction: column !important;
			display: flex !important;
		}	
	
		.myportfolio-container .esg-entry-media-wrapper, .myportfolio-container .esg-entry-cover {
			width: 100% !important;
			max-height: 220px;
		}
	
		body .esg-grid .mainul li .esg-media-poster {
			background-size: cover !important;
		}

		body .projetos * {
			overflow: unset !important;
		}

		#ut-sitebody .projetos li {
			height: max-content !important;
			overflow: visible !important;
		}
	
		#ut-sitebody .myportfolio-container .mainul li {
			position: unset !important;
			overflow: visible !important;
   			height: 480px !important;
		}
	
		#ut-sitebody .myportfolio-container .esg-overflowtrick, #ut-sitebody .projetos, #ut-sitebody .myportfolio-container .esg-overflowtrick .mainul {
			min-height: 1660px;
			display: flex !important;
			flex-direction: column;
			row-gap: 20px;
		}
	
		.projetos .esg-cc.eec {
			top: 32px !important;
		}
	/*
		.myportfolio-container .filter-em-desenvolvimento .esg-cc,
		.myportfolio-container .filter-em-desenvolvimento-en .esg-cc {
			top: 26px !important;
		}
	*/
		.myportfolio-container .filter-em-desenvolvimento .esg-cc .esg-center:nth-of-type(3),
		.myportfolio-container .filter-em-desenvolvimento-en .esg-cc .esg-center:nth-of-type(3) {
			margin-bottom: 10px !important;
		}
	
		body .esg-grid .mainul li.filter-em-desenvolvimento .esg-cc,
		body .esg-grid .mainul li.filter-em-desenvolvimento-en .esg-cc {
			top: 26px !important;
			margin-top: -4px;
		}
	
		.myportfolio-container .esg-cc .esg-center:nth-of-type(3) {
			margin-bottom: 20px !important;
		}
	
		body .filter-concluido .esg-cc .esg-center:first-of-type,
		body .filter-concluido-en .esg-cc .esg-center:first-of-type {
			display: none !important;
		}
	
	
	/* SINGLE PORTFOLIO */
	
		/* GALLERY */
	
			.portfolio-stn figure.ut-gallery-slider-caption-wrap {
				height: calc(100vh - 190px);
			}
	
			#ut-sitebody .portfolio-stn figure i {
				top: 10px !important;
				right: 20px !important;
			}

			body#ut-sitebody .portfolio-stn {
				padding-top: 32px;
			}
	
}
 

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

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 768px) {
/* Styles */
	
	/* FONT SIZES */

		body h1 {
			font-size: 28px !important;
		}
	
		body h2 {
			font-size: 30px !important;
		}

		body h3 {
			font-size: 24px !important;
		}

		body h4 {
			font-size: 22px !important;
		}
	
		body h5 {
			font-size: 20px !important;
		}
	
		body p {
			font-size: 16px;
		}
	
	
	/* HOMEPAGE */
	
		body .down-arrow {
			top: 100px !important;
		}
	
		/* FORM */
	
			.footer-form .flex {
				flex-direction: column;
				row-gap: 20px;
			}
	
}
 

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

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

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


/* Desktops and laptops ----------- */
@media only screen and (max-width : 1025px) {
/* Styles */
	
	/* LIGHTBOX */
	
		#ut-sitebody .lg-actions .lg-next, #ut-sitebody .lg-actions .lg-prev {
			background: transparent !important;
			color: black !important;
		}
	
	/* MENU */

		#ut-mobile-nav * {
			max-height: calc(100vh - 80px) !important;
		}
	
		ul#ut-mobile-menu {
   		 	height: calc(100% - 260px);
			text-align: center;
			padding: 10px;
			margin: 10px;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
		}
	
		#ut-mobile-menu a::before {
			display: none;
		}
	
		#ut-mobile-menu a:hover {
			background-color: transparent !important;
		}
	
		.wpml-ls-item {
			width: 50%;
			position: absolute;
			bottom: 100px;
			padding: 0 20px !important;
			text-align: right;
			left: 0 !important;
		}
	
		.wpml-ls-item-pt-pt {
			left: unset !important;
 			right: 0 !important;
			text-align: left;
		}
	
		.ut-mobile-menu a {
			font-size: 14px !important;
		}
	
	/* HOMEPAGE */
	
		body#ut-sitebody .homepage {
			min-height: unset !important;
			padding-bottom: 110px !important;
		}
	
	
	/* SINGLE PORTFOLIO */
	
		.single-portfolio .ut-first-row .wpb_column:first-of-type {
			width: 100%;
			margin-bottom: 80px;
		}
	
		#ut-sitebody .portfolio-stn {
			padding-top: 10px !important;
		}
	
		.links {
			margin-top: 10px;
		}
	
		/* GALLERY */
	
			.single-portfolio .vc_col-sm-6:nth-of-type(2) {
				margin: unset;
				left: unset;
				transform: unset;
			}

			body .portfolio-stn .owl-item {
				height: unset !important;
				max-width: unset !important;
			}

			body .portfolio-stn .ut-owl-gallery-slider-wrap .owl-carousel .owl-item img {
				width: unset !important;
				max-width: unset !important;
			}
	
			body .portfolio-stn .ut-owl-gallery-slider-wrap .owl-carousel .owl-item img, body .portfolio-stn .ut-owl-gallery-slider-wrap .owl-carousel .owl-item {
				height: unset !important;
				max-height: unset;
			}

			body .portfolio-stn .vc_col-sm-6:nth-of-type(2) {
				width: 100%;
				padding: 0 0px;
			}

			.portfolio-stn figure.ut-gallery-slider-caption-wrap {
				max-width: 100% !important;
			}

			#ut-sitebody .portfolio-stn .ut-first-row {
				margin-bottom: 0 !important;
			}

			body .portfolio-stn figure i {
				top: 20px !important;
				right: 60px !important;
			}

	
	/* PORTFOLIO PAGE */
	
		.itemtoshow:nth-of-type(2n) .esg-media-cover-wrapper {
			display: flex;
			flex-direction: row-reverse;
		}
	
		.itemtoshow:nth-of-type(3n) .esg-media-cover-wrapper {
			flex-direction: row !important;
		}
	
	
	/* FOOTER */

		.footer .vc_row .wpb_column {
			width: 90%;
			margin: auto !important;
		}

		.footer .vc_row {
			display: flex;
			flex-direction: column-reverse;
		}
	
		.footer .partners *, 
		.footer .vc_col-sm-4:first-of-type *, 
		.footer .footer-form h5 {
			text-align: center;
			text-transform: none;
			place-content: center;
		}
	
		.footer .vc_col-sm-3:nth-of-type(2) {
			margin: 40px auto !important;
		}
	
		/* PARTNERS */
	
			.partners-list {
				margin: auto !important;
				width: 400px;
				max-width: 80vw !important;
			}

		/* FORM */
	
			.footer-form .vc_column-inner .wpb_wrapper:first-of-type {
				flex-direction: column !important;
			}
	
			body .footer-form .vc_column-inner {
				float: unset !important;
				margin: auto;
				width: 480px;
				max-width: 90vw;
			}
	
			body .footer .vc_col-sm-3:nth-of-type(3) .wpb_text_column {
				text-align: center;
				max-width: 100% !important;
			}
	
	
}

/* Desktops and laptops ----------- */
@media only screen (min-width: 1024px) {
/* Styles */
	
	/* HOMEPAGE */
	
		.portfolio-stn figure.ut-gallery-slider-caption-wrap {
			height: 520px !important;
		}
	
		.portfolio-stn .vc_col-sm-6:nth-of-type(2) {
			max-height: 520px !important;
		}
	
}


/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) and (max-width: 1420px) {
/* Styles */
	
	/* HOMEPAGE */
	
		body .first-row rs-module-wrap {
			max-width: 386px !important;
			margin-right: 0 !important;
		}
	
		body .homepage .second-row .wpb_wrapper {
			position: relative !important;
			right: 198px !important;
		}
	
		 body .down-arrow {
			right: 70px !important;
		}
	
		.homepage .first-row {
			margin-top: 0 !important;
		}
	
		.homepage .first-row h2 {
			margin-top: 40px !important;
			margin-left: 40px !important;
		}
}


/* Desktops and laptops ----------- */
@media only screen and (min-width: 1420px) and (max-width: 1900px) {
/* Styles */
	
	/* HOMEPAGE */

		.first-row rs-module-wrap {
			max-width: 587px !important;
			margin-right: 0 !important;
			width: 100% !important;
		}		
	
		 body .down-arrow {
			bottom: 60px !important;
		}
			
}
 

/* Desktops and laptops ----------- */
@media only screen  and (max-width : 1224px) {
/* Styles */
	
	/* GENERAL */

		body h1 {
			font-size: 52px;
		}	
	
		body h2 {
			font-size: 44px;
		}

		body h3 {
			font-size: 32px;
		}

		body h4 {
			font-size: 26px;
		}
	
		.three-col, .three-col h1, .three-col h2, .three-col h3, .three-col h4, .three-col h5, .three-col h6, .three-col p, 
		.four-col, .four-col h1, .four-col h2, .four-col h3, .four-col h4, .four-col h5, .four-col h6, .four-col p, 
		.five-col, .five-col h1, .five-col h2, .five-col h3, .five-col h4, .five-col h5, .five-col h6, .five-col p, 
		.six-col, .six-col h1, .six-col h2, .six-col h3, .six-col h4, .six-col h5, .six-col h6, .six-col p, 
		.seven-col, .seven-col h1, .seven-col h2, .seven-col h3, .seven-col h4, .seven-col h5, .seven-col h6, .seven-col p {
			width: 460px !important;
			max-width: 80vw !important;
			margin: auto;
		}
	
	
	/* HOMEPAGE */
	
		#ut-sitebody .homepage {
			min-height: 85vh !important;
		}
	
		.homepage .first-row .vc_col-sm-5 {
			display: none;
		}
	
		body .homepage .second-row .wpb_wrapper {
			right: 0 !important;
			margin-top: 40px;
		}
	
		body .down-arrow {
			bottom: unset !important;
			top: 160px;
			right: 140px !important;
		}
	
		.homepage h2 {
			margin-left: 60px !important;
		}
	
	
} 


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1024px) {
/* Styles */
	
	/* PORTFOLIO PAGE */
	
		.filter-concluido .esg-cc, .filter-concluido-en .esg-cc {
			margin-top: -14px;
		}
	
	/* FOOTER */
	
		.partners {
			margin-left: -60px;
		}
	
}
 

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


/* Desktops and laptops ----------- */
@media only screen and (min-width: 1900px) {
/* Styles */

	/* HOMEPAGE */
	
		#u-sitebody .first-row rs-module#rev_slider_7_1 {
			width: 780px !important;
			max-width: 780px !important;
			overflow: hidden !important;
		}		
	
		rs-module#rev_slider_7_1 rs-carousel-wrap {
			margin-right: 6px !important;	
			overflow: hidden !important;	
		}
	
		rs-module-wrap#rev_slider_7_1_wrapper {
			overflow: hidden !important;
		}
	
}