@charset "UTF-8";

/* CSS - Dinamite Criativa | Codificado por: Ueek Agência Digital | Ano: 2020 */

/*
font-family: 'Poppins', sans-serif; 400,500,700,800,900
font-family: 'Julietta'
*/
/******************* Atribuições Gerais *********************/
* {
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased !important;
	-moz-font-smooth:antialiased !important;
	-o-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	font-smoothing:antialiased;
	margin: 0;
	outline: 0;
	padding: 0;
}

a, a:active, a:focus{
	outline: none !important; /* Works in Firefox, Chrome, IE8 and above */ 
}

*::selection,
*::-moz-selection,
*::-webkit-selection {
	background:#c0d445;
	color:#fff;
}

@font-face {
    font-family: 'Julietta';
    src: url('../../fonts/Julietta.eot');
    src: url('../../fonts/Julietta.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Julietta.woff2') format('woff2'),
         url('../../fonts/Julietta.woff') format('woff'),
         url('../../fonts/Julietta.ttf') format('truetype'),
         url('../../fonts/Julietta.svg#Julietta') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

br { clear:both; }
img { border:0; }

input,
textarea,
select { outline: none; }

html, body{
    width: 100%;
    height: 100%;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	overflow-x: hidden;
	background: #F4F0EE;
}

.soft-hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
	filter: alpha(opacity = 50);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/*Control steps*/
#step-02, #step-03, #step-04, #logotipo, #papelaria,
#pecas, #site, #blog, #loja, #redes, #cd-dvd, #p2 .next, br.adjust-frequency,
#p3 .next, #p4 .next { display: none; }

@font-face {
    font-family: 'Monument';
    src: url('../fonts/monument-extended-light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Monument';
    src: url('../fonts/monument-extended-regular.ttf');
    font-weight: 500;
}


#m-contato #close-contato {
	background: url(../../../img/assets/close.png) no-repeat;
	cursor: pointer;
	height: 36px;
	position: absolute;
	right: 70px;
	top: 50px;
	width: 112px;
	z-index: 20;
}

#m-contato #close-contato:hover { opacity: 0.8; }

.modal .container #txt p { color: #fff; }


/*Orçamento*/
textarea { resize: none; }

aside {
	background-color: #0f1015;
	background-image: url(../img/new/bg-lateral-bar.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat, no-repeat, repeat-y;
	color: #fff;
	float: left;
	min-height: 1000px;
	padding: 60px 0;
	width: 35%;
	padding-left: 5%;
	position: fixed;
}

aside .logo img { max-width: 160px; }

aside .languages {
	display: none;
}

aside h2 {
	font-family: 'Monument', cursive;
	font-size: 23px;
	font-weight: 500;
	line-height: 30px;
	margin: 44px 10% 30px 0;
	text-align: left;
}

aside nav#menu {
	padding-top: 0 60px;
	text-align: left;
	width: 100%;
}

aside nav#menu ul li { list-style: none; }

aside nav#menu ul li { color: #5e5f5f; }

aside nav#menu ul li .topic {
	border-top: 1px solid #5e5f5f7e;
	margin: 0;
	padding: 15px 0;
	display: flex;
	font-weight: bold;
	font-size: 14px;
	align-items: center;
}

aside nav#menu ul li.active {
	color: #fff;

}

aside nav#menu ul li.active .topic{
	border-left: 5px solid #FFDD00;
	padding-left: 20px;
}

aside nav#menu ul li .topic .icon{
	margin-right: 20px;
}


aside nav#menu ul li .topic .icon svg path{
	fill: #ffffff79;
}

aside nav#menu ul li.active .topic .icon svg path{
	fill: #FFDD00;
}

aside nav#menu ul li .topic#last { border-bottom: 1px solid #5e5f5f85; }

aside p{
	margin:50px 0;
	color: #ffffff79;
}

aside img{
	width: 100%;
}

#footer {
	display: none;
}

