body,html{
    padding: 0;
    margin: 0;
    background-color: rgb(240,240,240);
    height: 100%;
    font-family: 'Raleway', sans-serif;
}

/*************** GERAL ****************/
.titulo{
    margin: 20px 0;
    font-size: 32px;
    font-weight: 700;
    border-bottom: 1px solid gray;
    padding: 5px 0 5px 10px;
}

.espaco{
    height: 80px;
}

/*************** MENU ****************/
nav ul{
    text-align: center;
}

.nav-link{
    color: white;
    font-weight: 600;
}

.nav-link:hover, .nav-link:focus{
    color: #007db8;
}

.nav-principal{
    height: 60px;
    width: 100%;
    padding: 10px;
}

.nav-principal ul{
    background-color: #154572;
}

.nav-principal .logo-nav{
    position: absolute;
    width: 250px;
    height: 60px;
    
    background-color: rgb(240,240,240);
    z-index: 999;
    
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    
    top: 0%;
    left: 0%;
}

.nav-principal .logo-nav .quebrada-nav{
    position: absolute;
    right: -9%;
    top: 0%;
    border-right: 1px solid #154572; 
    background-color: rgb(240,240,240);

    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    
    height: 60px;
    width: 40px;
    
}

.logo-nav img{
    width: 100%;
}

.tel-nav{
    color: white;
    font-weight: 600;
}

/*************** COVER ****************/
.logo-div{
    background-color: #414548;
    height: 120px;
}

.logo-img{
    width: 180px;
    position: absolute;
}

.carousel{
    -webkit-box-shadow: 0px 9px 29px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 29px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 29px -10px rgba(0,0,0,0.75);   
}

.cover{
    width: 100%;
    height: 600px;
    background-image: url(../img/bg.png);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: inset 0px 0px 199px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 199px -12px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 199px -12px rgba(0,0,0,0.75);
}

