/*
/* FORM LEAD GM5
/*
*/

body.locked {overflow: hidden;}

#boxLinksApps div div #startDownload {width:0; height:0; position:absolute; overflow:hidden; display:block; text-indent:-999999px; border:0}

/* FORM */

#gm5FormLead
{
    position:fixed;
    width:0; 
    height: 0; 
    opacity: 0; 
    top:50%; 
    left:50%; 
    transform:translate(-50%,-50%);
    z-index: 5; 
    background:rgba(0,0,0,0.9); 
    overflow: auto; 
    padding:40px 15px; 
    transition: all 300ms ease;
}
#gm5FormLead.opened {display:block; width:101%; height: 101%; opacity: 1;}

#gm5FormLead .wrapFormLead
{
    max-width:1000px;
    width: 100%;
    background:#fff;
    border-radius:25px 25px 25px 20px;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    transition: all 800ms ease;
}

#gm5FormLead .header {background:#212A37; padding:20px 0; border-radius:20px 20px 0 0;}
#gm5FormLead .header h1 {font-weight: 900; font-size: 20px; color:#fff}
#gm5FormLead .header h2 {font-weight: 300; font-size: 16px; color:#fff}

#gm5FormLead .header #closeFormLead {display:flex; justify-content:center; align-items:center; width:40px; height:40px; position: absolute; top: 10px; right: 10px; background:none; border:none; cursor:pointer;}
#gm5FormLead .header #closeFormLead span {display:block; color: #fff; font-size: 30px; font-weight: 700;}


/* ESTRUTURA DO FORM */

.col-12 {flex: 0 0 100%; max-width: 100%; box-sizing: border-box; padding-right: 15px; padding-left: 15px; text-align:left;}

@media (min-width: 576px)
{
	.col-sm-6 {flex: 0 0 50%; max-width: 50%; box-sizing: border-box; padding-right: 15px; padding-left: 15px;}
}

#gm5FormLead form {padding:0 15px 40px 15px; text-align:left;}

@media (max-width: 575px)
{
	#gm5FormLead form {padding: 0 0 20px 0;}
}

#gm5FormLead form fieldset {border:0; text-align:left;}
#gm5FormLead form fieldset p {text-align:left; color:#444; font-size:16px; font-weight:400; padding-left:10px; padding-bottom:10px;}

#gm5FormLead form fieldset .form-row {display: flex; flex-wrap: wrap; margin:0 15px}
#gm5FormLead form fieldset .form-row .form-col {padding: 15px 7.5px 0 7.5px;}

#gm5FormLead form fieldset .form-check {position: relative; display: block; padding-left: 10px; padding-top:5px; justify-content:flex-start; text-align:left}
#gm5FormLead form fieldset .form-check.form-check-inline {display: inline-flex; align-items: center;}

/* ELEMENTOS FORM */

#gm5FormLead form fieldset legend {display:block; width:100%; color:#414142; padding:40px 25px 10px 25px; text-align:left; font-weight:700}

@media (max-width: 575px)
{
	#gm5FormLead form fieldset legend {padding:30px 25px 10px 25px; font-size:16px}
}


#gm5FormLead form fieldset label.form-control-label {display:none;}

#gm5FormLead form fieldset .form-control
{
	background: #fff; 
	border: 1px solid #f2f2f2; 
	border-radius: 6px; 
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%); 
	font-size: 14px; 
	height: auto; 
	padding: 20px;
	display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #544a4a;
    text-align:left;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#gm5FormLead form fieldset .form-control.error {border:1px solid red;}
#gm5FormLead form fieldset select.form-control option {text-align:left; font-weight: normal; display: block; white-space: nowrap; min-height: 30px; padding: 0px 2px 1px; font-size:14px;}

#gm5FormLead form fieldset .form-check label {color:#444; font-size:16px; padding:0 0 0 5px; font-weight:300}

@media (max-width: 575px)
{
	#gm5FormLead form fieldset .form-check label {font-size:14px;}
}

#gm5FormLead form fieldset .trigger-more-cat {color: #2699fb; text-decoration: underline; margin: 10px 0 16px 0; cursor: pointer; display: block; text-align:left; font-size:14px; display:inline-block; margin-left:10px}

#gm5FormLead form fieldset .morex-categories {position:relative; overflow:hidden; height:0; opacity: 0; transition:all 600ms ease;}
#gm5FormLead form fieldset .morex-categories.opened {height:auto; opacity: 1; margin-bottom: 30px;}

/* SUBMIT */

.alertsMessages {position:relative; overflow:hidden; border-radius:10px; margin-top:0; height: 0; opacity:0; transition: all 400ms ease;}
.alertsMessages.opened {margin-top:20px; height: auto; opacity: 1;}

.alertsMessages h3 {font-weight: 900; font-size: 20px; color:#444}
.alertsMessages p {font-weight: 300; font-size: 16px; color:#444;}
.alertsMessages p strong {font-weight: 700; font-size: 16px; color:#444;}

.alertsMessages div {padding:10px 20px; text-align:left;}
.alertsMessages div.sucesso {background:#eeffe4; border:1px solid #b7ff8f;}
.alertsMessages div.erro {background:#fff4f4; border:1px solid #fbc5c5;}

.alertsMessages #closeFormLeadErroAlert {display:flex; justify-content:center; align-items:center; width:40px; height:40px; position: absolute; top: 0; right: 5px; background:none; border:none; cursor:pointer;}
.alertsMessages #closeFormLeadErroAlert span {display:block; color: #444; font-size: 30px; font-weight: 700;}

.PoliticaCheck
{
    padding: 0 20px 20px 0;
    margin-left: 25px;
    text-align: start;
}

.PoliticaCheck label
{
    font-weight: 400; font-size: 16px !important; color:#444; line-height: 25px;
}

#gm5FormLead .form-submit .btn
{
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	width: 100%; 
	max-width: 200px; 
	height:50px;
	text-transform: uppercase; 
	background: #f88e3f;
	border:0;
	border-radius:6px;
	padding:0 15px;
	cursor:pointer;
    transition:all 400ms ease;
}
#gm5FormLead .form-submit .btn:hover {background:#ff730a}

#gm5FormLead .form-submit .btn span {font-size:14px; font-weight:700; color: #fff;}
#gm5FormLead .form-submit .btn svg {display:block; width:24px; height:auto;}
#gm5FormLead .form-submit .btn svg polygon {fill:#fff;}