/* Dentistas */
/*
#87b192 - #726b66

*/
.mod-header { background: #726b66; }
.mod-header li a.selected { color: #726b66; }

.mod-header a.slide-layer.selected:before,
.mod-header a.slide-layer.selected:after { border-bottom-color: #726b66; }

.prd-logo { background-image: url("../_img/prd-logo.png"); background-position: 0 20%; color: #726b66; }

@media (max-width:1290px) {
    .prd-logo { width: 0; overflow: hidden; }
}

.mod-lista-seguros ul li.itm-reformas { display: none; }


.ctn-nav ul li a:hover, .ctn-header-main .nav-header li a:hover, .ctn-downloads .lst-downloads li a:hover { color: #565756; }
.sub-nav li a:hover { color: rgba(255, 255, 255, 0.5); }
.ctn-contrate .bar-contrate a:hover { color: #FFF; opacity: 0.7; }
.ctn-contrate .bar-contrate a:hover:before, .ctn-contrate .bar-contrate a:hover:after { border-left-color: rgba(255, 255, 255, 0.5); -moz-use-text-color: -moz-use-text-color; }

.ctn-coberturas .lst-coberturas li:hover, .ctn-coberturas .lst-coberturas li:hover a, .ctn-coberturas .lst-coberturas li .more:hover { opacity: 0.7; color: #FFF; }
.ctn-coberturas .lst-coberturas li.itm-responsabilidade-civil { background-position: 0 -832px; }
.ctn-product { background-color: rgba(114, 107, 102, 0.7); }
.ctn-product .txt-product { width: 67%; }
.ctn-downloads .lst-downloads li a { color: #726b66; }
.ctn-downloads .lst-downloads li a:before { background: #726b66; }
.ctn-nav ul li a { color: #726b66; }
.ctn-nav .selector-pin { background-color: #726b66; border-color: #726b66; }
.ttl-product { width: 60%; font-size: 100px; margin-left: 4px; }
.txt-product { width: 60%; }
.ctn-contrate .bar-contrate { background-color: rgba(57, 53, 51, 0.8); }
.ctn-coberturas .lst-coberturas { text-align: left; }
.ctn-coberturas .lst-coberturas li h3 { text-transform: uppercase; }
.ctn-home .bg-wrapper { background: url("../_img/bg-home.jpg") 50% 100% no-repeat; }
.detach { background-image: none; }
.ctn-vantagens .bg-wrapper { background: url("../_img/bg-vantagens.jpg") 50% 100% no-repeat; }
.ctn-vantagens .ctn-detach { background: transparent; }
.ctn-vantagens ul { margin-left: 610px; }

/* MOD-MENU */

.ctn-video { height: 67%; background: url("../_img/detach-vantagens.png") 100% 100% no-repeat; background-size: auto 100%; }

.ctn-footer .nav-footer li a:hover { color: #726b66; }

.ctn-vantagens li h3 { font-size: 40px; }
.ctn-vantagens li p { font-size: 17px; }

@media (max-height:950px) {
    .ctn-vantagens li h3 { font-size: 40px; }
    .ctn-vantagens li p { font-size: 15px; }
}

@media (max-height:800px) {
    .ctn-vantagens li h3 { font-size: 30px; }
    .ctn-vantagens li p { font-size: 12px; }
}

@media (max-height:730px) {
    .ctn-vantagens { padding-top: 179px; }
    .ctn-vantagens li h3 { font-size: 25px; }
    .ctn-vantagens li p { font-size: 12px; }
}


@media (max-width:640px) {
    /* HOME */
    .ctn-home .bg-wrapper { background: url("../_img/mobile/bg-home-mobile.jpg") 100% 50px no-repeat; background-size: 100% auto; }
    /* / HOME */

    /* VANTAGENS */
    .ctn-vantagens { padding: 40px 0; background: url("../_img/mobile/bg-vantagens-mobile.jpg") 0 no-repeat; background-size: auto 100%; }
    /* / VANTAGENS */


    .ctn-vantagens ul { margin-left: 0; }
    .ctn-product .txt-product { width: 100%; }
}

/*#region MOSAICO */
.ctn-mosaico { background: gray; }
.ctn-mosaico .btn-close { position: absolute; top: 130px; right: 10px; padding: 10px; font-size: 30px; color: #ffffff; z-index: 10; text-decoration: none; background: none; }
.openModal .btn-close { display: none; }
.ctn-mosaico ul { width: 100%; height: 100%; }
.ctn-mosaico .lst-mosaico > li { display: inline-block; height: 100vh; border-color: red; margin: -2px -3px 0 0; position: relative; background: url("../_img/bg-home.jpg") 50% no-repeat; background-size: 100%; transition: all ease 0.5s; cursor: pointer; }
.ctn-mosaico .lst-mosaico > li:hover { background-size: 110%; }

.ctn-mosaico .lst-mosaico > li .ctn-name { display: block; width: 100%; padding: 30px; position: absolute; top: 40%; background: rgba(48, 50, 38, 0.8); font-size: 1.4vw; font-family: "KievitOT-Regular"; color: #ffffff; text-align: center; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; transition: all ease 0.5s; }
.ctn-mosaico .lst-mosaico > li .ctn-name p { font-size: 1.0vw; text-transform: none; padding: 0 8vw; margin-top: 1em; line-height: 1.5em; }
.ctn-mosaico .lst-mosaico > li .ctn-nameNoCaptalize p { font-size: 1.0vw; text-transform: none; padding: 0 8vw; margin-top: 1em; line-height: 1.5em; }
.ctn-mosaico .lst-mosaico > li:hover .ctn-name { background: rgba(48, 50, 38, 1); }
.ctn-mosaico .lst-mosaico > li .ctn-name a { font-size: 1.0vw; font-weight: bold; text-transform: uppercase; margin-top: 1em; line-height: 1.5em; color: inherit; text-decoration: none; }
.ctn-mosaico .lst-mosaico > li .ctn-name a:before { content: "+"; display: inline-block; padding: 0 5px; margin-top: -1px; font-size: 1.8vw; vertical-align: middle; }

.ctn-mosaico .lst-mosaico > li .ctn-more { width: 100%; height: 100%; position: relative; top: 150%; background: #3b342f; box-shadow: 10px 0 100px 5px #000000; transition: top ease 0.4s; }
.ctn-mosaico .lst-mosaico > li.selected .ctn-more { top: 0%; }
.ctn-mosaico .lst-mosaico > li .ctn-more .more-content { padding: 210px 10vw 0; color: #fff; font-size: 1.5em; font-family: "KievitOT-Regular"; }
.ctn-mosaico .lst-mosaico > li .ctn-more h2 { font-size: 2vw; margin: 1vw 0; text-transform: uppercase; }
.ctn-mosaico .lst-mosaico > li .ctn-more h3 { font-size: 1.4vw; margin: 1.5vw 0; font-weight: bold; }
.ctn-mosaico .lst-mosaico > li .ctn-more p { line-height: 1.3em; }
.ctn-mosaico .lst-mosaico > li .ctn-more .lst-coverage > li { margin: 10px 0; }
.ctn-mosaico .lst-mosaico > li .ctn-more .btn-download { display: inline-block; padding: 15px 50px; background: #726b66; color: #fff; text-decoration: none; border-radius: 3px; }
.ctn-mosaico .lst-mosaico > li .close { color: #fff; width: 20px; height: 20px; position: absolute; top: 160px; right: 20px; font-family: "KievitOT-Regular"; font-size: 1.5em; text-indent: -9000em; }
.ctn-mosaico .lst-mosaico > li .close:before { content: "+"; font-size: 2.5vw; display: block; position: absolute; top: 0; left: 0; transform: rotate(45deg); text-indent: 0; }


.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: top; margin-right: -4px; }

.span1 { width: 8.4%; }
.span2 { width: 16.7%; }
.span3 { width: 25%; }
.span4 { width: 33.33%; }
.span5 { width: 41.7%; }
.span6 { width: 50%; }
.span7 { width: 58.4%; }
.span8 { width: 66.7%; }
.span9 { width: 74.979%; }
.span10 { width: 83.4%; }
.span11 { width: 91.7%; }
.span12 { width: 100%; }

.ctn-mosaico .lst-mosaico li.itm-risco-engenharia { background-image: url("../_img/mosaico/bg-risco-engenharia.jpg"); }
.ctn-mosaico .lst-mosaico li.itm-responsabilidade-civil-obras { background-image: url("../_img/mosaico/bg-responsabilidade-civil-obras.jpg"); }


.ctn-mosaico .lst-mosaico li.itm-protecao { padding-top: 3.5vw; background: #303226; }
.ctn-mosaico .lst-mosaico li.itm-protecao h3 { margin: 0; font-size: 1.8vw; font-family: "KievitOT-Regular"; color: #ffffff; text-align: center; text-transform: uppercase; }
.ctn-mosaico .lst-mosaico li.itm-protecao hr { display: block; border: 0; margin: 2.3vw 15vw; border-top: 2px solid #ffffff; }
.ctn-mosaico .lst-mosaico li.itm-protecao p { margin: 0 8vw; font-size: 0.9vw; font-family: "KievitOT-Book"; color: #ffffff; text-align: center; line-height: 1.7em; }


.mod-modal-mosaico { display: block; visibility: hidden; opacity: 0; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background: #303226; transition: all ease 0.4s; }

.mod-modal-mosaico.show { display: block; visibility: visible; opacity: 1; }
.mod-modal-mosaico .ctn-detach,
.mod-modal-mosaico .ctn-info { display: inline-block; height: 100%; margin: 0 -2px 0 0; vertical-align: top; }
.mod-modal-mosaico .ctn-detach { width: 70%; background-size: cover; background-position: 0 50%; transition: all ease 0.4s; }
.mod-modal-mosaico .ctn-info { width: 30%; position: relative; }
.mod-modal-mosaico .ctn-info .lst-prds { display: block; width: 100%; height: 100%; position: relative; }

.mod-modal-mosaico .ctn-info .lst-prds li { display: block; width: 100%; height: 100%; position: absolute; margin-top: 100vh; padding: 18vw 10vw 15vw 2vw; box-sizing: border-box; -moz-box-sizing: border-box; transition: all ease 1s; background: #303226; }
.mod-modal-mosaico .ctn-info .lst-prds li.selected { margin-top: 0vh; }
.mod-modal-mosaico .ctn-info .lst-prds li h4 { font-size: 2vw; left: 0; font-family: "KievitOT-Regular"; color: #ffffff; }
.mod-modal-mosaico .ctn-info .lst-prds li p { font-size: 1vw; left: 0; margin: 2vw 0; font-family: "KievitOT-Book-Italic"; color: #ffffff; }

.mod-modal-mosaico .ctn-info .lst-nav { display: block; position: absolute; bottom: 0; left: 0; font-family: "KievitOT-Bold"; background: #202119; color: #ffffff; text-transform: uppercase; font-size: 1vw; }
.mod-modal-mosaico .ctn-info .lst-nav li { display: inline-block; margin: 0 -3px 0 0; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: top; }

.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-prev,
.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-next { width: 15%; }

.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-contrate,
.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-simule { width: 35%; }

.mod-modal-mosaico .ctn-info .lst-nav li .sp-btn { display: block; padding: 1.6vw 0; border-left: 1px solid #303226; background: #202119; cursor: pointer; text-decoration: none; color: inherit; }
.mod-modal-mosaico .ctn-info .lst-nav li:first-child .sp-btn { border: 0; }
.mod-modal-mosaico .ctn-info .lst-nav li .sp-btn.disabled { opacity: 0.3; }

.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-prev .sp-btn,
.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-next .sp-btn { background: url("../_img/ico-general-modal.png") #202119 0 0 no-repeat; background-size: auto 50%; text-indent: -90000em; overflow: hidden; }
.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-prev .sp-btn { background-position: -45% 50%; }
.mod-modal-mosaico .ctn-info .lst-nav li.btn-wrap-next .sp-btn { background-position: 140% 50%; }


.mod-modal-mosaico .ctn-detach.notarios-publicos { background-image: url("../_img/mosaico/detach/notarios.jpg"); }
.mod-modal-mosaico .ctn-detach.publicidade-marketing { background-image: url("../_img/mosaico/detach/publicidade-marketing.jpg"); }
.mod-modal-mosaico .ctn-detach.agencia-turismo { background-image: url("../_img/mosaico/detach/turismo.jpg"); }
.mod-modal-mosaico .ctn-detach.consultorias-recursos-humanos { background-image: url("../_img/mosaico/detach/recursos-humano.jpg"); }
.mod-modal-mosaico .ctn-detach.certificacao-digital { background-image: url("../_img/mosaico/detach/certificacao-digital.jpg"); }
.mod-modal-mosaico .ctn-detach.postos-combustiveis { background-image: url("../_img/mosaico/detach/postos-combustivel.jpg"); }
.mod-modal-mosaico .ctn-detach.academias { background-image: url("../_img/mosaico/detach/academias.jpg"); }
.mod-modal-mosaico .ctn-detach.inspecoes-veicular { background-image: url("../_img/mosaico/detach/inspecao-veicular.jpg"); }
.mod-modal-mosaico .ctn-detach.empresas-eventos { background-image: url("../_img/mosaico/detach/empresa-eventos.jpg"); }
.mod-modal-mosaico .ctn-detach.pet-shop { background-image: url("../_img/mosaico/detach/pet-shop.jpg"); }
.mod-modal-mosaico .ctn-detach.instituicaoes-ensino { background-image: url("../_img/mosaico/detach/instituicoes-ensino.jpg"); }
.mod-modal-mosaico .ctn-detach.sindicos { background-image: url("../_img/mosaico/detach/sindicos.jpg"); }
.mod-modal-mosaico .ctn-detach.empresa-tecnologia { background-image: url("../_img/mosaico/detach/empresa-tecnologia.jpg"); }
.mod-modal-mosaico .ctn-detach.salao-beleza { background-image: url("../_img/mosaico/detach/saloes-beleza.jpg"); }

/*#endregion / MOSAICO */

.mosaic-modal { display: block; opacity: 1; width: 0%; height: 5px; background: #3b342f; position: absolute; top: 50%; left: 50%; -webkit-transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; -moz-transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; transition-delay: 0.2s, 0.2s, 0s, 0s; }
.mosaic-modal.show { display: block; opacity: 1; width: 90%; height: calc(90% - 8vw); top: calc(148px + 1vw); left: 5%; -webkit-transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; -moz-transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; transition: width ease 0.2s, left ease 0.2s, height ease 0.2s, top ease 0.2s; transition-delay: 0s, 0s, 0.2s, 0.2s; }
.mosaic-modal .modal-content { opacity: 0; -webkit-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; transition: opacity ease 0.3s; transition-delay: 0.5s; }
.mosaic-modal.hide .modal-content { opacity: 0; -webkit-transition: opacity ease 0.2s; -moz-transition: opacity ease 0.2s; transition: opacity ease 0.2s; transition-delay: 0.0s; overflow: hidden; }
.mosaic-modal.show .modal-content { opacity: 1; -webkit-transition: opacity ease 0.2s; -moz-transition: opacity ease 0.2s; transition: opacity ease 0.2s; transition-delay: 0.5s; }

.mosaic-modal .close { color: #fff; width: 20px; height: 20px; position: absolute; top: 0px; right: 20px; font-family: "KievitOT-Regular"; font-size: 1.5em; text-indent: -9000em; -webkit-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; transition: opacity ease 0.3s; transition-delay: 0.3s; cursor: pointer; }
.mosaic-modal .close:before { content: "+"; font-size: 2.5vw; display: block; position: absolute; top: 0; left: 0; transform: rotate(45deg); text-indent: 0; }

.mosaic-modal .ctn-more { padding: 50px 50px 0; color: #fff; font-size: 1.5em; font-family: "KievitOT-Regular"; }
.mosaic-modal .ctn-more h2 { font-size: 2vw; margin: 1vw 0; text-transform: uppercase; }
.mosaic-modal .ctn-more h3 { font-size: 1.4vw; margin: 1.5vw 0; font-weight: bold; }
.mosaic-modal .ctn-more p { line-height: 1.3em; }

.mosaic-modal .ctn-more .lst-coverage > li { margin: 10px 0; }
.mosaic-modal .ctn-more .lst-coverage > li p { margin: 10px 0 0 15px; }
.mosaic-modal .ctn-more .lst-coverage > li a { color: inherit; }
.mosaic-modal .ctn-more .lst-coverage > li .coverage-more { display: none; }
.mosaic-modal .ctn-more .lst-coverage > li.selected .coverage-more { display: block; }
.mosaic-modal .btn-download { display: inline-block; margin: 25px 0 0 0; padding: 15px 50px; background: #726b66; color: #fff; text-decoration: none; border-radius: 3px; }
.mosaic-modal .ctn-modal-content { display: none; }
.mosaic-modal .ctn-modal-content.show { display: block; }