#container {
	float: left;
	padding: 68px 68px 80px;
	width: 65%;
	margin-left: 35%;
	max-width: 932px;
}

#container .translate{
	display: flex;
	justify-content: flex-end;
	padding-bottom: 40px;
	font-size: 13px;
}

@media only screen and (min-width: 1400px) {
    #container{
          width: 56%;
    margin-left: 36%;
    }
    #container .step .title p{
        width: 220px !important;
    }
}
@media only screen and (min-width: 1500px) {
    #container .step .title p{
        width: 240px !important;
    }
}
    

#container .translate span{
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 30px;
	
}

#container .translate a{
	color: #00000050;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 15px;
}

#container .translate a.active{
	color: #000;
	text-decoration: underline;
}



#container .step { clear: both; }

#container .step .title{
	padding-bottom: 40px;
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding-right: 35px;
}

#container .step .title .number{ 
	font-family: 'Monument', cursive; 
	font-size: 68px; line-height: 0;
	width: 20%;
	margin-right: 40px;
	vertical-align: sub;
}

#container .step .title font {
	vertical-align: initial !important;
}

#container .step .title h1 {
	width: 200px;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	margin-right: 40px;
	font-family: 'Monument';
	text-transform: uppercase;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

#container .step .title p{
	width: 260px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 13px;
}

/*Controles*/
#container .step .content ul.control-step {
	font-size: 13px;
	font-weight: 700;
	margin-top: 30px;
	margin-right: 20px;
	display: flex;
    justify-content: space-between;
}

#container .step .content ul.control-step li { 
	align-items: center;
	cursor: pointer;
	display: flex;
	list-style: none;
	background: #000;
	color: #fff;
	padding: 15px 20px;
	border-radius: 20px;
}

#container .step .content ul.control-step li svg path { fill: #fff}
#container .step .content ul.control-step li:hover 	  	{ color: #000; background: #fecb2f; }
#container .step .content ul.control-step li:hover svg path { fill: #000}
#container .step .content ul.control-step li svg 	  	{ width: 22px; }
#container .step .content ul.control-step li.prev 	  	{ float: left; }
#container .step .content ul.control-step li.prev svg 	{ margin-right: 30px; }
#container .step .content ul.control-step li.next,
#container .step .content ul.control-step li.finish	  	{ float: right; }
#container .step .content ul.control-step li.next svg { margin-left: 18px;}
#container .step .content ul.control-step li.finish svg { margin-right: 18px; }

#container .step .content ul.control-step .box-button {
	display: flex;
}
/*
#container .step .content ul.control-step li.arquivo{
	background: transparent;
	border: 1px solid #00000020;
	color: #000;
	margin-right: 20px;
}
#container .step .content ul.control-step li.arquivo:hover{
	background: #000;
	color: #fff;
}
#container .step .content ul.control-step li.arquivo:hover svg path{
	fill: #fff;
}

#container .step .content ul.control-step li.arquivo svg path{
	fill: #000;
}
*/


.arquivo label + input {
    display: none;
}
.arquivo label {
	border-radius: 20px !important;
    border: 1px solid #FFFFFF20;
    color: #F5F5F5 !important;
    font-size: 13px !important;
    padding: 14px 20px 15px 20px !important;
    /* text-transform: uppercase !important; */
    font-weight: 500 !important;
    line-height: 4 !important;
    background: #000;
	margin-right: 20px;
	cursor: pointer;
}

