/*-----------------------------------------------------------------------------------

    Template Name: Apnew
    Template URI: http:/devitems.com
    Description: This is html5 template
    Author: Dev Items
    Author URI: http://devitems.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header Area
    3. Banner Area
    4. About Area
    5. Service Area
    6. Features Area
    7. Download Area
    8. Pricing Area
    9. Testimonial Area
    10. Screenshot Area
    11. Footer Area
        11.1 Contact Form
        11.2 Newsletter
        11.3 Footer
    12. Homepage Blue
    13. Homepage Yellow
    14. Homepage Four
    15. Homepage Five, Homepage Six, Homepage Seven
    16. Homepage Eight
    17. Scroll Up

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/
* { margin:0; padding:0; }
html, body {height: 100%;}
.floatleft {float:left !important;}
.floatright {float:right !important;}
.floatnone {float:none !important;}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}
.aligncenter {text-align:center !important;}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
a:focus, button:focus {outline:0px solid}
input:focus, textarea:focus, .form-control:focus {outline: 0; box-shadow: none; border-color: #A3A3A3}
img {
    max-width:100%;
    height:auto;
    border:0; 
    vertical-align:top;
}
.fix {overflow:hidden}
p {}
h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px;
    font-family: 'Raleway', sans-serif;
}

h2{
  font-size: 25px
}

.grecaptcha-badge{
    display: none
}

.breadcrumb{
  padding-left: 0 !important;
}


a {
    -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
    text-decoration:none;
    color: #CA3338;
}
a:hover {
    text-decoration: underline;
}
a:active, a:hover, a:focus {
  outline: 0 none;
}

a.link-azul{
    color: #2D3E50 !important;
}

.width-100pc{
  width: 100%
}


.padding-left-0{
  padding-left: 0
}

.padding-left-10px{
  padding-left: 10px
}


.padding-right-0{
  padding-right: 0
}

.padding-bottom-0{
  padding-bottom: 0 !important
}

.padding-top-10px{
    padding-top: 10px
}

.padding-bottom-10px{
    padding-bottom: 10px
}
.padding-bottom-15px{
    padding-bottom: 15px!important;
}

.table-padding-left-20px{
  padding: 8px 8px 8px 20px !important;
}

.padding-right-10px{
  padding-right: 10px
}

.padding-15px{
  padding: 15px
}

.padding-top-15px{
  padding-top: 15px
}

.padding-right-15px{
  padding-right: 15px
}

.padding-bottom-15px{
  padding-bottom: 15px
}

.padding-left-15px{
  padding-left: 15px
}

.margin-top-0{
  margin-top: 0 !important
}

.margin-top-5px{
  margin-top: 5px
}

.margin-top-10px{
  margin-top: 10px
}

.margin-top-15px{
  margin-top: 15px
}

.margin-top-20px{
  margin-top: 20px
}

.margin-top-40px{
  margin-top: 40px
}
.margin-top-60px{
  margin-top: 60px;
}
.margin-left-0{
  margin-left: 0 !important
}

.margin-right-0{
    margin-right: 0 !important
}


.margin-right-5px{
  margin-right: 5px
}

.margin-right-10px{
  margin-right: 10px
}


.margin-bottom-0{
  margin-bottom: 0
}

.margin-bottom-10px{
  margin-bottom: 10px
}

.margin-bottom-15px{
  margin-bottom: 15px
}

.margin-bottom-20px{
  margin-bottom: 20px
}

.margin-bottom-30px{
  margin-bottom: 30px
}

.margin-bottom-40px{
  margin-bottom: 40px
}

.margin-bottom-50px{
  margin-bottom: 50px
}

.margin-left-5px{
  margin-left: 5px
}

.margin-left-10px{
  margin-left: 10px
}

.margin-left-15px{
  margin-left: 15px
}

.margin-right-15px{
  margin-right: 15px
}


.border-top-1px{
  border-top: 1px solid #ccc;
}

.border-bottom-1px{
  border-bottom: 1px solid #ccc;
}

.min-width-80px{
  min-width: 80px
}

.max-width-30px{
    max-width: 30px !important
}

.register-area form#cadastro input.error,.register-area form#cadastro select.error,.register-area form#cadastro textarea.error{
  background: #EBCCCC!important;
  border: #D43F3A solid 1px !important;
}
input.error,select.error,textarea.error{
  background: #EBCCCC;
  border: #D43F3A solid 1px !important;
}

input.error:focus,select.error:focus,textarea.error:focus{
  background: #EBCCCC;
  border: #D43F3A solid 1px !important;
}

label.error{
  font-size: 11px;
  color: #FF0000;
  margin-bottom: 0 !important;
  display: none;
}
#about-us{
    position: relative;
    z-index: 5;
    color: #000;
}

#about-us .bg{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.2;
    width: 100%;
    height: 100%;
}
#about-us .bg-white{
    background-color: #fff;
    margin-top: 20px;
    color: #000;
    padding-bottom: 20px;
}    
#about-us .download-bg {
    background: rgba(45, 62, 80, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#about-us .conteudo{
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: -50px;
    padding-bottom: 20px;
}

#about-us.text-white{
    color: #fff;
}

#carregando {
    background: url("../img/background/overlay.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999999999999998;
}

#carregando div {
    height: 22px;
    left: 50%;
    margin-left: -63px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 126px;
    z-index: 99999999999999999999;
}

.carregando-validate {
    background: url("../img/icon/carregando_mini.gif") no-repeat;
    background-position: right 10px top 10px;
}

.btn-primary {
  padding: 8px 20px;
  background: #0c1b25;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover,
.btn-primary:focus{
  background: #111111;
  outline: none;
  box-shadow: none;
}

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear{clear:both}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
::-webkit-input-placeholder {opacity: 1 !important;filter:alpha(opacity=100)}
:-moz-placeholder {opacity: 1 !important;filter:alpha(opacity=100)}
::-moz-placeholder {opacity: 1 !important;filter:alpha(opacity=100)}
:-ms-input-placeholder {opacity: 1 !important;filter:alpha(opacity=100)}
body {
    color: #2d3e50;
    /* font-family: 'latoregular'; */
    font-family: Maven Pro;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

input[type=password]{
    font-family: Arial !important;
}

.container {
    width: 1200px
}

/* https://www.devmedia.com.br/css-font-face/36828 
   https://www.1001fonts.com/maven-pro-font.html */
