#header{padding: 20px 0 15px;}
#header .content, #header .header-nav{display: block;}
#header .header-client{margin-bottom: 30px;}
#header .header-nav__menu ul.menu li{margin-bottom: 14px;}
#header .header-nav__menu ul.menu li a{display: inline-block; padding: 8px 25px; background: #f53f0d; border-radius: 10px;}

#frontpage-header{padding: 12px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
#frontpage-header .btn-menu{font-size: 36px; margin-top: 8px;}
#frontpage-header .header-nav{display: none; background: #83159a; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 12px;}
#frontpage-header .header-nav ul.menu{margin: 70px 0 50px;}
#frontpage-header .header-nav ul.menu > li{margin-bottom: 20px;}
#frontpage-header .header-nav ul.menu > li > a{font-size: 18px;}
#frontpage-header .header-nav ul.list-btns > li{margin-bottom: 20px;}

#frontpage-webdoor{padding: 100px 0 40px;}
#frontpage-webdoor .text > p{margin: 20px 0;}

#frontpage-recursos{padding: 129px 0 97px;}
#frontpage-recursos ul.list{margin: 77px 0 50px;}
#frontpage-recursos ul.list li{display: inline-block; width: 100%; margin-bottom: 50px; vertical-align: top;}
#frontpage-recursos ul.list li > p{padding-left: 108px}
#frontpage-recursos ul.list li > p:last-child{margin-top: 20px;}
#frontpage-recursos ul.list li:nth-child(1) .icon, #frontpage-recursos ul.list li:nth-child(3) .icon{margin-left: 15px;}

#frontpage-planos{padding: 122px 0 50px;}

#frontpage-planos .col-plano{
  /* display: flex; */
  margin-bottom: 50px;
}

#frontpage-diferenciais{padding: 126px 0 109px;}
#frontpage-diferenciais ul.list{margin: 110px 0 50px;}
#frontpage-diferenciais ul.list li{display: inline-block; vertical-align: top; width: 33.33%; margin: 0 -2px 40px; text-align: center;}
/* #frontpage-diferenciais ul.list li > p{padding-left: 100px;} */
#frontpage-diferenciais .graphic{margin-bottom: 50px;}

#frontpage-depoimentos{padding: 180px 0 70px;}
#frontpage-depoimentos .content{margin: 100px 0 0;}
#frontpage-depoimentos .content .item{padding-bottom: 100px;}
#frontpage-depoimentos .content .item__text{margin-bottom: 44px;}
#frontpage-depoimentos .content .item__text > p{text-align: left; margin: 40px 0 0;}
#frontpage-depoimentos .content .item__perfil-image{margin-right: 20px;}
#frontpage-depoimentos .content .slick-slide img{display: inline-block;}
#frontpage-depoimentos .content .slick-arrow{background:url('../img/arrows-2.png') no-repeat -10px -10px; width: 70px; height: 70px; top: 100%;}
#frontpage-depoimentos .content .slick-prev{left: 37%; z-index: 99;}
#frontpage-depoimentos .content .slick-next{right: 37%; background-position: -100px -10px;}
#frontpage-depoimentos .content .slick-dots li.slick-active button{background: #ee2d24;}

#frontpage-clientes{padding: 110px 0 0;}
#frontpage-clientes .content{margin-top: 80px;}

