.elementor-324 .elementor-element.elementor-element-dbb3e22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-324 .elementor-element.elementor-element-cb7ccd2 > .elementor-widget-container{padding:50px 0px 50px 0px;}.elementor-324 .elementor-element.elementor-element-cb7ccd2{text-align:center;}.elementor-324 .elementor-element.elementor-element-f13ac1a{--spacer-size:101px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-5de6858 */.elementor-324 .elementor-element.elementor-element-5de6858 .bt-step {
    color: #FFF;
    cursor: pointer;
}

.elementor-324 .elementor-element.elementor-element-5de6858 .bt-step:hover {
    color: #FFF;
}/* End custom CSS */
/* Start custom CSS *//* ********************* RESPONSIVE ********************* */


/* page structure */
.container-full{ display:block; max-width:100%; width: 100%; }
.container-1920{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1280,.container-1366{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1024{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.container{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.side-bar{ max-width:350px; flex: 1;  }
.row > .break,.row > .close{ width:100% !important;  height: 0px; clear: both; padding: 0px 0px !important; margin: 0px 0px !important; max-height: 0px;}


.row{ display: flex; flex-wrap: wrap; } 
.row:after{ content:"";  clear: both; display: block;  }
.row .col{ flex: 1; }
.row.col-spacing{  }
.row.col-spacing > *{ padding: 5px 5px; }
.responsive{   }
.responsive:after{ content:"";  clear: both; display: block;  }
.responsive .grid-1,.row .col-1{ margin:0 0 0 0; width:1%; float:left; box-sizing: border-box; }
.responsive .grid-2,.row .col-2{ margin:0 0 0 0;  width:2%; float:left; box-sizing: border-box; }
.responsive .grid-3,.row .col-3{ margin:0 0 0 0;  width:3%; float:left; box-sizing: border-box; }
.responsive .grid-4,.row .col-4{ margin:0 0 0 0;  width:4%; float:left; box-sizing: border-box; }
.responsive .grid-5,.row .col-5{ margin:0 0 0 0;  width:5%; float:left; box-sizing: border-box; }
.responsive .grid-10,.row .col-10{ margin:0 0 0 0;  width:10%; float:left; box-sizing: border-box; }
.responsive .grid-15,.row .col-15{ margin:0 0 0 0;  width:15%; float:left; box-sizing: border-box; }
.responsive .grid-20,.row .col-20{ margin:0 0 0 0;  width:20%; float:left; box-sizing: border-box; }
.responsive .grid-25,.row .col-25{ margin:0 0 0 0;  width:25%; float:left; box-sizing: border-box; }
.responsive .grid-30,.row .col-30{ margin:0 0 0 0;  width:30%; float:left; box-sizing: border-box; }
.responsive .grid-33,.row .col-33{ margin:0 0 0 0;  width:33.333333333333%; float:left; box-sizing: border-box; }
.responsive .grid-40,.row .col-40{ margin:0 0 0 0;  width:40%; float:left; box-sizing: border-box; }
.responsive .grid-45,.row .col-45{ margin:0 0 0 0;  width:45%; float:left; box-sizing: border-box; }
.responsive .grid-50,.row .col-50{ margin:0 0 0 0;  width:50%; float:left; box-sizing: border-box; }
.responsive .grid-60,.row .col-60{ margin:0 0 0 0;  width:60%; float:left; box-sizing: border-box; }
.responsive .grid-67,.row .col-67{ margin:0 0 0 0;  width:66.66%; float:left; box-sizing: border-box; }
.responsive .grid-70,.row .col-70{ margin:0 0 0 0;  width:70%; float:left; box-sizing: border-box; }
.responsive .grid-75,.row .col-75{ margin:0 0 0 0;  width:75%; float:left; box-sizing: border-box;}
.responsive .grid-80,.row .col-80{ margin:0 0 0 0;  width:80%; float:left; box-sizing: border-box; }
.responsive .grid-85,.row .col-85{ margin:0 0 0 0;  width:85%; float:left; box-sizing: border-box; }
.responsive .grid-90,.row .col-90{ margin:0 0 0 0;  width:90%; float:left; box-sizing: border-box; }
.responsive .grid-95,.row .col-95{ margin:0 0 0 0;  width:95%; float:left; box-sizing: border-box; }
.responsive .grid-100,.row .col-100{ margin:0 0 0 0;  width:100%; float:left; box-sizing: border-box; }
.responsive .grid-110,.row .col-110{ margin:0 0 0 0;  width:110%; float:left; box-sizing: border-box; }
.responsive .grid-120,.row .col-120{ margin:0 0 0 0;  width:120%; float:left; box-sizing: border-box; }

.container.width-full{  }
.container.width-1024{  }
.container.width-1280{  }

.w-1,.width-1{ width:1%; }
.w-2,.width-2{ width:2%; }
.w-3,.width-3{ width:3%; }
.w-5,.width-5{ width:5%; }
.w-10,.width-10{ width:10%; }
.w-15,.width-15{ width:15%; }
.w-20,.width-20{ width:20%; }
.w-25,.width-25{ width:25%; }
.w-33,.width-33{ width:33.3333333%; }
.w-30,.width-30{ width:30%; }
.w-40,.width-40{ width:40%; }
.w-45,.width-45{ width:45%; }
.w-50,.width-50{ width:50%; }
.w-60,.width-60{ width:60%; }
.w-67,.width-67{ width:66.66%; }
.w-70,.width-70{ width:70%; }
.w-75,.width-75{ width:75%; }
.w-80,.width-80{ width:80%; }
.w-85,.width-85{ width:85%; }
.w-90,.width-90{ width:90%; }
.w-100,.width-100{ width:100% !important; }
.w-110{ width:110%; }
.w-120{ width:120%; }

.h-1{ height:1%; }
.h-2{ height:2%; }
.h-3{ height:3%; }
.h-5{ height:5%; }
.h-10{ height:10%; }
.h-15{ height:15%; }
.h-20{ height:20%; }
.h-25{ height:25%; }
.h-30{ height:30%; }
.h-33{ height:33.3333333%; }
.h-40{ height:40%;  }
.h-45{ height:45%;  }
.h-50{ height:50%;  }
.h-60{ height:60%;  }
.h-67{ height:66.7777777%;  }
.h-70{ height:70%;  }
.h-75{ height:75%;  }
.h-80{ height:80%;  }
.h-85{ height:85%;  }
.h-90{ height:90%;  }
.h-100{ height:100%;  }

/*MEDIA QUERIES FOR SMARTPHONES */
.hide-in-smile{   }
.show-in-smile{ display:none !important;  }

.hide-in-desktop{  display:none !important;  }
.show-in-desktop{   }

/*MEDIA QUERIES FOR MOBILE */
@media (min-width:1px) and (max-width: 768px) {

.hide-in-mobile{ display:none !important;  }
.show-in-mobile{ display:block !important;  }
.hide-in-desktop{  display:block !important; }
.show-in-desktop{  display: none !important; }

.row.responsive .col-10,.row.responsive .col-20,.row.responsive .col-25,.row.responsive .col-30,.row.responsive .col-33,.row.responsive .col-40,.row.responsive .col-50,.row.responsive .col-60,.row.responsive .col-70,.row.responsive .col-75,.row.responsive .col-80,.row.responsive .col-90{ width:100%;  }


.responsive .grid-1-sm,.row .col-1-sm{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-sm,.row .col-2-sm{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-sm,.row .col-3-sm{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-sm,.row .col-4-sm{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-sm,.row .col-5-sm{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-sm,.row .col-10-sm{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-sm,.row .col-15-sm{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-sm,.row .col-20-sm{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-sm,.row .col-25-sm{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-sm,.row .col-30-sm{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-sm,.row .col-33-sm{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-sm,.row .col-40-sm{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-sm,.row .col-45-sm{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-sm,.row .col-50-sm{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-sm,.row .col-60-sm{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-sm,.row .col-67-sm{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-sm,.row .col-70-sm{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-sm,.row .col-75-sm{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-sm,.row .col-80-sm{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-sm,.row .col-85-sm{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-sm,.row .col-90-sm{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-sm,.row .col-95-sm{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-sm,.row .col-100-sm{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-sm,.row .col-110-sm{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-sm,.row .col-120-sm{ margin:0 0 0 0;  width:120% !important; float:left; }


}





/*MEDIA QUERIES FOR TABLETS */
@media (min-width:769px) and (max-width: 992px) {


.responsive .grid-1-md,.row .col-1-md{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-md,.row .col-2-md{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-md,.row .col-3-md{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-md,.row .col-4-md{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-md,.row .col-5-md{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-md,.row .col-10-md{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-md,.row .col-15-md{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-md,.row .col-20-md{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-md,.row .col-25-md{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-md,.row .col-30-md{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-md,.row .col-33-md{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-md,.row .col-40-md{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-md,.row .col-45-md{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-md,.row .col-50-md{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-md,.row .col-60-md{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-md,.row .col-67-md{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-md,.row .col-70-md{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-md,.row .col-75-md{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-md,.row .col-80-md{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-md,.row .col-85-md{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-md,.row .col-90-md{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-md,.row .col-95-md{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-md,.row .col-100-md{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-md,.row .col-110-md{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-md,.row .col-120-md{ margin:0 0 0 0;  width:120% !important; float:left; }


}


/*MEDIA QUERIES FOR LARGE DEVICES */
@media (min-width:1480px){

.responsive .grid-1-lg,.row .col-1-lg{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-lg,.row .col-2-lg{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-lg,.row .col-3-lg{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-lg,.row .col-4-lg{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-lg,.row .col-5-lg{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-lg,.row .col-10-lg{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-lg,.row .col-15-lg{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-lg,.row .col-20-lg{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-lg,.row .col-25-lg{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-lg,.row .col-30-lg{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-lg,.row .col-33-lg{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-lg,.row .col-40-lg{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-lg,.row .col-45-lg{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-lg,.row .col-50-lg{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-lg,.row .col-60-lg{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-lg,.row .col-67-lg{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-lg,.row .col-70-lg{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-lg,.row .col-75-lg{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-lg,.row .col-80-lg{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-lg,.row .col-85-lg{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-lg,.row .col-90-lg{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-lg,.row .col-95-lg{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-lg,.row .col-100-lg{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-lg,.row .col-110-lg{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-lg,.row .col-120-lg{ margin:0 0 0 0;  width:120% !important; float:left; }

}

/* solicita orcamentos  */
ul.orcamento-steps{ margin-top:50px; list-style:none; padding-left: 0; }
ul.orcamento-steps li { position: relative; text-align: center; }
ul.orcamento-steps li:before{ content: " "; width: 100%; position: absolute; top: 48px; left: 0; height: 1px; text-align: center; border-bottom:1px solid #50556A; }
ul.orcamento-steps li a{ color:#242752; font-size: 16px; font-weight: 400; text-align: center; margin: 0 auto; }
ul.orcamento-steps li span{ background:white url(https://guardiansecurity.com.br/wp-content/uploads/2021/09/02-Point.svg) center center no-repeat; background-size: 16px 16px; width: 16px; height: 16px; position: absolute; top:40px; left:50%; margin-left:-8px; display: block; box-shadow:0 0 0 10px white; border-radius:100%; }
ul.orcamento-steps li span.active{ background:white url(https://guardiansecurity.com.br/wp-content/uploads/2021/09/01-Point.svg) center center no-repeat;  background-size: 16px 16px; }
ul.orcamento-steps li.last:before{ width: 50%;  }
ul.orcamento-steps li.tempo { top: -20px; color:#5989D9; text-align: center;  font-size: 16px; font-weight: 500; }
ul.orcamento-steps li.tempo:before{ display: none; }
ul.orcamento-steps li.tempo mark { background: none; font-size: 64px ;color:#5989D9; font-weight: 700; text-align: center; }

div.steps{ margin-top:50px;  display: none;  }
div.steps h2{ color: #242752; font-weight: bold; text-align: center; font-size: 32px; }
div.steps ul { margin-top:40px; list-style: none; margin-left: 0; padding-left: 0; }
div.steps ul li{ margin-bottom: 20px; text-align: center;}
div.steps ul li.inp{ display: none; }

.steps.step-1{ display: block; }

.bt-step{  padding:12px 30px; font-size: 14px; font-weight: 400; border-radius: 20px; display: inline-block; transition: all .2s; width: 220px; }
.bt-step.big{  width: 100% !important; max-width: 300px; }
.bt-step i{  position: relative; left:5px; transition: all .2s; }
.bt-step.red{ background: #E91C24; transition: all .2s; }
.bt-step.blue{ background: #5989D9; transition: all .2s; }
.bt-step.blue-2{ background: #2C7ABD; transition: all .2s; }
.bt-step.gray{ background: #868E96; transition: all .2s; }
.bt-step:hover i{ left:10px; transition: all .2s; }


div.inp-box{ max-width: 400px; margin: 0 auto; padding: 10px 10px; }
div.inp-box input{ padding: 18px 10px; height: 38px;font-size: 16px; border-radius: 20px; background: #E8E8E8; padding-left: 20px; border: 0; }
div.inp-box input::placeholder{ color: #333; }
div.inp-box a{ position: absolute; top:10px; right:0; z-index: 2; }

.bt-step:hover{ background:#242752; color:#fff; transition: all .2s; }


.color-gray{ color: #74757B; }
.color-navy{ color: #242752; }
.color-red{ color: #E91C24 !important; }

.form-newsletter div button{ position: relative; top:-50px; }
.form-newsletter div input{ box-shadow: 0 0 0 3px white; transition: all .2s; }
.form-newsletter div input:focus{ box-shadow: 0 0 0 7px white !important; transition: all .2s; }


ul.box-resposta{ max-width: 800px; margin:0 auto; }
ul.box-resposta li{ padding:10px; margin-bottom: 20px; font-size: 16px; }
ul.box-resposta li strong{ color:#242752; font-weight: bold; padding: 10px 10px; display: block; text-align: right; }
ul.box-resposta li span{ color:#868E96; background:#fff; padding: 10px 20px; border-radius: 20px; text-align: center; font-weight: bold; display: block; }/* End custom CSS */