.light { font-weight: 300; }
.normal { font-weight: 400; }
.medium { font-weight: 600; }
.strong { font-weight: 700; }
.ultra { font-weight: 800; }
.center { text-align:  center; }
.block { display: block; }

.bg-columns { background: #e1e1e1; }
.border-columns { border: 1px solid red;}

.mg-0 {margin:0 !important;}
.mg-5 {margin: 0.313em !important; }
.mg-10{margin:0.625em !important; }
.mg-20{margin:1.250em !important; }
.mg-30{margin:1.875em !important; }
.mg-top-5{margin-top:0.313em !important; }
.mg-top-10{margin-top:0.625em !important; }
.mg-top-12 { margin-top: 0.750em !important; }
.mg-top-15 { margin-top: 0.938em !important; }
.mg-top-20{margin-top:1.250em !important; }
.mg-top-30{margin-top:1.875em !important; }
.mg-top-40{margin-top:2.500em !important; }
.mg-top-60 { margin-top: 3.750em !important; }
.mg-top-100 { margin-top: 6.250em !important; }
.mg-top-170 { margin-top: 10.625em !important; }
.mg-bottom-5{margin-bottom:0.313em !important; }
.mg-bottom-10{margin-bottom:0.625em !important; }
.mg-bottom-15{margin-bottom:0.938em !important; }
.mg-bottom-20{margin-bottom:1.250em !important; }
.mg-bottom-30{margin-bottom:1.875em !important; }
.mg-bottom-40{margin-bottom:2.500em !important; }
.mg-left-10{margin-left:0.625em !important; }
.mg-left-15{margin-left:0.938em !important; }
.mg-left-20{margin-left:1.250em !important; }
.mg-left-30{margin-left:1.875em !important; }
.mg-left-40{margin-left:2.500em !important; }
.mg-right-5 {margin: 0.313em !important; }
.mg-right-10{margin-right:0.625em !important; }
.mg-right-15{margin-right:0.938em !important; }
.mg-right-20{margin-right:1.250em !important; }
.mg-right-25{margin-right:1.563em !important; }
.mg-right-30{margin-right:1.875em !important; }

.pd-0 {padding:0 !important;}
.pd-5 {padding:0.313em !important; }
.pd-10{padding:0.625em !important; }
.pd-20{padding:1.250em !important; }
.pd-30{padding:1.875em !important; }
.pd-top-5{padding-top:0.313em !important; }
.pd-top-10{padding-top:0.625em !important; }
.pd-top-15{padding-top:0.938em !important; }
.pd-top-20{padding-top:1.250em !important; }
.pd-top-30{padding-top:1.875em !important; }
.pd-top-40 { padding-top: 2.500em !important; }
.pd-top-60{padding-top:3.750em !important; }
.pd-bottom-5{padding-bottom: 0.313em !important; }
.pd-bottom-10{padding-bottom:0.313em !important; }
.pd-bottom-15{padding-bottom:0.938em !important;}
.pd-bottom-20{padding-bottom:1.250em !important; }
.pd-bottom-30{padding-bottom:1.875em !important; }
.pd-bottom-40 { padding-bottom: 2.500em !important; }
.pd-left-5{padding-left:0.313em !important; }
.pd-left-10{padding-left:0.625em !important; }
.pd-left-15{padding-left:0.938em !important; }
.pd-left-20{padding-left:1.250em !important; }
.pd-left-30{padding-left:1.875em !important; }
.pd-right-10{padding-right:0.625em !important; }
.pd-right-15{padding-left:0.938em !important; }
.pd-right-20{padding-right:1.250em !important; }
.pd-right-30{padding-right:1.875em !important; }

.texto-10 { font-size: 0.625em !important; }
.texto-12 { font-size: 0.750em !important; }
.texto-13 { font-size: 0.813em !important; }
.texto-14 { font-size: 0.875em !important; }
.texto-16 { font-size: 1em !important; }
.texto-18 { font-size: 1.125em !important; }
.texto-20 { font-size: 1.250em !important; }
.texto-22 { font-size: 1.375em !important; }
.texto-24 { font-size: 1.500em !important; }
.texto-26 { font-size: 1.625em !important; }
.texto-28 { font-size: 1.750em !important; }
.texto-30 { font-size: 1.875em !important; }
.texto-32 { font-size: 2.000em !important; }
.texto-34 { font-size: 2.125em !important; }
.texto-36 { font-size: 2.250em !important; }
.texto-40 { font-size: 2.500em !important; }
.texto-42 { font-size: 2.625em !important; }
.texto-46 { font-size: 2.875em !important; }
.texto-50 { font-size: 3.125em !important; }
.texto-60 { font-size: 3.750em !important; }

.texto { color: #404040;}
.texto-branco { color: #ffffff; }
.texto-rosa { color: #c2134d !important; }


.content-100 { display: block; width: 100% !important; }

.bg-preto { background: #000; }
.bg-cinza { background: #242524 !important; }


.content-menu { background-color: rgba(0,0,0,0.5); xposition: absolute; xtop: 0; xleft: 0; xz-index: 1000; }

.work-title { position: absolute; top: 20px; z-index: 100;  left: 65px; }
.content-work-description { position: absolute; top: 75px;  left: 80px; width: 100%; }
.work-description { background-color: rgba(91,55,51,0.5); }


.bg-home { background: url('../img/fundo-home-base.jpg') no-repeat top center; background-size: cover;  }


a.lang { color: #ffffff; }
a.lang:hover, a.lang-ativo { color: #c2134d; }


.box-form-contato { display: block; }
.box-form-contato input.campos, .box-form-contato textarea.campos { border: 0px solid !important; background: #242524 !important; color: #ffffff !important; margin-bottom: 8px !important; padding: 25px 15px 25px 15px !important; font-size: 1.125em !important;  }

.box-form-contato ::placeholder { color: #89898a !important; opacity: 1; /* Firefox */ }
.box-form-contato :-ms-input-placeholder { color: #89898a !important; }
.box-form-contato ::-ms-input-placeholder { color: #89898a !important; }



hr.titulo { border: 0; height: 8px; background: #ff6600;  }
/*hr.titulo { border: 0; height: 4px; background: #ff6600; background-image: linear-gradient(to right, #f3f3f3, #ff6600, #f3f3f3); }*/



@media only screen { 

	.bg-contact, .bg-home { background: none #000; }

	.fotos-trabalhos  { border: 3px solid rgba(255, 0, 0, 0); max-height: 120px; }
	.fotos-trabalhos:hover { border: 3px solid #c2134d; }
 
}

@media only screen and (min-width: 40.0625em) {

	.bg-contact, .bg-home { background: none #000; }

	.fotos-trabalhos  { border: 3px solid rgba(255, 0, 0, 0); max-height: 260px; }
	.fotos-trabalhos:hover { border: 3px solid #c2134d; }

}

@media only screen and (min-width: 64.0625em) {

	.bg-contact { background: url('../img/fundo-contato.jpg') no-repeat top center; padding-top: 300px; }
	.bg-home { background: url('../img/bg-home-novo.jpg') no-repeat top center #000;  }

	.fotos-trabalhos  { border: 3px solid rgba(255, 0, 0, 0); max-height: 260px; }
	.fotos-trabalhos:hover { border: 3px solid #c2134d; }

}

ul.menu-topo { list-style-type: none; margin: 0 !important; padding: 0; overflow: hidden; }
ul.menu-topo li { float: left; }
ul.menu-topo li a, .dropbtn { display: inline-block; color: #fff; font-size: 0.875em; text-align: center;  padding: 1rem 2.500em 0.313em 2.500em; text-decoration: none; }
ul.menu-topo li a:hover, .dropdown:hover .dropbtn { color: #c2134d; }
ul.menu-topo li.dropdown { display: inline-block; }

ul.menu-topo .dropdown-content { display: none; position: absolute; xleft: 50px; min-width: 160px; z-index: 99999;  }
ul.menu-topo .dropdown-content a { color: #fff; font-size: 0.875em; margin-left: 2.000em; padding: 0.313em 2.000em 0.313em 1em; background-color: rgba(0,0,0,0.7); text-decoration: none; display: block; text-align: left; }
ul.menu-topo .dropdown-content a:hover {  color: #c2134d; } 
.dropdown:hover .dropdown-content { display: block; }

 
.crop-img { width:300px; height:300px; object-fit:cover; object-position: 0 0; }