#list-steps{margin: 100px auto 115px;}
#list-steps li{margin-bottom: 40px; text-align: left; display: inline-block; width: 100%;}
#list-steps li > a{display: inline-block; color: #c3c2c2;}
#list-steps li > a > span{float: left; width: 82px; height: 82px; display: block; background: #ffffff; border: 2px solid #c3c2c2; border-radius: 50%; position: relative; margin: -30px 15px 0 0;}
#list-steps li > a > span:before{content: ""; display: inline-block; width: 67px; height: 67px; background: #c3c2c2; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#list-steps li:not(:last-child) > a > span:after{content: ""; position: absolute; top: 80px; left: 50%; transform: translate(-50%, 0); background: #c3c2c2; width: 2px; height: 12px;}
#list-steps li > a > span > i{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: #fff;}
#list-steps li > a.is-active > span, #list-steps li > a.is-ready > span{border: 2px solid #ff2616;}
#list-steps li > a.is-active > span:after, #list-steps li > a.is-ready > span:after{background: #ff2616;}
#list-steps li > a.is-active > span:before{background: #4d028a;}
#list-steps li > a.is-ready{color: #777777;}
#list-steps li > a.is-ready > span{color: #666666;}
#list-steps li > a.is-ready > span:before{background: #ff2616;}
#list-steps li > a.is-ready > span > i{display: block;}

#footer{background: #2a0542; margin-top: 260px; padding: 40px 0 110px;}
#footer:before{content: ""; display: block; width: 100%; height: 231px; background: url('../img/graphic-footer-mobile.png') no-repeat center/cover; position: absolute; top: -230px; left: 50%; transform: translate(-50%, 0);}
#footer .footer-block{margin-bottom: 50px;}
#footer .footer-block .logo{margin-bottom: 32px;}
#footer .footer-block__buttons{display: block;}
#footer .footer-block__buttons .btn-link{margin: 0 10px 20px;}
#footer .content{display: block;}
#footer .footer-sobre, #footer .footer-sitemap, #footer .footer-form{width: 100%; margin-bottom: 60px;}
#footer .footer-sobre__text{margin-bottom: 50px;}
#footer .footer-sobre__redes-socias li{display: inline; font-size: 37px;}
#footer .footer-sobre__redes-socias li:not(:last-child){margin-right: 20px;}
#footer .footer-sitemap__menu{margin-top: 40px;}
#footer .footer-sitemap__menu ul.menu li:not(:last-child){margin-bottom: 30px;}
#footer .footer-form > h2{margin-bottom: 40px;}
#footer .footer-form form{margin-top: 32px;}
#footer .footer-form form label{display: block; margin-bottom: 24px;}
#footer .footer-form form label input{height: 50px; border-radius: 30px; padding-left: 30px;}
#footer .footer-form form button{float: right; padding: 7px 40px; border-radius: 30px;}

#step-2 h4{margin-bottom: 27px;}
#step-2 p{margin-bottom: 20px;}

#testar-streaming{display: inline-block; width: 100%; margin: 20px 0;}
#testar-streaming a > i{font-size: 42px; float: right; margin-top: -10px; margin-left: 20px;}

/* #planos {display: flex;} */
#planos, #template{max-width: 1190px; margin-top: 72px;}
#planos .card{ background: #ffffff; width: 100%; /*border: 5px solid #fb2124;*/ border-radius: 20px; padding: 30px 18px; /*margin-bottom: 50px;*/}
#planos .card__list{margin-top: 48px;}
#planos .card__list li{position: relative; padding-left: 40px;}
#planos .card__list li:not(:last-child){margin-bottom: 16px;}
#planos .card__list li:before{content: ""; display: block; width: 18px; height: 18px; background: url('../img/icon-check.png') no-repeat; position: absolute; top: 5px; left: 0;}
#planos .card form{margin-top: 50px;}
#planos .card .form-button{width: 100%; padding: 20px 30px; margin-top: 0;}
#planos .card .checkbox-style{margin: 20px 7px -3px;}

#planos .card-footer{
  color: #fff;
  padding: 30px 0 0;
}

#planos .card-footer h4{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

#planos .card-footer ul{
  display: inline-block;
  text-align: left;
  list-style-type: square;
  list-style-position: inside;
  font-weight: 700;
}

#planos .card-footer ul li{
  padding: 3px 0;
}