@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-Regular.ttf)
}
@font-face {
    font-family: Maven Pro;
    src: url(../fonts/MavenPro-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: Maven Pro Bold;
    src: url(../fonts/MavenPro-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: Maven Pro Extrabold;
    src: url(../fonts/MavenPro-ExtraBold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.eot');
    src: url('../fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff'),
         url('../fonts/lato-medium-webfont.ttf') format('truetype'),
         url('../fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.eot');
    src: url('../fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('../fonts/lato-semibold-webfont.woff') format('woff'),
         url('../fonts/lato-semibold-webfont.ttf') format('truetype'),
         url('../fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.button-white {background: #fff !important}
.button-olive {background: #CA3338 !important; color: #fff !important}
.button-blue {background: #ca3338 !important; color: #fff !important}
.button-yellow {background: #ca3338 !important; color: #fff !important}
.olive-border {
    border: 1px solid #CA3338 !important;
    line-height: 51px !important;
}
.blue-border {
    border: 1px solid #ca3338 !important;
    line-height: 51px !important;
}
.yellow-border {
    border: 1px solid #ca3338 !important;
    line-height: 51px !important;
}
.text-white {color: #fff !important}
.text-olive {color: #CA3338 !important}
.section-title, .pricing-area.pricing-four .section-title {z-index: 999; position: relative}
.section-title h1 {
    font-size: 36px;
    font-weight: 800;
    line-height: 33px;
    z-index: 99;
    position: relative
}
.section-title h1 span, .about-text h2 span {color: #CA3338}
.section-title.title-blue h1 span, .about-blue .about-text h2 span {color: #ca3338}
.section-title.title-yellow h1 span, .about-yellow .about-text h2 span {color: #ca3338}
.section-title img {margin-bottom: 24px}
.section-title p {margin-bottom: 0}

/* 
------------------------
    Header Personalizado
------------------------ 
*/

.menu-topo-personalizado
{
    font-family: Maven Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 13px!important;
    line-height: 15px!important;
    padding: 0.4% 0% 0.4% 0%;
    margin-right: 0px !important;
}
.menu-topo-personalizado a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #2D3E50;
}

.button-header-topo{
    border-radius: 3px;
    margin: 1% 0% 0% 0%;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF !important;
    background-color: #2E8A0F;
}

.button-header-topo:hover, .button-header-topo:focus, .button-header-topo:active{
    color: #fff !important;
    background-color: #2E8A0F !important;
    border-color: #2E8A0F !important;
    text-decoration: none !important;
}

.navbar-li-personalizado{
   /* margin: 0% 0% 0% 0%; */
   margin-right: 30px;
   /* width: 200px; */
   text-align: center;
}

/* .navbar-ul-personalizado{
    padding-right: 4%;   
} */

.div-nav-menus{
    text-align: right;
    right: 2.5%;
}

.navbar-ul-personalizado>li>a {
    padding-top: 4%;
    padding-bottom: 4%;
}

.navbar-ul-personalizado>li>a:focus,
.navbar-ul-personalizado>li>a:hover {
    font-weight: bold;
    text-decoration: underline;
    background-color: transparent;
}

/* 
---------------------------
DROPDOWN MENU PERSONALIZADO
--------------------------- */
.div-buttons-dropdown-menu{
    padding-left: 0px;
    padding-right: 0px;
}

.dropdown-menu-ul-personalizado{
    padding: 5px 0px 0px 0px;
    width: 355px;
    border-radius: 0px 0px 10px 10px;
}

.dropdown-menu-ul-conteudo{
    padding: 5px 0px 0px 0px;
    width: 285px;
    border-radius: 0px 0px 10px 10px;
}

.dropdown-menu-sobre-ul{
    padding: 5px 0px 0px 0px;
    width: 285px;
    left: -230px;
    border-radius: 0px 0px 10px 10px;
}

.button-experimente-gratis{
    background: #2E8A0F;
    color: #FFFFFF;
    border-radius: 0px 0px 5px 0px;
    height: 46px;
}

.button-experimente-gratis.focus, 
.button-experimente-gratis:hover {
    color: #FFFFFF;
    background-color: #39ac13;
    border-color: #39ac13;
}

.button-ver-todas{
    background: #2C3F50;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 5px;
    height: 46px;
}

.button-ver-todas.focus, .button-ver-todas:hover {
    color: #FFFFFF;
    background-color: #3c556b;
    border-color: #3c556b;
}

.div-funcionalidade-dropdown{
    margin: 0% 0% 0% 8%; 
    line-height: 14px;
    white-space: normal;
}

.div-funcionalidade-dropdown p{
    font-weight: normal;
    font-size: 12px;
}

.div-img-menu-sobre{
    background-image: url("../images/sobre/menu_sobre.jpg"); 
    /* Usado se a imagem estiver indisponível */
    background-color: #cccccc; 
    /* height: 500px;  */
    /* Centralize a imagem */
    background-position: center; 
    /* Não repita a imagem */
    background-repeat: no-repeat; 
    /* Redimensione a imagem de plano de fundo para cobrir todo o container */
    background-size: cover; 
    border-radius: 0px 0px 5px 5px;
}

.div-img-menu-conteudos{
    background-image: url("../images/sobre/menu_conteudos.png"); 
    /* Usado se a imagem estiver indisponível */
    background-color: #cccccc; 
    /* height: 500px;  */
    /* Centralize a imagem */
    background-position: center; 
    /* Não repita a imagem */
    background-repeat: no-repeat; 
    /* Redimensione a imagem de plano de fundo para cobrir todo o container */
    background-size: cover; 
    border-radius: 0px 0px 5px 5px;
}

.p-texto-vaga{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.p-texto-trabalhe-conosco{
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 8%;
    text-transform: uppercase;
}

.p-texto-trabalhe-conosco a{
    font-size: 16px !important;
}

.p-texto-trabalhe-conosco a:hover{
    text-decoration: underline !important;
}

.p-texto-blog{
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 5%;
}

.p-texto-blog a{
    font-size: 16px !important;
}

.p-texto-blog a:hover{
    text-decoration: underline !important;
}

.p-texto-conteudos{
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 8%;
}

/* ---------------------- 
    Integrações 
-------------------------*/
.section-integracoes.horizontal{
    margin: 4% 0% 4% 0%;
}

.section-integracoes h1{
    font-family: Maven Pro;
    font-weight: 500;
    text-align: center;
    margin: 0% 0% 6% 0%; 
    color: #2D3E50;  
}

.section-integracoes h2 span{
    text-decoration: underline;
    font-weight: bold;
}

.icone-integracao{
    color: #CA3338;
}

.section-integracoes ul li a{
    color: #353535;
}

.text-li-integracao{
    font-size: 14px;
}

.section-integracoes h4{
    font-family: Maven Pro;
    font-weight: bold;
    line-height: 24px;
    color: #2C3F50;
    margin: 5% 0% 5% 0%;
}

.section-integracoes .link-veja-integracoes{
    font-family: Maven Pro;
    font-weight: 500;
    line-height: 24px;
    color: #2C3F50;
    margin: 3% 3%;
    text-align: center;
}

/*----------------------
	2. Header Area
------------------------*/
.logo a {display: inline-block}

#main-menu {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 999999;
    padding: 1.5% 0 1.5% 0;
    background-color: rgba(0, 0, 0, 0.3);
}

#main-menu .menu-btn:hover,#main-menu .menu-btn:focus{
    text-decoration: none !important;
}

#main-menu.menu-interno{
    position: relative !important;
    margin-bottom: 20px
}

#main-menu.stick {
    background: #2d3e50 none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    padding: 1%;
    position: fixed;
    top: 0;
}
.main-menu {display: inline-block; margin: 8px 0;}
.main-menu nav ul li {display: inline-block}
.main-menu nav ul li a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    line-height: 26px;
    margin-right: 34px;
    padding: 0 1px;
    position: relative;
}
.main-menu nav ul li a:before {
    background: #f5a623 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: left, right;
            transition-property: left, right;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    z-index: -1;
}
.main-menu nav ul li a:hover:before, .main-menu nav ul li.active a:before {
    left: 0;
    right: 0;
}
.main-menu nav ul li:last-child a {margin-right: 0}
.main-menu nav ul li.active a, .main-menu nav ul li a:hover {
    color: #fff; 
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
}
header .menu-btn {
    float: right;
    font-size: 11px;
    line-height: 27px;
    margin-top: 8px;
    padding: 0 16px;
    text-decoration: none
}

.main-menu nav ul li a:focus{
  text-decoration: none;
}

.main-menu .dropdown-menu li{
    display: block !important;
    padding: 5px 20px 5px 20px ;
}

.main-menu .dropdown-menu li a{
    color: #2D3E50 !important;
    font-weight: bold;
}

.main-menu .dropdown-menu li a:before{
    background: none !important;
}

.main-menu .dropdown-menu li a:hover{
    text-decoration: underline
}

/*--------------------------------------------*/
/*  3. Banner Area
/*--------------------------------------------*/
.banner-area {
    background-color: #2d3e50;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 890px;
    position: relative;
    z-index: 1;
}
.banner-text {display: table; }
.banner-area .container, .banner-area .row, .banner-area .col-md-8, .banner-area .banner-text, .banner-area .banner-table-cell {
    height: 100%;
}
.banner-area .col-lg-7.col-md-8 {padding-right: 0;}
.banner-product-image {
    margin-top: 40%;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.banner-table-cell {
    display: table-cell;
    vertical-align: middle;
    z-index: 9;
    position: relative;
}
.banner-text h1 {
    color: #ffffff;
    font-size: 67px;
    font-weight: 800;
    line-height: 72px;
    margin-bottom: 23px;
    text-transform: uppercase;
}
.banner-text h1 span {color: #CA3338}
.banner-text h1 span.yellow {color: #F5A623}

.button-default {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #2d3e50;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 53px;
    padding: 0 31px;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.button-default:hover {
    background-color: #ffffff !important;
    color: #2d3e50 !important;
}
.banner-buttons .button-default {margin-right: 26px}
.banner-buttons a.button-default:hover {
    background-color: #CA3338 !important;
    color: #ffffff !important;
}
.banner-apps {
    margin-left: 72px;
    margin-top: -224px;
    position: relative;
}
.banner-apps .single-app:nth-child(1) {
    left: 0;
    position: absolute;
    top: 122px;
}
.banner-apps .single-app:nth-child(2) {
    left: 183px;
    position: absolute;
    top: 76px;
}
.single-app:nth-child(3) {
    left: 366px;
    position: absolute;
    top: 33px;
}
.single-app {
    background: #CA3338 none repeat scroll 0 0;
    border: 3px solid #ffffff;
    border-radius: 100%;
    display: inline-table;
    height: 100px;
    text-align: center;
    width: 100px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    z-index: 99
}
.single-app-table-cell {display: table-cell; vertical-align: middle}
.single-app h4, .single-app h3 {
    color: #ffffff;
    font-family: "latobold";
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.single-app h3 {font-size: 14px}
.single-app i {
    color: #ffffff;
    font-size: 35px;
    margin-bottom: 2px;
}
/*--------------------------------------------*/
/*  4. About Area
/*--------------------------------------------*/
.about-area {padding-top: 114px}
.about-area .col-lg-5 {padding-left: 0}
.about-image {margin-right: 45px}
.about-text h2 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 19px;
}
.about-text {
    margin-right: 54px;
    margin-top: 70px;
}
.about-text > p {margin-bottom: 25px}
.about-buttons {margin-top: 48px}
.about-buttons button.button-default {margin-right: 26px}
.about-buttons button.button-default {
    border: 1px solid #CA3338;
    line-height: 51px;
}
.about-buttons a.button-default:hover {background-color:#CA3338 !important; color: #fff !important}
/*--------------------------------------------*/
/*  5. Service Area
/*--------------------------------------------*/
.service-area {
    padding-bottom: 284px;
    padding-top: 50px;
    position: relative;
}
.service-area:after {
    background: #f0f0f0 none repeat scroll 0 0;
    content: "";
    height: 518px;
    left: 0;
    position: absolute;
    top: 10%;
    -webkit-transform: skewY(165deg);
    -ms-transform: skewY(165deg);
    transform: skewY(165deg);
    width: 100%;
    z-index: -1;
}
.single-item-icon {
    background-color: #CA3338;
    border-radius: 36px 36px 0;
    display: inline-table;
    height: 100px;
    margin-bottom: 24px;
    text-align: center;
    width: 100px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.single-item-icon i {
    color: #ffffff;
    display: table-cell;
    font-size: 50px;
    vertical-align: middle;
}
.single-item h4 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 24px;
}
.service-area .col-md-4:nth-child(2) {margin-top: -100px}
.service-area .col-md-4:nth-child(3) {margin-top: -200px}
.single-item:hover .single-item-icon {background-color: #2d3e50}
/*--------------------------------------------*/
/*  6. Features Area
/*--------------------------------------------*/
.features-area {
    background: url("../img/banner/preview.png") ;
    margin-top: -112px;
    padding-top: 35px;
	background-size:63% auto;
	background-position:-11% 49%;
	background-repeat:no-repeat;


}
.features-area .single-item-text p {margin-bottom: 0}
.features-area .single-item {margin-bottom: 46px}
.features-area .single-item-icon {float: left; margin-right: 38px}
.features-area .single-item-text {
    display: block;
    overflow: hidden;
    width: 408px;
}
.features-area .single-item-text h4 {line-height: 21px; margin-bottom: 11px}
.features-area .single-item:first-child, .features-area .single-item:last-child {
    margin-left: -50px
}
.features-area .single-item:nth-child(2), .features-area .single-item:nth-child(4) {
    margin-left: 84px
}
.features-area .single-item:nth-child(3) {margin-left: 121px}

.features-area .read-more{
    margin-top: 40px
}

.resources .single-item{
  min-height: 350px
}

#videoModal iframe{
    height: 450px
}


/*--------------------------------------------*/
/*  7. Download Area
/*--------------------------------------------*/
.download-area, .sign-email-area {
    background: url("../images/home/bg-news.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -137px;
    padding-bottom: 348px;
    padding-top: 298px;
    position: relative;
    z-index: -2;
}
.bg-news{
    background-color: #2c3f50;
    padding: 38px 80px 60px;
    border-radius: 5px;
}
.bg-news h2 {
    font-family: Maven Pro;
}
.sign-email-area h1 span{
  color: #F5A623;
}
.register-area {
    background: url("../img/banner/10828_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -137px;
    padding-bottom: 348px;
    padding-top: 298px;
    position: relative;
    z-index: -2;
}
.register-area a.menu-btn.button-olive{
  float: none!important;
}
.register-area a.link-telefone{
  color: #fff!important;
}
.register-area a.link-telefone:hover{
  color: #CA3338!important;
}
.register-area .termos a:hover{
	color: #fff!important;
}
.register-area h1 span{
  color: #F5A623;
}
.register-area form#cadastro input{
  background-color: #fff;
}
.download-area:before, .footer-area:before, .banner-area:before, .sign-email-area:before, .register-area:before {
    background-image: url("../img/banner/shape.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    content: "";
    height: 323px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.download-area:after, .sign-email-area:after, .register-area:after {
    background-image: url("../img/banner/shape.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    height: 323px;
    right: 0;
    position: absolute;
    bottom: -1px;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.download-bg, .footer-bg {
    background: rgba(45, 62, 80, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.download-area .section-title {margin-bottom: 56px}
.download-button-wrapper {text-align: center}
.download-btn span {
    color: #ffffff;
    display: block;
    font-family: "latomedium";
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}
.download-btn span.large-text {
    display: block !important;
    font-family: "latobold";
    font-size: 26px;
    position: relative;
    top: -4px;
}
.download-btn {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ffffff;
    border-radius: 2px;
    height: 78px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    display: inline-block
}
.download-btn:hover {
    background-color: #f5a623;
    border-color: #f5a623
}
.download-btn i {
    color: #ffffff;
    float: left;
    font-size: 50px;
    left: 22px;
    position: absolute;
    width: 53px;
}
/*--------------------------------------------*/
/*  8. Pricing Area
/*--------------------------------------------*/
.pricing-area {
    margin-top: -44px;
    padding-top: 35px;
}

.single-price-package {
    box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
    text-align: center;
}
.price-title {
    padding: 20px 0 20px;
    margin-top: 20px
}

.price-title.danger {
    background: #E24F43 none repeat scroll 0 0;
}

.price-title.muted {
    background: #5C5C5C none repeat scroll 0 0;
}

.price-title.warning {
    background: #F39C12 none repeat scroll 0 0;
}

.price-title.success {
    background: #27AE60 none repeat scroll 0 0;
}

.pricing-area .col-md-4:first-child .single-price-package  {
    margin-left: 60px;
    margin-right: 12px;
}
.pricing-area .col-md-4:last-child .single-price-package  {
    margin-right: 60px;
    margin-left: 12px;
}
.price-title > h3 {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.price {
    display: block;
    overflow: hidden;
}
.pricing-area .price > h4, .pricing-area .price > p {
    color: #ecebeb;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
.price-title h4 span.text-large {
    color: #ffffff;
    font-size: 30px;
    line-height: 61px;
}
.price .text-top {
    padding-right: 4px;
    position: relative;
    top: -20px;
}
.pricing-area .price > p {
    position: relative;
}
.price-list {
    padding-bottom: 30px;
    padding-top: 50px;
}

.price-btn{
    padding-top: 30px;
}

.price-body{
  padding: 20px 0 20px 0
}


.price-list li {
    color: #2d3e50;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}
.price-btn .button {
    background: #2d3e50 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 13px;
    color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 39px;
    margin-top: 52px;
    padding: 10px !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.price-btn .button:hover {background-color: #CA3338;}
.list-large .price-title > h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 2px;
}
.pricing-area .list-large .price > h4, .pricing-area .list-large .price > p {font-size: 20px}
.list-large .price-title h4 span.text-large {
    font-size: 70px;
    line-height: 71px;
}
.list-large .price .text-top {
    padding-right: 0;
    top: -23px;
}
.list-large .price-title {padding: 37px 0 40px}
.pricing-area .single-price-package.list-large {
    box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.4);
    margin: -34px 16px 0;
}
.list-large .price-list li {line-height: 39px}
/*--------------------------------------------*/
/*  9. Testimonial Area
/*--------------------------------------------*/
.testimonial-area {padding-top: 100px}
.testimonial-image-slider {margin-top: 5px}
.testimonial-area .icon-testimonial{
    width: 70px;
    height: 70px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 65px;
    border: 2px solid #FFF;
    display: inline-block;
    margin: -35px 0 0 -35px;

    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.testimonial-area img{
    width: 100%;
}
.testimonial-area h3{
    font-weight: 800;
}

.testimonial-area .testimonial-left{
    text-align: left;
}

.testimonial-area .testimonial-right{
    text-align: right;
}

.slick-list {margin: 0 5px}
.sin-testiImage {
    display: inline-block;
    margin-bottom: 11px;
    outline: medium none;
}
.sin-testiImage img {
    border: 1px solid #CA3338;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block !important;
    height: 97px;
    margin-bottom: 30px;
    margin-top: 36px;
    outline: 0 none;
    width: 97px;
}
.sin-testiImage.slick-current img {
    height: 170px;
    margin-top: 0;
    opacity: 1;
    filter:alpha(opacity=100);
    width: 170px;
    border: 3px solid #CA3338;
}
.testimonial-text-slider h2 {
    display: block;
    font-size: 25px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 1px;
    text-transform: uppercase;
}
.testimonial-text-slider {
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 7px;
    margin: auto;
    padding: 30px 55px 4px;
    position: relative;
    width: 71%;
    z-index: 9;
}
.testimonial-text-slider:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f0f0f0;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: solid;
    border-width: 22px 13px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    top: -44px;
    width: 0;
}
.linha-do-tempo .sin-testiText{
    outline: none;
    background-color: #fff;
    padding: 10px 0 15px;
    font-weight: bold;
    border-radius: 13px;
}
h2.slick-current{
color:#CA3338;
}
.sin-testiText p {margin-bottom: 32px}
.client-rating {margin-bottom: 5px}
.client-rating i {
    color: #7d7d7d;
    font-size: 18px;
    
}
.client-rating i.color {color: #f1c30d}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 25px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 34.6%;
    width: 16px;
}
.slick-prev {left: -31px}
.slick-next {right: -31px}
.slick-prev:before, .slick-next:before {
    height: 25px;
    width: 16px;
    left: 0;
    top: 0;
    position: absolute;
    color: #2d3e50;
    content: "\f104";
    font-family: FontAwesome;
    font-size: 50px !important;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.slick-prev:hover:before, .slick-next:hover:before {color: #CA3338}
.slick-next:before {
    right: 0;
    content: "\f105";
}
/*--------------------------------------------*/
/*  10. Screenshot Area
/*--------------------------------------------*/
.screenshots-area {padding-top: 117px}
.sin-screenshot {z-index: 9}
.sin-screenshot a {display: block; position: relative}
.sin-screenshot a:before {
    background: #24141e none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
}
.sin-screenshot a:hover:before {opacity: 0.2;filter:alpha(opacity=20)}
#screenshot-carousel {z-index: 9;}
/*--------------------------------------------*/
/*  11. Footer Area
/*--------------------------------------------*/

footer{
  margin-top: 50px !important
}


.footer-area {
    background-image: url("../img/banner/4.jpg");
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
    margin-top: -42px;
    padding-bottom: 118px;
    padding-top: 262px;
    position: relative;
    z-index: 1;
}
/*--------------------------------------------*/
/*  11.1 Contact Form
/*--------------------------------------------*/
.footer-area h3 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 0;
}

.footer-area a{
  color: #9DB1C8;
}

.footer-area a:hover{
  color: #CA3338;
}

.footer-area .description-logo{
    color: #FFFFFF;
    margin-top: 20px
}


form#contact-form {
    margin-right: 21px;
    margin-top: 46px;
}
.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: none;
    height: 42px;
    margin-bottom: 3px;
    padding: 8px 17px;
}
textarea.form-control {
    height: 99px;
    resize: none;
}
.submit-form .button {
    background-color: #CA3338;
    border-radius: 7px;
    color: #ffffff;
    font-family: "latomedium";
    height: 44px;
    margin-top: 21px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 100%;
    border: 0
}
.submit-form .button:hover, .footer-blue .submit-form .button:hover, .footer-yellow .submit-form .button:hover {
    background-color: #fff;
    color: #2d3e50;
}
.contact-icon {
    background-color: #CA3338;
    border-radius: 21px 21px 0;
    color: #ffffff;
    display: inline-table;
    float: left;
    height: 54px;
    margin-right: 24px;
    text-align: center;
    width: 54px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.single-contact-info:hover .contact-icon {background-color: #fff; color: #2D3E50} 
.contact-icon i {
    display: table-cell;
    font-size: 30px;
    vertical-align: middle;
}
.contact-text > span {
    color: #eeeeee;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.single-contact-info {
    margin-bottom: 26px;
    overflow: hidden;
}
.contact-text {display: inline-block}
.conatct-info {margin-top: 52px}
/*--------------------------------------------*/
/*  11.2 Newsletter
/*--------------------------------------------*/
.newsletter > h3 {margin-bottom: 23px}
.newsletter {margin-top: 105px}
.newsletter-content > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 9px;
    color: #a3a3a3;
    font-family: "latosemibold";
    font-size: 14px;
    height: 49px;
    padding: 0 19px;
    width: 100%;
}
.newsletter-content {
    margin-top: 38px;
    position: relative;
}
.newsletter-content .button {
    border: 0 none;
    border-radius: 9px;
    color: #2d3e50;
    font-family: "latosemibold";
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 29.5%;
}
.newsletter-content .button:hover {
    background-color: #CA3338;
    color: #ffffff;
}
/*--------------------------------------------*/
/*  11.3 Footer
/*--------------------------------------------*/
.footer-links a {
    border: 1px solid #fafbfb;
    border-radius: 100%;
    color: #ffffff;
    display: inline-table;
    font-size: 20px;
    height: 36px;
    margin: 0 6.5px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 36px;
}
.footer-links a i {
    display: table-cell;
    vertical-align: middle;
}
.footer-links a:hover {
    background-color: #CA3338;
    border-color: #CA3338;
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.footer-links {margin-top: 40px}
.footer-text span {color: #cccccc}
.footer-text {margin-top: 23px}
.footer-text span a {color: #cccccc}
.footer-text span a:hover {
    border-bottom: 1px solid #CA3338;
    color: #CA3338;
}
/*--------------------------------------------*/
/*  12. Homepage Blue
/*--------------------------------------------*/
.header-blue .main-menu nav ul li a:before {background: #ca3338}
.banner-blue .banner-text h1 span, .testimonial-blue .slick-prev:hover:before, .testimonial-blue .slick-next:hover:before {
    color: #ca3338
}

.banner-buttons .button{
     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ca3338;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-top-style: none;
    border-top-width: 0;
}


.banner-blue .banner-buttons a.button-default:hover {background-color: #ca3338!important}
.banner-blue .single-app, .service-blue .single-item-icon, .features-blue .single-item-icon, .footer-blue .contact-icon, .footer-blue .submit-form .button, .footer-blue .newsletter-content .button:hover {
    background-color: #ca3338
}
.about-blue .about-buttons button.button-default {border: 1px solid #ca3338;}
.about-blue .about-buttons a.button-default:hover {
    background-color: #ca3338 !important;
    color: #ffffff !important;
}
.features-area.features-blue {
    background: url("../img/banner-blue/preview.png");
    background-repeat: no-repeat;
    background-position: -11% 79%;
    background-size: 63% auto;
}
.download-blue .download-btn:hover, .pricing-blue .price-btn .button:hover, .footer-blue .footer-links a:hover {
    background-color: #ca3338;
    border-color: #ca3338;
}
.testimonial-blue .sin-testiImage.slick-current img, .testimonial-blue .sin-testiImage img {
    border-color: #ca3338;
}
.footer-blue .footer-text span a:hover {
    border-bottom: 1px solid #ca3338;
    color: #ca3338;
}
/*--------------------------------------------*/
/*  13. Homepage Yellow
/*--------------------------------------------*/
.header-yellow .main-menu nav ul li a:before {background: #ca3338}
.banner-yellow .banner-text h1 span, .testimonial-yellow .slick-prev:hover:before, .testimonial-yellow .slick-next:hover:before {
    color: #ca3338
}
.banner-yellow .banner-buttons a.button-default:hover {background: #ca3338 none repeat scroll 0 0 !important}
.banner-yellow .single-app, .service-yellow .single-item-icon, .features-yellow .single-item-icon, .footer-yellow .contact-icon, .footer-yellow .submit-form .button, .footer-yellow .newsletter-content .button:hover {
    background-color: #ca3338
}
.about-yellow .about-buttons button.button-default {border: 1px solid #ca3338;}
.about-yellow .about-buttons a.button-default:hover {
    background-color: #ca3338 !important;
    color: #ffffff !important;
}
.features-area.features-yellow {
    background: url("../img/banner-yellow/preview.png");
    background-repeat: no-repeat;
    background-position: -11% 79%;
    background-size: 63% auto;
}
.download-yellow .download-btn:hover, .pricing-yellow .price-btn .button:hover, .footer-yellow .footer-links a:hover {
    background-color: #ca3338;
    border-color: #ca3338;
}
.testimonial-yellow .sin-testiImage.slick-current img, .testimonial-yellow .sin-testiImage img {
    border-color: #ca3338;
}
.footer-yellow .footer-text span a:hover {
    border-bottom: 1px solid #ca3338;
    color: #ca3338;
}
/*--------------------------------------------*/
/*  14. Homepage Four
/*--------------------------------------------*/
.header-four .main-menu {float: right;}
.banner-image .banner-buttons .button-default {
    margin-right: 0;
}
.banner-area.banner-image {
    background-image: url("../img/banner/banner-foto.jpg");
    height: 970px;
    overflow: hidden;
    position: relative;
}
.banner-area.banner-image:after {
    background-color: rgba(45, 62, 80, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.banner-area.banner-image .banner-table-cell {
    z-index: 9;
    position: relative;
    text-align: left
}

.banner-area.banner-image .banner-table-cell p{
    font-size: 120%
}

.banner-image .banner-table-cell, .banner-image .banner-text {
    display: block;
    height: auto;
    width: 100%;
}
.banner-image .banner-apps {display: none;}
.banner-area:before {
    bottom: 0px;
    right: 0;
    top: auto;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.banner-image .banner-text {padding-top: 18.3%;}
.about-area.about-four {
    padding-top: 50px;
    position: relative;
    z-index: 99;
}

.banner-text .watch-video{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
}

.banner-text .watch-video .watch-video-icon{
    opacity: 0.3
}

.service-info-container > span {
    display: block;
    font-family: "latosemibold";
    line-height: 27px;
    position: relative;
}
.service-info-container i {
    color: #CA3338;
}
.about-four .about-text {margin-top: 33px;}
.about-four .about-text > p {margin-bottom: 21px;}
.about-four .about-buttons {margin-top: 43px;}
.feature-four .feature-image {
    margin-top: 27px;
}
.feature-four {
    background-color: rgba(0, 0, 0, 0);
    margin-top: -160px;
    padding-top: 35px;
}
.feature-four .single-item-icon {
    border-radius: 36px 36px 36px 0;
    float: right;
    margin-bottom: 0;
    margin-left: 34px
}
.feature-four .single-item-text {
    display: block;
    padding: 0 28px;
    text-align: right;
}
.feature-four .single-item h4 {
    font-size: 26px;
    margin-bottom: 4px;
}
.feature-four .single-item-text > p {margin-bottom: 0;}
.feature-four .single-item {
    margin-bottom: 63px;
    overflow: hidden;
}
.download-area, .sign-email-area, .register-area {
    padding-top: 328px;
    padding-bottom: 340px
}
.sign-email-area h1, .register-area h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 32px;
    text-transform: uppercase;
    z-index: 9;
}
.header-main #search-domain-name {
    overflow: hidden;
}
.sign-email-area:after{bottom: -1px}
.register-area:after{bottom: -1px}
.domain-wrapper {margin: 0 21px;}
.search-box {
    background-color: #ffffff;
    border-radius: 7px;
    position: relative;
    width: 100%;
    z-index: 100;
}
.search-cat {
    background: url("../img/icon/arrow.png") no-repeat scroll 80% 23px;
    cursor: pointer;
    height: 100%;
}
.search-cat p .cate-selected {
    line-height: 45px;
}
.search-categories .fa {
    margin-left: 10px;
}
#text-search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #2d3e50;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 51px;
    outline: medium none;
    padding: 0 290px 0 27px;
    width: 100%;
}
#text-search:focus {
    outline: medium none;
}
.search-categories {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 0 8px 8px 0;
    height: 100%;
    position: absolute;
    right: 194px;
    top: 0;
    width: 100px;
    z-index: 9;
}
#btn-search-category {
    background: #CA3338 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 8px 8px 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    margin: 0;
    outline: medium none;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    right: -1px;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
#btn-search-category:hover {background: #2d3e50;}
.category-items {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #2d3e50;
    cursor: pointer;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 100%;
    left: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0 25px 0 15px;
    position: absolute;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: height;
            transition-property: height;
    width: 100px;
    z-index: 9999;
}

.pricing-four .price-title > h3 {font-size: 20px;}
.pricing-area.pricing-four .price > p {
    bottom: -1px;
    font-size: 16px;
}
.pricing-four .price-title {padding: 31px 0;}
.pricing-four .price .text-top {
    font-size: 16px;
    top: -19px;
}
.pricing-four .price-list li {
    font-size: 17px;
    line-height: 30px;
}
.pricing-four .price-btn .button {
    margin-top: 47px;
    padding: 0 34px;
}
.pricing-four .price-btn .button-olive:hover {background: #2d3e50 none repeat scroll 0 0 !important;}
.pricing-olive .price-title {background: #CA3338;}
.footer-solid-color {background: #2d3e50;}
.testimonial-area.testimonial-four {padding-bottom: 50px;}
/*-------------------------------------------------*/
/*  15. Homepage Five, Homepage Six, Homepage Seven
/*-------------------------------------------------*/
.banner-area.banner-horizontal::before {
    background-color: #ffffff;
    background-image: inherit;
    height: 142px;
}
.banner-horizontal .banner-apps .single-app {top: 30px;}
.service-area.horizontal .col-md-4:nth-child(2), .service-area.horizontal .col-md-4:nth-child(3) {margin-top: 0;}
.about-area.horizontal {padding: 85px 0;}
.service-area.horizontal {
    background-color: #f0f0f0;
    padding-bottom: 70px;
    padding-top: 50px;
}
.features-area.horizontal {
    margin-top: 0;
    padding-bottom: 60px;
    padding-top: 82px;
}
.download-area.horizontal::before, .download-area.horizontal::after, .footer-area.horizontal::before, .banner-area.horizontal::before, .sign-email-area.horizontal::before, .service-area.horizontal::after, .register-area.horizontal::before {
    display: none;
}
.download-area.horizontal {
    margin-top: 0;
    padding-bottom: 85px;
    padding-top: 80px;
}
.features-area.horizontal .single-item:last-child {margin-bottom: 0;}
.pricing-area.horizontal {
    margin-top: 0;
    padding-top: 81px;
}
.testimonial-area.horizontal {padding-top: 82px;}
.screenshots-area.horizontal {padding-top: 82px;}
.footer-area.horizontal {
    margin-top: 80px;
    padding-bottom: 82px;
    padding-top: 82px;
}
/*-------------------------------------*/
/*  16. Homepage Eight
/*-------------------------------------*/
.banner-area.banner-image.horizontal {height: 671px;}
.about-area.about-four.horizontal {
    margin-top: 0;
    padding-bottom: 68px;
    padding-top: 82px;
}
.feature-four.horizontal {
    margin-top: 0;
    padding-bottom: 80px;
    padding-top: 82px;
}
.sign-email-area.horizontal {
    margin-top: 0;
    padding-bottom: 100px;
    padding-top: 93px;
}
.register-area.horizontal {
    margin-top: 0;
    padding-bottom: 100px;
    padding-top: 30px;
    z-index: 1;
}
.feature-four.horizontal .col-lg-6:first-child .single-item:last-child {margin-bottom: 0;}
.sign-email-area.horizontal::after {display: none;}
.register-area.horizontal::after {display: none;}
.testimonial-area.testimonial-four.horizontal {}
.footer-solid-color.horizontal { margin-top: 0;}
/*--------------------------------------------*/
/*  17. Scroll Up
/*--------------------------------------------*/
#scrollUp {
    background: #2D3E50 none repeat scroll 0 0;
    bottom: 35px;
    color: #ffffff;
    right: 12px;
    cursor: pointer;
    height: 40px;
    line-height: 30px;
    position: fixed;
    text-align: center;
    -webkit-transition: all 4ms linear 0s;
            transition: all 4ms linear 0s;
    width: 40px;
    z-index: 0;
    font-size: 27px;
    border: 1px solid #2D3E50;
    margin: 2.5% 0.8%;
}
#scrollUp:hover {background-color: #fff; color: #2D3E50}

.partners-name-area {
    background: url("../img/banner/partner_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0 70px 0;
    position: relative;
    z-index:-2
}

.partners-name-area .bg{
    background: rgba(45, 62, 80, 0.80) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.partners-name-area h1{
    font-size: 36px;
    font-weight: 800;
    line-height: 33px;
    position: relative;
    text-transform: uppercase;
    z-index: 99;
    margin-bottom: 50px
}

.partners-name-area h1 span{
  color: #F5A623;
}


/*--------------------------------------------*/
/*  18. BLOG
/*--------------------------------------------*/

.blog-item {
  border-radius: 0;
  overflow: hidden;

}

.blog-item.video-item{
  border-bottom: #CCCCCC solid 1px;
  margin-bottom: 20px
}


.blog-item.video-item a p{
    color: #2D3E50 !important;
    text-align: justify;
}


.blog-item-recent {
    margin-bottom: 10px
}

.blog-item-recent .title {
    color: #666666;
}

.blog .blog-item .img-blog {
  border-radius: 5px;
  margin-bottom: 45px;
}

.blog .blog-item .blog-content {

}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h3 {
  color: #858586;
  margin-bottom: 40px;
  /* font-weight: 300 */}

.blog .blog-item .blog-content h4 {
  font-size: 14px;
}

.post-tags {

}

.blog .blog-item .entry-meta {
  border-radius: 5px;
  overflow: hidden;
}

.blog .blog-item .entry-meta > span {
  background: #f5f5f5;
  border-top: 1px solid #fff;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#publish_date {
  background: #c52d2f;
  border-bottom: 5px solid #4e4e4e;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.blog .blog-item .entry-meta > span {
  color: #ccc;
}

.blog .blog-item .entry-meta > span a {
  font-size: 12px;
  margin-left: 3px;
  font-weight: 300;
  color: #888;
}

.blog #alfabeto {
  padding: 5px;
  border: #2D3E50 solid 1px;
  display: table;
  width: 100%;
  margin-bottom: 10px
}


.blog #alfabeto li{
  float: left;
  padding: 5px
}


.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.video-youtube {
    width: 100%;
    display: table;
}
.video-youtube iframe{
    min-height: 450px;
    width: 100%;
}

.blog_category li a{
    background: #f5f5f5;
    border-radius: 4px;
    color: #888;
    display: inline-block;
    padding: 5px 15px;
}
.badge{
    background-color: #c52d2f;
    border-radius: 5px;
    color: #fff;
    padding: 8px;
    position: relative;
    left: 60px;
    top: -18px;
    font-weight: normal;
}
.badge:before {
    border-color: transparent transparent transparent #c52d2f;
    border-style: solid;
    border-width: 10px;
    bottom: -8px;
    content: "";
    height: 0;
    left: 5px;
    position: absolute;
    z-index: -99999;
}

.blog-item h1{
  margin-top:0;
}

#helpcenter #ArtigoIndexForm .input-group input#ArtigoBusca{
  height:100%;
  background-color:white;
  font-size: 20px;
}
#helpcenter #ArtigoIndexForm .input-group .input-group-btn button{
  margin-top: 0px;
  height: 46px;
}
#helpecenter #busca .btn-mais-pesquisados:hover{
  background-color:#fff!important;
}
#helpcenter .busca-topo .input-group .btn{
  height: 42px;
}
.breadcrumb li:first-child a {
  padding-left:10px;
}
#helpcenter #busca.bg{
    padding: 30px 0;
    background-image: url('../img/background/bg_helpcenter.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}  

@media screen and (max-width: 720px) {
   #helpcenter #busca input#ArtigoBusca{
    font-size: 15px!important;
   }
   #helpcenter #busca button{
    height: 38px!important;
   }   
}

.banner-fixo .container{
    font-size: 25px;
    font-weight: bold;
    padding-top: 31px;
    padding-bottom:15px;
    color: #fff;
    text-align: center;
}
#modalAnuncio .conteudo_esquerda{
  font-size: 21px;
  text-align: justify;  
}
.register-area .topicos_cadastro{
}
.register-area .topicos_cadastro h4 .contact-icon{
  margin-top:-17px;
}
.register-area h1.title-cadastro{
  font-size: 30px;
}
.banner-fixo .container .texto-descricao{
  line-height: 30px;
  vertical-align: middle;
  display: table-cell; 
  height: 150px;
}
.banner-fixo .container .botao{
  padding-top: 10px;
  padding-right: 0px;
}
.banner-fixo .container .botao a.botao-right{
  font-size: 53%;
}
.banner-fixo .container .imagem img{
  width: 200px;
  height: 170px;
}
.banner-fixo button .glyphicon-remove{
  color: #cecece;
}
.banner-fixo .btn-e-cliente{
    color: #2D3E50!important;
}
.banner-fixo .container .texto-descricao{
    color: transparent!important;
}
.banner-fixo .botao-right{
    color: #fff!important;
}
.banner-fixo .botao-right:hover{
    color: #2D3E50!important;
}
.banner-fixo a.btn-e-cliente{
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    margin-right: 18px;
    margin-top: 4px;
    text-decoration: underline;
    display: block;
}
.busca-blog .input-group .input-group-btn{
  float: right;
}
.busca-blog .input-group .input-group-btn button{
  margin-left: 3px;
    margin-top: -66px;
    height: 42px;
}

@media (max-width: 767px) {       
    .btn-depoimento-slide li i{
        margin-top: 5px;
    }
    .btn-depoimento-slide a li{
        height: 40px;
        width: 40px;
    }
    .mx-xs-auto{
        margin-left: auto !important;
        margin-right: auto !important;
    }
  .text-center-xs{
    text-align: center
  }
  .banner-fixo a.btn-e-cliente{
    margin-right: 0px;
  }
}

#quem-somos .visao img, #quem-somos .missao img{
    border-radius: 10px;
}

#contact-info .col-sm-6 h1, #contact-info .col-sm-6 h2, #contact-info .col-sm-6 h3, #contact-info .col-sm-6 h4, #contact-info .col-sm-6 h5, #contact-info .col-sm-6 h6 {
    margin: 20px 0 10px;
    margin-top: 20px;
    font-family: 'latoregular',sans-serif;
}
#contact-info .box-formulario{
  background-color: #e8e8e8;
  padding: 20px;
}
#contact-info .box-formulario form input, #contact-info .box-formulario form select, #contact-info .box-formulario form textarea{
  background-color: #fff;
}
#pricing .single-price-package.border-danger{
    border: 1px solid #a94442;
    border-radius: 15px;
}
#pricing .single-price-package.border-warning{
    border: 1px solid #F39C12;
    border-radius: 15px;
}
#pricing .single-price-package.border-muted{
    border: 2px solid #5c5c5c;
    border-radius: 15px;
    box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.43);
    border-top: 35px solid #5c5c5c;
}
#pricing .single-price-package.border-muted .price-title{
    padding-top: 0px;
    margin-top: 31px;
}
#pricing .single-price-package.border-success{
    border: 1px solid #3c763d;
    border-radius: 15px;
}
#pricing .single-price-package.border-muted a.button{
    background: #27ae60 none repeat scroll 0 0;
}
#pricing.pricing-area .periodo-planos{
  text-align: center;
  margin-top: 15px;
}
#pricing.pricing-area .periodo-planos li{
    text-align: left;
    display: inline-block;
    padding: 7px 80px 7px 80px;
    border-radius:4px;
    margin: 5px;
    border: #2D3E50 solid 1px;
    cursor: pointer;
}
#pricing.pricing-area .periodo-planos li:hover, #pricing.pricing-area .periodo-planos li.active{
  background: #2D3E50;
  color: #FFFFFF;
}
#pricing span.mais-vendido{
    font-size: 19px;
    color: #fff;
    margin-top: -30px;
    display: block;
}
#pricing .price-title .text-danger {
    color: #E24F43!important;
}

#pricing .price-title .text-warning {
    color: #F39C12!important;
}

#pricing .price-title .text-muted {
    color: #5c5c5c!important;
}

#pricing .price-title .text-success {
    color: #27AE60!important;
}
#pricing.pricing-area .price > h4, #pricing.pricing-area .price > p {
    color: #6e6e6e!important;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 15px!important;
    font-weight: normal!important;
    margin-bottom: 0;
}
#pricing .price-title h4 span.text-large {
    color: none!important;
    font-size: 30px;
    line-height: 61px;
}
#pricing.pricing-area .price > h4, #pricing.pricing-area .price > p {
    color: #6e6e6e!important;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
#pricing .price-body, #pricing .price-btn {
    padding: 0px;
}
#pricing .valor-riscado{
    position: relative;
    top: 30px;
    font-size: 13px;
}

.botao_whatsapp_app {
    position: fixed;
    bottom: 10px;
    z-index: 9999999999;
    display: flex;
    align-items: center;
}

.botao_whatsapp_app.left {
    left: 15px;
}

.botao_whatsapp_app.right {
    right: 15px;
}

.botao_whatsapp {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background: #25d366;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.botao_whatsapp:hover,
.botao_whatsapp:focus {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.botao_whatsapp::before {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='whatsapp' class='svg-inline' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3e%3c/path%3e%3c/svg%3e") top center no-repeat;
    height: 35px;
    margin-top: 6px;
}

.botao_whatsapp p {
    font-family: 'Arial', sans-serif;
}

.botao_whatsapp_secondary,
.botao_whatsapp_primary {
    display: none;
}

.botao_whatsapp_secondary {
    max-width: 300px;
}

.botao_whatsapp_secondary p {
    margin-left: 15px;
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    color: #000;
    font-size: 14px;
    background: #fff;
}

.botao_whatsapp_secondary p::before {
    top: 20px;
    left: -9px;
    content: '';
    position: absolute;
    background: white;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    left: -5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 1;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.botao_whatsapp_primary {
    border-radius: 5px;
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 10px;
    bottom: 70px;
    align-items: center;
    max-width: 350px;
    box-shadow: 7px 7px 15px 8px rgba(0, 0, 0, 0.17);
    position: absolute;
    width: 350px;
}

.botao_whatsapp_primary img {
    width: 50px;
    border-radius: 5px;
    margin-left: 10px;
}

.botao_whatsapp_primary p {
    margin: 20px;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    color: #000;
    font-size: 14px;
}

.botao_whatsapp_primary p::before {
    top: 20px;
    left: -9px;
    content: '';
    position: absolute;
    background: white;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    left: -5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 1;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.botao_whatsapp_primary .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #000;
    opacity: .5;
}

.botao_whatsapp_primary .close:hover,
.botao_whatsapp_primary .close:focus {
    color: #f00;
    opacity: 1;
}

/* 
------------------------
    Classes Genéricas
------------------------ 
*/
.text-primary{
    color: #2c3f50
}
.order-1{
    order: 1;
}
.order-2{
    order: 2;
}
.order-3{
    order: 3;
}
.order-4{
    order: 4;
}
.w-100{
    width: 100%;
}
.box-shadow{
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.font-weight-light{
    font-weight: 300 !important;
}
.font-weight-bold{
    font-weight: 700 !important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.mt-6, .my-6 {
    margin-top: 4rem!important;
}
.mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.d-flex{
    display: flex;
}
.text-nowrap {
    white-space: nowrap !important;
  }
.justify-content-center{
    justify-content: center !important;
}
.justify-content-around{
    justify-content: space-around !important;
}
.justify-content-between{
    justify-content: space-between !important;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-shadow{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.py-100{
    padding-top: 100px;
    padding-bottom: 100px; 
}
.py-75{
    padding-top: 75px;
    padding-bottom: 75px; 
}
.py-5{
    padding-right: 5px;
    padding-left: 5px;
}
.ml-1{
    margin-left: 1rem;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.text-initial{
    text-transform: initial !important;
}
.margin-top-50px{
    margin-top: 50px;
}
.margin-top-30px{
  margin-top: 30px
}
.font-size-20{
    font-size: 20px;
}
.text-underline{
    text-decoration: underline;
}
/* 
------------------------
    FIM Classes Genéricas
------------------------ 
*/

/* Nova página de contato */
.bg-cor-principal{
    background-color: #2C3F50;
}
.bg-primario{
    background-color: #E8EDF1;
    padding: 25px 10px 100px 10px;
}
.bg-secundario{
    background-color: #2C3F50;
    padding: 100px 0;
}

.banner-image h2{
    font-size: 75px;
}
.banner-image img{
    margin-top: 75px;
}
.box-formulario{
    background-color: #fff;
    border-radius: 20px;
    padding: 36px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
    
}
.box-formulario button i{
    position: absolute;
    right: 23%;
    top: 34%;
}
.box-formulario h3{
    color: #2C3F50;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
}
.box-formulario input{
    border: 1px solid #9AA7B1 !important;
    box-sizing: border-box;
    border-radius: 5px;
}
.box-formulario select{
    border: 1px solid #9AA7B1 !important;
    box-sizing: border-box;
    border-radius: 5px;
}
.box-formulario input:focus{
    border: 1px solid #2E8A0F !important;
}
.box-formulario label{
    font-weight: normal;
}
.bnt-contato{
    background-color: #CA3338;
    color: white;
    width: 285px;
    height: 50px;
    font-size: 16px;
}
.bnt-contato:hover{
    background-color: #9e1d22;
    color: white !important;
}

.forma-contato h2{
    font-size: 35px;
    color: #2C3F50;
}
.forma-contato p{
    font-size: 16px;
    line-height: 26px;
    color: #353535;
}
.btn-terciario{
    background: #009F09;
    color: white;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 16px 31px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    border: none;
}
.btn-terciario:hover{
    background: #1E6905;
    color: white;
    
}
.btn-secundario{
    border: 1px solid #2D3E50;
    background: none;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #2D3E50;
    padding: 16px 31px;
}
.btn-secundario:hover{
    border: 1px solid #2C3F50;
    color: #fff;
    background-color: #2C3F50;
}
.btn-complementar{
    background: #2C3F50;
    color: white;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 16px 31px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    border: none;
}
.btn-complementar:hover{
    background-color: #1c2d3c;
}
.redes-sociais p {
    font-size: 16px;
    line-height: 26px;
    color: #353535;
}
.redes-sociais h3 {
    font-weight: 800;
    font-size: 35px;
    line-height: 26px;
    color: #2C3F50;
    
}
.redes-sociais-icon a {
    border: 1px solid #fafbfb;
    border-radius: 100%;
    background-color: #fff;
    color: #2C3F50;
    display: inline-table;
    font-size: 25px;
    height: 50px;
    margin: 0 7.5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
    text-align: center;
    line-height: 45px;
}
.redes-sociais-icon a:hover {
   background-color: #2c3f50;
   color: white;
}
/* Fim Página de contato */

/* Classes Elements CTA Atendimento */
#cta-footer h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'latoregular',sans-serif;
}
  .cta-footer .card{
    text-align: center;
    padding: 40px 0 20px;
  }
  .cta-footer .card p{
   font-family: Maven Pro;
  }
  .cta-footer .card {
      border-radius: 4px;    
    }
  .cta-footer .card:hover {
    transform: scale(1.03);
    transition: transform 0.15s ease-out;
  }
   .cta-footer .card i{
        font-size: 70px;
        margin-bottom: 15px;
   }
   .cta-footer a:hover{
       text-decoration: none;
   }
   .cta-footer a{
       color: #2c3F50;
   }
  .cta-footer .card h3{
    font-weight: bold;
    font-size: 26px;
    margin-top: 0;
    color: black;
  }
  .cta-footer h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    font-family: Maven Pro Bold;
  }
  .cta-footer{    
    padding: 27px 0;
}
  .cta-footer-item a{
    text-decoration: none !important;
}  
  .background-cta-footer img{
      border-radius: 5px;
  }
  .atendimento-disponivel h2{
      margin-top: 50px;
  }
  .atendimento-suporte{
    padding: 10px 5px;
    border-radius: 5px;
    color: white;
    position: relative;
    z-index: 0;
    margin-top: 30px;
  }
  .atendimento-suporte:hover{
    transform: scale(1.03);
    transition: transform 0.25s ease-out;
    }
  .atendimento-telefone{
    background-color: #225E93;
  }
  .atendimento-whatsapp{
    background-color: #2E8A0F;
  }
  .atendimento-central-ajuda{
    background-color: #CA3338;
  }
  .atendimento-central-ajuda h4{
    font-size: 23px;
    line-height: 32px;
    margin-top: 6px !important;
  }
  .atendimento-suporte h3{
    margin: 10px 0 10px;
    }
  .atendimento-suporte h4{
    margin: 14px 0 10px;
  }
 
  .atendimento-telefone:before{
    content: "\f095";
    font-family: FontAwesome;
    right: 2px;
    position: absolute;
    top: 42px;
    font-size: 107px;
    color: #ffffff36;
    z-index: -1;
  }
  .atendimento-whatsapp:before{
    content: "\f232";
    font-family: FontAwesome;
    right: 2px;
    position: absolute;
    top: 38px;
    font-size: 101px;
    color: #ffffff36;
    z-index: -1;
  }
  
  .atendimento-central-ajuda:before{
    content: "\f059";
    font-family: FontAwesome;
    right: 5px;
    position: absolute;
    top: 36px;
    font-size: 100px;
    color: #ffffff36;
    z-index: -1;
  }
/* FIM Classes Elements CTA Atendimento */

/* Media Querys */
@media (min-width: 992px) {
    .d-lg-flex{
        display: flex;
    }
    .ml-lg-n4{
      margin-left: -13%;
    }
    .ml-lg-1{
        margin-left: 1rem;
    }
    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1.5rem !important;
    }
    .margin-left-lg-0{
        margin-left: 0 !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
      margin-top: 1.5rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 8rem !important;
    }
 }

    @media (max-width: 321px) {
            .bnt-contato{
                width: 100%;
            }
            .box-formulario button i {
                right: 15%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .bnt-contato{
                width: 100%;
            }
            .box-formulario button i {
                right: 15%;
            }
            .text-center-sm{
                text-align: center;
            }
            
        }
    /* Fim Media Querys */
 
    /* Pagina de Login */
    .box-formulario-login{
        background-color: white;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
        border-radius: 20px;
        padding: 40px;
        max-width: 530px;
    }
    .box-formulario-login input[type=text], [type=password], [type=email]{
        height: 50px;
    }
    .box-formulario-login input:active{
        border: 1px solid teal;
    }
    .box-formulario-login input:focus{
        border: 1px solid  #2E8A0F;
    }
    .box-formulario-login button{
        background: #BA2732;
        border-radius: 50px;
        border: none;
        font-weight: 800;
        font-size: 16px;
        padding: 12px 42px;
    }
    .box-formulario-login button:focus{
        background: #7a131a;
    }
    .box-formulario-login button:hover{
        background: #7a131a;
    }
    .box-formulario-login button:active{
        background: #7a131a;
    }
    .box-formulario-login a{
        color: #2C3F50 !important;
        text-decoration-line: underline !important;
        font-style: italic !important;
    }
    .effect-text{
        position: relative;
        z-index: 0;
    }
    .effect-text::before{
        content: " ";
        background-color: #5FF9F9;
        position: absolute;
        width: 197px;
        height: 18px;
        z-index: -1;
        border-radius: 10px;
        top: 24px;
    }
    .col-form-login p{
        color: white;
        text-align: center;
        margin-top: 20px;
    }
    .col-form-login a{
        color: #FBB03B;
        font-size: 16px;
        text-decoration: underline;
    }
    /* FIM Pagina de Login */


    /* Página área do cliente */
    .background-banner-principal{
        background-color: #2AA4DD;
        box-shadow: 0 0 18px 0 rgba(10, 18, 30, 0.18);
        background-image: url(/site/img/singles/Integracoes-bg.png);
        background-repeat: no-repeat;
        /* background-position: right; */
        padding: 55px 0 56px;
        background-size: cover;
        background-blend-mode: soft-light;
    }
    .background-banner-principal h1{
        font-size: 30px;
        line-height: 44px;
    }
    .box-funcionalidade p{
        font-size: 18px;
    }
    .box-funcionalidade{
        background: #FFFFFF;
        box-shadow: 5px 8px 40px rgba(0, 0, 0, 0.06);
        border-radius: 5px;
        height: 205px;
        padding: 20px;
        text-align: center;
        position: relative;
        margin-top: 20px;
        z-index: 0;
    }
    .box-funcionalidade:hover{
        transform: scale(1.03);
        transition: transform 0.25s ease-out;
    }
 .passo1::before{
        content: "1";
        position: absolute;
        font-size: 190px;
        top: 89px;
        left: 15px;
        color: #F7F7F7;
        font-weight: 800;
        z-index: -1;
    }
 .passo2::before{
        content: "2";
        position: absolute;
        font-size: 190px;
        top: 89px;
        left: 15px;
        font-weight: 800;
        color: #F7F7F7;
        z-index: -1;
    }
 .passo3::before{
        content: "3";
        position: absolute;
        font-size: 190px;
        top: 89px;
        font-weight: 800;
        left: 15px;
        color: #F7F7F7;
        z-index: -1;
    }
 .passo4::before{
        content: "4";
        position: absolute;
        font-size: 190px;
        font-weight: 800;
        top: 89px;
        left: 15px;
        color: #F7F7F7;
        z-index: -1;
    }
 .passo5::before{
        content: "5";
        position: absolute;
        font-size: 190px;
        font-weight: 800;
        top: 89px;
        left: 15px;
        color: #F7F7F7;
        z-index: -1;
 }
 .bg-teste-pratica{
     background-image: url('/site/img/singles/area-do-cliente/sistema-erp-gestaoclick.jpg');
     padding: 65px 0 90px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
 }
 .bg-teste-pratica::before{
    content: " ";
    background-color: rgba(44, 63, 80, 0.82);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    }
    .bg-teste-pratica h2{
        font-size: 35px;
        font-weight: 700;
    }
    .bg-teste-pratica p{
        font-size: 24px;
        margin-top: 15px;
    }
    /* FIM Página área do cliente */

/* Classes do Carousel SLICK */
.parceiros-slide-slick {
    display: inline-block;
    margin-bottom: 11px;
    outline: medium none;
}
.parceiros-slide-slick img {
   
    cursor: pointer;
    display: inline-block !important;
    height: 100px;
    /* margin-bottom: 30px; */
    /* margin-top: 36px; */
    outline: 0 none;
    width: 100px;
    background: #FFFFFF;
    /* box-shadow: 3px 3px 10px rgba(17, 17, 17, 0.1); */
    border-radius: 5px;
}
.parceiros-slide-slick.slick-current .card-integracao {
    /* height: 115px;
    margin-top: 0;
    opacity: 1;
    filter:alpha(opacity=100);
    width: 115px; */
    
    transform: scale(1.06);
    transition: transform 0.35s ease-out;
    
    
}
.card-integracao{
    background-color: white;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(17, 17, 17, 0.1);
    width: 215px;
    height: 197px;
    padding-top: 11px;
}
.parceiros-slide-slick.slick-current .cor-integracao {
   bottom: 0;   
}
.parceiros-slide-slick.slick-current img, .parceiros-slide-slick img {
    border: none;
    position: relative;
    z-index: 9;
}
.parceiros-image-slider .slick-track{
    padding: 8px 0 0 0;
}

.cor-integracao{
    width: 215px;
    height: 85px;
    position: absolute;
    /* bottom: 55px; */
    bottom: 11px;
    z-index: 0;
    border-radius: 0 0 5px 5px;
}
.bg-white{
    background-color: white;
}
.bg-mercado-livre{
    background-color: #fee700;
}
.bg-hiper{
    background-color: #1256a9;
}
.bg-mercado-pago{
    background-color: #c6e9fa;
}
.bg-pag-seguro{
    background-color: #5fbe49;
}
.bg-pipedrive{
    background-color: #414042;
}
.bg-sendgrid{
    background-color: #00b3e3;
}
.bg-loja-integrada{
    background-color: #f2653a;
}
.bg-nuvem-shop{
    background-color: #2c3357;
}
.bg-cobrancas{
    background-color: #22a4dd;
}
.bg-gerencia-net{
    background-color: #f36523;
}
.bg-area-do-cliente{
    background-color: #059DD9;
}
.bg-api{
    background-color: #f1303d;
}
.bg-banco-inter{
    background-color: #ff7a00 !important;
}
.border-parceiros-slide{
    border: 4px solid white !important;
    border-radius: 5px;
}
.btn-filter-parceiros{
    border: none;
    background: none;
    color: #686868;
    font-weight: 500;
    flex: 0 0 auto;
}
.btn-filter-parceiros:hover{
    background-color: #2D3E50;
    color: white;
    border-radius: 50px;
    padding: 9px 1px;
}
.btn-filter-parceiros.active{
    background-color: #2D3E50;
    color: white;
    border-radius: 50px;
    padding: 9px 1px;
}
.btn-card-slide li {
    border: 1px solid #000000;
    border-radius: 100%;
    color: #000;
    font-size: 22px;
    height: 40px;
    width: 40px;
    margin: 40px 0;
    padding: 6px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-table;
    margin: 25px 10px;
    text-align-last: center;
}
.btn-card-slide a{
    text-decoration: none;
}
.btn-card-slide li:hover {
    border: 1px solid #2C3F50;
    color: #fff;
    background-color: #2C3F50;
}
.btn-card-slide a:hover{
    text-decoration: none;
}
.filtro-slider-parceiros{
    background-color: white;
    border-radius: 50px;
    /* padding: 15px 32px; */
}
.filtro-parceiros-item {
    display: flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    
}
.filtro-parceiros-item::-webkit-scrollbar {
    display: none; }
.filtro-parceiros-item li{
    padding: 0 22px;
    display: inline;
    
}
@media (max-width: 1024px){
    .card-integracao {       
        width: 174px;
        height: 180px;
    }
    .parceiros-slide-slick img{
        height: 85px;
        width: 85px;
    }
    .cor-integracao{
        width: 174px;
        height: 86px;
    }
}
/* FIM CSS Carousel SLICK */

/* Página de Integrações nova */
.bg-video{
    padding: 22px 0 ;
    background-color: #CA3338;
}
.card-integracoes{
    border-radius: 5px;
    height: 413px;
    padding: 30px 23px 0;
    background-color: #fff;
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
}
.card-integracoes:hover{
    box-shadow: 5px 5px 20px rgba(44, 63, 80, 0.2);
}
.card-integracoes h2{
    font-weight: 800;
    line-height: 30px;
    color: #2D3E50;
    margin-top: 10px;
}
.card-integracoes p{
    color:  #4C4C4C;
    margin-top: 18px;
}
.card-integracoes img{
    height: 110px;
}
.card-integracoes button{
    background: transparent;
    border: 1px solid #2C3F50;
    box-sizing: border-box;
    border-radius: 39px;
    font-weight: bold;
    font-size: 13px;
    color: #2C3F50;
    text-transform: uppercase;
    padding: 7.5px 19px;
    margin-top: 10px;
}
.card-integracoes button:hover{
    background-color: #2C3F50;
    color: white;
}
.bg-integracoes-absolute{
    height: 98px;
    width: 100%;
    right: 0;
    position: absolute;
    top: 0;
    border-radius: 5px 5px 0 0;
    z-index: -1;
}
/* FIM Página de Integrações nova */
/* Criação da página de API */
.card-api-img{
    height: 135px;
    width: 135px;
    background-color: #5FF9F9;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    margin-top: -40px;
    padding: 18px;
    margin-left: -15px;
}
.card-api{
    background-color: #fff;
    padding: 20px 20px 40px;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    margin-right: 18px;
    height: 194px;
}
/* FIM Criação da página de API */

/* Novo navbar 3.0 */
.navbar-default{
    background: transparent !important;
    border: none !important;
}
.navbar-default .navbar-nav>li>a{
    color: white;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: white;
    border-bottom: 2px solid orange;
    background: transparent !important;
}


.nav-item-mobile{
    background-color: #F9F9F9;
    font-size: 15px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
}
.nav-item-mobile a{
    color: #2C3F50 !important;
}
.menu-mobile{
    max-height: 90.9vh;
    overflow-y: auto;
}
.mr-auto{
  margin-right: auto !important;
}
.nav-item{
    padding: 0 15px;
}
/*---------------------TOPO Menu----------------------------*/
.navbar-light .navbar-toggler-icon {
    background-image: url('/site/img/icon/icon-menu-toggle.svg');
    font-size: 23px;
    filter: invert(27%) sepia(100%) saturate(1157%) hue-rotate(328deg) brightness(87%) contrast(99%);
}
/* .logo{
    padding: 10px 30px 10px 90px;
} */
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.0);
    border-color: rgba(0,0,0,.0);
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.solid{
    background-color: #2d3e50;
    box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
}
.nav-link {
    color: white ;
}
.nav-link:hover {
    border-bottom: 2px solid #f5a623 ;
}
.nav-item{
    padding: 0 15px;
}
.top-header{
    background-color: white;
    height: 56px;
}
.top-header .nav-link{
    font-size: 13px;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.top-header .nav-link:hover{
    border-bottom: none;
}
.top-header .nav-item{
    padding: 0 35px;
}
.text-underline{
    text-decoration: underline;
}
.headline{
    color:#FFAB0D;
    font-size: 30px;
}
.sub-headline{
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: white;
}
.cta-plano p{
    font-size: 13px;

  }

.menu-principal-mobile{
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}

.sub-item{
    background-color: white;
    text-align: left;
    font-size: 13px;
    padding: 12px 6px 12px 16px;
}

.float-right {
  float: right !important;
}
.btn-mobile-experimentar {
    background-color: #2E8A0F;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
}
.btn-mobile-acesso {
    background-color: #2C3F50;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
}

.btnMenu {
    position: absolute;
    top: 6px;
    right: 14px;
    z-index: 9999;
    cursor: pointer;
    float: right;
}
  
  .bar1{
    margin-top: 0 !important;
  }
  
  .bar3{
    margin-bottom: 0 !important;
  }
  
  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #ca3338;
    margin: 5px 0;
    transition: 0.4s;
    border-radius: 35px;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 7px) ;
    transform: rotate(-45deg) translate(-8px, 7px) ;
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -7px) ;
    transform: rotate(45deg) translate(-7px, -7px);
  }

/* FIM Novo navbar 3.0 */

/* INTEGRAÇÃO BANCO INTER */
.topicos-integracao ul{
    margin-top: 10px;
}
.topicos-integracao ul li{
    margin-bottom: 3px;
}
.topicos-integracao ul li i{
    color: #ff7a00;
    margin-right: 6px;
}
/* FIM INTEGRAÇÃO BANCO INTER */
/* Página Quem Somos */
    .banner-topo{
        background-image: linear-gradient(rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.47)), url("../images/quem-somos/banner-quem-somos-topo.jpg");
        background-attachment: fixed;
        height: 72vh;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 105%;
        position: relative;
    }
    .banner-topo-text {
        text-align: center;
        position: absolute;       
        bottom: -4%;
        left: 20%;
        transform: translate(-50%, -50%);
        color: white;       
        }
    .banner-topo-text h1 {
        text-transform: uppercase;
        font-size: 62px;
        font-family: 'latoregular',sans-serif;
        font-weight: bold;
        }
    .sobre-content h2{
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    font-family: Maven Pro;
    
    
    }
    .sobre-content p{
    font-size: 20px;
    color: #707070;
    line-height: 30px;
    }
    .sobre-content img{
    border-radius: 15px;
    }
    .linha-do-tempo{
        background-color: #F2F2F2 ;
    }
    .linha-do-tempo h2{
        font-size: 41px;
        font-family: Maven Pro;
        font-weight: bold;
        color: #707070;
        margin-top: 0;
    }    
    .missao-visao .card{
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    min-height: 445px;
    }
    .missao-visao .card img{
    border-radius: 5px;
    }
    .missao-visao .card p{
    margin-left: 10px;
    margin-right: 10px;
    color: #707070;
    }
    .missao-visao .card h3{
    font-size: 32px;
    font-family: Maven Pro;
    }
    .missao-visao .card li{
    font-family: 'latoregular',sans-serif;
    color: #707070;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    list-style-position: inside;
    }
    .missao-visao .card li::before{
    list-style: disc;
    color: red;
    }
    .texto-resumo-sobre p{
    font-size: 18px;
    }
    .texto-resumo-sobre h2{
    font-size: 32px;
    }
    .features-software {
        padding: 50px 0 115px;
    }
    .features-software h2{
        font-size: 32px;
    }
    .features-software p{
        font-size: 20px;
        margin-top: 20px;
    }
    .features-software-inferior{
        padding: 50px 0;
    }
    .features-software-inferior p{
        color: #707070;
    }
    .features-software-inferior .coluna p{
        margin-top: 170px;
    }
    .icones-features{
        margin-bottom: 30px;
    }
    .icones-features p{
        max-width: 360px;
        margin-left: 20px;
        margin-top: 20px;
        font-weight: bold;
    }
    .icon-features{
        background-color:#CA3338;
        width: 88px;
        height: 88px;
        border-radius: 50%;
        text-align: center;
    }
    .icon-features img{
        margin-top: 20px;
    }    
    .depoimentos p{
        font-size: 18px;
        color: #707070;            
        margin-left: auto;
        margin-right: auto;
    }
    .depoimentos h2{
        margin-bottom: 12px;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
    }
    .header-depoimento img{
        border-radius: 50%;
        height: 120px;
        width: 120px;
    }
    .depoimentos-item{
        padding: 30px 30px 5px;
    }
    .btn-depoimento-slide li{
        border: 1px solid #000000;
        border-radius: 100%;
        color: #000;
        font-size: 22px;
        height: 40px;
        width: 40px;
        margin: 40px 0;
        padding: 6px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        display: inline-table;
        margin: 25px 10px;
        text-align-last: center;
    }
    .btn-depoimento-slide li i {
        font-weight: bold
    }
    .btn-depoimento-slide a:hover{
        text-decoration: none;
    }
    .btn-depoimento-slide li:hover{
        border: 1px solid #2C3F50;
        color: #fff;
        background-color: #2C3F50;
    }
    .indicador-carousel button{
        display: inline-block;
        width: .6125rem;
        height: 0.5750rem;
        margin: 0.475rem;
        padding: 0;
        transition: width .2s ease-in-out, background-color .2s ease-in-out;
        border: 0;
        border-radius: 1.15625rem;
        background-color: #b6bcc5;
        font-size: 0;
        color: transparent;
    }
    .indicador-carousel{
       /* position: absolute; */
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }
    .indicador-carousel-video button{
        display: inline-block;
        width: .6125rem;
        height: 0.5750rem;
        margin: 0.475rem;
        padding: 0;
        transition: width .2s ease-in-out, background-color .2s ease-in-out;
        border: 0;
        border-radius: 1.15625rem;
        background-color: #b6bcc5;
        font-size: 0;
        color: transparent;
    }
    .indicador-carousel-video{
        position: absolute;
        right: 0;
        bottom: 10px;
        left: -106px;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
        list-style: none;    
    }
    li.slick-active button{
        width: 1.90rem;
        background-color: #CA3338;
    }
    .badge-cor-secundaria{
        font-size: 12px;
        background-color: #ca3338;
        padding: 2px 7px; 
        color: white; 
        font-weight: normal; 
        border-radius: 13px;        
        translate: unset;
        transform: translate(-49%, -49%);
    }
    .testimonial-image-slider-item h2.slick-slide{
        color: #707070;
    }
   
    .indicador-carousel-time button{
        display: inline-block;
        width: .6125rem;
        height: 0.5750rem;
        margin: 0.475rem;
        padding: 0;
        transition: width .2s ease-in-out, background-color .2s ease-in-out;
        border: 0;
        border-radius: 1.15625rem;
        background-color: #b6bcc5;
        font-size: 0;
        color: transparent;
    }
    .indicador-carousel-time{
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }


   
      
/* FIM Página Quem Somos */
/* Modal Video */

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
  }
  
  .modal-body {
    position: relative;
    padding: 0px;
  }
  .close {
    position: absolute;
    right: -30px;
    top: -22px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;    
  }
  .modal{
      /*top: 25% !important;*/
  }
  button.close{
    background: #cb3035 !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50px !important;
  }
  .close:hover{
    animation: fa-spin 0.7s ease-in-out !important;
    color: white !important;
    opacity: 0.9 !important;
  }
/* Fim MOdal Video */
/* Nova Página Inicial */
.recursos .card{
    padding: 30px 10px 20px 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-top: 20px;
    height: 200px;
}
.recursos .card:hover {
    transform: scale(1.03);
    transition: transform 0.15s ease-out;
}
.btn-recursos{
    margin-top: 40px;
}
.recursos .card h2{
    margin: 0 0 15px 0;
    font-family:  Maven Pro Bold;
    font-size: 32px;
}
.recursos h2{
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;    
    margin-bottom: 20px;
    font-family: Maven Pro Bold;
}
.na-midia h1{
    margin-bottom: 20px;
}
.na-midia .card{
    background-color: white;
    border-radius: 4px;    
    padding: 15px 50px;
    min-height: 100px;
    margin-top: 12px;
}
.na-midia .card:hover{
    transform: scale(1.03);
    transition: transform 0.15s ease-out;
}
.na-midia {
    padding: 30px 0 60px;
}
.depoimento-video .card p{
    font-family: Maven Pro;
    font-size: 22px;
}
.depoimento-video .card{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}
.depoimento-video .card img{
    border-radius: 10px;
}
.btn-slider{
    position: absolute;
}
.border-small{
    width: 54px;
    height: 6px;    
    border-radius: 5px;
    margin-top: 25px;
}
.icon-bg{
    background-color:#CA3338;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    text-align: center;
}
.icon-bg img{
    margin-top: 20px;
}    
.slide-parceiros h2{
    font-size: 32px;
    font-weight: 800;
    line-height: 33px;
    z-index: 99;
    position: relative;
    text-transform: uppercase;
    font-family: 'Raleway',sans-serif;
    
}
/* Fim Nova Página Inicial */