.nav > li {
    position: relative;
    display: block;
   
    display: inline-block;
}
th {
    padding: 10px;
  
border: 2px solid #969696;
padding-bottom: 1px;

}

th .img-responsive {
  margin: auto;

}

tr.wide th p {
    text-align: left;
}
th p {
   
    text-align:center;
}

table {

width:100%;
}
.mobileicon {
    display: none;
    width: 100%;
    text-align: right;
    padding: 10px;
}

.mobileicon img {
    text-align: right;
    float: right;
    display: block;
}

@media screen and (max-width:768px) {
    .mobileicon {
        display: inline-block !important;
    }
    #inner-navbar ul {
        display: none ;
    }
    #inner-navbar .dropdown {
     
        width: 100% !important;
    }
    #inner-navbar .nav>li:after {
        border: 0px !important
    }
 
 

}

@media screen and (min-width:769px){
.authorable div ul, .authorable div ol {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 40px;
    margin-top: -6.7%;
}}

@media screen and (min-width:769px){
li.dropdown.long {
    position: relative;
    top: -1px;
}


}


.nav-justified > li {
    float: left;
    background-color: #585858;
    width: 10%;
    margin-left: 1%;
    text-transform: uppercase;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
color:white;
}

@media screen and (min-width:769px){
.short > a {
 
    padding-left: 2%!important;
    padding-right: 2%!important;
 
    padding-bottom: 15%!important;
    padding-top: 15%!important;
}

.long > a {
    padding-left: 2%!important;
    padding-right: 2%!important;
    
    padding-top: 7%!important;
    padding-bottom: 4%!important;
}}

@media screen and (max-width:768px){

.authorable div ul, .authorable div ol {
  
    margin-left: 0px;
 
}}

@media screen and (min-width:769px){
 .home {
background-image: url(/conditions/pages/vermifugervotrecheval/img/home_house_real_estate-512.png);

    height: 90px;
    background-repeat: no-repeat;
    background-color: #ff6400!important;
    position: relative;
    top: -43px;
}
 .home>a {
    position: relative;
    top: 41px;

}

.FAQ {
    background-color: #ff671f!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/faq-nav.png);

    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -43px;
}

 .FAQ>a {
    position: relative;
    top: 41px;

}

.gerer{
 background-color: #95c11f!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/gerer-nav.png);

    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -43px;

}
 .gerer>a {
    position: relative;
    top: 41px;

}

.planifier{
 background-color: #778e9c!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/planner-nav.png);

    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -43px;

}
 .planifier>a {
    position: relative;
    top: 41px;

}

.vermifuger{
 background-color: #f49600!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/vermifuger-nav.png);
background-position-y: -79%;
    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -43px;

}
 .vermifuger>a {
    position: relative;
    top: 41px;

}

.tester{
 background-color: #008bcb!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/tester-nav.png);
background-position-y: -79%;
    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -43px;

}
 .tester>a {
    position: relative;
    top: 41px;

}

.parasites{
 background-color: #ff6400!important;
    background-image: url(/conditions/pages/vermifugervotrecheval/img/parasites-nav.png);

    background-repeat: no-repeat;
    height: 90px;
    position: relative;
    top: -42.4px!important;

}
 .parasites>a {
    position: relative;
    top: 41px;

}


}






.tiles article a:hover {
    color: white!important;
background-color: #ff6400;
}

.gerer>a:hover {
    color: white!important;
background-color:  #95c11f!important;}

.planifier>a:hover {
    color: white!important;
background-color:  #778e9c!important;}

.vermifuger>a:hover {
    color: white!important;
background-color:  #f49600 !important;}


.tester>a:hover {
    color: white!important;
background-color:  #008bcb !important;}

p.orange {
    color: #ff6400!important;
    margin-bottom: 0%;
    font-weight: bold;
}
p.bold {
    font-weight: bold;
    margin-bottom: 0px!important;
}

.orangespan {
color: #ff6400!important;
}

.row.gererr {
    margin-left: -15px;
    margin-right: -15px;
}




.authorable p {
    font-size: 10pt;
    line-height: 1.55em;
}

.col-md-3 >img {
    margin-bottom:5%
}

margin-bottom-5{
    margin-bottom:5%
}

.footnotes>p {
    font-size: 10px;
line-height: 1em;
}

.whitetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2px;
    color: #ffffff;
}

.left-float {

float:left;
padding-right:12px;

}

.right-float {

float:right;
padding-left:12px;

}

@font-face {
   font-family: 'GothamNarrowBook';
   src: url('https://zoetis.com.au/campaign/simparica/fonts/gothamnarrow-bold.otf') format("opentype");
   
}


  h1, h2, h3{
   font-family: GothamNarrowBold, Helvetica, Arial, sans-serif !important;
   
   
}

.dropdown a {
   font-family: GothamNarrowBold, Helvetica, Arial, sans-serif !important;
   
   
}

.greygrey {
    background-color: #f6f3ef;
    padding: 33px;
    margin-bottom: 5%;
}

h2.h2-black {
    color: #585857;
}

.auto-margin {
margin: auto!important;

}


h2, h3 {
    margin-bottom: 0;
font-size:1.7em!important;
}

h1 {
  
font-size:2.0em!important;
}