#template .card__plano{margin-bottom: 50px;}
#template .card__plano-text{padding: 26px 20px 26px 75px; border: 2px solid #ff2616; border-radius: 10px; cursor: pointer;}
#template .card__plano-text:before{content: ""; display: block; width: 33px; height: 49px; background: url('../img/icons-template.png') no-repeat; background-position: -10px -10px; position: absolute; top: 50%; left: 20px; transform: translate(0, -50%);}
#template .card__plano-text.is-active{background: #ff2616; color: #ffffff;}
#template .card__plano-text.is-active:before{background-position: -62px -10px; width: 38px; height: 28px;}
#template .card__plano-list{display: none; position: absolute; top: 0; left: 0; width: 100%; border: 2px solid #ff2616; border-radius: 10px; z-index: 1; padding: 40px 30px;}
#template .card__plano-list li{margin-bottom: 5px;}
#template .card__image > span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#template .card__input-checkbox{display: none; overflow: hidden; opacity: 0;}

#aparencia .content{max-width: 1250px;}
#aparencia .aparencia-config__block{width: 100%; border: 1px solid #c3c1c1; padding: 40px 35px; border-radius: 10px; margin-bottom: 25px;}
#aparencia .aparencia-config__block > p{margin-top: 5px;}
#aparencia .aparencia-config__block-cont{margin-top: 24px;}
#aparencia .aparencia-config__block-image{width: 214px; height: 214px; border: 1px solid #c3c1c1; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#aparencia .aparencia-config__block-text{margin-top: 24px;}
#aparencia .aparencia-config__block-text > p{margin-bottom: 20px;}
#aparencia .aparencia-config__block-text .form-button{margin-top: 0;}
#aparencia .aparencia-config__block-cont .list li{margin-bottom: 20px;}
#aparencia .aparencia-config__block-cont .list li .input-color{height: 70px; margin-top: 0; border: 1px solid #c3c1c1; border-radius: 0; float: left; margin-bottom: 12px; background: #ffffff; text-align: center;}
#aparencia .aparencia-config__block-cont .list li .input-color:first-child{width: 30%;}
#aparencia .aparencia-config__block-cont .list li .input-color:last-child{width: 68%; margin-left: 2%;}
#aparencia .aparencia-config__block-cont input[type=text]{background: #ffffff; border-radius: 0;}
#aparencia .publicidade .form-button{padding: 20px 16px; margin-top: 20px;}

#aparencia .aparencia-template > h4{margin-bottom: 23px;}
#aparencia .aparencia-template__content .item figure{max-width: 281px; margin: 0 auto;}
#aparencia .aparencia-template .form-button{padding: 20px 30px;}

#golive-publicar .pagamento{margin-bottom: 30px;}
#golive-publicar .mudar-plano__box{padding: 28px; border-radius: 10px; margin-bottom: 18px;}
#golive-publicar .mudar-plano__box .form-button{padding: 20px 30px; margin-top: 20px}
#golive-publicar .graphic{margin: 50px auto -240px;}

#breadcrumb{padding: 32px 15px 0;}
#breadcrumb a{font-weight: 700;}

#list-proceeding{max-width: 986px; margin: 40px auto 100px;}
#list-proceeding li{display: inline-block; width: 100%; margin-bottom: 30px;}
#list-proceeding li a{display: block; padding: 56px 0;}
#list-proceeding li a .temp{width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 50%; background: #c4bdbd; font-size: 56px; margin-top: 35px; color: #ffffff; float: left; margin-top: -28px; margin-right: 8px;}
#list-proceeding li:not(:last-child) a .temp:before{content: ""; display: block; width: 1px; height: 100px; border-left: 1px dotted #000000; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0);}
#list-proceeding li a .temp__progress{width: 36px; height: 36px; position: absolute; top: -24px; left: 50%; transform: translate(-50%, 0); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #666666; font-size: 20px;}
#list-proceeding li a.is-active .temp{background: #ff2616;}
#list-proceeding li a.is-active .temp__progress{background: #01c413;}
#list-proceeding li a.is-active .temp__progress > i.fa-check{display: block;}
#list-proceeding li a .temp__progress > i.fa-check, #list-proceeding li a.is-active .temp__progress > i.fa-hourglass-half{display: none;}

