/* -- gerais -- */
.mobile-show {display: none;}
.full {width: 100%; float: left;}
.txt-center {text-align: center;}

.content h1 {font-family: 'Roboto', sans-serif; font-size: 4rem; color: #FFFFFF;}
.content h2 {font-family: 'Roboto', sans-serif; color: #FFFFFF;}
.content h2 span {font-weight: bold;}
.content h3 {font-family: 'Roboto', sans-serif; color: #FFFFFF;}
.content h4 {font-family: 'Roboto', sans-serif; font-size: 2rem; color: #FFFFFF;}
.content p {font-family: 'Roboto', sans-serif; line-height: 23px;}
.content p strong {font-weight: bold;}
.content a {font-family: 'Roboto', sans-serif; color: #FFFFFF;}
.content input, .content textarea, .content button {font-family: 'Roboto', sans-serif; font-size: 1.13rem;}
.content a, .content button {
	-webkit-transition: all 150ms linear, color 150ms linear;
	   -moz-transition: all 150ms linear, color 150ms linear;
		 -o-transition: all 150ms linear, color 150ms linear;
		-ms-transition: all 150ms linear, color 150ms linear;
			transition: all 150ms linear, color 150ms linear;
}

.btn {background-color: #dc6000; border: 2px solid #dc6000; color: #FFFFFF; padding: 15px 50px; display: inline-block; font-size: 15px;}
.btn:hover {color: #dc6000; background-color: transparent;}
hr {width: 100px; height: 4px; margin: 20px auto 0; background-color: #000;}
hr.laranja {background-color: #dc6000;}
hr.verde {background-color: #048590;}

.slider .slide-item {height: calc(100vh - 178px); max-height: 600px; min-height: 470px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}
.slider .slide-content {max-width: 460px; height: 100%; margin-left: 5%; padding: 120px 35px 120px 50px; position: absolute; z-index: 9;}
.slider .slide-bg {width: 100%; max-width: 460px; height: 100%; margin-left: 5%; background-image: url(../img/home/slider-bg.png); position: absolute; opacity: 0.8; /*mix-blend-mode: multiply;*/ z-index: 8;}
.slider .slide-titulo {font-family: 'Roboto Condensed', sans-serif; font-size: 35px; font-weight: 300; text-transform: uppercase; letter-spacing: 0; text-shadow: 1px 1px #090a0a;}
.slider .slide-titulo span {font-weight: 700;}
.slider .slide-subtitulo {font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: 300; text-transform: uppercase;letter-spacing: 0; text-shadow: 1px 1px #090a0a;}
.slider .slide-subtitulo br {display: none;}
.slider .slide-texto {margin-top: 30px; font-weight: 100; font-size: 17px; color: #FFFFFF;}
.slider .btn {margin-top: 50px;}
.slider .owl-dots {position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 10;}
.slider .owl-dot {width: 10px; height: 10px; background-color: #F0F0F0; border-radius: 100%; margin: 0 5px; display: inline-block;}
.slider .owl-dot.active {background-color: #dc6000;}

@supports (-ms-accelerator:true) {
	.slider .slide-bg {opacity: 0.8;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.slider .slide-bg {opacity: 0.8;}
}

.segmentos .segmento {width: 50%; float: left;}
.segmentos .segmento .segmento-titulo {padding: 25px 20px; text-align: center; font-weight: 300; font-size: 20px; color: #FFFFFF; position: relative;}
.segmentos .segmento .segmento-titulo span {font-weight: bold;}
.segmentos .segmento .segmento-titulo:before {content: ''; width: 0;  height: 0;  border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 15px solid #f00; position: absolute; bottom: -15px; left: 0; right: 0; margin: 0 auto;}
.segmentos .segmento .segmento-conteudo {min-height: 330px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.segmentos .segmento .segmento-texto {width: 100%; max-width: 510px; margin: 0 auto; padding: 70px 20px; color: #414141; text-align: center; font-size: 17px;}

.segmentos .segmento:nth-of-type(1) {border-right: 1px solid #FFFFFF;}
.segmentos .segmento:nth-of-type(2) {border-left: 1px solid #FFFFFF;}
.segmentos .segmento:nth-of-type(1) .segmento-titulo {background-color: #048590;}
.segmentos .segmento:nth-of-type(2) .segmento-titulo {background-color: #dc6000;}
.segmentos .segmento:nth-of-type(1) .segmento-titulo:before {border-top-color: #048590;}
.segmentos .segmento:nth-of-type(2) .segmento-titulo:before {border-top-color: #dc6000;}
.segmentos .segmento:nth-of-type(1) .segmento-conteudo {background-image: url(../img/home/duragas-bg-segmento-residencial.jpg);}
.segmentos .segmento:nth-of-type(2) .segmento-conteudo {background-image: url(../img/home/duragas-bg-segmento-industrial.jpg);}
.segmentos .segmento:nth-of-type(1) strong {color: #048590;}
.segmentos .segmento:nth-of-type(2) strong {color: #dc6000;}

.sobre {padding: 85px 0 35px; text-align: center;}
.sobre .sobre-titulo {font-family: 'Roboto Condensed', sans-serif; color: #048590; font-size: 39px; margin-bottom: 30px; font-weight: 300;}
.sobre .sobre-titulo span {font-weight: bold;}
.sobre .sobre-texto {color: #414141; font-size: 18px; font-weight: 300;}
.sobre .sobre-texto p {line-height: 28px;}
.sobre .sobre-texto strong {color: #dc6000;}
.sobre .btn {margin-top: 50px;}

.diferenciais {background-color: #f0f0f0; padding: 125px 0 75px; text-align: center; position: relative;}
.diferenciais .diferenciais-detalhe {position: absolute; top: 0;}
.diferenciais .diferenciais-detalhe img {width: 100%;}
.diferenciais .diferenciais-titulo {font-family: 'Roboto Condensed', sans-serif; color: #dc6000; font-size: 39px; margin-bottom: 40px; font-weight: 300;}
.diferenciais .diferenciais-subtitulo {font-size: 22px; font-weight: 700; color: #dc6000; margin-bottom: 25px;}
.diferenciais .diferenciais-lista {display: flex;}
.diferenciais .diferenciais-lista li {width: 33.33333%;}
.diferenciais .diferenciais-lista li img {margin-bottom: 50px; max-height: 145px;}
.diferenciais .diferenciais-lista li p {width: 100%; max-width: 350px; padding: 0 20px; font-size: 17px; font-weight: 300; margin: 0 auto; color: #13424a;}

.contato {padding: 85px 0; text-align: center; background-image: url('../img/home/duragas-contato-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;} /* TIRAR PADDING PARA BG */
/*.contato .contato-bg {background-color: #048590; padding: 30px; margin: 50px;}*/
.contato .contato-titulo {font-family: 'Roboto Condensed', sans-serif; color: #FFFFFF; font-size: 39px; margin-bottom: 35px; font-weight: 300;}
.contato .contato-texto {width: 100%; max-width: 600px; margin: 0 auto 25px; color: #414141; font-size: 18px; font-weight: 300;}
.contato .contato-texto p {line-height: 28px; color: #FFFFFF;}
.contato .telefone {margin-top: 25px; font-size: 30px; font-weight: bold; color: #FFFFFF;}

.banner {min-height: 310px; background-image: url('../img/internas/duragas-banner.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner .center {max-width: 1800px;}
.banner .banner-content {padding: 90px 0 45px;}
.banner .title {max-width: 500px; margin: 0 0 27px; font-size: 35px; font-weight: 300; color: #FFFFFF; line-height: 38px;}
.banner h1 {font-size: 15px; font-weight: 300; letter-spacing: 2px;}
.banner hr {width: 70px; height: 7px; margin-top: 25px; margin-left: 0;}

.conteudo {margin-bottom: 50px;}

.conteudo .intro {padding: 65px 0;}
.conteudo .intro .center {max-width: 1800px;}
.conteudo .intro p {max-width: 50%; font-size: 18px; font-weight: 300; color: #000000; line-height: 30px;}

.conteudo .banner-central {min-height: 390px; margin: 80px 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.conteudo .banner-central img {width: 100%; float: left; visibility: hidden;}

.conteudo .box-content {display: flex; justify-content: center; flex-wrap: wrap;}
.conteudo .box-content.reverse {flex-direction: row-reverse;}
.conteudo .box-content .img {width: 50%; float: left; background-repeat: no-repeat; background-size: cover; background-position: center;}
.conteudo .box-content .img img {width: 100%; float: left; visibility: hidden;}
.conteudo .box-content .txt {width: 50%; float: left; padding: 80px 180px 80px 80px;}
.conteudo .box-content.reverse .txt {padding: 80px 80px 80px 180px;}
.conteudo .box-content .txt h2 {font-size: 28px; color: #373737; font-weight: 300;}
.conteudo .box-content .txt h3 {font-size: 15px; color: #048590; font-weight: 700; text-transform: uppercase; line-height: 22px; letter-spacing: 2px; margin: 30px 0 15px; }
.conteudo .box-content .txt p {font-size: 17px; color: #373737; font-weight: 300; line-height: 26px;}
.conteudo .box-content .txt hr {width: 70px; height: 7px; margin-top: 20px; margin-left: 0;}

.conteudo .galeria {padding: 50px 0 0;}
.conteudo .galeria ul li {width: 25%; float: left;}
.conteudo .galeria ul li a {display: block;}
.conteudo .galeria ul li img {width: 100%; float: left;}

.conteudo.produtos .box-content {margin-bottom: 65px;}
.conteudo.produtos .box-content:last-of-type {margin-bottom: 0;}
.conteudo.produtos .box-content .txt {width: 58%; padding: 100px 230px 100px 150px; background-color: #f0f0f0; position: relative;}
.conteudo.produtos .box-content .txt:before {content: ''; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #f0f0f0; position: absolute; right: -30px; top: 50%; transform: translateY(-50%);}
.conteudo.produtos .box-content.verde .txt {background-color: #048590;}
.conteudo.produtos .box-content.verde .txt:before {content: ''; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: none; border-right: 30px solid #048590; position: absolute; right: 0; left: -30px; top: 50%; transform: translateY(-50%);}
.conteudo.produtos .box-content.verde .txt h2, .conteudo.produtos .box-content.verde .txt p {color: #FFFFFF;}
.conteudo.produtos .box-content.verde .txt h3 {color: #FFFFFF;}
.conteudo.produtos .box-content .img {width: 42%;}

.pagina-contato .contato-info {width: 50%; float: left; padding: 50px 100px 60px; background-color: #048590;}
.pagina-contato .contato-info p {font-size: 17px; color: #FFFFFF; font-weight: 300;}
.pagina-contato .contato-info p span {font-weight: 700; color: #dc6000;}
.pagina-contato .contato-select-label {margin: 25px 0 5px; font-weight: 700 !important;}
.pagina-contato .contato-select {margin: 0 0 25px;  position: relative; }
.pagina-contato .contato-select:before {content: ''; position: absolute; right: 1px; top: 1px; width: 43px; height: calc(100% - 2px); z-index: 1; background-color: #048590;}
.pagina-contato .contato-select:after {content: ''; border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; position: absolute; right: 20px; z-index: 9; top: 16px; transform: rotate(45deg);}
.pagina-contato .contato-select select {width: 100%; border: 1px solid #fff; border-radius: 0; color: #fff; padding: 12px 10px; font-size: 16px; line-height: 18px;}
.pagina-contato .contato-select select option {color: #000; padding: 5px 0;}
.pagina-contato .contatos {width: 100%; float: left; color: #FFFFFF;}
.pagina-contato .contatos li {width: 100%; float: left; margin-bottom: 30px; display: flex; align-items: center;}
.pagina-contato .contatos li:last-child {margin-bottom: 0;}
.pagina-contato .contatos .icone {width: 50px; font-size: 30px;}
.pagina-contato .contatos .icone.icone-telefone {align-self: flex-start;}
.pagina-contato .contatos .info {font-size: 17px; font-weight: 300; line-height: 22px;}
.pagina-contato .contatos .info.destaque {font-size: 30px; font-weight: 700; line-height: 40px;}
.pagina-contato .contatos .ligue { font-style: italic; font-weight: bold; font-size: 19px; line-height: 1; display: block; margin-top: 15px;}

.pagina-contato .contato-form {width: 50%; float: left; padding: 0 65px 0 100px;}
.pagina-contato .contato-form input, .pagina-contato .contato-form textarea {width: 100%; margin-bottom: 24px; padding: 11px 13px; font-size: 14px; color: #7a7a7a; border: 1px solid #cfcfcf;}
.pagina-contato .contato-form textarea {padding: 15px 13px; resize: none;}
.pagina-contato .contato-form button {float: right; padding: 13px 60px; background-color: #dc6000; color: #FFFFFF; border: 2px solid #dc6000; font-size: 14px; font-weight: 300;}
.pagina-contato .contato-form button:hover {background-color: transparent; color: #dc6000;}
.pagina-contato .contato-form .form-btn {float: right; padding: 15px 60px; background-color: #dc6000; color: #FFFFFF; border: 2px solid #dc6000; font-size: 14px; font-weight: 300; display: none;}
.pagina-contato .contato-form .form-btn.enviando {border: 2px solid #cec656; background-color: #cec656;}
.pagina-contato .contato-form .form-btn.enviado {border: 2px solid #83A578; background-color: #83A578;}
.pagina-contato .contato-form .form-btn.nao-enviado {border: 2px solid #f46161; background-color: #f46161;}

.mapa #custom-map {height: 450px;}



@media all and (max-width:1460px){
	.conteudo .box-content .txt, .conteudo .box-content.reverse .txt {padding: 80px;}
	.conteudo.produtos .box-content .txt {padding: 80px;}

	/* .pagina-contato .contato-select {margin: 20px 0;} */
	.pagina-contato .contatos li {margin-bottom: 20px;}
}

@media all and (max-width:1200px){
	.pagina-contato .contato-info {padding: 40px;}
	.pagina-contato .contato-form {padding: 40px;}
}

@media all and (max-width:960px){
	.conteudo .banner-central {min-height: 260px;}

	.conteudo .box-content .txt, .conteudo .box-content.reverse .txt {width: 100%; padding: 50px 20px 0;}
	.conteudo .box-content .img {width: 100%; min-height: 400px;}

	.conteudo.produtos .box-content .txt {width: 100%; padding: 50px 20px 50px; margin-top: 50px;}
	.conteudo.produtos .box-content .img {width: 100%; max-width: 800px; min-height: 500px;}

	.conteudo.produtos .box-content .txt:before {margin: 0 auto; border-top: none; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #f0f0f0; right: 0; left: 0; top: -30px; transform: none;}
	.conteudo.produtos .box-content.verde .txt:before {margin: 0 auto; border-top: none; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #048590; right: 0; left: 0; top: -30px; transform: none;}

	.pagina-contato .contato-info {width: 100%; padding: 30px 20px;}
	.pagina-contato .contato-form {width: 100%; padding: 30px 20px;}
}

@media all and (max-width:860px){
	.segmentos .segmento .segmento-titulo {font-size: 18px;}
}

@media all and (max-width:767px){
	.slider .slide-content, .slider .slide-bg {margin-left: 0;}

	.conteudo .galeria ul li {width: 50%;}

	.pagina-contato .contatos .info.destaque {font-size: 24px; line-height: 30px;}
}

@media all and (max-width:680px){
	.segmentos .segmento {width: 100%; border-right: none !important; border-left: none !important;}
	.segmentos .segmento .segmento-conteudo {min-height: 0;}
	.segmentos .segmento .segmento-texto {padding: 60px 20px;}

	.diferenciais .diferenciais-lista {display: flex; flex-wrap: wrap;}
	.diferenciais .diferenciais-lista li {width: 100%; margin-bottom: 50px;}
	.diferenciais .diferenciais-lista li:last-child {margin-bottom: 0;}
	.diferenciais .diferenciais-lista li img {margin-bottom: 20px;}

	.sobre {padding: 45px 0 45px;}
	.diferenciais {padding: 70px 0 45px;}
	.contato {padding: 45px 0;}
}

@media all and (max-width:560px){
	.conteudo .intro p {max-width: 100%;}
}

@media all and (max-width:460px){
	.slider .slide-item {min-height: 435px;}
	.slider .slide-content {padding: 40px 20px 60px 20px; position: relative;}
	.slider .slide-bg {top: 0;}
	.slider .slide-subtitulo br {display: inline;}
}