/* ============================================
GERAL
============================================ */
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
html {}
body{font-family: 'Open Sans', sans-serif;}
.wrapper {}
h4 {color: #60aa60; font-size: 18px; font-weight: 600;}

/* BUTTONS */
.btn {border-radius: 12px; padding: 10px 30px;}
.btn-green {background: #60aa60; border: 1px solid #60aa60; color: #fff;}
.btn-white {background: #fff; border: 1px solid #fff;}
.btn-white-border {background: none; border: 1px solid #fff; color: #fff;}

.btn-white:hover, .btn-white:active, .btn-white:focus,
.btn-white-border:hover, .btn-white-border:active, .btn-white-border:focus {
	background: #60aa60; border: 1px solid #60aa60; color: #fff;
}
.btn-green:hover {background: #6cbc6c; color: #fff;}

/* SECTION TITLE */
.section-title {text-align: center; margin-bottom: 70px}
h2.titulo {font-size: 30px!important; font-weight: 600!important; color: #60aa60!important;}
span.subtitulo {font-size: 18px; color: #777}

/* SERVICE CARD */
.service-card {
		display: inline-block;
		background: #fff; border-radius: 6px; clear: both; max-width: 300px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.service-card img {
			width: 100%; 
	-webkit-border-top-left-radius: 6px:
	-webkit-border-top-right-radius: 6px;
	   -moz-border-top-left-radius: 6px;
	   -moz-border-top-right-radius: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}

.service-card-content {padding: 30px 30px 20px}
.service-card-content h3 {margin: 0 0 10px; color: #60aa60; font-size: 14px; font-weight: 600; white-space: nowrap; text-align: left}
.service-card-content p.desc {color: #666; font-size: 13px; text-align: justify;}
.service-card-content .btn {margin-bottom: -50px; position: relative; padding: 8px 50px; font-size: 13px; border-radius: 5px}


/* Responsive */
@media (max-width:1024px)  {
	.solucoes .service-card {width: 26%!important; margin: 20px 10px!important; clear: both;}
	.service-card-content h3 {font-size: 12px;}
	.service-card-content p.desc {font-size: 11px;}
	.header {background: #60aa60; padding-bottom: 50px}
	.form-inline .form-group {margin-bottom: 20px;}
}

@media (max-width:768px)  {
	.solucoes {display: none;}
}

@media (max-width:490px)  {
	.carousel-content .titulo {display: none;}
	.carousel-content .btn {padding: 7px 20px; font-size: 11px; margin-top: 10px!important;}
	.carousel-content {padding-top: 8%!important;}
	section.conteudo, section.diferencial, section.informacoes {padding: 40px 0!important;}
	.service-card-content h3 {white-space: normal;}
		.small {text-align: center;}
	.small-right {display: none}
	.service-card-content p {height: auto!important;}
}

@media (max-height:490px)  {
	.header {display: none}
	section {display: none;}
}

/* ============================================
NAVBAR
============================================ */

.navbar {height: 120px;}
.navbar-default {background: #fff;}
.navbar-fixed-top {padding-top: 30px;}
.navbar-toggle {z-index: 1;}

.navbar-nav>li>.dropdown-menu {margin-top: 12px; border-radius: 10px!important; padding: 15px 0}
.dropdown-menu>li>a {line-height: 2.2;}
.dropdown-menu>li:hover>a{color: #60aa60}

/*LOGO*/
.navbar-brand {padding: 0px; margin: 34px 0!important; z-index: 2;}
.navbar-brand > img {height: auto; max-width: 140px; margin: 0 auto;}
.brand-centered { display: flex; justify-content: center; position: absolute; width: 100%; left: 0; top: 0;}
.brand-centered .navbar-brand {display: flex; align-items: center;}

/*LINKS*/
.nav {padding-top: 15px}
.nav>li>a {padding: 0px 6px 4px;; margin: 0 9px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #60aa60;}
.navbar-default .navbar-nav>.active>a ,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { color: #60aa60; background: none; border-bottom: 3px solid #60aa60;}

/* SOCIAL */
.navbar-nav i {font-size: 16px; color: #bbb}
.navbar-nav .fa-facebook, .navbar-nav .fa-linkedin {padding: 10px 5px; margin-top: -8px}
.navbar-nav .fa-facebook:hover {color: #3b5998}
.navbar-nav .fa-linkedin:hover {color: #0077b5}

/* PHONE */
.phone-header {font-size: 14px; margin: -8px 0 0 14px; border: 1px solid #60aa60; border-radius: 20px;}
.phone-header:hover {background: #60aa60;}
li.phone-header > a.phone {color: #60aa60; padding: 10px 10px 8px;}
li.phone-header:hover > a.phone, li.phone-header:hover > a.phone i {color: #fff;}
li.phone-header > a.phone i {font-size: 18px; vertical-align: middle; margin-right: 6px; color: #60aa60}


/* Responsive */
@media(max-width:768px)  {
	/*GERAL*/
	.wrapper {margin-top: 120px!important;}
	
	/*MENU*/
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse {
        overflow-x: visible !important;
		    margin-top: 100px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
	padding: 10px 20px 20px 20px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    }
    .navbar-collapse.in {
      overflow-y: auto !important;
		opacity: 1;
			transition:opacity 0.2s linear; 
	-webkit-transition:opacity 0.2s linear; 
	-moz-transition:opacity 0.2s linear; 
	-o-transition:opacity 0.2s linear;
    }
    .collapse.in {
      display: block !important;
    }
	.navbar-default .navbar-toggle {display: block; float: right;}
	.nav>ul,
	.nav>li {position: relative; display: block; float: none; width: 100%; margin: 10px 10px 10px 10px;}
	
	.navbar-header {float: right;}
	.nav {padding-top: 15px; padding-bottom: 20px;}
	.navbar-right {display: none;}
	.collapsing {
	height: 0!important;
	opacity: 0!important;
	transition:opacity 0.1s linear; 
	-webkit-transition:opacity 0.1s linear; 
	-moz-transition:opacity 0.1s linear; 
	-o-transition:opacity 0.1s linear;
	}
	/*LOGO*/
	.brand-centered {justify-content: left; left: 30px;}
	.navbar-brand > img {max-width: 100px;}
	
}

/* ============================================
CUSTOM HEADERs - Páginas Internas
============================================ */
.header-page {padding: 120px 0; color: #fff;}
.header-page h1 {font-size: 30px; font-weight: 600;}
.header-page h1 span {font-size: 18px; text-transform: uppercase;}
.header-page .divider {width: 130px; height: 3px; background: #fff; margin: 20px auto;}
.header-page .descricao {font-size: 18px;}
.header-page .btns {margin: 30px 0}
.header-page .btns .btn {font-size: 13px}
.header-page .btns .btn-white {margin-right: 15px; color: #454545}
.header-page .btns .btn-white:hover {color: #fff;}

/* BGs */
.pag-sobre .header {background: url(../img/header/bg-sobre.jpg) no-repeat center center; background-size: cover;}
.pag-solucoes .header {background: url(../img/header/bg-solucoes.jpg) no-repeat center center; background-size: cover;}
.pag-planos-de-saude .header {background: url(../img/header/bg-planos-de-saude.jpg) no-repeat center center; background-size: cover;}
.pag-saude-ocupacional .header {background: url(../img/header/bg-saude-ocupacional.jpg) no-repeat center center; background-size: cover;}
.pag-qualidade-de-vida .header {background: url(../img/header/bg-qualidade-de-vida.jpg) no-repeat center center; background-size: cover;}
.pag-seguro-de-vida .header {background: url(../img/header/bg-seguro-de-vida.jpg) no-repeat center center; background-size: cover;}
.pag-seguro-empresarial .header {background: url(../img/header/bg-seguro-empresarial.jpg) no-repeat center center; background-size: cover;}
.pag-protecao-educacional .header {background: url(../img/header/bg-protecao-educacional.jpg) no-repeat center center; background-size: cover;}
.pag-frota-de-veiculos .header {background: url(../img/header/bg-frota-de-veiculos.jpg) no-repeat center center; background-size: cover;}
.pag-seguro-transporte .header {background: url(../img/header/bg-seguro-transporte.jpg) no-repeat center center; background-size: cover;}
.pag-d-o .header {background: url(../img/header/bg-d-o.jpg) no-repeat center center; background-size: cover;}
.pag-licitacoes-publicas .header {background: url(../img/header/bg-licitacoes-publicas.jpg) no-repeat center center; background-size: cover;}
.pag-sodexo .header {background: url(../img/header/bg-sodexo.jpg) no-repeat center center; background-size: cover;}
.pag-contato .header {background: url(../img/header/bg-contato.jpg) no-repeat center center; background-size: cover;}

/* ============================================
CONTEUDO - Páginas Internas
============================================ */
section.conteudo {padding: 90px 0;}
section.conteudo h2 {font-size: 20px; color: #60aa60; margin-bottom: 20px; font-weight: 600}
section.conteudo h3 {font-size: 16px; font-weight: 400; color: #60aa60;}
section.conteudo p {color: #666; font-size: 15px; line-height: 1.6; margin-bottom: 24px; text-align: justify;}

/* BOX-CONTEUDO */
.box-conteudo {background: #f6f6f6; border-radius: 12px; padding: 35px; margin-top: 55px; margin-bottom: 55px;}

.box-conteudo-2 {background: #f6f6f6; border-radius: 12px; padding: 35px; margin-top: 0px; margin-bottom: 25px;}
.box-conteudo-3 {background: #f6f6f6; border-radius: 12px; padding: 15px 25px; margin-top: 0px; margin-bottom: 25px;}

/* SECTION-COTAÇÃO */
.section-cotacao {padding: 50px 0; background-color: #60aa60;}
.section-cotacao .cotacao {margin: 0;}

/* ============================================
CONTATO - Páginas Internas
============================================ */
.pag-contato {}
.pag-contato section.informacoes {padding: 70px 0 70px}
.pag-contato .section-title {margin-bottom: 50px!important} 


.box-contato {background: #f1f1f1; position: relative; margin-top: -100px; text-align: center; padding: 50px 30px; color: #666; font-size: 13px; font-weight: 300; border-radius: 8px}
.box-contato .item-contato {margin-bottom: 40px}
.box-contato .item-contato img {max-width: 50%}
.box-contato h5 {margin: 0 0 5px; color: #666!important;}
.box-contato p {margin: 0}
.box-contato a {color: #60aa60;}
.box-contato a:hover {color: #666; text-decoration: underline;}


/* ============================================
HEADER
============================================ */
.header {width: 100%;}

/* CAROUSEL */
.carousel-main {border-bottom: 8px solid #60aa60;}
.carousel-inner>.item>img {min-width: 100%;}

.carousel-block {position: relative; width: 100%; height: 100%;}
.carousel-content {position: absolute; max-width: 40%; left: 12%; height: auto; padding-top: 15%;}

.carousel-content p,
.carousel-content span {text-shadow: 0px 1px 5px rgba(100, 100, 100, 1);}

.carousel-content .linha-fina {color: #fff; text-transform: uppercase; font-weight: 400; font-size: 18px}
.carousel-content .titulo {color: #fff; font-weight: 700; font-size: 30px; line-height: 38px;}
.carousel-content .btn {margin-top: 30px; margin-right: 10px}
.carousel-content .btn-white {color: #454545}
.carousel-content .btn-white:hover {color: #fff;}

/* COTAÇÃO */
.cotacao {
		position: relative; margin:-50px 5% 0; background: #fff; padding: 30px 20px; border-radius: 15px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.cotacao form {text-align: center}
.cotacao .title {display: inline; font-size: 16px; font-weight: 600; color: #60aa60;}
.cotacao .subtitle {display: inline; font-size: 12px; font-weight: 600; color: #60aa60;}
.cotacao .form-control, .cotacao .radio {margin: 0 15px}


@media screen and (max-width: 1024px) {
.cotacao {margin: 30px 0 0;}
}

@media screen and (max-width: 768px) {
	.carousel-content {text-align: center; margin: 0 auto;}
}

@media screen and (max-width: 490px) {
	.cotacao .form-control {margin: 0;}
}

/* ============================================
SOLUÇÕES
============================================ */
.solucoes {padding:70px 0;}
.solucoes .service-card {width: 30%; margin: 20px 20px; clear: both}
.solucoes .service-card img {width: 100%;}
.service-card-content {min-height: 200px;}
.service-card-content p {height: 120px}

/* CAROUSEL */
.multi-item-carousel .carousel-control {width: 5%;}
.multi-item-carousel .carousel-control.left {
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.multi-item-carousel .carousel-control.right {
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );;
}
.multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
  		  transition: 500ms ease-in-out left;
	text-align: center;
}
.multi-item-carousel .carousel-inner .active.left {left: -30%;}
.multi-item-carousel .carousel-inner .active.right {left: 30%;}
.multi-item-carousel .carousel-inner .next {left: 30%;}
.multi-item-carousel .carousel-inner .prev {left: -30%;}

@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
    -webkit-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {background-image: none;}

/* ============================================
SOLUÇÕES - Páginas Internas
============================================ */
.pag-solucoes .service-card{margin-bottom: 70px; clear: both;}
.box-conteudo li, .box-conteudo-2 li, .box-conteudo-3 li {margin-bottom: 10px}

/* ============================================
SOBRE
============================================ */
section.sobre {background-image: url(../img/bg-section-about.jpg); background-size: cover; padding: 100px 0;}
section.sobre h3{color: #60aa60; margin: 0; font-size: 24px; line-height: 1.2}
section.sobre h3 span {color: #6cbc6c; font-size: 16px;}
section.sobre .introducao {margin-top: 20px; color: #666; margin-bottom: 40px}
section.sobre .mini-descricao {padding: 0;}

section.sobre .mini-descricao h4  {color: #60aa60;}
section.sobre .mini-descricao h4 span {color: #6cbc6c; font-size:13px }

/* ============================================
PARCEIROS
============================================ */

section.conteudo .box-parceiros {max-width: 100%; margin-bottom: 30px}
section.conteudo .box-parceiros img {max-width: 100%;}
section.conteudo .grupo-parceiros {margin-bottom: 50px}

/* ============================================
SEGURADORAS
============================================ */
section.seguradoras {padding: 90px 0; background-color: #f6f6f6;}

/* ============================================
DIFERENCIAL
============================================ */
section.diferencial {padding: 90px 0;}

.mini-descricao {color: #666; margin: 35px 0 30px;}
.mini-descricao img {float: left; margin-right: 10px; margin-top: 5px}
.mini-descricao p {margin: 30px 0}
.mini-descricao a{color: #60aa60; text-decoration: underline;}
.mini-descricao a:hover {color: #6cbc6c;}

/* ============================================
MAIS INFORMAÇÕES
============================================ */
section.informacoes {background: url(../img/bg-map.jpg) no-repeat center center; padding: 120px 0}
section.informacoes .section-title {margin-bottom: 100px}

/* ============================================
FOOTER
============================================ */
.footer {background: #454545; width: 100%; padding: 50px 0; color: #999;}
.footer a {color:#999;}
.footer a:hover {color: #fff!important;}
.footer img {float: left; vertical-align: middle; margin-right: 8px}
.footer .box-footer {margin-bottom: 35px}
.footer .box-footer.endereco a {text-decoration: underline; font-size: 12px;}
.footer h4 {margin-bottom: 35px}
h5 {margin-top: 4px;}
h5, .footer h5 > a {color: #fff!important; font-weight: 600;}

.footer ul {padding: 0; list-style: none;}
.footer li {margin-bottom: 17px}
.footer li:last-child {margin-bottom: 35px;}


/* SMALL */
.small {background: #60aa60; width: 100%; padding: 20px 0; color: #fff; font-size: 10px;}
.small a {color: #fff;}
.small-right {text-align: right;}


/* ============================================
RESPONSIVE
============================================ */
@media screen and (min-width: 992px) and (max-width: 1200px){
	nav	.container {width:  100%}
}

@media screen and (max-width: 1024px) {
	nav	.container {width: 96%}
	.carousel-content {max-width: 70%; padding-top: 12%;}
	section.sobre {background-position: center center;}
}

@media screen and (max-width: 1024px) {
	/*Internas*/
	.header-page {padding: 60px 0;}
	/*Internas-Contato*/
	section.informacoes {padding: 60px 0;}
	section.informacoes .section-title {margin-bottom: 50px;}
}

@media screen and (max-width: 490px) {
	/*Internas*/
	.header-page h1 {font-size: 23px; line-height: 1.3;}
	h2.titulo {font-size: 20px!important;}
	span.subtitulo {font-size: 14px;}
	.box-conteudo, .box-conteudo-2, .box-conteudo-3 {border-radius: 0; font-size: 13px}
	section.conteudo h2, section.conteudo h3 {font-size: 16px;line-height: 1.3;}
	.box-conteudo li, .box-conteudo-2 li, .box-conteudo-3 li {margin-bottom: 15px}
	/*Internas-Contato*/
	.box-contato {display: none;}
	
	.pag-inicial .cotacao {display: none;}
	.header {padding-bottom: 0;}
	}
	
}
/* ============================================
QUICK FIX
============================================ */
.hidden {display: none;}
.no-padding {padding: 0;}
.align-center {text-align: center;}
/* ============================================
TEMP
============================================ */
.wrapper {margin-top: 90px;}

/* ============================================
FIM
============================================ */