#list-status{margin: 48px 0 0; vertical-align: top;}
#list-status li{margin-bottom: 78px;}
#list-status li a{float: left; width: 45px; height: 45px; display: inline-block; background: #ffffff; border: 2px solid #b5b3b3; border-radius: 50%; position: relative; color: #ffffff;}
#list-status li a:before{content: ""; width: 37px; height: 37px; background: #b5b3b3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
#list-status li:not(:last-child) a:after{content: ""; width: 1px; height: 190px; position: absolute; top: calc(100% + 2px); left: 50%; transform: translate(-50%, 0); border-left: 1px solid #b5b3b3;}
#list-status li a > span{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#list-status li span.date, #list-status li span.text{display: block; padding-left: 54px;}
#list-status li a.is-active{border: 2px solid #ff2616;}
#list-status li a.is-active:before{background: #ff2616;}
#list-status li a.is-active > span{display: block;}

.fs-16{font-size: 16px; line-height: 25px;}
.fs-18, .fs-20{font-size: 18px; line-height: 30px;}
.fs-22, .fs-24{font-size: 20px;}
.fs-30, .fs-34{font-size: 24px;}
.fs-40{font-size: 28px;}
.fs-70{font-size: 36px;}
.fs-50{font-size: 30px;}
.fs-72{font-size: 72px;}


