html {
	scroll-behavior: smooth;
}
* {
	position: relative;
	box-sizing: border-box;
	outline: none;
}

input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

h1 {
	font-size: 1.75em;
    border-left: 0.52vw solid;
	font-weight: 800;
	text-transform: uppercase;
	text-align: left;
	line-height: 1em;
	padding: 0.25em 0 0.25em 4.5vw;
	margin: 0;
}

center {
    text-align: center;
}

.f2 {
    font-size: 1.5vw;
}

.red {
    color: #000000;
}
.material-icons {
    line-height: inherit;
}

.mb0 {
    margin-bottom: 0;
}
.mt0 {
    margin-top: 0;
}
.m5b {
	margin-bottom: 5.89vw;
}

a.botao {
    height: 4.98vw;
    line-height: 4.98vw;
    text-align: center;
    color: #fff;
    background-color: #33cc99;
    padding: 0 2.93vw;
    font-weight: bold;
    display: inline-block;
    font-size: 1.5vw;
    cursor: pointer;
	text-transform: uppercase;
}
input[type="submit"] {
    background-color: #33cc99;
    padding: 0 2vw;
    height: 3.5vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
	text-transform: uppercase;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    color: #999;
    background-color: #fff;
    text-align: center;
    transition: all 0.5s ease 0s;
}

.cabecalho {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 10.99vw;
	z-index: 10;
	color: #fff;
	background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
}
body[scrolling="1"] .cabecalho {
    height: 5vw;
	background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9));
}
	.cabecalho > .logo {
		display: block;
		height: 100%;
		text-align: left;
	}
		.cabecalho > .logo > img {
			height: 100%;
		}
    .cabecalho > .menu {
		position: absolute;
		top: 0;
		right: 3.5vw;
		bottom: 0;
        height: 10.99vw;
        line-height: 10.99vw;
        text-align: center;
        overflow: hidden;
    }
    body[scrolling="1"] .cabecalho > .menu {
		height: 5vw;
        line-height: 5vw;
    }
        .cabecalho > .menu > .container {
            display: inline-block;
            overflow: hidden;
        }
            .cabecalho > .menu > .container > .flex {
                height: 10.99vw;
                display: flex;
                overflow: hidden;
            }
            body[scrolling="1"] .cabecalho > .menu > .container > .flex {
                height: 5vw;
            }
                .cabecalho > .menu > .container > .flex > a {
					padding: 0 1.5vw;
					flex: 1 auto;
					overflow: hidden;
					text-transform: uppercase;
					font-size: 0.9em;
                }
                .cabecalho > .menu > .container > .flex > a.selected-true {
                    font-weight: bold;
                }
				
                .cabecalho > .menu > .container > .flex > .icons {
                    margin-left: 3vw;
                }
					.cabecalho > .menu > .container > .flex > .icons > a {
						font-size: 1.5em;
						margin: 0.5vw;
						height: 10.99vw;
						line-height: 10.99vw;
					}
					body[scrolling="1"] .cabecalho > .menu > .container > .flex > .icons > a {
						height: 5vw;
						line-height: 5vw;
					}