.arquivo label::before {
    content: "";
    padding: 12px 12px;
    background-repeat: no-repeat;
    background-position: 0px 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDIzMzc1IDYuMDkxNTlMNS4wMTI3MyAxLjUzMTkxQzcuMDY4NjkgLTAuNTEwNjM4IDEwLjQwMjEgLTAuNTEwNjM4IDEyLjQ1OCAxLjUzMTkxQzE0LjUxNCAzLjU3NDc1IDE0LjUxNCA2Ljg4NjQ0IDEyLjQ1OCA4LjkyOTI3TDYuNDQ4OTkgMTQuODk5NUM0Ljk3NjE1IDE2LjM2MjkgMi41ODkzNCAxNi4zNjc1IDEuMTExMDggMTQuOTA5MkMtMC4zNjI2MTEgMTMuNDU2MSAtMC4zNzE0NjggMTEuMDkxIDEuMDkxMzYgOS42MjY5OEMxLjA5NDUxIDkuNjIzODQgMy4xMDYxOSA3LjYyNTI5IDcuMTI1ODMgMy42MzE2MUM4LjAxNDY3IDIuNzQ4NDcgOS40NTU3OSAyLjc0ODQ3IDEwLjM0NDYgMy42MzE2MUMxMS4yMzM1IDQuNTE0NzQgMTEuMjMzNSA1Ljk0NjQ0IDEwLjM0NDYgNi44Mjk1OEw1Ljc1NTI4IDExLjM4OTNMNC42MjgxNiAxMC4yNjkzTDkuMjE3NTEgNS43MDk4OEM5LjQ4Mzc5IDUuNDQ1MDIgOS40ODM3OSA1LjAxNTg4IDkuMjE3NTEgNC43NTEzMUM4Ljk1MTIzIDQuNDg2NDYgOC41MTkyNCA0LjQ4NjQ2IDguMjUyNjcgNC43NTEzMUwyLjIyODIgMTAuNzM3QzEuMzc5OTMgMTEuNTg1OCAxLjM4NTA3IDEyLjk0ODEgMi4yMzM5MiAxMy43ODUyQzMuMDg5MDQgMTQuNjI4NiA0LjQ2OTU5IDE0LjYyNjEgNS4zMjE4NiAxMy43Nzk1TDExLjMzMDkgNy44MDkyOEMxMi43NjQzIDYuMzg1MDEgMTIuNzY0MyA0LjA3NTg5IDExLjMzMDkgMi42NTE2MkM5Ljg5NzIxIDEuMjI3MzUgNy41NzMyNSAxLjIyNzM1IDYuMTM5NTYgMi42NTE2MkwxLjU1MDIxIDcuMjExMjlMMC40MjMzNzUgNi4wOTE1OVoiIGZpbGw9IiNGNUY1RjUiLz4KPC9zdmc+Cg==);
}

/*Perfil de Projeto*/
#container .step .content #select-perfil .perfil {
	cursor: pointer;
	float: left;
	font-family: 'Poppins', cursive;
	font-size: 16px;
	margin-right: 45px;
	text-align: center;
	width: 46%;
	border-radius: 20px;
	text-align: left;
}

#container .step .content #select-perfil .perfil#personal{
	margin-right: 0px !important;

}

#container .step .content #select-perfil .perfil img{
	max-width: 100%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#container .step .content #select-perfil .perfil .title{
	display: flex;
	justify-content: space-between;
	padding: 25px 30px;
	border: 1px solid #D1D1D1;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -8px;
}
#container .step .content #select-perfil .perfil .title h3{
     font-size: 16px;
    line-height: 19px;
}

#container .step .content #select-perfil .perfil:hover,
#container .step .content #select-perfil .active {
	background: #fff;
}

#container .step .content #select-perfil .perfil input[type="radio"] { display: none; }



#container .step .content #select-type .project-type {
	align-items: center;
	cursor: pointer;
	display: flex;
	float: left;
	padding: 40px 30px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	width: 47%;
	border-radius: 20px;
	background: #fff;
	font-family: 'Monument';
	font-size: 15px;
	font-weight: bold;
	justify-content: space-between;
}

#container .step .content #select-type .project-type .title-box{
	display: flex;
    align-items: center;
	opacity: 0.5;
	max-width: 190px;
}
#container .step .content #select-type .active .title-box, #container .step .content #select-type .project-type:hover{
	opacity: 1;
}

#container .step .content #select-type .project-type img {
	margin-right: 18px;
	width: 40px;
	height: 40px;
}