/* MAGNIFIC POPUP */
.white-popup, .default-popup{position:relative; padding: 50px 20px; width:auto; background-color: #e1e1e1; max-width: 425px; margin:20px auto;}

.white-popup .mfp-close, .default-popup .mfp-close{
	color: #ff2616;
	border-radius: 50%;
	border: 1px solid #ff2616;
	width: 32px;
  height: 32px;
  line-height: 32px;
	top: 10px;
	right: 10px;
}

.modal-cadastro, .modal-seguradoras{
  border-top: 7px solid #ff2616;
	/* border-radius: 20px; */
}

.modal-cadastro h1 {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}

.modal-cadastro p {
  text-align: center;
}

.modal-seguradoras{
	max-width: 750px;
}

/* .modal-cadastro .formLead{
	padding-bottom: 50px;
} */

.modal-cadastro .formLead label input, .modal-cadastro .formLead label textarea, .modal-cadastro .formLead label select,
.modal-seguradoras .formLead label input, .modal-seguradoras .formLead label textarea, .modal-seguradoras .formLead label select{
	border-top: 0;
	border-right: 0;
	border-left: 0;
}

.modal-cadastro .formLead .error-custom,
.modal-seguradoras .formLead .error-custom{
	position: static;
	top: auto;
	right: auto;
	display: block;
	text-align: center;
}

.modal-cadastro .formLead ul,
.modal-seguradoras .formLead ul{
	display: flex;
	flex-wrap: wrap;
}

.modal-seguradoras .formLead ul li,
.modal-cadastro .formLead ul li{
	width: 50%;
	padding: 5px;
}

@media only screen and (min-width: 768px){
	.modal-cadastro .formLead ul li,
	.modal-seguradoras .formLead ul li{
		width: 20%;
	}
}


.formLead label {
  display: block;
  margin-bottom: 11px;
  position: relative;
}

.formLead p span {
  color: #ff2616;
  text-transform: uppercase;
  font-weight: 700;
}

.formLead label input, .formLead label textarea, .formLead label select {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border: 1px solid #d1d1d1;
}

.formLead .btn-step-next, .formLead input[type=submit] {
  /* width: auto; */
  height: auto;
  padding: 16px 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 10px;
  display: inline-block;
  /* margin-left: 7px; */
  box-shadow: 0px 0px 13px rgb(255 38 22 / 60%);
  background: #ff2616;
  color: #ffffff;
}

.whatsapp-affix{
	position: fixed;
	width: 120px;
	height: 120px;
	bottom: 40px;
	right: 40px;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	z-index: 99;
}

.whatsapp-affix lottie-player{
  width: 180px; 
  height: 180px;
}

@media only screen and (min-width: 1024px){
  #header{padding: 30px 0 25px;}
  #header .content, #header .header-nav{display: flex; align-items: center; justify-content: space-between;}
  #header .header-client{margin-bottom: 0; text-align: left;}
  #header .header-nav__menu{margin-right: 20px;}
  #header .header-nav__menu ul.menu li{display: inline;}
  #header .header-nav__menu ul.menu li:not(:last-child){margin-right: 14px;}

  #frontpage-header{padding: 26px 0 0; transition: 0.5s;}
  #frontpage-header.is-active .logo img{transition: 0.5s;}
  #frontpage-header .header-nav{display: block; background: initial; position: static; text-align: right; padding: 56px 0 0 243px;}
  #frontpage-header .header-nav ul.menu{margin: 0 35px 0 0;}
  #frontpage-header .header-nav ul.menu, #frontpage-header .header-nav ul.list-btns{display: inline-block;}
  #frontpage-header .header-nav ul.menu > li, #frontpage-header .header-nav ul.list-btns > li{display: inline-block; margin-bottom: 0;}
  #frontpage-header .header-nav ul.menu > li:not(:last-child){margin-right: 24px;}
  #frontpage-header .header-nav ul.menu > li > a{font-size: 17px;}
  #frontpage-header .header-nav ul.list-btns > li:not(:last-child){margin-right: 18px;}
  #frontpage-header.is-active{padding: 0;}
  #frontpage-header.is-active .logo img{transform: scale(0.7);}
  #frontpage-header.is-active .header-nav{padding: 46px 0 0 243px}

  #frontpage-webdoor{background: url('../img/frontpage-webdoor.png') no-repeat center; background-size: cover; min-height: 800px; padding: 210px 0 0; /*min-height: 1080px; padding: 343px 0 0;*/}
  #frontpage-webdoor .text{max-width: 652px; text-align: left;}
  #frontpage-webdoor .text > p{margin: 45px 0 44px;}

  #frontpage-recursos ul.list li{width: 50%; padding: 0 50px;}
  #frontpage-recursos ul.list li > p{padding-left: 118px}
  #frontpage-recursos ul.list li > p:last-child{margin-top: 30px;}

  #frontpage-diferenciais{overflow: hidden;}
  #frontpage-diferenciais ul.list{padding-left: 17px;}
  #frontpage-diferenciais ul.list{max-width: 680px; margin: 110px 0 50px 600px;}
  /* #frontpage-diferenciais ul.list li > p{padding-left: 112px;} */
  #frontpage-diferenciais .graphic{margin-bottom: 0; position: absolute; bottom: 140px; left: 50px;}

  #frontpage-depoimentos .content .item__text > p{padding-right: 380px; line-height: 40px;}
  #frontpage-depoimentos .content .item__image{float: right; margin-top: -40px; margin-right: 20px;}

  #list-steps{max-width: 1300px;}
  #list-steps li{display: inline-block; text-align: center; width: 16%; vertical-align: top;}
  #list-steps li > a > span{float: none; margin: 0 auto 18px;}
  #list-steps li:not(:last-child) > a > span:after{width: 170%; height: 2px; top: 50%; left: 50%; transform: translate(30%, -50%);}

  #footer{margin-top: 607px;}
  #footer:before{background: url('../img/graphic-footer.png') no-repeat center top; height: 577px; top: -577px;}
  #footer .footer-block{text-align: left; margin-bottom: 80px;}
  #footer .footer-block__buttons{position: absolute; top: 48px; right: 0; width: 100%;}
  #footer .footer-block__buttons .btn-link{margin: 0 10px 10px 0;}
  #footer .content{display: flex; justify-content: space-between;}
  #footer .footer-sobre, #footer .footer-sitemap, #footer .footer-form{margin-bottom: 80px; text-align: left;}
  #footer .footer-sobre{max-width: 342px; margin-right: 15px;}
  #footer .footer-sobre__text{margin-bottom: 115px;}
  #footer .footer-sitemap{max-width: 264px; margin-right: 15px;}
  #footer .footer-form, #footer .footer-block__buttons{max-width: 380px;}

  #form-criar-app-1 .form-button, #form-config-1 .form-button{min-width: 350px;}

  #step-2 p{min-height: 75px;}
  #form-config-1 .form-button{float: right;}

  #form-config-2 .buttons-area{margin-top: 100px;}

  #planos .col-lm-4, #template .col-lm-4{padding: 0 12px;}
  #planos .card{padding: 30px; min-height: 760px;}

  #template .card__plano-list{padding: 40px 70px;}

  #aparencia .content{display: flex; justify-content: space-between;}
  #aparencia .aparencia-config{max-width: 790px;}
  #aparencia .aparencia-config__block-image{float: left;}
  #aparencia .aparencia-config__block-text{padding-left: 240px; margin-top: 0;}
  #aparencia .aparencia-config__block-cont .list{border-right: 1px solid #e8e3e3;}
  #aparencia .aparencia-config__block-cont .list li{display: flex; align-items: center;}
  #aparencia .aparencia-config__block-cont .list li .input-color{margin-bottom: 0;}
  #aparencia .aparencia-config__block-cont .list li .input-color:first-child{width: 70px;}
  #aparencia .aparencia-config__block-cont .list li .input-color:last-child{width: 150px; margin-right: 4%;}
  #aparencia .aparencia-config__block-cont .background{padding-left: 22px}
  #aparencia .aparencia-config__block-cont input[type=text]{height: 70px;}
  #aparencia .publicidade .form-button{margin-top: 0;}

  #aparencia .aparencia-template{max-width: 374px; width: 100%; margin-left: 15px;}

  #golive-publicar .pagamento, #golive-publicar .mudar-plano{position: relative; z-index: 1;}
  #golive-publicar .pagamento{max-width: 457px; margin-right: 38px;}
  #golive-publicar .mudar-plano{max-width: 313px;}
  #golive-publicar .graphic{position: absolute; bottom: -300px; right: -75px; margin: 0;}

  #breadcrumb{padding: 32px 0 0;}

  #list-proceeding li{display: inline-block; width: 33%;}
  #list-proceeding li a{padding: 0;}
  #list-proceeding li a .temp{width: 164px; height: 164px; float: none; font-size: 90px; margin: 38px auto 20px; }
  #list-proceeding li:not(:last-child) a .temp:before{width: 100%; height: 1px; border-left: 0; border-top: 1px dotted #000000; top: 50%; left: 100%; transform: translate(0, -50%);}
  #list-proceeding li a .temp__progress{width: 56px; height: 56px; font-size: 30px; top: -35px;}

  #status h2{text-align: left; padding-left: 180px;}
  #list-status li a{float: none;}
  #list-status li:not(:last-child) a:after{height: 130px;}
  #list-status li span.date{float: left; margin-top: 16px; margin-right: 14px;}
  #list-status li span.text{margin-left: 10px;}
  #list-status li span.date, #list-status li span.text{display: inline-block; padding-left: 0;}


  .fs-20{font-size: 20px;}
  .fs-22{font-size: 22px;}
  .fs-24{font-size: 24px;}
  .fs-30{font-size: 30px;}
  .fs-34{font-size: 34px;}
  .fs-40{font-size: 40px;}
  .fs-50{font-size: 50px;}
  .fs-70{font-size: 70px;}
}