.cabecalho-mobile, .menu-mobile {
    display: none;
}


	[slideshow], [slideshow] .slide {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
		[slideshow] .slide {
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			z-index: 0;
			opacity: 0;
			transition: all 1s ease 0s;
		}
			[slideshow] .slide.show-true {
				z-index: 1;
				opacity: 1;
			}
        [slideshow] .move {
            position: absolute;
            top: 50%;
            height: 7.32vw;
            line-height: 7.32vw;
            font-size: 7.32vw;
            color: rgba(255,255,255,0);
            margin-top: -3.66vw;
            z-index: 2;
            width: 7.32vw;
            text-align: center;
            cursor: pointer;
            transition: all 0.5s ease 0s;
        }
        [slideshow]:hover .move {
            color: rgba(255,255,255,0.5);
        }
			[slideshow] .move:hover {
				color: rgba(255,255,255,1);
			}
			[slideshow] .move.left {
				left: 0;
			}
			[slideshow] .move.right {
				right: 0;
			}
		[slideshow] .balls {
			position: absolute;
			display: flex;
			right:  0.732vw;
			bottom:  0.732vw;
			z-index: 2;
		}
			[slideshow] .balls > .ball {
				background-color: #fff;
				display: block;
				flex: 1 auto;
				width: 1.46vw;
				height: 1.46vw;
				margin-left: 2px;
				border-radius: 10em;
				cursor: pointer;
			}
			[slideshow] .balls > .ball.selected-true {
				background-color: #022C4B;
			}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    z-index: 10000;
}

    .modal > .content {
        position: absolute;
        top: 1.46vw;
        left: 1.46vw;
        right: 1.46vw;
        bottom: 1.46vw;
    }

        .modal > .content > * {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .modal > .content > .img {
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .modal > .content > .loading {
            top: 50%;
            bottom: auto;
            height: 3.66vw;
            line-height: 3.66vw;
            margin-top: -25px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 11px;
        }

    .modal > .left, .modal > .right {
        position: absolute;
        color: #fff;
        font-size: 35px;
        width: 3.66vw;
        text-align: center;
        height: 3.66vw;
        line-height: 45px;
        cursor: pointer;
        text-shadow: rgba(0,0,0,0.2) 1px 2px 0px;
    }

    .modal > .left, .modal > .right {
        top: 50%;
        margin-top: -18px;
    }

    .modal > .left {
        left: 0;
    }

    .modal > .right {
        right: 0;
    }

    .modal > [title] {
        position: absolute;
        left: 1.46vw;
        bottom: 1.46vw;
        background-color: rgb(167,135,86);
        color: rgb(255,255,255);
        height: 3.66vw;
        line-height: 3.66vw;
        padding: 0 1.46vw;
    }

    .modal > .close {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-size: 3.7vw;
        width: 5vw;
        text-align: center;
        height: 5vw;
        line-height: 5vw;
        cursor: pointer;
    }


.modalProduto {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background-color: #666;
    z-index: 10000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.65) 0 0 50px;
	color: #999;
}

    .modalProduto > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .modalProduto > .content > * {
            position: absolute;
            top: 0;
            bottom: 0;
        }

        .modalProduto > .content > .bg {
            left: 0;
            right: 50%;
            background-size: cover;
            background-position: center;
            filter: blur(50px);
            -webkit-filter: blur(50px);
            opacity: 0.5;
            background-repeat: no-repeat;
            background-color: #000;
        }

        .modalProduto > .content > .img {
            left: 0;
            right: 50%;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            cursor: zoom-in;
        }
        .modalProduto > .content > .youtube {
            position: absolute;
			top: 50%;
			left: 0;
			right: 50%;
			height: 50vh;
			margin-top: -25vh;
        }
			.modalProduto > .content > .youtube > iframe {
				width: 100%;
				height: 100%;
				border: 0;
			}

        .modalProduto > .content > .data {
            left: 50%;
            right: 0;
            padding: 50px;
            overflow-y: auto;
            overflow-x: hidden;
            background-color: #fff;
        }

            .modalProduto > .content > .data > .img-list {
                margin-top: 2.5em;
            }

                .modalProduto > .content > .data > .img-list > .img {
                    float: left;
                    margin: 0 1vw 1vw 0;
                    cursor: pointer;
                    height: 8vw;
                    width: 8vw;
                    border-radius: 1vw;
                    background-position: center;
                    background-size: cover;
                }
                .modalProduto > .content > .data > .img-list > .img > .ico {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					line-height: 8vw;
					color: #fff;
					font-size: 5vw;
                }

        .modalProduto > .content > .loading {
            top: 50%;
            bottom: auto;
            height: 6vw;
			line-height: 6vw;
            margin-top: -3vw;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 11px;
            left: 0;
            right: 50%;
        }

    .modalProduto > .left, .modalProduto > .right {
        position: absolute;
        color: black;
        text-align: center;
        cursor: pointer;
		height: 6vw;
		line-height: 6vw;
		font-size: 6vw;
		width: 6vw;
		z-index: 2;
    }

    .modalProduto > .left, .modalProduto > .right {
        top: 50%;
        margin-top: -3vw;
    }

    .modalProduto > .left {
        left: 0;
		color: #fff;
		text-shadow: rgba(0,0,0,0.25) 1px 2px 0px;
    }

    .modalProduto > .right {
        right: 0;
		text-shadow: rgba(255,255,255,0.25) 1px 2px 0px;
    }

    .modalProduto > .close {
        position: absolute;
        top: 0;
        right: 0;
        color: red;
        text-align: center;
        cursor: pointer;
		height: 5vw;
		line-height: 5vw;
		font-size: 3.5vw;
		width: 5vw;
		z-index: 2;
    }
	
[portfolio] {
	display: flex;
	flex-wrap: wrap;
}
	[portfolio] > .produto {
		width: 14.2vw;
		height: 14.2vw;
		cursor: pointer;
	}
	[portfolio] > .produto.pos-5, [portfolio] > .produto.pos-6, [portfolio] > .produto.pos-0 {
		width: 19vw;
		height: 19vw;
		cursor: pointer;
	}
		[portfolio] > .produto > .img {
			position: absolute;
			top: 0.5vw;
			left: 0.5vw;
			right: 0.5vw;
			bottom: 0.5vw;
			background-position: center;
			background-size: cover;
		}
		[portfolio] > .produto > .nome {
			opacity: 0;
			position: absolute;
			top: 0.5vw;
			left: 0.5vw;
			right: 0.5vw;
			bottom: 0.5vw;
			padding: 1em;
			background-color: rgba(0,0,0,0.9);
			transition: all 0.5s ease 0s;
			line-height: 10.8vw;
			text-transform: uppercase;
			font-weight: 800;
			overflow: hidden;
		}
		[portfolio] > .produto.pos-5 > .nome, [portfolio] > .produto.pos-6 > .nome, [portfolio] > .produto.pos-0 > .nome {
			line-height: 15.6vw;
		}
		[portfolio] > .produto:hover > .nome {
			opacity: 1;
		}

form {
	width: 100%;
}
	form > .input {
		margin-bottom: 1.46vw;
	}
		form > .input > label {
			display: block;
			margin-bottom: 0.366vw;
			text-align: left;
			color: #000;
			text-transform: uppercase;
		}
		form > .input > input, form > .input > select, form > .input > textarea {
			display: block;
			margin: 0;
			padding: 0 0.732vw;
			border: 0.1vw solid #000;
			height: 2.75vw;
			width: 100%;
		}
		form > .input > textarea {
			height: 8vw;
			padding:  0.732vw;
			resize: none;
		}
	form > .botoes {
		text-align: center;
	}

#banner {
	height: 54vw;
}

	#banner > [slideshow] .balls {
		display: none;
	}

