*{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins"; vertical-align: top; outline: none; color: #11110f; }html{ display: block; position: relative; min-height: 100%; height: 100%; overflow-x: hidden; }body{ display: block; position: relative; height: 100%; background: #ffffff url(../images/background.png); background-size: cover; overflow-x: hidden; }html, body {overflow-x: hidden;overflow-y: auto;}a{ color: #11110f; }a:hover{ text-decoration: none; }p{ display: inline-block; font-size: 14px; }input{ border: 1px solid #ccc; color: #77705D; outline: none; }::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #f1f1f1; } ::-webkit-scrollbar-thumb {background: #11110f; }::-webkit-scrollbar-thumb:hover {background: #53acac; }.header{ display: block; position: fixed; left: 0px; top: 0px; width: 100%; background: rgba(182,222,222,.9); backdrop-filter: blur(10px); box-shadow: 0 0 30px rgba(119,169,169,.6); overflow: hidden; z-index: 999; padding: 8px 0; }.header .container{ display: flex; justify-content: space-between; align-items: center; }.logo_header a{ display: flex; align-items: center; text-decoration: none; }.logo_header a > img{ display: block; width: 82px; position: relative; top: 4px; }.name_logo{ padding-left: 6px; margin-top: 16px; }.name_logo h1{ display: block; font-size: 22px; font-weight: bold; color: #11110f; line-height: 18px; text-decoration: none; }.name_logo p{ display: block; font-size: 10px; font-weight: 400; color: #ffffff; letter-spacing: 1px; text-decoration: none; }.bn-comeceja{ display: block; border-radius: 5px; padding: 10px 14px; font-size: 14px; font-weight: bold; color: #11110f; text-decoration: none; transition: all .2s; }.bn-comeceja:hover{ background: #11110f; color: #f5df27; }.wrapper-menu_principal{ display: flex; align-items: center; }.menu_principal{ display: flex; align-items: center; }.menu_principal li{ list-style: none; padding: 0 20px; }.menu_principal li a{ display: block; font-size: 16px; font-weight: 400; text-decoration: none; transition: all .2s; }.menu_principal li a:hover{ font-weight: 500; }.menumobile{ position: absolute; height: 4px; width: 40px; height: 34px; }.menu-button, .menu-button::before, .menu-button::after{ display: block; background-color: #11110f; position: absolute; height: 4px; width: 30px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px; }.menu-button{ display: none; z-index: 50; top: 15px; left: 5px; }.menu-button::before{ content: ''; margin-top: -8px; }.menu-button::after{ content: ''; margin-top: 8px; }.header.active .menu-button::before {margin-top: 0px;transform: rotate(405deg);}.header.active .menu-button {background: rgba(255, 255, 255, 0);}.header.active .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}#page-wrapper{ min-height: 100%; height: 100%; padding: 14px; }.container{ width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 14px; }.padding_content{ margin: 20px; }.row{ overflow: hidden; clear: both; }.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ float: left; }.col-1{ width: 8.3%; }.col-2{ width: 16.6%; }.col-3{ width: 24.9%; }.col-4{ width: 33.2%; }.col-5{ width: 41.5%; }.col-6{ width: 49.8%; }.col-7{ width: 58.1%; }.col-8{ width: 66.4%; }.col-9{ width: 74.7%; }.col-10{ width: 83%; }.col-11{ width: 91.3%; }.col-12{ width: 100%; }@media screen and (min-width: 890px){.col-offset-1{ margin-left: 8.3%; }.col-offset-2{ margin-left: 16.6%; }.col-offset-3{ margin-left: 24.9%; }.col-offset-4{ margin-left: 33.2%; }.col-offset-5{ margin-left: 41.5%; }.col-offset-6{ margin-left: 49.8%; }.col-offset-7{ margin-left: 58.1%; }.col-offset-8{ margin-left: 66.4%; }.col-offset-9{ margin-left: 74.7%; }.col-offset-10{ margin-left: 83%; }.col-offset-11{ margin-left: 91.3%; }.col-offset-12{ margin-left: 100%; }}.pull-right{ float: right !important; }.box{ display: block; position: relative; border: 1px solid #e6e6e6; margin: 10px; z-index: 10; background: #fff; }.box .title{ padding: 12px; border-bottom: 1px solid #e6e6e6; background: #f1f1f1; }.box .title h2{ display: inline-block; font-size: 22px; font-weight: 900; color: #000; }.content{ padding: 12px; }.nomargin{ margin: 0 !important; }@media screen and (max-width: 890px){.col-md-1{ width: 8.3%; }.col-md-2{ width: 16.6%; }.col-md-3{ width: 24.9%; }.col-md-4{ width: 33.2%; }.col-md-5{ width: 41.5%; }.col-md-6{ width: 49.8%; }.col-md-7{ width: 58.1%; }.col-md-8{ width: 66.4%; }.col-md-9{ width: 74.7%; }.col-md-10{ width: 83%; }.col-md-11{ width: 91.3%; }.col-md-12{ width: 100%; }}@media screen and (max-width: 690px){.col-sm-1{ width: 8.3%; }.col-sm-2{ width: 16.6%; }.col-sm-3{ width: 24.9%; }.col-sm-4{ width: 33.2%; }.col-sm-5{ width: 41.5%; }.col-sm-6{ width: 49.8%; }.col-sm-7{ width: 58.1%; }.col-sm-8{ width: 66.4%; }.col-sm-9{ width: 74.7%; }.col-sm-10{ width: 83%; }.col-sm-11{ width: 91.3%; }.col-sm-12{ width: 100%; }}.btn-primary{ background: #f5df27; }.footer{ background: #f3f3f3; border-top: 1px solid #e6e6e6; padding: 40px 0; margin-top: 40px; text-align: center; }.footer .container{ display: flex; justify-content: center; align-items: center; }.footer .container img{ width: 54px; margin-right: 10px; }.footer .container, .footer .container p{ font-size: 12px; color: #bebebe; }.footer .container, .footer .container p b{ color: #bebebe; }.apresentation{ display: flex; align-items: stretch; width: 100%; min-height: 100%; background: #b6dede url('../imagens/fire_back_header.svg') no-repeat center; background-size: cover; }.apresentation .container{ display: flex; align-items: center; justify-content: center; padding: 100px 0; }.wrapper_apresentation{ display: flex; align-items: end; justify-content: center; }.infos_apresentation{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 60px; }.infos_apresentation > img{ display: block; max-width: 320px; margin-bottom: 14px; }.infos_apresentation p{ font-size: 20px; letter-spacing: -.2px; line-height: 26px; margin-bottom: 20px; }.btn_container_instalar{ display: flex; width: 100%; }.btn_container_instalar a{ display: flex; align-items: center; border-radius: 5px; padding: 14px 20px; font-size: 18px; font-weight: bold; color: #11110f; text-decoration: none; transition: all .2s; }.btn_container_instalar a svg{ width: 22px; margin-right: 12px; margin-top: 5px; }.btn_container_instalar a:hover{ background: #11110f; color: #f5df27; }.btn_container_instalar a:hover svg path{ fill: #fff; }.img_apresentation{ padding-right: 20px; }.img_apresentation img{ display: block; width: 100%; height: auto; border-radius: 5px; box-shadow: 0 0 30px rgba(119,169,169,.6); transition: all .2s; }.img_apresentation:hover img{ transform: scale(1.1); }.apresentation_name{ display: flex; align-items: center; }.apresentation_name h2{ font-size: 72px; color: #11110f; line-height: 75px; margin-bottom: 10px; }.apresentation_name p{ font-size: 13px; font-weight: 500; color: #ffffff; padding-top: 48px; margin-left: -4px; letter-spacing: 1px; }.contact_home{ width: 100%; padding-top: 20px; }.contact_home p{ display: block; font-size: 12px; margin: 0; padding: 0; line-height: 14px; }.number_whats_home{ display: flex; align-items: center; width: 160px; font-size: 18px; font-weight: bold; padding-top: 10px; text-decoration: none; }.number_whats_home svg{ width: 26px; height: auto; margin-right: 6px; }.number_whats_home small{ font-size: 14px; font-weight: 400; margin-right: 3px; padding-top: 1px; }.number_whats_home:hover span{ text-decoration: underline; }.number_whats_home:hover .icon_whats_home1{ fill: #11110f; }.number_whats_home:hover .icon_whats_home2{ fill: #f5df27; }.features .container{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 50px; }.title_features{ display: block; font-size: 30px; font-weight: normal; padding: 24px 0; text-align: center; }.subtitle_features{ font-size: 16px; font-weight: normal; max-width: 50%; text-align: center; margin-bottom: 60px; }.feature{ max-width: 85%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 100px; }.info_feature{ width: 40%; }.info_feature h4{ position: relative; font-size: 30px; margin-bottom: 10px; padding-left: 28px; }.info_feature h4 span{ display: block; background: url('../imagens/icon_graph_feature.svg') no-repeat center; background-size: contain; width: 24px; height: 24px; position: absolute; top: 8px; left: 0px; }.info_feature p{ font-size: 14px; margin-bottom: 10px; padding-left: 28px; }.img_feature{ width: 56%; }.img_feature img{ display: block; width: 100%; height: auto; transition: all .2s; }.feature:hover .img_feature img{ transform: scale(1.1); }.feat-leadtime .info_feature{ width: 40%; order: 2; }.feat-leadtime .img_feature{ order: 1; padding-top: 10px; }.feat-color{ margin-bottom: 0px; }.feat-color .info_feature{ width: 55%; order: 2; }.feat-color .img_feature{ width: 40%; order: 1; padding-top: 10px; }.prices{ margin-top: 50px; }.prices .container{ padding-top: 50px; }.prices h4{ font-size: 30px; font-weight: 400; text-align: center; margin-bottom: 10px; }.prices h4 b{ font-weight: bold; }.prices .container > p{ display: block; font-size: 14px; text-align: center; }.container_prices{ display: flex; justify-content: center; padding-top: 50px; margin-bottom: 60px; }.container_plan{ position: relative; width: 300px; border: 1px solid #ccc; border-radius: 4px; margin: 0 20px; padding-bottom: 40px; transition: all .2s; box-shadow: 0 0 6px rgba(0,0,0,.05); }.container_plan:hover{ transform: scale(1.03); box-shadow: 0 0 10px rgba(0,0,0,.15); border-color: #11110f; }.title_plan{ display: flex; align-items: center; justify-content: center; flex-flow: column wrap; padding: 20px 10px; height: 110px; background: url('../imagens/fire_plan.svg') no-repeat center right -130px; background-size: 80% auto; }.title_plan h5{ font-size: 24px; line-height: 24px; font-weight: 800; }.title_plan p{ font-size: 10px; color: #9d9d9d; }.price_plan{ display: flex; align-items: center; justify-content: center; padding: 0px 10px; height: 78px; background: #f5df27; border-bottom: 4px solid #11110f; }.currency_plan{ font-size: 16px; font-weight: 300; color: #11110f; }.price_cont{ display: flex; align-items: end; }.price1_p{ font-size: 50px; line-height: 50px; font-weight: 700; color: #11110f; }.price2_p{ display: flex; align-items: center; font-size: 22px; font-weight: 700; color: #11110f; margin-left: -4px; }.price2_p span{ font-size: 14px; font-weight: 400; color: #8e8853; }.includes_plan{ padding: 20px; }.desc_plan{ display: block; font-size: 10px; color: #aeaeae; margin-bottom: 8px; }.list_include_plan li{ display: flex; align-items: center; list-style: none; display: flex; justify-content: space-between; padding: 8px 20px; margin-left: -20px; width: calc(100% + 40px); }.list_include_plan li:nth-child(odd){ background: #f7f7f7; }.list_include_plan li div{ font-size: 11px; font-weight: 400; }.list_include_plan li p{ font-size: 12px; font-weight: 600; }.obs_plan{ display: block; font-size: 9px; line-height: 10px; color: #aeaeae; padding-top: 18px; }.obs_plan b{ color: #aeaeae; }.action_plan{ display: flex; align-items: center; justify-content: center; position: absolute; left: 20px; bottom: -14px; width: calc(100% - 40px); background: #b6dede; font-size: 18px; font-weight: 700; color: #11110f; text-decoration: none; padding: 14px 0; border-radius: 4px; transition: all .2s; }.action_plan:hover{ background: #f5df27; }.plan_individual{ transform: scale(1.02); }.plan_individual:hover{ transform: scale(1.04); }.plan_enterprise .price_plan{ background: #11110f; border-color: #52524b; }.plan_enterprise .price1_p{ font-size: 22px; color: #f5df27; }.plan_enterprise .action_plan{ font-size: 15px; padding: 13px 0; }.prices h6{ font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 60px; }.prices h6 b{ font-weight: 800; }.prices h6 span{ text-decoration: underline; }@media only screen and (max-width: 1000px){.infos_apresentation > img{ max-width: 240px; }.apresentation_name h2{ font-size: 55px; }.infos_apresentation p{ font-size: 17px; line-height: 22px; text-align: center; }.apresentation_name p{ font-size: 11px; }.contact_home p{ font-size: 13px; line-height: 18px; }.number_whats_home{ margin: 0 auto; }.subtitle_features{ max-width: 70%; }.feature{ max-width: 94%; margin-bottom: 60px; }}@media only screen and (max-width: 768px){.apresentation .wrapper_apresentation{ flex-direction: column; align-items: center; padding: 50px 0; padding-top: 100px; }.apresentation .container{ padding: 0; }.infos_apresentation{ width: 60%; padding: 0 20px; margin-bottom: 50px; }.btn_container_instalar{ justify-content: center; }.img_apresentation{ padding: 0 20px; }.features .container{ padding-top: 20px; }.info_feature{ margin-bottom: 20px; }.info_feature, .img_feature{ width: 100%; }.img_feature{ display: flex; justify-content: center; padding-left: 28px; }.img_feature img{ width: auto; max-width: 100%; }.feat-leadtime .info_feature{ order: 1; width: 100%; }.feat-leadtime .img_feature{ order: 2; width: 100%; }.feat-color .info_feature{ order: 1; width: 100%; }.feat-color .img_feature{ order: 2; width: 100%; }}@media only screen and (max-width: 620px){.header .container{ height: 40px; }.logo_header{ display: none; }.infos_apresentation{ width: 100%; }.wrapper-menu_principal{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }.menu-button{ display: block; }.header.active{ height: 100%; }.header.active .wrapper-menu_principal{ display: block; }.container_menu_principal{ padding-top: 60px; }.menu_principal{ display: block; }.menu_principal li a{ display: block; font-size: 26px; font-weight: 300; padding: 10px 0; }.btns_header{ padding: 20px; }.bn-comeceja{ display: inline-block; padding: 12px 18px; font-size: 18px; }.container_prices{ display: block; }.container_plan{ margin: 0 auto; margin-bottom: 50px; transform: none; width: 80%; }}