.font-oswald { font-family: 'Oswald', sans-serif; }

body{overflow-y: scroll; background: #fff; }

p { font-size: 1.7rem; }
	
.section { padding: 0px calc(10% - var(--d-margin)) !important; }

.text-blue { color: #1c2647; }

.blue { background: #1c2647; color: #ffffff; }

.white { background: #ffffff; color: #1c2647; }

.color-light-blue { color: #5c6b9a; }

#home {
	position: fixed;
	top: 0;
    width: 100%;
	z-index: 1;
}

#home-logo {
	height: 35px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.menu-size {    
	height: 65px!important;
    width: 200%;
    left: -50%;
}

#produtos-ctn {
	padding: 50px 0px;
}

#produtos-header {
	width: 210px;
}

.produto-box {
	color: #5c6b9a;
	border: solid 2px;
	border-radius: 10px;
	font-size: 1.7rem;
	margin-bottom: var(--d-margin);
}

.produto-box-icon{ height: 60px; }
.produto-box-title { width: calc(100% - 120px); }
.produto-box-seta { width: 50px; }
.protudo-box-ctn { padding: 20px; }
.protudo-box-ctn p { margin-top: 0px; }

.produtos-box-ctn-banner {
	width: 100%;
}

.produto-box .produto-box-icon.b,
.produto-box .produto-box-seta.u,
.produto-box .protudo-box-ctn,
.produto-box .protudo-box-ctn,
.produto-box.opened .produto-box-icon,
.produto-box.opened .produto-box-seta {
	display: none;
}

.produto-box.opened .produto-box-icon.b,
.produto-box.opened .produto-box-seta.u,
.produto-box .produto-box-icon,
.produto-box .produto-box-seta{
	display: inline-block;
}

.produto-box.opened .protudo-box-ctn {
	display: block;
}

.produto-box.opened {
	color: #1c2647;
	background: white;
}

.produto-box-ctn-img {
	width: 24%;
	background-size: cover;
}

.produto-box-ctn-img.img-left {
	background-position: right;
}
.produto-box-ctn-img img { width: 100%; opacity: 0; }


#produtos-modal {
	position: fixed;
    top: 85px;
    left: 0px;
    width: 100%;
    height: calc(100% - 85px);
	z-index: 1;
	display: none;
}
#produtos-modal.opened {
	display: block;
}


#modal-title {
	font-size: 1.8rem;
    padding: var(--d-margin) calc(5 * var(--d-margin));
}
	
#modal-close {
	position: absolute;
    height: calc(80% - calc(2 * var(--d-margin)));
    right: var(--d-margin);
    margin: auto;
    top: 0;
    bottom: 0;
}

#modal-box {
	text-align: center;
    margin: var(--d-margin-2);
    padding: var(--d-margin-2);
    border-radius: 5px;
}

.modal-name {
    font-size: 3em;	
}

#modal-img {    
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;	
}

#modal-img img {
	width: 100%;
}

.modal-arrows {
	position: absolute;
	top: 0px;
    height: 40px;	
}
.modal-arrows.left { left: -40px; }
.modal-arrows.right { right: -40px; }

#modal-desc {
    font-size: 1.9rem;
    margin: 0 calc(3.5 * var(--d-margin));
}

.wpp-link {    
	font-size: 1.8rem;
    background: #1d9d4a;
    color: white;
    display: inline-block;
    padding: 5px 15px;	
}

.protudo-box-ctn .wpp-link { width: calc(100% - 30px); }

.wpp-link img {
	height: 25px;
    vertical-align: bottom;
    filter: brightness(200) grayscale(1);
}

#sobre-img {
	width: 80%;
}

#menu {
	position: fixed;
	z-index: 1;
	height: 30px;
	top: 40px;
	right: 0px;
}

#menu img { height: 100%; }

#menu-content {
	position: fixed;
	z-index: 1;
	padding-top: 70px;
	padding-right: 70px;
	padding-left: calc(8% - var(--d-margin));
	height: calc(100% - 48px);
	right: 0px;
	top: 0px;
	background: #fff;
	display: none;
}
#menu-content.opened{
	display: initial; 
}

#menu-links {
	margin-top: 70px;
	font-size: 1.5rem;
	color: #1c2647;
}
.menu-link {
	display: block;
}

#contato-maps {
	padding-top: 60px;
}

#contato h1 {    
	font-size: 5rem;
    color: #ededed;
    font-family: sans-serif;
    font-weight: 900;
}

#contato-content{
	padding-top: 0px;
}

#contato-banner{
	position: absolute;
	left: 0px;
	top: 0px;
	max-width: 100%;
}

.contato-line{
	margin-bottom: 30px;
}

.contato-line-icon { height: 55px; }

.contato-line-text { 
	display: inline-block;
	font-size: 1.7em;
	vertical-align: top;
	margin-left: 40px; 
	line-height: 30px;
	font-stretch: condensed;
}

.contato-line-text.one-line {
	line-height: 55px;
}

.contato-line-text a{
	color: rgb(33,169,227);
	text-decoration: underline;
}

#contato-maps img{
	max-width: 100%;
}

#projetos {
	padding-top: 50px;
	padding-bottom: 50px;
	color: white;
}

#projetos-ctn {
	background: url('../resources/imgs/projetos-db.png');
}

#projetos h1 {
	font-size: 4.5rem;
	margin-bottom: 0px;
}

.projetos-opts {
	color: #91afba;
	font-size: 2rem;
	margin: 0px 40px;
}

.projetos-opts.selected{
	font-weight: bold;
	color: #fff;
}

.projeto-banner {
	margin-top: var(--d-margin-2);
	background-size: cover;
	background-position: center;
	transition: opacity 0.2s;
}

.projeto-banner img {
	opacity: 0;
	width: 100%;
}

#projetos-pages { margin-top: 40px; }

.pageNum {
	font-size: 2.25rem;
	margin: 0px 10px;
}

.pageNum .pageNumDots {
	display: none;
}

.pageNum img {
	vertical-align: middle;
	height: 1em;
}