.blocos {
    text-align: center;
    padding: 4vw 0;
}
    .blocos > .flex {
        display: flex;
        flex-wrap: wrap;
        padding: 0 15%;
    }
        .blocos > .flex > .bloco {
            display: block;
            width: calc(100% / 3);
            padding: 1.4vw;
        }
            .blocos > .flex > .bloco > .ico {
                font-size: 4.8em;
                line-height: 6vw;
            }
            .blocos > .flex > .bloco > .img {
                margin-bottom: 1.2vw;
            }
                .blocos > .flex > .bloco > .img > img {
                    width: 100%;
                }
            .blocos > .flex > .bloco > .titulo {
                margin: 0 0 1.25vw 0;
                font-size: 1.25em;
				font-weight: bold;
            }
            .blocos > .flex > .bloco > .texto {
                
            }
        .blocos > .flex.header {
            margin-bottom: 2.2vw;
        }
            .blocos > .flex.header h1 {
                margin: 2.2vw;
                width: 100%;
            }
    .blocos > .titulo {
        margin-bottom: 4vw;
		color: #000;
    }
		.blocos > .titulo > h1 {
			margin: 0;
			display: inline-block;
		}
			
.blocos2 {
	display: flex;
}
	.blocos2 > .bloco {
		flex: 1 auto;
		padding: 5.89vw;
	}
	.blocos2 > .bloco.pt0 {
		padding-top: 0;
	}
	.blocos2 > .left {
		width: 30%;
		padding: 5.89vw 0 5.89vw 5.89vw;
	}
	.blocos2 > .right {
		width: 70%;
	}

#agencia {
    background-image: url('imagens/inicio/agencia.jpg');
	padding-top: 29.8vw;
	color: #fff;
	background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
	padding-bottom: 0;
}
#portfolio {
    background-image: url('imagens/inicio/portfolio.jpg');
	background-attachment: fixed;
	color: #fff;
	background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#clientes {
    background-image: url('imagens/inicio/clientes.jpg');
	background-attachment: fixed;
	background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
	padding: 4vw;
	margin: 0;
}
	#clientes .bloco {
		padding: 3vw;
	}
		#clientes .bloco > img {
			max-width: 100%;
			max-height: 5vw;
		}

