body {font-weight: 300;}

a.back-to-top {
    display: none;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border: 1px solid #FFF;
    font-size: 2em;
    position: fixed;
    color: #FFF;
    text-align: center;
    z-index: 999;
    right: 2rem;
    bottom: 2rem;
    background: #A7CD2C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
a:hover.back-to-top {background-color: #32001c; color: #FFF}


.preHeader {/*background-color: #393939; background-color: #3e3e3e;*/  background-color: #32001c;padding: 0.5rem 0;position: relative; z-index: 3}
.contactos {float: left; margin-top: 1.75rem}
.contactos ul li {float: left; margin: 0 1rem;}
.contactos ul li i {float: left; margin: 0 0.5rem; font-size: 1.5em}
.contactos ul li i.fa-envelope {font-size: 1.25em; margin-top: 0.25rem}
.preHeader a, .preHeader li {color: #FFF;}
.preHeader .urgencias {
    color: #FFF; 
    background-color: #A7CD2C; 
    float: right; 
    padding: 0.5rem 1rem; 
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    font-size: 1.15em; 
    margin: 1rem 0;
    font-weight: 400;
}
.preHeader .urgencias i {margin-right: 1rem; font-size: 1.25em;}

/*
.preHeader ul.social {float: right!important; margin-bottom: 0}
.preHeader ul.social li {float: left; margin: 0 0.5rem}
*/


header {background-image: url(../images/congruent_pentagon.png); position: relative; z-index: 100; opacity:1; width: 100%;}
.mainMenu {background-color: #A7CD2C;}

nav {position: relative; z-index: 5; font-size: 0.87em; letter-spacing: 0.05rem; /*width: 100rem;*/ margin:auto;}
nav ul, nav ul li {padding:0; margin:0; text-transform: uppercase;}
nav ul ul {display: none;}
nav ul li:hover > ul {display: block;}
nav ul {list-style: none; position: relative; display: inline-table; vertical-align: middle;/*border-top: 1px solid #CEE891;*/}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left;}

nav ul li:hover > a, nav ul li > a.current-item, .dl-submenu a.current-item {color: #FFF; background-color: rgba(255,255,255,0.1);}
nav ul li:hover, nav ul li a.current-item {border-top: 3px solid #32001c; content: ""; margin-top: -2px;}

nav ul li:hover .noMargin {margin-top: 0}
nav ul li a {display: block; padding: 1.25rem 2.73rem; font-weight: 600; color: rgba(255,255,255,0.7);}
nav ul ul {background: #32001c; border-radius: 0px; padding: 0; position: absolute; top: 100%; border-top: none;}
nav ul ul li {float: none; border-top: 1px solid rgba(255,255,255,0.3); position: relative;}
nav ul ul li a {padding: 0.5rem 1.5rem; font-size: 0.9em; color: #FFF;}   
nav ul ul li a:hover {color: #FFF} 
nav ul ul li:hover, nav ul ul li a.current-item {border-top: 1px solid rgba(255,255,255,0.3); content: ""; margin-top: -1px;}


/*
.minorWidthLogo {display: none;}
.fullWidthLogo {text-align: center; padding: 2rem 0 2rem; overflow: hidden; margin: auto; width: 50rem}
.logoVetequilibrio {margin: 0 4rem; float: left;}
.separadorLogo {width: 1px; background-color: rgba(0,0,0,0.2); height: 100px; float: left}
.logoCentralAnimais {margin: 0 4rem;float: left;}
*/

.logo {padding: 3rem 0; text-align: center;}
.logo a {padding: 0 5rem}
.logo a:hover {opacity: 0.7}
.logoSeparador {opacity: 0.5}

.logoResponsive {display: none;}

.fixed {z-index: 999; position: fixed; left: 0; top: 0; width: 100%; background: #A7CD2C;/*background-image: url(../images/congruent_pentagon.png);*/}
/*.header-placeholder {margin-bottom: 4rem;}*/
.menu-placeholder {margin-bottom: 0}
.menu-inner {width: 112rem; /*width: 112rem;*//*width: 100rem; */ padding: 0; margin: 0; margin: auto; margin-bottom: 0;} 
.menu-inner-most {}

/*Menu Responsive*/
.dl-menuwrapper button {width: 100%; font-size: 1.15em; padding: 0; margin: 0; text-indent: 0; border-radius: 0; background-color: #A7CD2C; color: #FFF}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {background-color: #A7CD2C; color: #FFF;}
.dl-menuwrapper ul {padding: 0; margin: 0; background:#32001c;}
.dl-menuwrapper ul li { border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 0}
.dl-menuwrapper li a {padding: 1rem 2rem; text-align: center; text-decoration: none;}
.dl-menuwrapper li a.current-item {color: #FFF; background: #bddf50;}
.dl-menuwrapper li a i {margin: 0 0.5rem}
.dl-menuwrapper .dl-menu {margin: 0;}
.dl-menuwrapper > .dl-submenu {top: 45px;}
.dl-menuwrapper li.dl-back > a {background-color: rgba(255,255,255,0.2);}

.responsiveMenu {display: none;}
.fixed-responsiveMenu {z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}





hr {border: 1px solid #CEE891}
h1,h2,h3,h4,h5,h6 {color: #323232}
img {max-width: 100%; height: auto;}
a {text-decoration: none; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;}
.content p, a {color: #323232}
a:hover {color: #A7CD2C}
ul {list-style: none}
a[href^=tel]{ color: inherit; text-decoration:none;}


.destaque .minorWidth {display: none;}
.inicio {padding: 10rem 0; background-color: #FFF; text-align: center;}
.inicio h3 {font-weight: 600}
.inicio h3, .inicio h6 {color: #3A352F}
.inicio h6 {margin-top: 3rem; margin-bottom: 0; font-size: 1.35em}
.inicio h6 a {text-decoration: underline;}
.inicio .destaque {margin-top: 5rem;}
.inicio .destaque article {margin-top: 1rem;}
.inicio .destaque article .icone {padding: 2rem;}
.inicio .destaque article .icone a i {
    background-color: #A7CD2C;
    color: #FFF;
    font-size: 7em;
    width: 20rem;
    height: 20rem;
    line-height: 20rem;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 2rem;
    -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;
}

.inicio .destaque article .icone a:hover i {width: 18rem; height: 18rem; line-height: 18rem; background-color: #32001c; font-size: 6em}
.inicio .destaque article h5 {text-transform: uppercase; margin-bottom: 1rem}
.inicio .destaque article p {margin-bottom: 0;}
.inicio .destaque article .saberMais {
    display: block; 
    width: 10rem; 
    border: 1px solid #A7CD2C; 
    color: #A7CD2C; 
    margin: 2rem auto 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 0.9em
}
.inicio .destaque article .saberMais:hover {border-color: #32001c; color: #32001c}
.faixaFooterMinorWidth {display: none;}
.faixaFooter, .faixaFooterMinorWidth {background: #32001c; padding: 5rem 0;}
.faixaFooter a, .faixaFooterMinorWidth a {
    float: right;
    display: block; 
    width: 20rem; 
    border: 1px solid #FFF; 
    color: #FFF; 
    text-align: center;
    font-weight:400;
    margin: 0rem auto 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0.75rem 2rem;
    text-transform: uppercase;
    font-size: 1.15em;
    -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
}
.faixaFooter a:hover, .faixaFooterMinorWidth a:hover {background-color: #A7CD2C; color: #FFF; border-color: #A7CD2C}
.faixaFooter h4, .faixaFooterMinorWidth h4 {color: #FFF; margin-bottom: 0;}


footer {/*background-color: rgba(58,53,47,0.9);*/ background-image: url(../images/congruent_pentagon.png); padding: 4rem 0 2rem;}
footer h5 {color: #A7CD2C; font-weight: 600}
footer li, footer li a, footer p {color: rgba(0,0,0,0.8); font-size: 1em}
footer p {margin-bottom: 0}
footer li a:hover {color: rgba(0,0,0,1)} 
footer ul {margin-bottom: 0}
footer li {line-height: 1.25em; margin-bottom: 0; margin-top: 1rem;}
footer li i {margin-right: 1rem;}
footer .border {border-right: 1px solid #d5f0b2; padding-right: 4rem; overflow:hidden; min-height: 18rem}

footer .ultimaColuna li {list-style: none; line-height: 1.5em}
footer .socialFooter li a {
    margin: 0; padding: 0;
    margin-right: 1rem;
    width: 4rem;
    height: 4rem; 
    line-height: 4rem; 
    text-align: center;
    float: left;
    border: 1px solid #A7CD2C; 
    font-size: 1.5em; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #A7CD2C;
}
footer .socialFooter li a i {margin: 0;}
footer .socialFooter li a:hover {color: #32001c; border: 1px solid #32001c;}


footer .informacao {overflow: hidden;}
footer .direitos {margin-top: 4rem; padding-top: 2rem; border-top: 1px solid #d5f0b2; display: block; overflow: hidden; text-align: center;}
footer .direitos p, footer .direitos a {margin-bottom: 0;color: #000;}
footer .direitos a {color: #A7CD2C;}
footer .direitos a:hover {text-decoration: underline;}

.footerMinorWidth, .footerTwoColumns {display: none;}





#slide1, #slide2, #slide3 { width: 100%; }
#slide1{    
    color: #fff;
    height: 0;
    margin: 0;
    /*padding: 25rem 0 30rem 0;*/
    padding: 20rem 0 25rem; 
    background-size: cover;
}

#slide1 h1 {color: rgba(255,255,255,255.6); font-size: 4.5em; text-align: center; font-weight: 400}
#slide2{margin: 0 auto; overflow: hidden; padding: 8rem 0 6rem;}
#slide3 {margin-bottom: 15rem}

.img1 {background:url('../content/inicio-animais-producao.jpg') 50% 0 no-repeat fixed;}
.img2 {background:url('../content/inicio-animais-companhia.jpg') 50% 0 no-repeat fixed;}
.img3 {background:url('../content/inicio-memorypet.jpg') 50% 0 no-repeat fixed;}




/*

    CLINICA

*/

.contemSlider {margin: 4rem 0 0; margin-bottom: 12rem; overflow: hidden;background-color: #FFF}




/*

    SERVICOS

*/


.servicos {margin-bottom: 8rem; overflow: hidden;}
.servicos h3 {font-size: 2em; margin-bottom: 1rem;}
.servicos h4 {
    background-color: #32001c;
    font-size: 1.75em; 
    letter-spacing: 0;
    color: #FFF; 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    padding: 1rem 0; 
    text-align: center; 
    font-weight: 400;
    margin-bottom: 1rem;
}
.servicos ul {margin-bottom: 0}
.servicos ul li {background-color: #ebfbd7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 1.5rem 2rem;}
.servicos ul li li {padding: 0;}
.servicos i {margin-right: 0.5rem}

.horarioServicos {margin: 5rem 0 8rem; overflow: hidden;}
.marginServicos h3 {text-align: center; color: #3A352F; margin: 7rem 0 0; clear: both;}
.horarioServicos article {border-bottom: 1px solid #A7CD2C; overflow: hidden; margin-top: 1rem; padding: 1rem 0}
.horarioServicos article h5 {float: left; font-size: 1.5em; padding: 0; margin: 0}
.horarioServicos article p {float: right; font-size: 1.25em; padding: 0; margin: 0}
.horarioServicos article p i {margin-right: 1rem; color: #808080}
.horarioServicos .simboloServicos i {font-size: 25em; color: rgba(50,0,30,0.8); text-align: center; display: block;}
.minorWidthHorarioServicos {display: none;}


/*----- Tabs -----*/
.tabs {width:100%; display:inline-block;}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {display:block; clear:both; content:'';}
.tab-links li {margin: 2px; float:left; list-style:none;}

.tab-links a { 
padding: 1rem;
display:inline-block;
background:#A7CD2C;
font-size: 1.15em;
font-weight:600;
color: rgba(255,255,255,0.8);
transition:all linear 0.15s; -webkit-transition:all linear 0.15s; -moz-transition:all linear 0.15s;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.tab-links a i, .tab-content i {
    margin-right: 0.5rem; 
    font-size: 1.25em;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.tab-links a:hover {background:#A7CD2C; color: #FFF;text-decoration:none;}
li.active a, li.active a:hover {background:#A7CD2C; color:#FFF;}

/*----- Content of Tabs -----*/
.tab-content {margin-top: 1rem; border: 1px solid #A7CD2C; padding: 3rem; border-radius:3px;}
.tab {display:none; overflow: hidden;}
.tab.active {display:block;}

.tab-content h3 {font-size: 1.85em; font-weight: 400}
.tab-content p {margin-bottom: 0; margin-top: 2rem}
.tab-content img {margin-top: 1rem; margin-bottom: 1rem;}


.botaoGal {
    width: 30rem;
    margin: auto;
    background-color: #32001c; 
    padding: 1rem 2rem;
    text-align: center; 
    display: block; 
    overflow: hidden; 
    font-size: 1em; 
    color: #FFF;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
}

.botaoGal:hover {background-color: #A7CD2C; color: #FFF}


.textoPetSpa a {text-decoration: underline;}
.petspaMinorWidth {display: none;}
.petspaMinorWidth .imgPetSpa {margin: 0 auto 3rem; text-align: center;}


/*

    BOLETINS

*/



.incluiboletins {text-align: center; margin-top: 5rem; display: block;}
.textoBoletim {margin-top: 2rem;}
.textoBoletim h4 {font-size: 1.35em; font-weight: 400}
.incluiboletins article .textoBoletim p {margin-bottom: 0}
.imagemBoletim {
    background-image: url(../content/boletins-simbolos.jpg);
    width: 150px; 
    height: 150px; 
    display: block; 
    margin: auto; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border: 3px solid #32001c;
    background-position: 0 0;
    webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear;
}

.incluiboletins article:hover .imagemBoletim {background-image: url(../content/boletins-simbolos-hover.jpg); border: 3px solid #A7CD2C;}
.textoBoletim a.lerBoletim {text-decoration: underline; margin-top: 0rem; display: block; font-weight: 600;}
.incluiboletins article:hover .textoBoletim a.lerBoletim {text-decoration: underline; color: #A7CD2C}
.incluiboletins article .textoBoletim p:hover, .incluiboletins article .textoBoletim p  {color: #323232; opacity: 1;}



.geriatria {background-position: -150px 0}
.grooming {background-position: -300px 0}
.higieneOral {background-position: -450px 0}
.fiv {background-position: -600px 0}
.carraca {background-position: -750px 0}
.porquinhoIndia {background-position: -900px 0}
.dirofilariose {background-position: -1050px 0}
.feLV {background-position: -1200px 0}
.obesidade {background-position: -1350px 0}
.animalCasa {background-position: 0 -150px} 
.processionaria {background-position: -150px -150px}
.obsUrinarias {background-position: -300px -150px}
.praganas {background-position: -450px -150px;}




/*

    EQUIPA

*/

.equipa, .galeria, .adopcao, .formContactos, .termos, .mapaSite, .boletins {margin: 8rem 0;}

.equipa article a .imgEquipa i, .textoEquipa p {
     -webkit-transition: all 0.5s linear; 
     -moz-transition: all 0.5s linear; 
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear
}

.imgEquipa i {
    width: 20rem;
    height: 20rem;
    line-height: 20rem;
    font-size: 10rem; 
    display: block;
    text-align: center; 
    color: #32001c;
    border: 5px solid #32001c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: auto;
}

.textoEquipa {margin-top: 2rem; text-align: center;}
.textoEquipa p {font-size: 1.15em; font-weight: 400}
.equipa article a:hover .imgEquipa i {color: #A7CD2C; border: 5px solid #A7CD2C;}
.equipa article a:hover {opacity: 0.8; color: #323232;}

.fullWidthEquipa {display: block;text-align: center;}
.fullWidthEquipa .columns {
    display: inline-block;
    vertical-align: top;
    margin-left: 5% !important;
    float: unset;
}
.minorWidthEquipa article {
    display: inline-block;
}
.minorWidthEquipa, .mediumWidthEquipa {display: none;}


/* EQUIPA NOVA */
/*
.equipa, .galeria, .adopcao, .formContactos, .termos, .mapaSite, .boletins {margin: 8rem 0;}
.equipa article {overflow: hidden;}
.equipa article img {display: block;}
.textoEquipa h3 {margin-bottom: 0.5rem}
.textoEquipa h6 {color: #3A352F; font-weight: 600; margin-bottom: 1rem}
.textoEquipa h5 {color: #3A352F; font-size: 1.25em}
.textoEquipa ul li i {margin-right: 1rem; color: #32001c; font-size: 1.5em}
.textoEquipa ul li {color: #3A352F; font-size: 1.15em}
.minorWidthEquipa {display: none;}
 */




/*

    GALERIA

*/


.listaAlbuns ul li {float: left; margin: 0; padding: 0;}
.listaAlbuns ul li a {
    color: #A7CD2C; 
    display: block; 
    margin: 1rem 1rem 0 0; 
    padding: 1rem 2rem; 
    font-size: 1.25em; 
    border: 1px solid #A7CD2C; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
}
.listaAlbuns ul li a:hover {color: #FFF; background:#A7CD2C; border-color: #A7CD2C;}
.listaAlbuns ul li a.active {color: #FFF; background:#32001c; border-color: #32001c;}
.containerGal {margin-top: 2rem;}
.containerGal .mix {display: none;}

/*
.containerGal .item img{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear}
.containerGal .item img:hover {opacity: 0.8}

*/



/* 

    CAMPANHAS & Petshop

*/


.inicioCampanhas {padding: 10rem 0; background-color: #FFF; text-align: center; position: relative; z-index: 2}

.campanhas {margin: 0 0 5rem; overflow: hidden;}
.campanhas .listaArtigos ul {margin: 0 0 5rem; padding-top: 0; overflow: hidden;}
.campanhasBold {
    color: #FFF; background-color: #32001c;
    font-size: 1.25em; border-radius: 1rem; padding: 1rem; 
    margin-top: 3rem!important; width: 60rem; margin: auto;
}
.campanhasTextContact {margin-top: 2rem; font-weight: 400; font-size: 1.5em;}
.campanhasTextContact a {text-decoration: underline;}
.inicio h6.campanhasTitle, .inicio i.fa-paw {color: #A7CD2C; font-size: 1.5em}
.colorCampanha {color: #A7CD2C}
.campanhas p {font-size: 1.25em; margin-top: 5rem}
.campanhas .imagemCampanha {background-color: #32001c; overflow: hidden;}
.campanhas .imagemCampanha img {display: block; margin:auto;}
.campanhas p a {text-decoration: underline; font-size: 1.35em}



/*
* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
*/


/*

    MEMORY PET

*/


.memoryPet {overflow: hidden; display: block; margin: 0}
.contemMemoryPet .cbp-rfgrid {margin: 0}
.contemMemoryPet .cbp-rfgrid li a div {position: relative; opacity: 1; top: 0; left:0; right: 0; bottom:0; background: none}
.contemMemoryPet .cbp-rfgrid li a div h3 {font-size: 1.5em; color: #3A352F; letter-spacing: 0;}
.inicio p {margin-bottom: 0}


/*

    ADOPÇÃO

*/


.adopcao article {margin-top: 5rem;}
.adopcao article img {
    border-radius: 50%; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%;
    width: 300px; margin: auto;display: block; text-align: center;
}

.textoAdopcao {margin-top: -10rem; padding: 13rem 2rem 2rem; border: 1px solid #A7CD2C; text-align: center;}
.textoAdopcao span {font-weight: 400; color:#3A352F; font-size: 0.9em}
.textoAdopcao span a {text-decoration: underline;}
.minorWidthAdopcao {display: none;}



/*

    CONTACTOS E CONSULTAS

*/


.google-maps {position: relative; padding-bottom: 30%; /*This is the aspect ratio*/ height: 0; overflow: hidden;scrollwheel: false;;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;/* pointer-events: none; remove scroll*/}

.inicio i {margin-right: 1rem}

.formContactos form {margin: 0;}
.formContactos form label {color: #A7CD2C; font-weight: 600}
.colorStrong {color: #FFF; background-color: #32001c;font-size: 1.25em; border-radius: 1rem; padding: 1rem; margin-top: 1rem!important; width: 25rem; margin: auto;}
.formContactos form, .formContactos select, .formContactos option {color: #323232;}
.formContactos input:focus, textarea:focus, select:focus {border: 1px solid #A7CD2C;}
.formContactos form input.button-primary {
    background-color: #A7CD2C; 
    border: 0; 
    padding: 0 5rem;
    transition:all linear 0.5s;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
}
.formContactos form .button-primary:hover {background-color: #32001c;}
.formContactos textarea {resize: none; height: 12rem;}
.excepcaoForm {margin-left: 0}
.minorWidthConsultas {display: none;}

.msg_env {font-weight: bold; background-color: #A7CD2C; padding: 1rem 0; color: #FFF; display: none; margin-top: 1rem; text-align: center;}
.msg_nonenv {font-weight: bold; background-color:rgb(255,0,0); padding: 1rem 0; color: #FFF; display: none; margin-top: 1rem; text-align: center;}

.gdpr {margin-bottom: 1rem}
.gdpr label {float: left; margin-right: 1rem; line-height: 1.8rem;}
.gdpr .floatRadio {float: left; margin-right: 2rem}
.gdpr input[type="radio"] {width: 2rem; height: 2rem}
.gdpr p a {color: #323232; text-decoration: underline;}
.gdpr p a:hover {color: #A7CD2C;}


/*

    TERMOS

*/




.termos p i {margin-right: 1rem; font-size: 1.5em; color: #A7CD2C}
.termos h6 {font-weight: 600; margin-bottom: 1rem}
.termos a {text-decoration: underline;}
.termos .centroArbitragemMax {margin-bottom: 1rem; display: block; overflow: hidden; margin-bottom: 3rem}
.termos .centroArbitragemMax img {margin: 2rem 0;}
.termos p.noMargin {margin-bottom: 0; padding-bottom: 0;}

.termos h6 {margin-bottom: 0; font-weight: 600; margin: 2rem 0 0 2rem; display: block;}
.termos .marginLeftTermos {margin-left: 5rem; font-weight: bold; color: #A7CD2C}
.termos .ulTermos {list-style: circle; margin-left: 9rem}
.termos .marginLeftBigger {margin-left: 7rem} 
.termos span { color: #323232}


/*

    MAPA SITE

*/

.mapaSite {}
.mapaSite h5 {background: #A7CD2C; color: #FFF; text-align: center; padding: 1rem 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 0}
.mapaSite ul li {border-bottom: 1px solid #A7CD2C; font-size: 1.25em; text-align: center; padding: 1rem 0;}

.mapaSite ul li, .mapaSite ul a {margin: 0}




/*

    NATAL

*/


/*
header, footer, .inicio {background:none;}
#bg {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1000;}
#bg img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;}
*/




/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}

 
/*----- Responsive -----*/

@media screen and (max-width: 1460px) {
    /*nav ul li a {padding: 7rem 1rem; font-weight: 400;}*/
     #slide1 h1 {font-size: 4em;}
}

@media screen and (max-width: 1350px) {
    .menu-inner {width: 105rem;}
    nav ul li a {padding: 1rem 2.15rem;}
    .inicio .destaque article .icone a i {font-size: 5em; width: 16rem; height: 16rem; line-height: 16rem; margin-bottom: 1rem;}
    .inicio .destaque article .icone a:hover i {width: 13rem; height: 13rem; line-height: 13rem; background-color: #A7CD2C; font-size: 6em}

}

@media screen and (max-width: 1230px) {
    .menu-inner {width: 98rem;}
    nav ul li a {padding: 1rem 1.25rem; font-weight: 400; font-size: 1em;}
    #slide1 h1 {font-size: 3em;}
   .horarioServicos .simboloServicos i {font-size: 20em; margin-top: 4rem}
}

@media screen and (max-width: 1160px) {
    /*.tab-links a {min-width: 8rem; font-size: 1.15em}
    .tab-links li.active a::after {left: 12rem;}*/
    .destaque .minorWidth {display: block;}
    .destaque .fullWidth {display: none;}
    .inicio .destaque article .icone a i {font-size: 7em; width: 20rem; height: 20rem; line-height: 20rem; margin-bottom: 2rem;}
    .inicio .destaque article .icone a:hover i {width: 18rem; height: 18rem; line-height: 18rem; background-color: #A7CD2C; font-size: 6em}

    .contactos ul li { margin: 0 0.25rem;}
    .contactos ul li i {float: left; margin: 0 0.5rem; font-size: 1.15em}
    .contactos ul li i.fa-envelope {font-size: 1.15em;}

}


@media screen and (max-width: 1110px) {
    .footerFullWidth {display: none;}
    .footerMinorWidth {display: block;}
    .footerMinorWidth .informacao h5 {font-size: 1.5em}
    .footerMinorWidth .informacao li {line-height: 1.5em}
    .footerMinorWidth .border {border: none;}
}

@media screen and (max-width: 1035px) {
    .horarioServicos article h5 {font-size: 1.25em;}
    .horarioServicos article p {font-size: 1em;}
    .mainMenu, /*.minMenu,*/ .preHeader {display: none;}
    .responsiveMenu, .nav-placeholder-responsive {display: block;}
    .google-maps {padding-bottom: 60%;}

    .fullWidthEquipa {display: none;}
    .mediumWidthEquipa {display: block;}
    .mediumWidthEquipa > div {margin-bottom: 3rem}


   /*.tab-links a {min-width: 8rem; font-size: 1em; padding: 1rem;}
   .tab-links li.active a::after {left: 10rem; border-top: 1.25rem solid transparent; border-bottom: 1.25rem solid transparent; border-left: 1rem solid #c6f2e6;}*/
}
@media screen and (max-width: 990px) {
    .horarioServicos .simboloServicos i {font-size: 16em; margin-top: 5rem}
}
 
@media screen and (max-width: 980px) {
    .faixaFooter {display: none;}
    .faixaFooterMinorWidth {display: block; text-align: center;}
    .faixaFooterMinorWidth a {margin: 3rem auto 0;float: none;}
    .footerMinorWidth {display: none;}
    .footerTwoColumns {display: block;}
}

@media screen and (max-width: 925px) {
    .fullWidthHorarioServicos, .petspaFullWidth {display: none;}
    .minorWidthHorarioServicos, .petspaMinorWidth {display: block;}
}

@media screen and (max-width: 890px) {
    .fullWidthServicos {display: none;}
    .minorWidthServicos {display: block;}
    /*.tab-links li {margin-right: 1rem}
    .tab-links li.active a::after {display: none;}*/
}
@media screen and (max-width: 850px) {
    .minorWidthAdopcao {display: block;}
    .fullWidthAdopcao {display: none;}
    .fullWidthConsultas {display: none;}
    .minorWidthConsultas {display: block;}
    .logo a {padding: 0 1rem;}
    .logoSeparador {display: none;}
}


@media screen and (max-width: 800px) {
    .imagemEquipa {margin-bottom: 2rem}
    #slide1 h1 {font-size: 2.5em; padding: 0 5rem; font-weight: 400}
    #slide1 {padding: 15rem 0 25rem 0;}
}
 
@media screen and (max-width: 650px) {
    .logo {display: none;}
    .logoResponsive {display: block;}
    .logoResponsive {padding: 0; text-align: center;}
    .logoResponsive a {padding: 1rem 3rem; display: block;}
    .google-maps {padding-bottom: 80%;}

    .mediumWidthEquipa {display: none;}
    .minorWidthEquipa {display: block;}


    /*.minorWidthLogo {display: block; padding: 1rem 0; overflow: hidden; margin:auto;}
    .minorWidthLogo div {text-align: center; display: block; background-color: green; overflow: hidden;}
    .minorWidthLogo a.logoVetequilibrio {margin-bottom: 3rem;}
    .minorWidthLogo a.logoCentralAnimais {background-color: yellow; text-align: center; margin: auto;}
    .fullWidthLogo {display: none; text-align: none;}
    */
}

@media screen and (max-width: 550px) {
    .footerTwoColumns {text-align: center; width: auto}
    .ultimaColuna {margin-top: 2rem}
    .ultimaColuna .socialFooter {overflow: hidden; width: 13rem; margin: auto;}
    .ultimaColuna .socialFooter li a {margin: 0 1rem;}
    #slide1 h1 {font-size: 2em; padding: 0 2rem;}
}