#container .step .content #select-type .project-type svg path { fill: #000; }

#container .step .content #select-type .project-type h3 {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
}


#container .step .content #select-type .project-type input[type="checkbox"] {
	accent-color: #000;
}


/*Formulários Mais Informações*/
#container .step .content #more-info,
#container .step .content #contact,
#container .step .content ul#p3,
#container .step .content ul#p4 { width: 794px; }

#container .step .content #more-info section.product { padding-bottom: 40px; }

#container .step .content #more-info section.product .acordion,
#container .step .content #contact .acordion {
	align-items: center;
	background: #0f1015;
	color: #fff;
	display: flex;
	height: 78px;
	margin-bottom: 35px;
	padding-left: 30px;
	font-family: 'Monument';
	font-size: 15px;
	border-radius: 20px;
}


#container .step .content .message-briefing{
	border-top: 1px solid #00000020;
	border-bottom: 1px solid #00000020;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}

#container .step .content .message-briefing p{
	font-style: italic;
	font-size: 13px;
}

#container .step .content .message-briefing a{
	font-weight: bold;
	text-decoration: underline;
	color: #000;
    display: flex;
    align-items: center;
}

#container .step .content .message-briefing img{
	width: 20px;
	margin-right: 10px;
}

#container .step .content #more-info section.product .acordion img,
#container .step .content #contact .acordion img {
	margin-right: 15px;
 	width: 40px;
}

#container .step .content #more-info section.product .acordion svg path,
#container .step .content #contact .acordion svg path { fill: #fecb2f !important; }

#container .step .content #more-info section.product h5 {
	font-size: 15px;
	font-weight: 700;
	padding-top: 30px;
    border-top: 1px solid #00000021;
    margin-top: 30px;
}

#container .step .content #more-info section.product .options { margin-bottom: 30px; }

#container .step .content #more-info section.product .options .select-option {
	align-items: center;
	border: 1px solid #b7b7b8;
	display: flex;
	float: left;
	font-weight: 700;
	margin-right: 18px;
	height: 71px;
	padding-left: 22px;
	width: 388px;
}

#container .step .content #more-info section.product .options .no { margin-right: 0; }

#container .step .content #more-info section.product span.yellow { color: #ffcc00; }

#container .step .content #more-info section.product strong a { 
	color: #0f1015;
	text-decoration: underline; 
}

#container .step .content #more-info section.product strong a:hover { color: #ffcc00; }

#container .step .content #more-info section.product i {
	color: #757a92;
	display: inline-block;
	font-size: 13px;
	margin-top: 15px;
}

#container .step .content #more-info section.product span.black { color: #000; }

#container .step .content #more-info section.product ul.lista {
	float: left;
	margin: 0 20px 40px 0;
	width: 235px;
}

#container .step .content #more-info section.product ul.lista li {
	list-style: none;
	margin-top: 20px;
}
#container .step .content #more-info p{
	font-weight: 400;
}

#container .step .content #more-info section.product ul.lista li input[type="checkbox"] {}

#container .step .content #more-info section.product ul.lista li label { margin-left: 0; font-weight: 400;}

#container .step .content #more-info section.product textarea {
	border: 1px solid #00000020;
	border-radius: 20px;
	margin-top: 20px;
	height: 185px;
	width: 100%;
	background: transparent;
	padding: 20px;
}

#container .step .content #more-info section.product ul.escopo {
	list-style: none;
	margin: 25px 0 40px;
}

#container .step .content #more-info section.product ul.escopo li::before {
	content: "•";
	color: #ffcc00;
	margin-right: 10px;
}

#container .step .content #more-info section.product button {
	background: #6AE500;
	cursor: pointer;
	display: flex;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 700;
	margin-top: 20px;
	padding: 12px 25px;
	border-radius: 30px;
	border: none !important;
}


#container .step .content #more-info section.product button:hover img{
	filter: invert(100%)
	sepia() 
	saturate(10000%) 
	hue-rotate(-26deg);
}
#container .step .content #more-info section.product button:hover {
	background: #000;
}