#contato.blocos > .flex {
	padding: 0 30%;
}

.bloco-slide {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.bloco-slide.fundo-claro {
    color: #333;
}
.bloco-slide.fundo-escuro {
    color: #fff;
}
    .bloco-slide > .conteudo {
        padding: 4.39vw;
        width: 50%;
        line-height: 2em;
        text-align: left;
    }
    .bloco-slide > .conteudo.left {
        float: left;
    }
    .bloco-slide > .conteudo.right {
        float: right;
    }
        .bloco-slide > .conteudo h1 {
            margin-top: 0;
        }
        .bloco-slide > .conteudo .titulo {
            margin: 2.19vw 0 0 0;
            font-weight: bold;
            font-size: 1.5vw;
        }
        .bloco-slide > .conteudo .lista {
            margin-left: 2.19vw;
        }
        .bloco-slide > .conteudo > .botoes {
            margin-top: 4.39vw;
            text-align: center;
        }

.artigo {
    text-align: left;
}
    .artigo > .topo {

    }
        .artigo > .topo > img {
            width: 100%;
            display: block;
        }
        .artigo > .topo > .titulo {
            font-size: 3.2vw;
            letter-spacing: -0.1vw;
            height: 6vw;
            line-height: 6vw;
            text-transform: uppercase;
            font-weight: bold;
            background-color: #000000;
            color: #fff;
            padding: 0 3vw;
            position: absolute;
            left: 0;
            top: calc(50% - 3vw);
        }
    .artigo > .conteudo {
        padding: 4.39vw;
    }
        .artigo > .conteudo img, .artigo > .conteudo iframe {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
        }
        .artigo > .conteudo iframe {
            width: 100%;
            height: 50vw;
            border: none;
        }
        .artigo > .conteudo img.capa {
            width: 30%;
            float: left;
            margin: 0 1.5vw 1.5vw 0;
        }
        .corpo.servicos .artigo > .conteudo > h1, .corpo.quemsomos .artigo > .conteudo > h1, .corpo.produtos .artigo > .conteudo > h1 {
            color: #000000;
        }

p, ul, ol, .artigo > .conteudo > div {
    text-align: justify;
    margin: 0 0 1.5em 0;
}
h2, h3, h4, h5, h6 {
    margin: 0 0 1.5em 0;
}
p:last-child, .artigo > .conteudo > div:last-child, ul:last-child, ol:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin: 0;
}

.rodape {
    background-color: #000;
    color: #fff;
	display: flex;
}
	.rodape > div {
		flex: 1 0;
	}
	.rodape > div.left {
		
	}
		.rodape > div.left > iframe {
			border: none;
			padding: 0;
			margin: 0;
			height: 100%;
			width: 100%;
			display: block;
		}
	.rodape > div.right {
		padding: 5vw 0;
	}
		.rodape > div.right > .logo {
			
		}
			.rodape > div.right > .logo > img {
				width: 50%;
			}
		.rodape > div.right > .links {
			display: inline-block;
			text-align: left;
			margin-top: 2vw;
		}
			.rodape > div.right > .links > a {
				display: block;
				line-height: 2em;
			}
				.rodape > div.right > .links > a > span {
					vertical-align: middle;
				}
				.rodape > div.right > .links > a > .ico {
					font-size: 1.5em;
					margin-right: 1em;
				}

