/*  
Theme Name: Erica Gasparini
Author: Mustache
Author URI: https://mustache.com.br
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; }
img, fieldset {border: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
/* set img max-width */
/* ie 8 img max-width */
@media \0screen {img { width: auto;} }

/*Formatação Geral*/
body {font-family: 'Montserrat', sans-serif; color: #282828; background: #ffff;}
a, a:hover {text-decoration: none; outline: none;}
p {margin: 10px 0; padding: 0; }
ul, ol {margin: 0; padding: 0; line-height: 140%; }
li {margin: 0 0 .5em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
.pagewidth {width: 75%; margin: 0 auto; }
html{scroll-behavior: smooth;}
section{scroll-margin-top: 70px;}
img{max-width: 100%;}
.wppfloat {width: 60px; height: 60px; position: fixed; bottom: 30px; right: 30px; z-index: 1000; img{width: 100%;}}

/*Menu*/
#header{width: 100%; height: 120px; padding: 20px 0px; position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background: #282828cf; backdrop-filter: blur(8px); }
#header.menu-scroll{background: #1d1c1dd9;}
#header .logo img{height: 80px; width: auto;}
.header-cont {display: block; width: 100%; height: 80px; margin: 0; padding: 0px 0px; margin: 65px 0px 0px 0px; overflow:hidden; }
.head-content {max-width: 75%; margin: 0 auto; }
.header-navigation nav {font-family: 'Montserrat', sans-serif; width: 100%; margin: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.header-navigation nav ul {font-family: 'Montserrat', sans-serif; height: 70px; vertical-align: middle; font-size: 100%; margin: 0px; line-height: 16px; padding: 0px; width: 100%; text-align: right; display: flex; justify-content: space-between; align-items: center; }
.header-navigation nav ul li {display: inline; padding: 0px 25px; margin: 0px; font-size: 100%; width: auto; font-weight: 500; letter-spacing: 0px; }
.header-navigation nav ul li a {color: #fff; font-family: 'Montserrat', sans-serif; text-decoration: none; transition: all 0.2s ease-out; z-index: 180;}
.header-navigation nav ul li a:hover {color: #ff7e00; font-family: 'Montserrat', sans-serif; text-decoration: none; transition: all 0.2s ease-out;}
.header-navigation nav .orcamento{background: #ff7e00; padding: 12px 20px; margin-left: 10px; margin-right: -20px; line-height: 80%; color: #fff; border-radius: 3px; transition: .3s; font-weight: 700; text-transform: uppercase;}
.header-navigation nav .orcamento:hover{background: #7b7a7a; color: #fff;}
.open-nav .mobile-toggle {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.mobile-toggle {display: none; cursor: pointer; font-size: 20px; position: absolute; right: 15px; top: 35px; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.mobile-toggle span {width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #ff7e00; display: block; }
.mobile-toggle:hover > span {background-color: #ff7e00; transition: 1s; }
.close-about-section {display: none; text-align: center; color:#ff7e00; border-radius: 3px; margin: 35% 10% 2%; height: 70px; padding: 10px 0px; width: 80%; font-size: 40px;}
.close-about-section .svg-close {z-index: 1; fill: #ff7e00; height: 50px; color:#ff7e00; width: 40px; cursor: pointer; }
.close-about-section .svg-close:hover {fill: #ff7e00; transition: all 1s; color:#ff7e00;}
.sticky {opacity: 1; top: 0px; }

/*Slide*/
.slide{background: #282828 bottom center no-repeat; height: auto; width: 100%!important; margin-top: -120px; }
.slide #owl-rotativo .item img{width: 100%!important; height: 90vh; object-fit: cover; font-family: 'Montserrat', sans-serif; }
.slide #owl-rotativo .item{height: auto; width: 100%!important;}
.slide #owl-rotativo .item .mobile{display: none;}
.slide #owl-rotativo .owl-nav:focus{outline: none; }
.slide button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.slide #owl-rotativo .owl-nav {margin-top: -71%; position: absolute; width: 100%; z-index: 700; }
.slide #owl-rotativo .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 31; border-radius: 50px; border: solid 0px transparent; } 
.slide #owl-rotativo .owl-next {position: absolute; margin-top:50%; border: 0px; right: 2%; width: 60px; height: 20%; font-size: 40px; line-height: 52px; padding: 5px 5px 5px 8px; border-radius: 50%; background: transparent; color: #fff; transition: .2s; }
.slide #owl-rotativo .owl-prev {position: absolute; margin-top:50%; border: 0px; left: 2%; width: 60px; height: 20%; font-size: 40px; line-height: 52px; padding: 5px 8px 5px 5px; border-radius: 50%; background: transparent; color: #fff; transition: .2s;} 
.slide #owl-rotativo .owl-prev:hover {color: #ff7e00; background: transparent;}
.slide #owl-rotativo .owl-next:hover {color: #ff7e00; background: transparent;}
.slide .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; background: #ff7e00!important; border: solid 1px #ff7e00; margin: 5px 5px;}
.slide .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #7b7a7a!important; border: solid 1px #7b7a7a;}
.slide .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -120px; height: 120px; text-align: left;}
.slide .owl-dots{margin-top: -120px; height: 120px; display: flex; justify-content: center; align-items: center; padding-left: 0px}
.slide .owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; background: #fff!important; border: solid 1px #fff; margin: 0px 5px;}
.slide .owl-theme .owl-dots .owl-dot.active span {background: #ff7e00!important; border: solid 1px #ff7e00; width: 15px; height: 15px; }
.slide .owl-theme .owl-dots .owl-dot:hover span {background: #fff!important; border: solid 1px #fff;}
.animated  {-webkit-animation-duration : 1000ms  ; animation-duration : 1000ms  ; -webkit-animation-fill-mode : both  ; animation-fill-mode : both  ; }
.owl-animated-out {z-index: 1}
.owl-animated-in {z-index: 0}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut{0% {opacity: 0.1;} 10% {opacity: 0.3;} 50% {opacity: 1;} 70% {opacity: 0.1;} 100% {opacity: 0.2;} }
@keyframes fadeOut{0% {opacity: 0.1;} 10% {opacity: 0.3;} 50% {opacity: 1;} 70% {opacity: 0.1;} 100% {opacity: 0.2;} }

/*Projetos*/
.projetos{background: #282828; padding: 0px 0px 80px; color: #fff;}
.projetos .head {font-size: 600%; text-transform: uppercase; line-height: 90%; font-weight: 700; margin-bottom: 20px;}
.projetos .descricao{color: #999999; line-height: 150%; font-size: 120%; width: 80%; margin: 20px 0px; text-align: left;}
.projetos .botao{border: solid 1px #999; padding: 10px 25px; color: #fff; width: max-content; border-radius: 2px; transition: .3s}
.projetos .botao i{color: #ff7e00; transition: .3s; margin-left: 5px;}
.projetos .botao:hover{background: #ff7e00; border: solid 1px #ff7e00;}
.projetos .botao:hover i{color: #282828}
.projetos .projeto{background: #2f3337; display: flex; align-items: center; justify-content: start; width: 100%; height: 500px;}
.projetos .projeto img{width: 100%; height: 500px; object-fit: cover; opacity: .5; filter: brightness(50%); transition: 1s}
.projetos .projeto .titulo{position: absolute; width: 57%; margin-left: 30px; font-weight: 800; font-size: 190%; line-height: 110%; text-transform: uppercase; }
.projetos .projeto .titulo:after {border-radius: 5px; content: ""; display: block; margin: 10px 0px 10px -30px; width: 120px; background: #ff7e00; height: 3px;  transition: width 1.5s;}
.projetos .projeto:hover .titulo:after {border-radius: 5px; content: ""; display: block; margin: 10px 0px 10px -30px; width: 180px; background: #ff7e00; height: 3px;}
.projetos a{color: #fff; text-decoration: none}
.projetos .projeto:hover img{ opacity: .8; }

/*Serviços*/
.servicos{background: #282828; padding: 80px 0px 80px 0px; color: #fff;}
.servicos .head {font-size: 300%; text-transform: uppercase; line-height: 90%; font-weight: 700; text-align: center; margin-bottom: 60px;}
.servicos .servico{background: #383838; color: #fff; padding: 80px 40px; border-radius: 3px; transition: 1s;}
.servicos .servico .divider{width: 80%; margin: 40px auto; height: 3px; background: #4e4e4e;}
.servicos .servico .titulo{line-height: 1.2; font-weight: 600; font-size: 1.5rem; height: 4rem; display: flex; justify-content: center; align-items: center; text-align: center;}
.servicos .servico img{height: 90px; width: 90px; display: block; aspect-ratio: 1 / 1; margin: 0 auto; object-fit: contain;}
.servicos .servico:hover{background: #4e4e4ecf}

/*Sobre*/
.sobre{background: #ff7e00; padding: 80px 0px; color: #fff;}
.sobre .head {font-size: 400%; text-transform: uppercase; line-height: 1;  font-weight: 800; text-align: left; margin-bottom: 50px;}
.sobre .membro{margin: 30px 0;}
.sobre .membro p{font-size: .9rem; line-height: 1.5; margin: 0;}
.sobre .membro h4{margin: 0 0 5px; font-weight: 700;}
.sobre .botao{border: solid 1px #fff; padding: 10px 25px; color: #fff; width: max-content; border-radius: 2px; transition: .3s}
.sobre .botao i{color: #fff; transition: .3s; margin-left: 5px;}
.sobre .botao:hover{background: #282828; border: solid 1px #282828;}
.sobre .botao:hover i{color: #ff7e00;}

/*Linkedin*/
.linkedin{padding: 80px 0;}
.linkedin h2 {font-size: 250%; text-transform: uppercase; line-height: 1.2;  font-weight: 800; text-align: center; color: #ff7e00; margin-bottom: 20px;}

/*Disclaimer*/
.disclaimer{padding: 80px 0; color: #fff; background: #282828;}
.disclaimer h2 {font-size: 250%; text-transform: uppercase; line-height: 1.2;  font-weight: 800; text-align: left; margin-bottom: 20px;}
.disclaimer p{font-size: 1rem; line-height: 1.5; margin: 10px 0;}

/*Freelancer*/
.freelancer{background: #282828; color: #fff}
.freelancer img{width: 100%; height: 700px; object-fit: cover;}
.freelancer .conteudo{padding: 50px; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center;}
.freelancer .conteudo .head {font-size: 700%; text-transform: uppercase; line-height: 80%; font-weight: 700; margin-left: -5px}
.freelancer .conteudo .sub {font-size: 250%; color: #ff7e00; text-transform: uppercase; line-height: 100%; font-weight: 700;}
.freelancer .conteudo .descricao{color: #999999; line-height: 150%; font-size: 120%; width: 80%; margin: 10px 0px 20px; text-align: left;}
.freelancer .conteudo .botao{border: solid 1px #999; padding: 10px 25px; color: #fff; width: max-content; border-radius: 2px; transition: .3s}
.freelancer .conteudo .botao i{color: #ff7e00; transition: .3s; margin-left: 5px;}
.freelancer .conteudo .botao:hover{background: #ff7e00; border: solid 1px #ff7e00;}
.freelancer .conteudo .botao:hover i{color: #282828;}

/*Orçamentos*/
.orcamentos{padding: 80px 0px; color: #282828;}
.orcamentos .head {font-size: 500%; color: #282828; text-transform: uppercase; line-height: 95%; font-weight: 800; margin-left: -5px;}
.orcamentos .descricao{color: #282828; line-height: 150%; font-size: 120%; width: 55%; margin: 5px 0px 0px; text-align: left;}
.orcamentos label{width: 100%; text-align: left; margin-bottom: 15px; font-size: 100%}
.orcamentos select {text-transform: none; width: 100%; background: #f7f7f7; border: 0px; padding: 10px 10px; color: #ff7e00; }
.orcamentos input{width: 100%; background: #f7f7f7; color: #ff7e00; font-family: 'Montserrat', sans-serif; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.orcamentos textarea{width: 100%; height: 150px; background: #f7f7f7;font-family: 'Montserrat', sans-serif;color: #ff7e00; padding: 15px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.orcamentos input:focus, .orcamentos textarea:focus, .orcamentos select:focus{outline: none;  border: 0px; border: solid 1px #ff7e00;}
.orcamentos input[type=submit]{width: 100%; background: #ff7e00; border: solid 1px #ff7e00; font-family: 'Montserrat', sans-serif; color: #fff; padding: 20px 35px;  border-radius: 3px; transition: .3s; text-transform: uppercase; font-weight: 700;}
.orcamentos input[type=submit]:hover{background: #282828; color: #fff; border: solid 1px #282828;}

/*Arquivo Projetos*/
.page-projetos{padding: 120px 0px;}
.page-projetos .projeto{background: #2f3337; display: flex; align-items: center; justify-content: start; width: 100%; height: 500px; margin: 15px 0px;}
.page-projetos .projeto img{width: 100%; height: 500px; object-fit: cover; opacity: .5; filter: brightness(50%); transition: 1s}
.page-projetos .projeto .titulo{position: absolute; width: 57%; margin-left: 30px; font-weight: 800; font-size: 190%; line-height: 110%; text-transform: uppercase; }
.page-projetos .projeto .titulo:after {border-radius: 5px; content: ""; display: block; margin: 10px 0px 10px -30px; width: 120px; background: #ff7e00; height: 3px;  transition: width 1.5s;}
.page-projetos .projeto:hover .titulo:after {border-radius: 5px; content: ""; display: block; margin: 10px 0px 10px -30px; width: 180px; background: #ff7e00; height: 3px;}
.page-projetos a{color: #fff; text-decoration: none}
.page-projetos .projeto:hover img{ opacity: .8;}

/*Topo Sobre*/
.topo-projeto{background: url(images/sobre-bg.png) right 25% center #ff7e00 no-repeat; border-bottom: solid 100px #fff; background-size: contain; padding: 270px 8% 0px; margin-top: -120px;  color: #fff;}
.topo-projeto .head {font-size: 300%; text-transform: none; line-height: 90%; font-weight: 800; text-align: left; margin-bottom: 50px; width: 100%; }
.topo-projeto .galeria{height: auto; position: relative; width: 100%!important; margin-bottom: -100px;}
.topo-projeto .galeria #owl-rotativo .item img{width: auto!important; height: 500px; object-fit: cover; font-family: 'Montserrat', sans-serif; margin: 0;}
.topo-projeto .galeria #owl-rotativo .item{height: auto; width: auto!important; position: relative;}
.topo-projeto .galeria #owl-rotativo .owl-nav:focus{outline: none; }
.topo-projeto .galeria button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.topo-projeto .galeria #owl-rotativo .owl-nav {margin-top: -71%; position: absolute; width: 100%; z-index: 700; }
.topo-projeto .galeria #owl-rotativo .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 31; border-radius: 50px; border: solid 0px transparent; } 
.topo-projeto .galeria #owl-rotativo .owl-next {position: absolute; margin-top:50%; border: 0px; right: 2%; width: 60px; height: 20%; font-size: 40px; line-height: 52px; padding: 5px 5px 5px 8px; border-radius: 50%; background: transparent; color: #fff; transition: .2s; }
.topo-projeto .galeria #owl-rotativo .owl-prev {position: absolute; margin-top:50%; border: 0px; left: 2%; width: 60px; height: 20%; font-size: 40px; line-height: 52px; padding: 5px 8px 5px 5px; border-radius: 50%; background: transparent; color: #fff; transition: .2s;} 
.topo-projeto .galeria #owl-rotativo .owl-prev:hover {color: #ff7e00; background: transparent;}
.topo-projeto .galeria #owl-rotativo .owl-next:hover {color: #ff7e00; background: transparent;}
.topo-projeto .galeria .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; background: #ff7e00!important; border: solid 1px #ff7e00; margin: 5px 5px;}
.topo-projeto .galeria .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #7b7a7a!important; border: solid 1px #7b7a7a;}
.topo-projeto .galeria .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -120px; height: 120px; text-align: left;}
.topo-projeto .galeria .owl-dots{margin-top: -120px; height: 120px; display: flex; justify-content: center; align-items: center; padding-left: 0px}
.topo-projeto .galeria .owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; background: #fff!important; border: solid 1px #fff; margin: 0px 5px;}
.topo-projeto .galeria .owl-theme .owl-dots .owl-dot.active span {background: #ff7e00!important; border: solid 1px #ff7e00; width: 15px; height: 15px; }
.topo-projeto .galeria .owl-theme .owl-dots .owl-dot:hover span {background: #fff!important; border: solid 1px #fff;}

/*Page Nav*/
.pagenav {clear: both; margin: 40px auto 0px -8px; text-align: left; font-family: 'Montserrat', sans-serif;}
.pagenav a, .pagenav span {line-height: 100%; padding: 12px 20px; font-size: 130%;  border-radius: 5px; font-family: 'Montserrat', sans-serif; margin: 0 2px; vertical-align: middle; display: inline-block; zoom:1; *display:inline;  text-align: left;  }
.pagenav a {color: #2a3377; text-decoration: none;}
.pagenav a:hover {background-color: #282828; color: #fff;}
.pagenav .current {text-decoration: none; background: #ff7e00; color: #fff;}

/*Topo Sobre*/
.topo-sobre{background: url(images/sobre-bg.png) right 25% center #ff7e00 no-repeat; background-size: contain; padding: 270px 8% 150px; margin-top: -120px; color: #fff;}
.topo-sobre .head {font-size: 400%; text-transform: uppercase; line-height: 90%; font-weight: 800; text-align: left; margin-bottom: 0px; width: 60%; }

/*Pagina*/
.pagina{padding: 120px 0px;}
.pagina  th, td {text-align: left; border: 1px solid #e8e9eb;padding: 10px 14px;}
.pagina{padding: 80px; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 180%; font-size: 120%;}
.pagina a{color: #ff7e00;}
.pagina label{width: 100%; text-align: left}
.pagina select {text-transform: none; width: 100%; background: #f7f7f7; border: 0px; padding: 10px 10px; color: #ff7e00; }
.pagina input{width: 100%; background: #f7f7f7; color: #ff7e00; font-family: 'Montserrat', sans-serif; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.pagina textarea{width: 100%; height: 150px; background: #f7f7f7;font-family: 'Montserrat', sans-serif;color: #ff7e00; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.pagina input:focus, .pagina textarea:focus, .pagina select:focus{outline: none;  border: 0px; border: solid 1px #ff7e00;}
.pagina input[type=submit]{width: 100%; background: #ff7e00; font-family: 'Montserrat', sans-serif; color: #fff; padding: 10px 35px; width: auto; border: solid 1px #ff7e00; border-radius: 3px; transition: .3s}
.pagina input[type=submit]:hover{background: #282828; border: solid 1px #282828; color: #fff;}
.pagina h1, .pagina h2, .pagina h3, .pagina h4, .pagina h5{font-weight: 800; color: #ff7e00}
.pagina b, .pagina strong{color: #282828}

/*Rodape*/
.footer{padding: 80px 0px; background: #282828; color: #fff; font-family: 'Montserrat', sans-serif;}
.footer .texto-right{text-align: center; padding: 30px 15px; margin-top: 50px; font-size: 95%; color: #7b7a7a;}
.footer .texto-right a{color: #7b7a7a; transition: .3s; font-weight: 600;} .footer .texto-right a:hover{color: #ff7e00;}
.footer .titulo{color: #ff7e00; font-weight: 700; font-size: 150%; margin-bottom: 15px; text-transform: uppercase;}
.footer .proud{display: flex; flex-direction: row; font-size: 1rem; line-height: 1.5; color: #7b7a7a;}
.footer .proud img{height: 1rem; width: auto; display: block; margin: 0 5px;}
.footer ul{list-style: none;  margin: 0 auto;}
.footer ul li{display: block; padding: 2px 0px; }
.footer ul li a{color: #7b7a7a; transition: .3s} .footer ul li a:hover{color: #ff7e00;}
.footer .redes{margin: 10px 0px; width: max-content; display: flex; justify-content: center; align-items: center;} 
.footer .redes .item{text-align: center; color: #7b7a7a; width: auto; border-radius: 10px; font-size: 110%; transition: 0.3s; margin: 0px 8px; }
.footer .redes .head{color: #ff7e00; text-transform: uppercase; min-width: 150px; font-weight: 700; font-size: 110%; margin-right: 10px;}
.footer .redes .item:hover{color: #ff7e00;}
.copy{padding: 15px 0px; background: #ff7e00; width: 100%;}
.copy img{width: 50px; margin: 0 auto; display: block; filter: brightness(100); }

/*Formatacao*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }
.clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; }
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: inline-block; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: block; zoom: 1; }