.carousel-item{
    background-image: linear-gradient(to right,#154572,#007db8);
}

.carousel-item-detalhes{
    background-color: rgb(240,240,240);
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 35%;
    height: 700px;
    overflow: hidden;
}

.busca-img{
    float: right;
    height: 720px;
}

.carousel-caption{
    position: absolute;
    top: 30%;
    text-align: left;
}

.slide-titulo-1{
    color: black;
    font-size: 25px;
}

.slide-titulo-2{
    color: rgb(21,69,114);
    font-size: 68px;
    font-weight: 800;
}

.delay1{
    animation-delay: .8s;
}

.delay2{
    animation-delay: 1.6s;
}

.delay3{
    animation-delay: 2.4s;
}

/*************** HOME ****************/
.detalhes-home{
    margin: 20px 0; 
}

.img-home-bg-1{background-color: #063B4B;}

.img-home-bg-2{background-color: #213A36;}

.img-home-bg-3{background-color: #46878B;}

.img-home-bg-4{background-color: #008F70;}

.img-home-bg-5{background-color: #F2DAAC;}

.img-home{
    width: 386px;
    height: 386px;
    border-radius: 50%;
}

.detalhes-home:hover .img-home{
    -webkit-box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
}

.detalhes-home:hover .titulo-home-detalhe{
    color: rgb(80,140,210);
}

.img-home img{
    padding: 65px;     
}

.titulo-home-detalhe{
    width: 100%;
    font-size: 28px;
    text-align: center;
    margin: 100px 0 20px 0;
}

.conteudo-home-detalhe{
    text-align: center;
}

.conteudo-home-detalhe .fa{
    font-size: 10px;
    vertical-align: middle;
}

.conteudo-home{
    margin-bottom: 50px;
}

.recall{
    
}

.recall .recall-titulo{
    margin-bottom: 20px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}

.recall img{
    margin-bottom: 45px;
    cursor: pointer;
}

.recall-mask{
    margin-top: -10px;
/*    height: 600px;*/
    position: absolute;
    background-color: rgba(0,0,0,.8);
    z-index: 998;
    color: white;
    text-align: center;
}

.recall-mask-img{
    margin-top: 150px;
}

.recall-mask-texto{
    font-size: 32px;
    margin-top: 250px;
}

.recall-mask-aviso{
    position: absolute;
    width: 100%;
    bottom: 10px;
}

/*************** CONTATO ****************/
.conteudo-contato{
    height: 85%;
    background-color: rgba(50,50,50,.9);
    position: absolute;
    z-index: 999;
    margin: 70px 30px;
    border-radius: 10px;
    color: white;
}

.frase-contato{
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
}

.titulo-contato-form{
    font-size: 32px;
    margin: 40px 0;
}

.close{
    color: white;
    font-size: 50px
}

#mapa{
    min-height: 100%;
}

.fb-like p{
    color: white;
}

/*************** HISTORIA ****************/
.historia-conteudo{
    margin: 0;
    padding: 0;
}

.historia-conteudo-img{
    margin: 0;
    padding: 0;
}

.detalhes-historia:last-child{
    margin-bottom: 50px;
}

.detalhes-historia:hover .img-historia{
    -webkit-box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 100px -12px rgba(0,0,0,0.75);
}

.detalhes-historia:hover .titulo-historia-detalhe{
    color: rgb(80,140,210);
}

.img-historia img{
    padding: 65px;     
}

.titulo-historia-detalhe{
    width: 100%;
    font-size: 28px;
    text-align: center;
    margin: 20px 0 20px 0;
}

.conteudo-historia-detalhe{
    text-align: center;
}

.conteudo-historia-detalhe .fa{
    font-size: 10px;
    vertical-align: middle;
}

.iso{
    height: 75vh;
    margin-left: 0;
    width: 100%;

    margin-top: 30px;
    padding: 120px 30px;
    
    background-image: url(../img/seek1.png);
    background-size: cover;
    background-attachment: fixed;

    color: white;
}

.iso h1{
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

.iso .texto{
    text-align: center;
    padding: 20px 100px 0 0;
}

.selo-iso{
    height: 210px;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
}

/*************** FERRAMENTAS ****************/
.ferramentas-conteudo{
    margin: 0;
    padding: 0;
}

.ferramentas-secao{
    margin-left: 0;
    min-height: 700px;
    width: 100%;

    text-align: center;
}

.ferramentas-secao h2{
    margin: 30px 30px;
}

.download-itens{
    text-align: center;
    margin-top: 60px; 
}


/*************** PRODUTO ****************/
.produto-conteudo{
    margin: 0;
    padding: 0;
}

.produto-secao{
    margin-left: 0;
    height: 900px;
    width: 100%;
}

.produto-secao-comercial{
    background-color: rgb(27,169,228);
}

.produto-secao-contabil{
    background-color: rgb(57,85,128);/*rgb(203,173,55);*/
}

.produto-secao-clinica{
    background-color: rgb(119,64,0);/*rgb(145,139,14);*/
}

.produto-secao-titulo{
    color: white;
    font-weight: bolder;
    font-size: 35px;
    text-align: center;
    margin: 30px 0;
}

.produto-secao-conteudo{
    height: 550px;
    padding: 20px 50px;
}

.produto-secao-conteudo-texto{
    text-align: center;
    color: white;
    border-right: rgb(255,255,255) solid 1px;
}

.produto-secao-conteudo-texto-lista{
    text-align: center;
}

.produto-secao-conteudo-sistemas{
    text-align: center;
    color: white;
}

.produto-secao-conteudo-sistemas-lista{
    margin: 50px;
    height: 300px;
    text-align: left;
}

.produto-secao-conteudo-sistemas-lista-item{
    border: 1px solid white;
    background-color: rgb(23,69,138);
}

.produto-secao-conteudo-sistemas-lista a{
    color: white;
}

.produto-secao-conteudo-sistemas-lista-item img{
    margin: 5px -5px;
    height: 35px;
}

.produto-secao-conteudo-sistemas-lista-item span{
    margin-left: 15px;
    font-weight: 600;
}

.produto-secao-conteudo-sistemas-lista-item-texto{
    height: 120px;
    overflow: auto;
    background-color: white;
    color: black;
    padding: 15px;
}
/*************** FOOTER ****************/
footer{
    width: 100%;
    bottom: 0;
    color: white;
    background-color: #373a3c;
    min-height: 400px;
    max-height: 500px;
    padding: 50px 10px;

    font-size: 10px;
}

footer .logoseek{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 30px;
}

footer .icones{
    text-align: center;
    margin-bottom: 30px;
}

footer .icones img{
    height: 45px;
    margin-right: 20px; 
}

.mitrix {
    /*color: rgb(51, 153, 102);*/
    color: white;
    font-weight: 700;
}

.mitrix:before {
    content: url(../img/logo-mitrix.png);
    margin-left: 5px;
}

/*************** MISC ****************/
.blank{
    min-height: 500px;
}

.centro{
	width:180px;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-125px;
}