@media (max-width: 959px) and (orientation: portrait) {
	body, body[scrolling="1"] {
		font-size: 4.5vw;
		padding: 21vw 0 0 0;
	}

    h1 {
        font-size: 6vw;
        letter-spacing: -0.1vw;
        margin: 10vw 0;
		border-width: 1.25vw;
		padding: 0.5em 0 0.5em 8vw;
    }

    a.botao {
        height: 15vw;
        line-height: 15vw;
        padding: 0 10vw;
        border-radius: 10em;
        font-size: inherit;
    }

	.cabecalho {
		display: none;
	}

    .cabecalho-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 21vw;
        z-index: 10;
        background-color: #fff;
        color: #000000;
        box-shadow: rgba(0,0,0,0.2) 0 0 2vw;
    }

		.cabecalho-mobile > a.menu {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 16vw;
			line-height: 21vw;
			font-size: 2em;
			z-index: 1;
		}
        .cabecalho-mobile > a.link {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 12vw;
            line-height: 21vw;
            font-size: 7vw;
            color: #fff;
            z-index: 1;
        }

        .cabecalho-mobile > a.link.facebook {
            right: 24vw;
        }
        .cabecalho-mobile > a.link.instagram {
            right: 12vw;
        }
        .cabecalho-mobile > a.link.whatsapp {
            right: 0;
        }


		.cabecalho-mobile > a.logo {
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			line-height: 21vw;
			z-index: 0;
		}

			.cabecalho-mobile > a.logo > img {
				max-height: 100%;
				vertical-align: middle;
			}

	.menu-mobile {
		display: block;
		position: fixed;
		top: 21vw;
		z-index: 9;
		background-color: #fff;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-x: hidden;
		overflow-y: auto;
		color: #000;
	}

		.menu-mobile > a {
			display: block;
			height: 21vw;
			line-height: 21vw;
			border-bottom: 1px solid #e6e6e6;
			font-size: 1.35em;
		}
			
		.menu-mobile > .icons {
			display: flex;
			height: 21vw;
			line-height: 21vw;
			background-color: #000;
			color: #fff;
		}
			.menu-mobile > .icons > a {
				flex: 1 auto;
				text-align: center;
				font-size: 2em;
				line-height: 21vw;
			}

	img, iframe {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	iframe {
		height: 75vh;
		min-height: 75vh;
		max-height: 75vh;
	}


    #banner {
        height: 133vw;
    }

	[slideshow] .balls, #banner > [slideshow] .balls {
		display: block;
		position: absolute;
		bottom: 1vw;
		left: 0;
		right: 0;
		text-align: center;
	}
		[slideshow] .balls > .ball {
			display: inline-block;
			width: 7vw;
			height: 7vw;
			margin: 1vw;
			color: #fff;
			border-radius: 10em;
			border: 0.5vw solid #fff;
			background: transparent;
		}
		[slideshow] .balls > .ball.selected-true {
			background: #fff;
		}
		
    [slideshow] .move {
        display: none;
    }

    form > .input {
        margin-bottom: 5vw;
    }
	form > .input > input, form > .input > select, form > .input > textarea {
		padding: 0 5vw;
		border: 0.5vw solid #000;
		height: 12vw;
	}
	form > .input > textarea {
		height: 30vw;
	}
	form > .botoes > input[type="submit"] {
		height: 12vw;
		padding: 0 5vw;
	}

    .blocos {
        margin: 5vw 0;
    }
        .blocos > .flex, #contato.blocos > .flex {
            display: block;
            width: 100%;
            padding: 0;
        }
            .blocos > .flex > .bloco {
                float: none;
                width: 100%;
                padding: 5vw 10vw;
            }
                .blocos > .flex > .bloco > .ico {
                    font-size: 16vw;
                    line-height: 16vw;
                }
                .blocos > .flex > .bloco > .img {
                    margin-bottom: 5vw;
                }
                .blocos > .flex > .bloco > .titulo {
                    font-size: 5vw;
                    margin: 2.35vw 0 5vw 0;
                }
        .blocos > .flex.header {
            width: 100%;
            margin-bottom: 5vw;
            padding: 0 10vw
        }
            .blocos > .flex.header h1 {
                margin: 10vw 0;
            }

    #quem-somos {
        background-position: top right;
    }

    .bloco-slide {
        background-attachment: fixed;
    }
    .bloco-slide.fundo-claro {
        color: #333;
    }
    .bloco-slide.fundo-escuro {
        color: #fff;
    }

        .bloco-slide > .conteudo {
            padding: 10vw;
            width: 100%;
            line-height: 1.5em;
        }
        .bloco-slide.fundo-claro > .conteudo {
            background-color: rgba(255,255,255,0.8);
        }
        .bloco-slide.fundo-escuro > .conteudo {
            background-color: rgba(0,0,0,0.5);
        }

            .bloco-slide > .conteudo.left {
                float: none;
            }

            .bloco-slide > .conteudo.right {
                float: none;
            }

            .bloco-slide > .conteudo h1 {
                margin-top: 0;
            }

            .bloco-slide > .conteudo .titulo {
                margin: 5vw 0 2.35vw 0;
                font-weight: bold;
                font-size: inherit;
            }

            .bloco-slide > .conteudo .lista {
                margin-left: 5vw;
            }

            .bloco-slide > .conteudo > .botoes {
                margin-top: 10vw;
                text-align: center;
            }


    .artigo > .topo > .titulo {
        font-size: 6vw;
        height: 10vw;
        line-height: 10vw;
        padding: 0 6vw;
        top: calc(50% - 5vw);
    }

    .modal > .close {
        font-size: 11vw;
        width: 15vw;
        text-align: center;
        height: 15vw;
        line-height: 15vw;
    }
	
	.modalProduto {
        overflow-y: auto;
        overflow-x: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

        .modalProduto > .content {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
        }

            .modalProduto > .content > *, .modalProduto > .content > .youtube {
                position: relative;
            }

            .modalProduto > .content > .loading {
                position: absolute;
                right: 0;
            }

            .modalProduto > .content > .bg {
                position: absolute;
            }

            .modalProduto > .content > .bg, .modalProduto > .content > .img, .modalProduto > .content > .youtube {
                left: 0;
                right: 0;
                height: 90vh;
				top: auto;
				margin-top: 0;
            }
			.modalProduto > .content > .youtube > iframe {
				min-height: initial;
				max-height: initial;
			}

            .modalProduto > .content > .data {
                left: 0;
                right: 0;
                padding: 10vw;
                overflow-y: hidden;
                overflow-x: hidden;
            }
				.modalProduto > .content > .data > .img-list > .img {
					margin: 0 1vw 1vw 0;
					height: 19vw;
					width: 19vw;
					border-radius: 3vw;
				}
					.modalProduto > .content > .data > .img-list > .img > .ico {
						line-height: 19vw;
						font-size: 10vw;
					}

            .modalProduto > .content > .loading, .modalProduto > .left, .modalProduto > .right {
                top: 45vh;
                margin-top: -9vw;
				font-size: 18vw;
				width: 18vw;
				height: 18vw;
				line-height: 18vw;
				color: #fff;
				text-shadow: rgba(0,0,0,0.25) 1px 2px 0px;
            }
			.modalProduto > .content > .loading {
				width: auto;
				left: 0;
				right: 0;
				font-size: 1em;
			}

        .modalProduto > .left {
            left: 0;
        }

        .modalProduto > .right {
            right: 0;
        }

        .modalProduto > .close {
            position: fixed;
			font-size: 3em;
			width: 18vw;
			height: 18vw;
			line-height: 18vw;
			text-shadow: rgba(0,0,0,0.25) 1px 2px 0px;
        }
	
	
	[portfolio] {
		margin-top: 5.89vw;
	}
		[portfolio] > .produto, [portfolio] > .produto.pos-5, [portfolio] > .produto.pos-6, [portfolio] > .produto.pos-0 {
			overflow: hidden;
			width: 25.7vw;
			height: 25.7vw;
		}
			[portfolio] > .produto > .img {
				top: 2vw;
				left: 2vw;
				right: 2vw;
				bottom: 2vw;
			}
			[portfolio] > .produto > .nome {
				display: none;
			}
		
	.blocos2 {
		flex-wrap: wrap;
		padding: 10vw;
	}
		.blocos2 > .left, .blocos2 > .left, .blocos2 > .bloco {
			width: 100%;
			padding: 0;
		}
		
	#agencia {
		background-color: #000;
	}
	#agencia .blocos2 {
		padding: 0 10vw 10vw 10vw;
	}
		#agencia .blocos2 > .bloco.right.pt0 {
			padding-top: 10vw;
			color: #ddd;
		}
	
	#clientes.blocos > .titulo > h1, #contato.blocos > .titulo > h1 {
		    margin: 10vw 0;
	}
	
	#clientes.blocos > .flex {
		display: flex;
	}
	#clientes .bloco {
		padding: 7vw;
		width: 50%;
	}
	#clientes .bloco > img {
		max-height: 11vw;
	}
	
	#contato {
		padding: 0 10vw 5vw 10vw;
	}

	.rodape {
		display: block;
		font-size: 4vw;
		line-height: 1.5em;
	}
		.rodape > div.right > .links > a > .ico {
			font-size: 1.5em;
			margin-right: 0.25em;
		}
		.rodape > div.right > .logo > img {
			min-width: auto;
			width: 70%;
		}
}