@charset "UTF-8";
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{font: 100% 'Poppins', sans-serif;font-weight: 400;line-height: normal;color: #5e6467;background: #f0f5f9;}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;font-weight: 700;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #28404D;}

.container {width: 100%;max-width: 1000px;margin: 0 auto;padding: 0 20px;position: relative;}

@media screen and (max-width: 1024px){
  .container{padding: 0 30px;max-width: 500px !important;}
}

.header{width: 100%;height: 80px;outline: none;position: relative;background: #fff;}
.header .bt-menu{display: none;cursor: pointer;margin: 34px 4px;float: right;width: 32px;}
.header .bt-close{display: none;cursor: pointer;margin: 34px 4px;float: right;width: 32px;}

.header .logo{padding: 18px 0;float: left;margin: 0;}
.header .logo img{max-width: 250px;width: 100%;}
.header .menu {float: right;margin: 18px 0;}
.header .menu li {float: left;list-style: none;margin: 0;overflow: hidden;}
.header .menu li a {color: #28404D;font-size: 15px;font-weight: 600;padding: 10px 20px 10px 0px;display: block;/* text-transform: uppercase; */}
.header .menu li a:hover {color: #008BCB;}

.header .menu li.btn a{background: #008BCB;font-size: 14px;font-weight: 500;padding: 8px 18px;border-radius: 30px;outline: none;color: #fff;margin: 3px 0 0 10px;display: inline-block;text-align: center;cursor: pointer;}
.header .menu li.btn a:hover {background: #F89A1C;}

@media screen and (max-width: 1024px){
  .header{height: 100px;}
  .header .container {max-width: 1000px;}
  .header .logo {padding: 20px 0;}
  .header .logo img{max-width: 340px;}
  .header .menu {display: none;}
  .header .menu li a {padding: 5px 13px;}
  .header .bt-menu{display: block;}
  .header .hide{display: none !important;}
  .header .show{display: block !important;}
}

.header2{min-width: 500px;position: fixed;top: -100px;width: 100%;z-index: 99;height: 80px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .15);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;background: #fff;}
.header2.show{top: 0;}
.header2 .logo{padding: 18px 0;float: left;margin: 0;}
.header2 .logo img{max-height: 44px;width: 100%;}
.header2 .menu {float: right;margin: 18px 0;}
.header2 .menu li {float: left;list-style: none;margin: 0;overflow: hidden;}
.header2 .menu li a {color: #28404D;font-size: 15px;font-weight: 600;padding: 10px 20px 10px 0px;display: block;/* text-transform: uppercase; */}
.header2 .menu li a:hover {color: #008BCB;}

.header2 .menu li.btn a{background: #008BCB;font-size: 14px;font-weight: 500;padding: 8px 18px;border-radius: 30px;outline: none;color: #fff;margin: 3px 0 0 10px;display: inline-block;text-align: center;cursor: pointer;}
.header2 .menu li.btn a:hover {background: #F89A1C;}


@media screen and (max-width: 1024px){
  .header2{display: none;}
}

.submenu{background: #2c3357;position: absolute;margin: 20px 0px;top: -500px;padding: 25px 40px;z-index: 9;border-radius: 10px;right: 25px;box-shadow: 0 0 20px rgb(0 0 0 / 40%);}
.submenu:before {content: "";display: inline-block;vertical-align: middle;margin-right: 10px;width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #2c3357;position: absolute;right: 0px;top: -14px;}
.submenu ul {list-style: none;padding: 0;margin: 0;}
.submenu ul li{padding: .5rem 0;}
.submenu ul li a{border-bottom: none;color: #ffffff;font-size: 20px;font-weight: 600;}
.submenu ul li a:hover {color: #008BCB;}


@media screen and (max-width: 1024px){
  .submenu.active {display: block;top: -30px;}
}



.style1{padding: 80px 0;margin: 0;outline: none;background: #e8edf1;background-image: url(../img/bg.jpg);background-position: 50% 0%;background-size: cover;background-repeat: no-repeat;text-align: left;}
.style1 h1{margin: 0;padding: 0;font-size: 36px;line-height: 46px;}
.style1 p{font-size: 18px;color: #5e6467;margin: 30px 0;font-weight: 500;}
.style1 .cta{background: #008BCB;font-size: 15px;font-weight: 500;padding: 10px;min-width: 300px;border-radius: 30px;outline: none;color: #fff;margin: 0;display: inline-block;text-align: center;box-shadow: 0 10px 30px 10px rgb(0 0 0 / 0.08);cursor: pointer;}
.style1 .cta:hover {background: #F89A1C;}

@media screen and (max-width: 1024px){
  .style1{text-align: center;background-position: 0% 0%;padding: 80px 0;}
  .style1 .container{padding: 0 30px;max-width: 450px;}
  .style1 h1{font-size: 30px;}
  .style1 p {margin: 30px auto;font-size: 20px;}
}


.style2{padding: 80px 0;margin: 0;outline: none;background: #fff;}
.style2 h1{margin: 0 auto 20px;font-size: 26px;text-align: center;}
.style2 p{font-size: 16px;margin: 0 auto;color: #5e6467;text-align: center;max-width: 860px;}
.style2 p b{color: #008BCB;}

@media screen and (max-width: 1024px){
	.style2 p{font-size: 16px;}
}


.style3{padding: 80px 0;margin: 0;outline: none;background: #f0f5f9;}
.style3 h1{margin: 0 auto 50px;font-size: 26px;text-align: center;}
.style3 .box {background: #fff;padding: 20px;border-radius: 16px;margin: 0;min-height: 210px;text-align: center;}
.style3 .box span{display: block;background: #28404D;color: #fff;width: 36px;height: 36px;text-align: center;line-height: 36px;position: absolute;border-radius: 20px;font-weight: 500;left: 0px;top: -15px;font-size: 18px;}
.style3 .box img{margin: 20px auto;width: 50px;}
.style3 .box p{font-size: 14px;margin: 0;color: #28404D;}


@media screen and (max-width: 1024px){
	.style3 .box{margin: 0 0 50px 0;}
}



.style4{padding: 80px 0;margin: 0;outline: none;text-align: center;background: #1662b1;background-image: url(../img/special.jpg);background-position: 50% 0%;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.style4 h1{margin: 0 auto 20px;font-size: 26px;text-align: center;color: #fff;}
.style4 p{font-size: 16px;margin: 0 auto;color: #fff;text-align: center;max-width: 860px;}
.style4 .cta{background: #008BCB;font-size: 15px;font-weight: 500;padding: 10px;max-width: 360px;border-radius: 30px;outline: none;color: #fff;margin: 40px auto 0;display: block;text-align: center;cursor: pointer;}
.style4 .cta:hover {background: #F89A1C;}
@media screen and (max-width: 1024px){
	.style4 p{font-size: 15px;}
}


.style5{padding: 80px 0;margin: 0;outline: none;background: #f0f5f9;}
.style5 h1{margin: 0 auto 50px;font-size: 26px;text-align: center;}
.style5 .box {background: #fff;padding: 0;border-radius: 16px;margin: 0;min-height: 390px;text-align: left;overflow: hidden;}
.style5 .box span{display: block;background: #008BCB;color: #fff;width: 36px;height: 36px;text-align: center;line-height: 36px;position: absolute;border-radius: 20px;font-weight: 500;left: 0px;top: -15px;font-size: 18px;}
.style5 .box img{margin: 0;width: 100%;}
.style5 .box p{font-size: 14px;margin: 0;padding: 30px 32px;color: #28404D;font-weight: 500;}
.style5 .box p i{color:#008BCB;}


@media screen and (max-width: 1024px){
	.style5 .box{margin: 0 0 30px 0;text-align: center;}
	.style5 .box img{width: 70%;}
}


.style6{padding: 80px 0;margin: 0;outline: none;text-align: center;background: #1662b1;background-image: url(../img/special.jpg);background-position: 50% 0%;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.style6 h1{margin: 0 auto 20px;font-size: 26px;text-align: center;color: #fff;}
.style6 p{font-size: 16px;margin: 0 auto;color: #fff;text-align: center;max-width: 830px;}
.style6 .cta{background: #008BCB;font-size: 15px;font-weight: 500;padding: 10px;max-width: 360px;border-radius: 30px;outline: none;color: #fff;margin: 40px auto 0;display: block;text-align: center;cursor: pointer;}
.style6 .cta:hover {background: #F89A1C;}

@media screen and (max-width: 1024px){

}



.style7{padding: 80px 0;margin: 0;outline: none;background: #f0f5f9;}
.style7 h1{margin: 0 auto 50px;font-size: 26px;text-align: center;max-width: 690px;}
.style7 .box {background: #fff;padding: 0;border-radius: 16px;margin: 0;text-align: center;overflow: hidden;}
.style7 .box span{display: block;background: #008BCB;color: #fff;width: 36px;height: 36px;text-align: center;line-height: 36px;position: absolute;border-radius: 20px;font-weight: 500;left: 0px;top: -15px;font-size: 18px;}
.style7 .box img{margin: 0;width: 100%;}
.style7 .box p{font-size: 15px;margin: 0;padding: 20px;font-weight: 500;color: #28404D;}


@media screen and (max-width: 1024px){
	.style7 h1{font-size: 24px;}
	.style7 .box{margin: 0 0 40px 0;}
}


.style8{padding: 40px 0;margin: 0;outline: none;background: #fff;}
.style8 h1{margin: 0px auto 70px;padding: 0;font-size: 32px;font-weight: 300;text-align: center;}

.style8 .box {margin: 0 auto;padding: 40px 20px;border-radius: 20px;text-align: center;}
.style8 .box h2{font-size: 36px;font-weight: 700;margin: 0;letter-spacing: -1px;color: #008BCB;}
.style8 .box h2 small{font-size: 40px;color: #008BCB;}
.style8 .box p{font-size: 16px;color: #28404D;margin: 0;}


@media screen and (max-width: 1024px){
  .style8{padding: 50px 0;}
  .style8 h1{font-size: 26px;margin: 0px auto 40px;max-width: 340px;}
  .style8 .box{padding: 20px 0;max-width: 350px;}
  .style8 .box h2{font-size: 46px;line-height: 56px;}
	.style8 .box p{font-size: 20px;}
}


.style9{padding: 100px 0;margin: 0;outline: none;text-align: left;background: #f0f5f9;}
.style9 h1{margin: 0 auto 50px;padding: 0;font-size: 32px;text-align: center;}
.style9 hr{margin: 20px 0 30px;}

.style9 .box {background: #fff;border-radius: 15px;text-align: left;position: relative;overflow: hidden;}

.style9 .box-1 {background: #fff;padding: 25px;border-radius: 15px;text-align: left;}
.style9 .box-1 h4{margin: 0;font-size: 28px;text-align: center;}
.style9 .box-1 span{font-size: 15px;color: #042534;margin: 10px auto 30px;font-weight: 300;display: block;text-align: center;}
.style9 .box-1 .label-float{position: relative;margin-bottom: 25px;}
.style9 .box-1 .label-float label{pointer-events: none;position: absolute;top: -10px;left: 10px;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;font-size: 14px;padding: 0 5px;background: #fff;}
.style9 .box-1 .label-float input{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-webkit-appearance:none;box-shadow: none;outline: none;height: 46px;font: 100% 'Poppins', sans-serif;background-color: transparent;border: 2px solid #0425344D;color: #042534;font-size: 15px;padding: 12px 14px 10px;display: block;width: 100%;border-radius: 7px;font-weight: 400;margin: 0 auto;}
.style9 .box-1 .label-float input:focus{border: 2px solid #179dca !important;}
.style9 .box-1 .label-float input::placeholder{color:transparent; }
.style9 .box-1 .label-float select{cursor: pointer;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-webkit-appearance:none;box-shadow: none;outline: none;height: 46px;font: 100% 'Poppins', sans-serif;background-color: transparent;border: 2px solid #0425344D;color: #042534;font-size: 15px;padding: 12px 14px 10px;display: block;width: 100%;border-radius: 7px;font-weight: 400;margin: 0 auto;}
.style9 .box-1 .label-float select:hover{border: 2px solid #179dca;}
.style9 .box-1 .label-float select:disabled{cursor: auto;border: 2px solid #ddd;color: #aaa;}
.style9 .box-1 .label-float select:disabled + label{color: #bbb;}
.style9 .box-1 .label-float.error input{border: 2px solid red;}
.style9 .box-1 .label-float.error label{color: red;}
.style9 .box-1 .label-float.error select{border: 2px solid red;color: red;}
.style9 .box-1 .label-float.error small{text-align: right;color: red;background: transparent;margin: 0;padding: 0;position: absolute;right: 0;bottom: -15px;font-size: 11px;font-style: normal;}

.field-icon {position: absolute;top: 15px;width: 20px;height: 16px;right: 8px;z-index: 2;cursor: pointer;opacity: .5;}
.fa-eye{background-image: url(../img/ab.svg);background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;}
.fa-eye-slash{background-image: url(../img/aa.svg);background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;}

.style9 .box-2 {background: #fff;padding: 25px;border-radius: 15px;text-align: center;}
.style9 .box-2 h4{margin: 0;font-size: 28px;}
.style9 .box-2 span{font-size: 15px;color: #042534;margin: 10px 0;font-weight: 300;display: block;text-align: center;}
.style9 .box-2 .obs{font-size: 14px;color: #042534;margin: 30px auto;font-weight: 300;display: block;max-width: 720px;}
.style9 .box-2 img{position: absolute;right: 0;top: 0;}
.style9 .box-2 .form-pedido .bt-add{cursor: pointer;background: limegreen;color: #fff;padding: 10px;border-radius: 5px;text-align: center;font-weight: 600;font-size: 16px;margin: 15px 0 0 0;}
.style9 .box-2 .form-pedido .bt-add:hover{opacity: .9;}

.style9 .box-2 .lista-pedido{padding: 15px;border-radius: 10px;text-align: left;}
.style9 .box-2 .lista-pedido h4{margin: 30px 0 20px 0;font-size: 22px;}
.style9 .box-2 .lista-pedido h5{margin: 0;background: #f5f5f5;border: 1px solid #ddd;border-right: 0;padding: 7px 10px;font-size: 14px;font-weight: 600;}
.style9 .box-2 .lista-pedido h5.last{border: 1px solid #ddd;background: #fff;}
.style9 .box-2 .lista-pedido p{font-size: 14px;color: #008BCB;margin: 0;font-weight: 400;display: block;border: 1px solid #ddd;border-top: none;padding: 6px 10px;text-align: center;text-transform: uppercase;height: 35px;}
.style9 .box-2 .lista-pedido .input{background: #f5f5f5;margin: 0;border: 1px solid #ddd;border-right: 0;padding: 5px 10px;font-size: 14px;box-shadow: none;border-top: none;height: 35px;color: #042534;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 400;}
.style9 .box-2 .lista-pedido .valor{cursor: pointer;background: #fff;color: #17b600;padding: 0;text-align: left;font-weight: 700;font-size: 14px;border: 1px solid #ddd;border-top: none;height: 35px;/* width: 145px; */margin: 0;box-shadow: none;}
.style9 .box-2 .lista-pedido .valor i{padding: 7px 5px 7px 10px;display: inline-block;float: left;font-style: normal;}
.style9 .box-2 .lista-pedido .valor input{color: #17b600;margin: 0;width: 180px;float: left;border: 0;height: 35px;box-shadow: none;background: transparent;padding: 0;line-height: 3;font-size: 14px;}
.style9 .box-2 .lista-pedido .error {background: red;color: #fff;}


.style9 .flex {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; }
.style9 .flex  button{background: #008BCB;font-size: 16px;font-weight: 600;padding: 11px;min-width: 220px;border-radius: 30px;outline: none;color: #fff;margin: 0;text-align: center;}
.style9 .flex  button:hover {background: #F89A1C;transition: none;}
.style9 .flex  button:disabled{background: #ddd;cursor: auto;}

.style9 .flex .step {width: 120px;display: flex;align-items: center;justify-content: space-between;align-content: center;flex-wrap: nowrap;flex-direction: row;background-image: url(../img/line-1.svg);background-position: 0% 50%;background-size: initial;background-repeat: no-repeat;}
.style9 .flex .step.one {background-image: url(../img/line-2.svg);}

.style9 .flex .step .number{border-radius: 50%;background: #ddd;text-align: center;width: 35px;height: 35px;line-height: 15px;padding: 10px;font-size: 15px;font-weight: 600;color: #fff;}
.style9 .flex .step .number.set{background: #008BCB;color: #fff;}

.style9 .box .msg{display: none;position: absolute;background: #fff;padding: 60px 40px;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
.style9 .box .msg img{max-width: 70px;}
.style9 .box .msg img.loader{animation: spin 0.75s linear infinite;}

.style9 .box .msg h3{font-size: 20px;margin: 10px auto;}
.style9 .box .msg p{font-size: 16px;margin: 0;}
.style9 .box .msg a{background: #008BCB;font-size: 14px;font-weight: 500;padding: 10px 40px;max-width: 150px;border-radius: 30px;outline: none;color: #fff;margin: 30px auto;text-align: center;display: block;}
.style9 .box .msg a:hover {background: #F89A1C;transition: none;}

@media screen and (max-width: 1024px){
  .style9{padding: 60px 0;}
  .style9 .container{padding: 0 10px;}
  .style9 .box-1{margin: 0 auto;float: none;padding: 40px 25px;}
  .style9 .box-1 span{font-size: 16px;}
  .style9 .box-2{margin: 0 auto;float: none;padding: 20px 0;text-align: left;}
  .style9 .box-2 h4{font-size: 29px;width: 350px;}
  .style9 .box-2 span{font-size: 18px;max-width: 310px;text-align: left;}
	.style9 .box-2 .obs{font-size: 15px;text-align: left;}
	.style9 .box-2 img{width: 220px;top: 50px;}
  .style9 .box-2 .lista-pedido h5{font-size: 11px;}
  .style9 .box-2 .lista-pedido p{text-align: left;}

  .style9 .box-2 .lista-pedido .desktop{display: none;}
  .style9 .box-2 .lista-pedido .mobile{display: block;}
	.style9 .box-2 .lista-pedido .valor input{width: 70px;}
	.style9 .box-2 .lista-pedido .input{font-size: 13px;}

  .style9 .flex{flex-direction: column;}
  .style9 .flex button{margin: 30px auto 0;}
}



.footer{background: rgb(223 231 238);padding: 50px 0;}
.footer img{float: left;margin: 15px 30px 0 0;display: block;}
.footer p{color: #28404D;font-size: 14px;margin: 10px 0;font-weight: 700;}
.footer p.nome{text-align: left;}
.footer p.police{text-align: right;}

@media screen and (max-width: 1024px){
  .footer .container{max-width: 300px !important;}
  .footer img{float: initial;margin: 0 auto 20px;}
  .footer p.nome{text-align: center;}
  .footer p.police{text-align: center;}
  .footer a{text-align: center;}
}

.rdp {background: #28404D;color: #d5dee2;overflow: hidden;padding: 30px 0;}
.rdp p {text-align: center;font-size: 11px;padding: 0;margin: 0;text-transform: uppercase;}
.rdp p a{color: #d5dee2;}
.rdp p a:hover{color: #008BCB;}

@media screen and (max-width: 1024px){
  .rdp .container{max-width: 290px !important;}
	.rdp p.left,
	.rdp p.right{float: none !important;max-width: 300px;margin: 10px auto;}
}


/* Whatsapp */
#wa-container{overflow: hidden;height: 70px;width: 70px;position:fixed;bottom: 20px;right: 35px;z-index: 999999;border-radius: 40px;box-shadow: 0 0 10px 0px rgb(0 0 0 / 20%);background: #25d266;}


/* Animate css */
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}


.obrigado{padding: 0;margin: 0;outline: none;text-align: center;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;height: 100%;}
.obrigado .box{background: #fff;padding: 40px;max-width: 440px;margin: 0;border-radius: 20px;}
.obrigado .box img{max-width: 300px;}
.obrigado .box h1{margin: 50px auto 0;padding: 0;font-size: 30px;text-align: center;display: block;}
.obrigado .box p{margin: 10px auto;padding: 0;font-size: 16px;color: #5e6467;text-align: center;display: block;}

@media screen and (max-width: 1024px) {

}



/* END */