* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body { font-family: 'Quicksand', sans-serif; font-size: 16px; color: #383838; }
.clear { clear: both; }
img { display: block; }
.maj { text-transform: uppercase; }
h1, .titrefooter { text-align: center; font-size: 48px; font-weight: 500; color: #666; }
h2 { font-size: 30px; font-weight: 700; color: #666; }
h3 { font-size: 16px; font-weight: 700;  }
.maj { text-transform: uppercase; }
.content { width: 980px; margin: 0 auto; }
.contentG { width: 1250px; margin: 0 auto; }
.separ { width: 100%; height: 1px; background-color: #383838; margin: 50px 0; display: block; }
.g-recaptcha { margin-top: 20px; }
#breadcrumbs { padding: 20px 0 0 20px; margin-bottom: 20px; color: #3b3b35; font-size: 11px; font-family: 'roboto'; text-transform: uppercase; }
#breadcrumbs a { text-decoration: none; color: #3b3b35; font-size: 11px; text-transform: uppercase; }
#breadcrumbs a .home { background: url(//animalsconcept.com/wp-content/themes/a-concept/images/home-breadcum.png) no-repeat 0 0; width: 13px; height: 11px; display: inline-block; }
.amenagement { background-color: #918c4e; margin-top: 30px; }
.amenagement a { background-color: #5f5800; }
.enrichissement { background-color: #d49e54; }
.enrichissement a { background-color: #d88516; }
.veterinaire { background-color: #e9e9e9; }
.veterinaire a { background-color: #8c8c8c; }
.three { width: 31%; float: left; }
#header { font-family: 'roboto'; font-size: 14px; padding-top: 21px; height: 113px; background-color: #fff; position: relative; }
#header_contener { max-width: 1250px; margin: 0 auto; }
#header a#logo, #header #search { display: inline-block; float: left; }
#header #search { margin: 25px 0 0 180px; }
#header #search label { display: none; }
#header #search input[type=text] { width: 300px; border: 1px solid #52513c; height: 30px; padding: 10px; text-transform: uppercase; color: #d88516; -webkit-box-shadow: 0px 0px 5px 2px #cccccc; box-shadow: 0px 0px 5px 2px #cccccc; }
#header #search input[type=submit] { background: url(//animalsconcept.com/wp-content/themes/a-concept/images/loupe-search.jpg) no-repeat 0 0; text-indent: 9999px; height: 28px; width: 34px; border: 0; display: inline-block; top: 0px; position: relative; right: 38px; }
#header #info_right { display: inline-block; font-weight: 700; text-transform: uppercase; color: #52513c; text-align: right; float: right; }
#header #info_right #menuP { margin-top: 10px; }
#header #info_right #menuP a { text-decoration: none; color: #52513c; text-transform: uppercase; font-weight: 400; }
#header #info_right #menuP span { margin: 0 12px; }
#header #menuB { background: #fff; margin-top: 25px; width: 100%; z-index: 2; }
#header #menuB ul { list-style: none; margin: 0 auto; max-width: 1250px; position: relative; }
#header #menuB ul li { float: left; padding: 10px 16px; }
#header #menuB ul.sub-menu li:hover { background: none; }
#header #menuB ul.sub-menu li ul li:hover { background: #d8881b; }
#header #menuB ul li:hover { background-color: #d8881b; color: #fff; }
#header #menuB a { font-family: 'roboto'; font-size: 16px; color: #52513c; text-transform: uppercase; text-decoration: none; }
#header #menuB a span { color: #d8881b; writing-mode: vertical-rl; text-orientation: sideways; }
#header #menuB ul li:hover a span { color: #fff; }
#header #menuB ul.sub-menu { display: none; position: absolute; z-index: 10; left: 0; top: 39px; border-top: 5px solid #d8881b; padding: 10px; background: rgb(255 255 255 / 90%); width: 100%; } #header #menuB ul li:hover .sub-menu { display: block; }
#header #menuB ul li:hover a { color: #fff; }
#header #menuB ul li:hover ul.sub-menu a { color: #000; }
#header #menuB ul.sub-menu li { margin: 0 35px 0 0; }
#header #menuB ul.sub-menu li ul.sub-menu { border: 0; position: relative; background: none; top: 0; padding: 10px 0 0 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#header #menuB ul.sub-menu li a { font-weight: 900; }
#header #menuB ul.sub-menu li ul.sub-menu li { margin: 0; padding: 0 10px; float: none; }
#header #menuB ul.sub-menu li ul.sub-menu li a { font-weight: 400; display: block; padding: 7px 50px 7px 0; text-transform: initial; position: relative; } #langue { margin-bottom: 7px; }
#langue a { display: inline-block; margin-left: 10px; }
#slider { margin-bottom: 50px; position: relative; }
#slider:after{ content: " "; position: absolute; width:100%; height: 15px; bottom: -15px; left: 0px; box-shadow: 0px 10px 10px -10px #666 inset; }
#slider img { width: 100%;  }
#intro { padding: 30px; margin-bottom: 30px; background-color: #635d00; color: #fff; }
#intro p { max-width: 1280px; text-align: justify; margin: 0 auto; }
#intro h1 { margin-bottom: 15px; color: #fff; font-size: 36px; }
#bloc_home_haut { text-align: justify; }
#bloc_home_haut h1 { margin-bottom: 40px; }
#bloc_home_haut #video { margin-top: 65px; }
#bloc_home_haut #video img { width: 575px; float: left; }
#bloc_home_haut #video p { background: #e8e7e7; width: 405px; float: left; padding: 21px; color: #393939; }
.homeThree .three { border: 1px solid #4f4f4f; margin: 30px 0 0 43px; }
.homeThree .three:nth-of-type(1) { margin-left: 0; }
.homeThree .three img { width: 100%; }
.homeThree .three .txt { background-color: #383838; color: #fff; padding: 20px; }
.homeThree .three .txt a { font-weight: 700; color: #fff; font-size: 18px; text-decoration: none; float: right; margin-top: 15px; }
.catP { padding: 25px; }
.catP .contentG { max-width: 1250px; width: auto; }
.catP img { float: left; margin-right: 90px; border-top-right-radius: 35px; border-bottom-left-radius: 35px; }
.catP .txt h3 { margin-bottom: 20px; }
.catP .txt { color: #fff; text-align: justify; }
.catP .txt .alignright { margin-left: 30px; float: right; }
.catP .txt a.dec { color: #fff; border: 2px solid #fff; padding: 15px; margin-top: 25px; display: inline-block; text-decoration: none; font-weight: 700; font-size: 22px; box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.75); -webkit-box-shadow: 0px 0px 10px 2px rgba(85, 85, 85, 0.75); }
.catP .txt a.pimage { float: right; background: none; }
.catP .txt a.pimage img { float: none; margin: 20px 20px 0 0; max-width: 120px; }
.catP.veterinaire .txt { color: #000; }
#veterinaireHome .contentG img { float: right; margin-left: 90px; }
.desc-cat { background-color: #3b3b35; }
.page-template-page-realisation .desc-cat, .page-template-page-partenaire .desc-cat { background-color: #6b6503; }
.contentG.intCat { margin-top: 75px; background-color: #e9e9e9; padding-left: 30px; }
.page-template-page-realisation .contentG.intCat, .page-template-page-partenaire .contentG.intCat { background: none; }
.contentG.intCat.reahead  { background-color: #6b6503; }
.contentG.intCat.reahead h1  { color: #fff; }
.page-template-page-realisation .contentG.intCat h1, .page-template-page-partenaire .contentG.intCat h1 { color: #fff; }
.contentG.intCat h1 { color: #383838; text-transform: uppercase; text-align: left; float: left; width: 35%; padding-top: 10%; }
.contentG.intCat .desc { float: left; width: 65%; position: relative; }
.contentG.intCat .desc div { position: absolute; bottom: 0; left: 0; padding: 20px; color: #fff; background-color: rgb(0 0 0 / 75%); text-align: justify; }
.contentG.intCat .desc img { width: 100%; height: 480px; }
.blocsouscat { border-bottom: 1px solid #383838; padding-bottom: 20px; }
.blocsouscat h2 { margin-top: 25px; }
.blocsouscat p { margin: 25px 0 0 0; }
.souscat { border: 1px solid #383838; float: left; width: calc(25% - 15px); margin-right: 20px; margin-top: 25px; background: #fff; }
.souscat:nth-child(4n+2) { margin-right: 0; }
.pagesearch .souscat:nth-child(4n) { margin-right: 0; }
.pagesearch .souscat:nth-child(4n+2) { margin-right: 20px; }
.souscat img { height: 240px; margin: 0 auto; padding: 15px; max-width: 100%; }
.souscat .descsouscat { background: #383838; color: #fff; width: 100%; padding: 20px; height: 124px; }
.souscat .descsouscat a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 600; margin-top: 10px; text-align: right; display: block; }
.pagesouscath1 { background-color: #e9e9e9; }
.pagesouscath1.vert { background-color: #918c4e; }
.pagesouscath1 h1 { margin-top: 75px; font-size: 24px; text-transform: uppercase; text-align: left; padding: 10px 0; width: 1250px; margin: 75px auto 0 auto; }
#fondpagesouscat { background-color: #f6f6f6; padding-bottom: 25px; }
#fondpagesouscat p { text-align: justify; }
#slideshow { width: 45%; float: left; }
#slideshow #slideshowG { width: 100%; }
#slideshow #slideshowG img { width: 100%; height: 100%; }
#slideshow .miniatures ul { list-style: none; margin-top: 25px; }
#slideshow .miniatures ul li { float: left; width: 120px; margin-right: 27px; }
#slideshow .miniatures ul li:nth-child(4) { margin-right: 0; }
.infoprod { width: 55%; float: left; padding: 0 20px; }
.infoprod p#ref, .infoprod span { text-transform: uppercase; font-weight: 600; font-size: 17px; color: #666; }
.infoprod span { margin-top: 30px; display: block; }
.infoprod h2 { margin: 15px 0; }
.infoprod #ub-content-toggle-09b5cb48-2b86-4433-889f-2c922177433a .wp-block-ub-content-toggle-accordion-title-wrap { background-color: #fff; }
.infoprod #ub-content-toggle-09b5cb48-2b86-4433-889f-2c922177433a .wp-block-ub-content-toggle-accordion-title { color: #383838; font-weight: 600; }
.infoprod .wp-block-ub-content-toggle-accordion { border-top: 1px solid #9a9a9a; margin-bottom: 0; }
.infoprod #ub-content-toggle-09b5cb48-2b86-4433-889f-2c922177433a .wp-block-ub-content-toggle-accordion { border-color: #9a9a9a; border-top: 1px solid #9a9a9a; }
.infoprod .wp-block-ub-content-toggle-accordion { border: 0; }
.infoprod .wp-block-ub-content-toggle-accordion-content-wrap { background-color: #fdfdfd; font-size: 14px; color: #383838; font-weight: 400;}
.infoprod a { display: block; color: #fff; padding: 11px 10px; text-decoration: none; font-weight: 600; text-transform: uppercase; margin-top: 15px; width: 230px; text-align: center; }
.pdfb { background-color: #BCBD00; }
.pdfb.pdfv { background-color: #215F9A; }
.infoprod a#tarif { background-color: #383838; }
.infoprod a#devis { background-color: #da8d26; }
.infoprod ul { margin-left: 35px; }
#video { padding: 50px 0; text-align: center; background: #e9e9e9; }
.pagedefault { text-align: justify; }
.pagedefault p { margin: 10px 0; }
.pagedefault ul { margin-left: 35px; }
.col { width: calc(33% - 15px); float: left; margin-right: 20px; }
.col:nth-child(3) { margin-right: 0; }
.diapo-rea { display: none; }
.rea { background-color: #e8e7e7; margin-bottom: 50px; }
.rea img { width: 50%; float: left; }
.rea .readesc { padding: 15px 20px; text-align: justify; width: 50%; float: left; }
.rea .readesc a { background: #8c8c8c; display: block; border: 2px solid #3e3e3e; padding: 10px; width: 148px; color: #fff; font-size: 22px; font-weight: 700; text-decoration: none; margin-top: 25px; }
.rea .readesc h2 { margin-bottom: 5px; }
.rea .readesc ul { margin-left: 35px; }
.rea-partenaire { margin: 25px 0 0 0; }
.rea-partenaire img { width: auto; display: block; margin: 15px 15px 0 0; }
.partenaire { width: calc(25% - 15px); margin-right: 20px; margin-top: 25px; float: left; border: 1px solid #383838; background-color: #fff; }
.partenaire.last { margin-right: 0; }
.partenaire img { height: 180px; margin: 0 auto; padding: 15px; width: 100%; }
.partenaire .txt-partenaire { background-color: #383838; color: #fff; padding: 15px; text-align: center; min-height: 78px; }
.partenaire .txt-partenaire h2 { font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 5px; }
#zoopoli { background: #d49e54; margin: 30px 0; padding: 25px; color: #fff; font-size: 21px; }
#zoopoli .zoopolileft { width: 50%; float: left; padding-right: 10%; border-right: 2px dotted #fff; text-align: right; }
#zoopoli .zoopoliright { width: 50%; float: left; padding-left: 10%; text-align: left; }
.form input[type=radio] { width: 27px; height: 27px; }
.form input[type=text] { margin: 25px 0 0 25px; padding: 8px 10px; width: 347px; }
.form textarea { width: 100%; margin-top: 20px; padding: 15px; display: block; }
.form input[type=text].bas { width: 397px; margin: 25px 25px 0 0; }
.form input[type=text]#cp.bas { margin: 25px 0 0 0; }
.form input[type=submit] { background-color: #383838; color: #fff; text-transform: uppercase; font-weight: 600; padding: 14px 27px; border: 0; outline: none; cursor: pointer; float: right; font-family: 'Quicksand', sans-serif; font-size: 18px; }
.form #formulaire h2 { float: left; }
.form select { padding: 0 10px; height: 35px; float: right; width: 450px;}
.form #datepicker { margin: 0 30px 0 0; float: right; width: 270px; }
.form .separ { display: block; background-color: #fff; }
#footer { padding-top: 146px; background: url(//animalsconcept.com/wp-content/themes/a-concept/images/footer.png) no-repeat 0 0; background-size: contain; margin-top: 180px; }
#footercontent { background: #eae9db; }
#footer .contentG { padding: 10px 0; position: relative; }
#footer .contentG #madein { position: absolute; top: -275px; right: 0; width: 320px; text-align: justify; }
#footer .contentG #madein img { margin-right: 30px; }
#footer .contentG #madein .titrefooter { text-align-last: left; margin: 20px 0 15px 0; }
#footer ul, #footer img { float: left; }
#footer ul { margin: 25px 0 0 170px; list-style: none; }
#footer ul li:first-child { font-weight: 900; border-bottom: 1px solid #bfbfbf; padding-bottom: 15px; margin-bottom: 15px; }
#footer ul li a { text-decoration: none; color: #52513c; }
#footer_bas { background-color: #383838; padding: 10px 0; text-align: center; }
#footer_bas a { color: #fff; font-family: 'roboto'; text-decoration: none; font-size: 14px; }
#footer_bas span { color: #918c4e; margin: 0 8px; }
@media (max-width: 502px) {
.content, .contentG { width: auto; margin: 0 auto; }
.contentG.homeThree { padding: 0 15px; }
.contentG.intCat { padding-left: 0; }
#header { height: auto; padding-bottom: 20px; }
#header a#logo { display: block; float: none; margin: 0 auto; width: 260px; }
#header #search { margin: 15px auto; float: none; width: 288px; display: block; }
#header #search input[type=text] { width: 250px; }
#header #menuB { position: relative; top: 0; }
#header #menuB ul li { float: none; }
#header #info_right { float: none; text-align: center; width: 100%; }
#header #responsive_menu { position: absolute; display: block; bottom: 46px; left: 25px; height: 20px; width: 20px; background: url(//animalsconcept.com/wp-content/themes/a-concept/images/burger.png) no-repeat; cursor: pointer; }
#header #menuB { display: none; padding: 0 0 10px 0; position: absolute; top: 0; left: 0; z-index: 122; width: 100%; background: #fff; }
#header #menuB ul.sub-menu { position: relative; left: 0; top: 0; border-top: 0; padding-bottom: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#bloc_home_haut #video img { width: 100%; float: none; }
#bloc_home_haut #video p { width: auto; float: none; }
.homeThree .three { float: none; width: 100%; margin: 30px 0 0 0; }
.catP { margin-bottom: 0; }
.catP img { float: none; margin-right: 0; max-width: 100%; }
#imgzoopoli { width: 100%; }
.img-partenaire { width: 100% !important; }
.contentG.intCat h1 { float: none; width: 100%; padding-left: 25px; margin-bottom: 20px; }
.contentG.intCat .desc img { height: auto; }
.contentG.intCat .desc { float: none; width: 100%; }
.contentG.intCat .desc div { position: relative; }
.pagesouscath1 h1 { width: auto; padding: 10px 15px; }
.blocsouscat { padding: 0 15px 20px 15px; }
.souscat { float: none; width: 100%; margin-right: 0; }
#fondpagesouscat { padding: 0 15px 25px 15px; }
#slideshow { width: 100%; float: none; }
.infoprod { width: 100%; float: none;  padding: 0; margin-top: 25px; }
.col { width: 96%; float: left; margin-right: 0; margin-left: 2%; }
.partenaire { width: 100%; margin-right: 0; margin-top: 25px; float: none; }
.partenaire img { max-height: 100%; }
.form form { margin-top: 20px; }
.form input[type=text], .form input[type=text].bas, .form #datepicker { margin: 25px 0 0 0px; padding: 8px 10px; width: 100%; }
.form .separ { margin: 20px 0; }
.form #formulaire h2 { float: none; margin-bottom: 20px; }
#footer .contentG #madein img { float: left; }
#footer ul { float: none; margin: 25px auto; display: table; }
#footer img { float: none; margin: 0 auto; }
}.sl-slider-wrapper {
width: 800px;
height: 400px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.sl-slider-wrapper img#fleche-slider-home {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 9;
}
.sl-slider {
position: absolute;
top: 0;
left: 0;
} .sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} 
.sl-slide-inner .caption {
margin: 0;
width: 35%;
height: 100%;
position: absolute;
right: 0;
padding: 35px;
color: #fff;
background: rgb(0 0 0 / 75%);
}
.sl-slide-inner .caption img {
max-height: 344px;
float: right;
position: relative;
margin-left: 50px;
}
.sl-slide-inner .caption p {
position: relative;
}
.sl-slide-inner .caption a {
position: relative;
padding: 10px 15px;
border: 2px solid #fff;
margin-top: 30px;
display: inline-block;
}
.sl-slide {
z-index: 1;
} .sl-content-slice {
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
} .sl-slide-horizontal .sl-content-slice {
width: 100%;
height: 50%;
left: -200px;
-webkit-transform: translateY(0%) scale(1);
-moz-transform: translateY(0%) scale(1);
-o-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
top: -200px;
padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
top: 50%;
padding: 0px 200px 200px 200px;
} .sl-slide-vertical .sl-content-slice {
width: 50%;
height: 100%;
top: -200px;
-webkit-transform: translateX(0%) scale(1);
-moz-transform: translateX(0%) scale(1);
-o-transform: translateX(0%) scale(1);
-ms-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
left: -200px;
padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
left: 50%;
padding: 200px 200px 200px 0px;
}  .sl-content-wrapper {
position: absolute;
}
.sl-content {
width: 100%;
height: 100%;
background: #fff;
} .sl-slide-horizontal .sl-slide-inner {
background: #ddd;
}
.sl-slide-vertical .sl-slide-inner {
background: #ccc;
}
.demo-1 .sl-slider-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sl-slider-wrapper {
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
.sl-slider a { color: #fff; text-decoration: none; }
.sl-slider a:hover { color: #fff; text-decoration: none; }
.sl-slider h2 {
position: relative;
font-size: 26px;
margin-top: 100px;
color: #fff;
margin-bottom: 15px;
}
.sl-slider blockquote {
font-size: 18px;
font-weight: 300;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.sl-slider blockquote cite {
font-size: 16px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 5px;
padding-top: 30px;
display: inline-block;
}
.bg-img {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover; background-position: center center;
} .nav-arrows span {
position: absolute;
z-index: 2000;
top: 50%;
width: 40px;
height: 40px;
border: 8px solid #ddd;
border: 8px solid rgba(150,150,150,0.4);
text-indent: -90000px;
margin-top: -40px;
cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-arrows span:hover {
border-color: rgba(150,150,150,0.9);
}
.nav-arrows span.nav-arrow-prev {
left: 5%;
border-right: none;
border-top: none;
}
.nav-arrows span.nav-arrow-next {
right: 5%;
border-left: none;
border-bottom: none;
} .nav-dots {
text-align: center;
position: absolute;
bottom: 2%;
height: 30px;
width: 100%;
left: 0;
z-index: 10;
}
.nav-dots span {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 3px;
background: #ddd;
background: rgba(150,150,150,0.4);
cursor: pointer;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span {
background: rgba(150,150,150,0.1);
margin: 6px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 2px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current,
.nav-dots span:hover {
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 5px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 3px;
left: 3px;
border-radius: 50%;
background: rgba(221,213,181,0.8);
} .demo-1 .deco {
width: 260px;
height: 260px;
border: 2px dashed #ddd;
border: 2px dashed rgba(150,150,150,0.4);
border-radius: 50%;
position: absolute;
bottom: 50%;
left: 50%;
margin: 0 0 0 -130px;
}
.demo-1 [data-icon]:after {
content: attr(data-icon);
font-family: 'AnimalsNormal';
color: #999;
text-shadow: 0 0 1px #999;
position: absolute;
width: 220px;
height: 220px;
line-height: 220px;
text-align: center;
font-size: 100px;
top: 50%;
left: 50%;
margin: -110px 0 0 -110px;
box-shadow: inset 0 0 0 10px #f7f7f7;
border-radius: 50%;
}
.demo-1 .sl-slide h2 {
color: #000;
text-shadow: 0 0 1px #000;
padding: 20px;
position: absolute;
font-size: 34px;
font-weight: 700;
letter-spacing: 13px;
text-transform: uppercase;
width: 80%;
left: 10%;
text-align: center;
line-height: 50px;
bottom: 50%;
margin: 0 0 -120px 0;
}
.demo-1 .sl-slide blockquote {
position: absolute;
width: 100%;
text-align: center;
left: 0;
font-weight: 400;
font-size: 14px;
line-height: 20px;
height: 70px;
color: #8b8b8b;
z-index: 2;
bottom: 50%;
margin: 0 0 -200px 0;
padding: 0;
}
.demo-1 .sl-slide blockquote p{
margin: 0 auto;
width: 60%;
max-width: 400px;
position: relative;
}
.demo-1 .sl-slide blockquote p:before {
color: #f0f0f0;
color: rgba(244,244,244,0.65);
font-family: "Bookman Old Style", Bookman, Garamond, serif;
position: absolute;
line-height: 60px;
width: 75px;
height: 75px;
font-size: 200px;
z-index: -1;
left: -80px;
top: 35px;
content: '\201C';
}
.demo-1 .sl-slide blockquote cite {
font-size: 10px;
padding-top: 10px;
display: inline-block;
font-style: normal;
text-transform: uppercase;
letter-spacing: 4px;
}  .demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
background: #fff;
} .demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
background: #000;
}
.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
color: #fff;
}
.demo-1 .bg-2 blockquote:before {
color: #222;
} .demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
background: #db84ad;
}
.demo-1 .bg-3 .deco {
border-color: #fff;
border-color: rgba(255,255,255,0.5);
}
.demo-1 .bg-3 [data-icon]:after {
color: #fff;
text-shadow: 0 0 1px #fff;
box-shadow: inset 0 0 0 10px #b55381;
}
.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.demo-1 .bg-3 blockquote:before {
color: #c46c96;
} .demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
background: #5bc2ce;
}
.demo-1 .bg-4 .deco {
border-color: #379eaa;
}
.demo-1 .bg-4 [data-icon]:after {
text-shadow: 0 0 1px #277d87;
color: #277d87;
}
.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.demo-1 .bg-4 blockquote:before {
color: #379eaa;
} .demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
background: #ffeb41;
}
.demo-1 .bg-5 .deco {
border-color: #ECD82C;
}
.demo-1 .bg-5 .deco:after {
color: #000;
text-shadow: 0 0 1px #000;
}
.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
color: #000;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.demo-1 .bg-5 blockquote:before {
color: #ecd82c;
}
.bg-img-1 {
background-image: url(//animalsconcept.com/wp-content/themes/a-concept/images/slider.jpg);
}
.bg-img-2 {
background-image: url(//animalsconcept.com/wp-content/themes/a-concept/images/2.jpg);
}
.bg-img-3 {
background-image: url(//animalsconcept.com/wp-content/themes/a-concept/images/3.jpg);
}
.bg-img-4 {
background-image: url(//animalsconcept.com/wp-content/themes/a-concept/images/4.jpg);
} 
.bg-img-5 {
background-image: url(//animalsconcept.com/wp-content/themes/a-concept/images/slider.jpg);
} .sl-trans-elems .deco{
-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
-webkit-animation: moveUp 1s ease-in-out both;
-moz-animation: moveUp 1s ease-in-out both;
-o-animation: moveUp 1s ease-in-out both;
-ms-animation: moveUp 1s ease-in-out both;
animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
-webkit-animation: fadeIn 0.5s linear 0.5s both;
-moz-animation: fadeIn 0.5s linear 0.5s both;
-o-animation: fadeIn 0.5s linear 0.5s both;
-ms-animation: fadeIn 0.5s linear 0.5s both;
animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
-webkit-animation: scaleDown 1s ease-in-out both;
-moz-animation: scaleDown 1s ease-in-out both;
-o-animation: scaleDown 1s ease-in-out both;
-ms-animation: scaleDown 1s ease-in-out both;
animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
-webkit-animation: fadeOut 1s ease-in-out both;
-moz-animation: fadeOut 1s ease-in-out both;
-o-animation: fadeOut 1s ease-in-out both;
-ms-animation: fadeOut 1s ease-in-out both;
animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
-webkit-animation: fadeOut 1s linear both;
-moz-animation: fadeOut 1s linear both;
-o-animation: fadeOut 1s linear both;
-ms-animation: fadeOut 1s linear both;
animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
0% {-webkit-transform: translateX(500px) rotate(360deg);}
100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
0% {-webkit-transform: translateY(40px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
0% {-moz-transform: translateY(40px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
0% {-o-transform: translateY(40px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
0% {-ms-transform: translateY(40px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
0% {transform: translateY(40px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
0% {-moz-transform: scale(1);}
100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
0% {-o-transform: scale(1);}
100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
0% {-ms-transform: scale(1);}
100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
0% {transform: scale(1);}
100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}.mBox, #mBox img {
cursor: pointer;
max-width: 100%;
height: auto;
}
#mBox {
display: none;
position: absolute;
top: 25px;
left: 50%;
transform: translate(-50%, 0);
z-index: 101;
text-align: center;
}
@media (min-width: 576px) {
#mBox {
width: 80%;
}
}
@media (min-width: 768px) {
#mBox {
width: 80%;
}
}
@media (min-width: 992px) {
#mBox {
width: 60%;
}
}
@media (min-width: 1200px) {
#mBox {
width: 40%;
}
}
#mBox .mBox-current {
position: relative;
background-color: #FFF;
padding: 10px;
}
#mBox .mBox-current img {
padding: 3px;
max-height: 800px;
}
#mBox .mBox-content {
position: relative;
text-align: center;
padding: 0 10px;
background-color: #FFF;
height: 100%;
overflow: hidden;
}
#mBox .mBox-images {
position: relative;
display: block;
width: 100%;
white-space: nowrap;
} 
#mBox .mBox-image {
position: relative;
display: inline-block;
}
#mBox .mBox-image img {
position: relative;
display: inline-block;
border-radius: 3px;
padding: 0px 3px;
}
#mBox .mBox-navigation-count {
position: absolute;
bottom: 0;
text-align: left;
width: 100%;
z-index: 103;
color: #FFF;
margin-bottom: 0;
padding: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
display: none;
}
#mBox .mBox-navigation-txt {
font-style: italic;
background-color: #00000040;
padding: .4em .8em;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#mBox .mBox-current-image-title {
float: right;
}
#mBox .mBox-thumbnail-pagination {
font-size: .55em;
}
#mBox .mBox-thumbnail-pagination i {
color: #bfbfbf;
margin-right: .5em;
cursor: pointer;
}
#mBox .mBox-thumbnail-pagination i.active {
color: #565a5a;
}
#mBox .mBox-navigation {
display: block;
position: absolute;
top: 50%;
transform: translate(0 ,-50%);
width: 100%;
text-align: center;
padding: 0 .6em;
color: #FFF;
}
#mBox .mBox-navigation .fas {
cursor: pointer;
display: inline-block;
font-size: 1.8em;
text-shadow: 0px 0 6px rgba(0, 0, 0, 0.45);
}
#mBox .mBox-next {
float: right;
}
#mBox .mBox-previous {
float: left;
}
#mBox .mBox-close {
font-size: 1.6em;
text-shadow: none;
color: #FFF;
line-height: .5;
opacity: 1;
cursor: pointer;
}
#mBox button.mBox-close {
font-size: 2.3em;
position: absolute;
right: -28px;
top: 0;
border: 0;
padding: 0;
background: transparent;
}
#mBox .mBox-close:hover, #mBox .mBox-close:focus {
color: #c5c5c5;
text-decoration: none;
opacity: .75;
}
.body-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: #000;
opacity: .8;
}
#mBox .hide {
display: none!important;
}
#mBox .small {
font-size: .8em;
}
#mBox p {
padding: 0;
margin: 0;
}