#container .step .content #more-info section.product button a { 
	color: #000;
	text-align: left;
	display: flex;
    align-items: center; 
}

#container .step .content #more-info section.product button img.wpp {

	float: left;
	margin: 0 15px 0 0;	
	transform: rotate(0);
	width: 25px;
}

#container .step .content #more-info section.product button .arrow{
	margin-left: 20px;
}

#container .step .content #more-info section.product button:hover a { color: #fff; }

#container .step .content #more-info section.product .options-complex { margin: 30px 0; }

#container .step .content #more-info section.product .options-complex .option {
	border: 1px solid #b7b7b8;
	cursor: pointer;
	float: left;
	height: 175px;
	margin-right: 18px;
	padding: 25px 20px;
	width: 388px;
	border-radius: 20px;
}

#container .step .content #more-info section.product .options-complex .option.no { margin-right: 0; }

#container .step .content #more-info section.product .options-complex .option input[type="radio"] {
	float: left;
	margin-right: 15px;
}

#container .step .content #more-info section.product .options-complex .option label {
	float: left;
	font-weight: 700;
	padding-left: 35px;
}

#container .step .content #more-info section.product .options-complex .option span.contrato {
	float: right;
	font-size: 13px;
}

#container .step .content #more-info section.product .options-complex .option hr {
	background: none;
	border: 0;
	border-top: 1px solid #b7b7b8;
	margin: 20px 0;
}

#container .step .content #more-info section.product .options-complex .option p { font-size: 13px; }

#container .step .content #more-info section.product .options-complex .option:hover, #container .step .content #more-info section.product .options-complex .option.active {
	border: 1px solid #0f1015;
	background: #0f1015;
	color: #fff;
}

#container .step .content #more-info section.product .line {
	border-bottom: 1px solid #b7b7b8;
	padding: 30px 0;
	width: 100%;
}

#container .step .content #more-info section.product h6 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 18px;
}

#container .step .content #more-info section.product .group {
	float: left;
	margin-right: 60px;
}

#container .step .content #more-info section.product .group input[type="radio"] { margin-right: 15px; }

/*Mensagem de Contato*/
#container .step .content #contact .line-form { margin-bottom: 25px;  display: flex;}

#container .step .content #contact .line-form input[type="text"],
#container .step .content #contact .line-form input[type="email"],
#container .step .content #contact .line-form textarea {
	background: transparent;
	border: none;
	border-bottom: 1px solid #00000020;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	margin-right: 15px;
	height: 60px;
	padding: 23px 0 23px 38px;
	width: 50%;
}

#container .step .content #contact .line-form select {
    border: none;
    border-bottom: 1px solid #00000020;
    background: transparent;
    font-size: 13px;
    padding: 0px 38px;
}

#container .step .content #contact .line-form select {
	margin-right: 14px;
	height: 60px;
	width: 50%;
}

#container .step .content #contact .line-form textarea {
	margin-right: 0;
	height: 115px;
	resize: none;
	width: 100%;
}

#container .step .content #contact .message-required{
	font-size: 13px;
	font-style: italic;
	color: #FF0303;
}

.max-width{
    max-width: initial !important;
}

#container .step .content #contact .line-form .full {
	width: 100% !important;
}
#container .step .content #contact .line-form .no { margin-right: 0 !important; }
#container .step .content #contact .line-form input[type="text"]::-webkit-input-placeholder  { color:#000; }
#container .step .content #contact .line-form input[type="text"]:-moz-placeholder { color:#000; }
#container .step .content #contact .line-form input[type="email"]::-webkit-input-placeholder  { color:#000; }
#container .step .content #contact .line-form input[type="email"]:-moz-placeholder { color:#000; }
#container .step .content #contact .line-form textarea::-webkit-input-placeholder  { color:#000; }
#container .step .content #contact .line-form textarea:-moz-placeholder { color:#000; }