/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica/Helvetica-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Helvetica/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Helvetica/Helvetica-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Helvetica/Helvetica-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Helvetica/Helvetica-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Helvetica/Helvetica-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Helvetica/Helvetica-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica/Helvetica.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Helvetica/Helvetica.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Helvetica/Helvetica.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Helvetica/Helvetica.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Helvetica/Helvetica.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Helvetica/Helvetica.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Helvetica/Helvetica.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica/helvetica-light-587ebe5a59211.eot"); /* IE9 Compat Modes */
    src: url("../fonts/Helvetica/helvetica-light-587ebe5a59211.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Helvetica/helvetica-light-587ebe5a59211.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Helvetica/helvetica-light-587ebe5a59211.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Helvetica/helvetica-light-587ebe5a59211.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Helvetica/helvetica-light-587ebe5a59211.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Helvetica/helvetica-light-587ebe5a59211.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'deansgate_condensedbold';
    src: url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.eot');
    src: url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.woff') format('woff'),
         url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/deansgatecondensed/deansgatecondensed-bold-webfont.svg#deansgate_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ardenamedium';
    src: url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.eot');
    src: url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.woff2') format('woff2'),
         url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.woff') format('woff'),
         url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.ttf') format('truetype'),
         url('../fonts/ardena/julien_fincker_-_ardena_medium-webfont.svg#ardenamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


span.menu-icon {
    display: block;
    text-align: center;
}

span.menu-label,.menu-sub-label {
    text-align: center;
    display: block;
    font-family:  'Helvetica', sans-serif;
    text-align: center;
}
.authorName{
    display: block;
    text-overflow: ellipsis;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
}

span.menu-label, span.userConnected{
    color: #212121;
    font-size: 14px ;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 16.24px;
    padding: 0 12px;
}
span.menu-sub-label {
    font-size: 14px;
    color: #111111;
    font-weight: bold;	letter-spacing: 0.58px;	line-height: 17px;	text-align: center;
}
span.menu-icon {
    color: #3576b8;
}

ul.navbar-nav.mr-auto.nav-bar-menu-veto {
    margin-left: 50px;
}

ul.navbar-nav.nav-bar-menu-veto li {
    padding-left: 7px;
    padding-right: 13px;
    /*padding-left: 16px;
    padding-right: 16px;*/
}
.navbar-nav.mobile {
    display: none;
}
nav.navbar.navbar-expand-md.navbar-veto {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-collapse-veto {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
li.item-center-vert{
    display: flex;
    align-items: center;
    justify-content: center;
}

li.nav-item.item-center-vert.item-register-call,
li.nav-item.item-center-vert.item-abonnement-call {
    margin: 10px 10px 10px 0;
    border-radius: 0.625rem;
    padding: 0 7px;
}

li.nav-item.item-center-vert.item-register-call, li.nav-item.item-center-vert.item-register-call span{
    background-color: #FEA062;
    color: #fff;
}

li.nav-item.item-center-vert.item-register-call a {
    color: #fff;
}

li.nav-item.item-account-call a span {
    /*font-size: 44px;*/
    color: #2C2C2C;
}

li.nav-item.item-account-call.show a span {
    color: white;
}

.icon-recherche {
    max-height: 38px;
}

li.nav-item.item-center-vert.item-search-call  img.icon {
    /* width: 25px; */
    height: 29px;
    width: 30px;
}
a.navbar-brand.section-logo img{
    /*height: 60px;*/
    width: 260px;
    margin-left: 15px;
}

ul.navbar-nav.nav-bar-menu-veto li.active,ul.navbar-nav.nav-bar-menu-veto li.active span, ul.navbar-nav.nav-bar-menu-veto li:hover {
    /* background-color: #FEA062;*/

}

ul.navbar-nav.nav-bar-menu-veto li.active,ul.navbar-nav.nav-bar-menu-veto li.active span, ul.navbar-nav.nav-bar-menu-veto li:hover span {
    /* color: #fff;*/
}

.multi-banner img {
    width: 100%;
}

.banner-zone-top {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
}

/* Increase Banner zone to accomodate 970x250 and center all banners */
.banner-zone-top .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.banner-zone-top .carouselBanner-home .home-banner {
    max-width: 729px;
    height: auto;
}

.banner-zone-top .owl-carousel .owl-dots {
    display: none;
}

div#main-container {
    /*  height: 100vh;*/
    /* background-image: url(../images/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom; */
    background-color: #fff;
    display: block;
    overflow: auto;
}
.footer-zone-logo .logo img {
    height: 44px;
    width: 182px;
    margin-bottom: 35px;
}

.footer-zone-logo .desciption {
    color: #111111;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
}
.menu-footer-left {
    float: left;
}

.menu-footer-rigth {
    float: right;
}

ul {}

.menu-footer-left ul li {
    float: left;
    list-style: none;
    margin-right: 10px;
    margin-left: 10px;
    color: #0F1E32;
    font-family: Helvetica;
    font-size: 12px;
    line-height: 14px;
}

.menu-footer-left ul {
    padding-left: 0px;
}
.menu-footer-left ul  li:after {
    content: "|";
    color: #000;
    padding-left: 15px;
}
.menu-footer-left ul  li:last-child::after {
    display: none;
}
.menu-footer-left ul  li:first-child
{
    margin-left: 0;
}

.menu-footer-rigth p {
    color: #0F1E32;
    font-family: Helvetica;
    font-size: 13px;
    letter-spacing: 0.54px;
    line-height: 16px;
}
footer.footer-container {
    display: block;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 10px;
}

footer.footer-container {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 50px;
}


.menu-items ul:last-child{
    float: left;
    padding-left: 0;
}
.menu-items ul:first-child
{
    float: left;
    padding-left: 0;
    margin-right: 35px;
}

.menu-items ul li {
    list-style: none;
    padding-bottom: 15px;
    color: #111111;
    font-family: Helvetica;
    font-size: 16px;
    letter-spacing: 0.67px;
    line-height: 19px;
}

.footer-zone-bloc .titre {
    color: #3676B5;
    font-family: Helvetica;
    font-size: 20px;
    letter-spacing: 0.83px;
    line-height: 24px;
    text-transform: uppercase;
}

.menu-items {
    padding-top: 25px;
}

footer.footer-container {}

.desciption-newslettre p {
    color: #111111;
    font-family: Helvetica;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 28px;
}

.footer-top {
    padding-bottom: 35px;
}
.btn-submit {
    background-color: #3676B5;
    color: #fff;
}
.form-newslettre input,.form-newslettre button {
    border-radius: 0;
}
.form-newslettre button  {
    color: #FFFFFF;	font-family: Helvetica;	font-size: 12px;	line-height: 14px;
    height: 42.75px;
}
.form-newslettre input{
    height: 42.75px;
    color: #A4A4A4;	font-family: Helvetica;	font-size: 11.4px;	letter-spacing: 0.47px;	line-height: 14px;
}



.list{background:#fff; padding:20px; margin-bottom:50px;}
.list ul{margin:0; padding:0;}
.list ul li{list-style:none; margin-bottom:20px;}
.list ul li:last-child{margin-bottom:0;}
.list ul li:hover{cursor:grabbing;}
.list .media{
    padding: 0px 0px;
    border-radius: 5px;
    background: #fff;
}

.list .media .media-body p{padding: 0 15px; font-size:14px;    margin-bottom: 0px;}
.media-body p,.media-body p a{
    color: #111111;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.61px;
    line-height: 17px;

}
.bitmap-copy {
    height: 90px;
    width: 90px;
}
a.icon .fa {
    color: #E0E0E0;
}

.list .media .media-left img {
    height: 90px;	width: 90px;
}
.side-bar-section-act {
    padding-top: 40px;
    background: #fff;
    padding-left: 10px;
    padding-right: 40px;
}

.side-bar-section-act {}

.side-bar-section-act .list {
    padding-left: 0px;
    padding-right: 0px;
}

.side-bar-section-act .title span {
    color: #111111;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
}
.side-bar-section-act .title {
    padding-bottom: 15px;
}
section.slider-owel-sidebar {
    background: #fff;
}
.col-gry-section {
    background: #f5f5f5;
    padding-bottom: 40px;
}

.media.item-media-conseil img {
    height: 86px;
    width: 86px;
}


.error_name{
    display: block;
    text-decoration: none !important;
    color: red;
}

.bloc-decal{
    margin-right: 2.5%;
}


.media.item-media-comm .media-body {
    height: 86px;
}
.media.item-media-conseil .media-body {

    background-color: #3676B5;
}

.media.item-media-comm span.title {

    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 20px;
    letter-spacing: 0.88px;
    line-height: 24px;
}

.media.item-media-comm p.desciption-con {
    height: 32px;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
}

.media.item-media-comm .media-body {
    padding: 15px;
}

.media.item-media-comm .media-left img {
    height: 86px;	width: 86px;
}
.media.item-media-produit .media-left img{
    height: 86px;	width: 86px;
}

.media.item-media-produit  .media-body {	background-color: #FEA062;}

.item-media-video {
    background-color: #FFFFFF;
}
.item-media-video .media-body span.title ,.item-media-video .media-body p.desciption-con {
    color: #111111;
}
.item-media-video .media-left{
    position: relative;
}
.item-media-video span.icon-play {
    position: absolute;
    left: 22%;
    top: 22%;
    font-size: 48px;
    color: #fff;
}
.col.item-owel-co {
    height: 295px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

.badge.abonne-only {
    position: absolute;
    bottom: 20%;
    left: 10%;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background-color: #c1fe79;
    white-space: pre-wrap;
    transform: rotate(-30deg);
}




.section-owl .owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 10px;
}


.section-owl {
    position: relative;
}

.section-owl .owl-carousel .owl-dots button.owl-dot {
    border-radius: 50px;
    display: inline-block;
    /* background: rgba(127,127,127, 0.5); */
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    width: 12px;
    opacity: 0.38;
    background-color: #cecece;
}

.section-owl .owl-carousel .owl-dots .owl-dot.active {
    background-color: #FFFFFF;
    opacity: 1;
}
.col-md-12.section-owl.section-owl-formation .img img{
    height: 200px;
    margin: auto;
    width: auto !important;

}

.section-owl-formation .tag {
    position: absolute;
    top: 0px;
    color: #F9AA66 !important;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.77px;
    line-height: 20px;
    text-align: center;
    padding: 5px;
    background: #f5f5f5;
}


.section-owl-formation  .content-text {
    /* height: 174px; */
    width: 246px;
    color: #111111;
    font-family: Helvetica;
    font-size: 14px;
    letter-spacing: 1.21px;
    line-height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 30px;
}

.section-owl-formation  .content-text.align-self-center {
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.section-owl-formation  span.title {
    font-size: 24px;
    font-weight: bold;
}
.section-owl-formation  p.desciption-forma1{
    /*font-size: 18px;*/
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

.section-owl-formation button.owl-dot.active {
    background-color: #111111 !important;
}
.section-owl-formation .owl-carousel {
    background-color: #fff;
}

.owl-listing>.row {
    margin-right: 0;
    margin-left: 0;
}

.owl-listing {
    padding-left: 30px;
    padding-top: 40px;
}
.pr0 {
    padding-right: 0;
}
.pl0 {
    padding-left: 0px;
}
.pr5 {
    padding-right: 5px;
}
.pl5 {
    padding-left: 5px;
}

.section-news span.title-news ,.section-news span.title-news a{
    color: #111111;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 15px;

   /* text-align: justify;*/
    display: block;
}
.section-news span.title-news a{
    padding: 0px;

}
.media-body p a,.section-news span.title-news a{
    text-decoration: blink;
    text-transform: uppercase;
}
.section-owl-formation span.title,
.section-owl-formation p.desciption-forma1,
.col.item-owel-co .title,
.media.item-media-comm span.title,.section-owl-formation .tag,.col.item-owel-co .tag{
    text-transform: uppercase;
}
.section-news  p {
    color: #808080;
    font-family: Helvetica;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
}
.section-not-connected {
    background-color: #fff;
}
.section-options {

    background-color: #F6F9E5;
    padding: 50px 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    /*margin-left: 45px;*/
    margin-right: 0px;
}
.section-options .icon {color: #C5D95C;font-size: 60px;text-align: center;}

.section-options  .desciption {
    /* height: 96px; */
    /* width: 182px; */
    color: #576028;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    font-weight: 300;
    min-height: 100px;
}

.btn-call {
    text-align: center;
}

a.btn.btn-call-vert {

    width: 140px;
    background-color: #C5D95C;
    color: #FFFFFF;
    font-family:
            Helvetica;	font-size: 14px;

    line-height: 17px;
    text-align: center;
}
.side-bar-section-act .list {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

section.section-not-connected {
    padding-bottom: 50px;
}
.nav-bar-menu-veto li.nav-item a::after{
    display: none;
}

ul.navbar-nav.nav-bar-menu-veto li {
    position: relative;
}
.nav-bar-menu-veto li.nav-item .dropdown-menu.show{
    margin-top: 0px;
    border: 0px solid rgba(0,0,0,.15);
}
.row.banner-icon  {
    height: 310px;
    background-color: #C5D95C;
}

span.val-slugt {
    /* height: 135px; *//* width: 182px; */
    color: #FFFFFF;font-family: 'Helvetica';
    font-size: 20px;
    /* font-weight: bold; */
    letter-spacing: 0.54px;
    line-height: 27px;
    font-weight: 300;
    display: block;
    padding-left: 5%;
    text-transform: uppercase;
}


span.val-porcent {
    display: block;
    /* text-align: center;*/
    font-weight: bold;
    font-size: 65px;
    font-family: 'Helvetica';
    color: #FFFFFF;
    margin-top: 40px;
}
.slider-primay-slider .item img {
    height: 310px;
}

.slider-primay-slider .item {
    position: relative;
}

.description-slider {
    position: absolute;
    top: 40%;
    left: 15%;
    width: 70%;
    margin: auto;
    text-align: center;
    height: 72px;
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 29px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}
section.zone-slider-primayr .col-md-4, section.zone-slider-primayr .col-md-8 {
    padding-right: 0px;
    padding-left: 0px;
}
.section-owl-formation .title {
    width: initial !important;
    bottom: 20px;
    top: initial !important;
    text-align: center;
}
.item-video .title{
    width: initial;
    top: 20%;
}
.item-video .title  p{
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    text-transform: initial;
}

.item-video .title {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase !important;
}

.item-video .title p {
    text-transform: uppercase !important;
    line-height: 24px;
}
.item-video span.icon-play {
    position: absolute;
    top: 50%;
    left: 40%;
    font-size: 60px;
    color: #fff;
}
.section-options-connected {
    background-color: rgba(254,160,98,0.1);
    margin-top: 65px;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-left: 45px;
}

.section-options-connected {}

section.section-connected {
    background-color: #fff;
    padding-bottom: 50px;
}

.section-options-connected .item {}

.section-options-connected .item .icon {
    color: #FEA062;
    text-align: center;
    font-size: 60px;
    margin-bottom: 20px;
}

.section-options-connected .item .desciption {
    color: #FEA062;
    font-family: 'Helvetica';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1.1px;
    line-height: 26px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 20px;
}

a.btn.btn-call-orang {
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 20px;
    /* font-weight: bold; */
    line-height: 17px;
    text-align: center;
    background-color: #FEA062;
    font-weight: normal;
    padding: 15px 50px;
    border-radius: 0px;
    margin-top: 20px;
}
.side-bar-section-mode-abonne {
    padding-top: 0px;
}
.side-bar-section-mode-abonne ,.side-bar-section-mode-abonne .list {
    background-color: #fff;
}

.slider-owel-sidebar-mode-abonne {
    background-color: #fff;
}

.col-md-9mode-abonne {
    background-color: #f5f5f5;
    padding-bottom: 30px;
}

.side-bar-section-act.section-news.side-bar-section-mode-abonne {
    margin-top: -36px;
}


.section-options-mode-abonne {
   /* background-image: url(../images/magazine-banner@2x.png);*/
    background-image: url(../images/Group-2.jpg);
    padding: 39px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 25px;
    text-transform: uppercase;
    margin-top: 4%;
    margin-bottom: 4%;
}


.section-options-mode-abonne h4 {
    /* height: 126px; */
    /* width: 366px; */
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 35px;
    letter-spacing: 1.46px;
    line-height: 42px;
    margin-bottom: 30px;
}

.section-options-mode-abonne span {
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 12px;
    /* font-weight: bold; */
    letter-spacing: 2.9px;
    line-height: 19px;
    display: block;
    margin-bottom: 15px;
}
span.date-pub {
    position: absolute;
    right: -60px;
    top: 40%;
    float: right;
    transform: rotate(-90deg);


    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 2.6px;
    line-height: 19px;
}

a.btn.btn-mag {
    display: block;
    float: left;
    color: #000000;
    font-family: 'Helvetica';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.61px;
    line-height: 17px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 0px;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.section-mode-abonne {
    padding-left: 40px;
    background:#fff;
}

.section-owl-videos-mode-abonne .item-video .img:before {
    content: '';
    display: block;
    position: absolute;
    background: #3676b5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.banner-zone-top-listing , main.container-main-listing {
    background-color:/*#e0e9f3 ;*/ #F9F9F9;
}

.container-full-height {
    /* force full height when neccessary*/
    min-height: calc(100vh - (97px + 540px));
}

.container-flex-center {
    display: flex;
    align-items: center;
}

h1.title-page {
    text-align: center;
    background-color: #3676B5;
    /* height: 61px; */
    /* width: 410px; */
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 4.5px;
    line-height: 61px;
    text-transform: uppercase;
    padding: 15px 0px;
}

h1.title-page span {
    font-size: 18px;
    text-transform: initial;
    font-weight: normal;
}

.section-breadcrumb ul li {
    float: left;
    list-style: none;
    padding-right: 10px;
    color: #6D7278;
    font-family: 'Helvetica';
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.5px;
    line-height: 14px;
    text-transform: uppercase;
}

.section-breadcrumb {
    display: block;
    /*overflow: auto;*/
    width: 100%;
}

.section-breadcrumb .container {
    display: flex;
}

.search-block {
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 15px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-group-append img {
    height: 29px;
    width: 29px;
}

.input-group-append span {
    background-color: initial;
    border: initial;
}

.search-block input.form-control{
    border: initial;
}

.media.item-listing img {
    height: 200px;
    width: 200px;
}

.item-listing h5.mt-0 {
    /* height: 19px; */
    /* width: 205px; */
    color: #111111;
    font-family: 'Helvetica';
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-transform: uppercase;
}

.media.item-listing .media-body p {
    font-family: 'Helvetica';
    font-size: 12px;
    line-height: 19px;
    font-weight: normal;
    margin-bottom: 0px;
}

.media.item-listing {}

.icon-cat {
    float: left;
}

.section-icons {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 10px 0px;
}

.icon-cat span.text {
    font-family: 'Helvetica';
    font-size: 10px;
    letter-spacing: 2.14px;
    line-height: 12px;
}
.media.item-listing  .icon-down {
    text-align: right;
    font-size: 40px;
    margin-top: auto;
}

.media.item-listing  .icon-anim {
    float: right;
}

h5.item-title {
    color: #111111;
    font-family: 'Helvetica';
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

.media.item-listing {
    background-color: #fff;
    margin-bottom: 10px;
}

.media.item-listing  .media-body {
    padding: 10px;
}
.container-pagination .row {
    overflow: hidden;
    width: 100%;
}

p.detail-pages {
    /* height: 20px; */
    /* width: 233px; */
    color: #92959D;
    font-family: 'Helvetica';
    font-size: 10.8px;
    letter-spacing: 0.9px;
    line-height: 19px;
    padding: 10px;
}

.pagination {
    border-radius: 5.4px;
    background-color: #FFFFFF;
    color: #92959D;
    font-family: 'Helvetica';
    letter-spacing: 0.5px;
    line-height: 19px;
    float: right;
    margin-bottom: 10px;
    padding: 10px;
}

.pagination ul li {
    color: #92959D;
    font-family: 'Helvetica';
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 19px;
    text-align: center;
    padding: 5px 10px;
}

.pagination ul li a {
    color: #92959D;
}
.pagination ul li.active {
    background-color: #3676B5;
    color: #fff;
    border-radius: 50%;
}

.pagination ul {
    margin-bottom: 0px;
}

.container.container-pagination,.col-pagination {
    padding-right: 0;
}
.section-listing-items {
    padding-bottom: 30px;
}

.container.container-pagination {
    padding-top: 30px;
}


/** Page detail de produit edited the  07-01-2019 */
.section-bloc2 img {
    width: 100%;
    height: 100%;
    margin-left: -14px;
}

.section-bloc1 {
    background-color: #111111;
    /* z-index: 10; */
    position: absolute;
    padding: 25px;
    left: 0px;
}

.section-produitBloc .title span {
    font-family: 'Helvetica';
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.section-description-detail .title span {
    color: #111111;
    font-family: 'Helvetica';
    font-size: 22px;/*font-size: 20px;*/
    /* font-weight: bold; */
    line-height: 24px;
    background: #f9f9f9;
    text-transform: uppercase;
}

.section-description {
    /*height: 612px;
    width: 729px;*/
}

p.parag_detail
{
    color: #808080;
    font-family: 'Helvetica';
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    padding: 20px;
    padding-left: 8px;
}
.section-titre1 .title span {
    font-family: 'Helvetica';
    font-size: 45px;
    line-height: 61px;
    text-transform: uppercase;
    color: #252525;
    font-weight: bold;
    letter-spacing: 3.5px;
}
.section-titre2{
    font-family: 'Helvetica';
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #252525;
    font-weight: bold;
    letter-spacing: 3.21px;
    padding-bottom: 20px;
}

.section-formation
{
    /*height: 36px;*/
    /*width: 323px;*/
}

.td-parag
{
    font-family: 'Helvetica';
    font-size: 13px;
    line-height: 19px;
    color: #252525;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
}

.td-paragSpeciale
{
    font-family: 'Helvetica';
    font-size: 16px;
    line-height: 19px;
    color: #3676B5;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.td-Titre
{
    text-align: right;
    font-family: 'Helvetica';
    font-size: 12px;
    line-height: 14px;
    color: #111111;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
}

span.icon-mark {
    color: white;
    padding-right: 10px;
    margin-top: 6px;
}

span.icon-Path-Copy-8 {
    font-size: 72px;
}

.icon-bloc {
    display: inline-flex;
   /* padding: 10px;*/
}

span.icon-Conseils {

    font-size: 35px;
}

span.titre-espece, span.titre-especeChosen
{
    font-family: 'Helvetica';
    font-size: 10px;
    line-height: 17px;
    color: #252525;
}

.bloc-titreIcon {
    width: 40px;
    height: 17px;
    padding-left: 10px;
    padding-top: 20px;
}

span.titre-especeChosen
{
    font-size: 14px;
    text-transform: uppercase;
}

#section-col1{
    /*padding-left: calc(100% - 77%);*/
    padding-top: 40px;
    background: #fff;
}

#section-col2{
    background: #fff;
}

.section-titre1 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.btn_info {
    background-color: #c6d848;
    color: white;
    font-family: 'Helvetica';
    font-size: 18px;
    padding: 10px;
    border: none;
}
#section-background {
    /* background: #fff;*/
}

.section-parag {
    background: #f9f9f9;
    display: inline-flex;
}

.side-bar-section-act {
    /*background: #f9f9f9;*/
}

.Section-DetailPage-Entete .side-bar-section-act {
    background: #f9f9f9;
}

.section-description-detail {
    text-align: start;
    padding: 20px;
    font-weight: bold;
}

.bloc-bt {
    padding-bottom: 20px;
}
div#section-recommendation {
    font-weight: bold;
}

.section-breadcrumb ul li.active {
    font-weight: bold;
    font-size: 14px;
}

div#section-col3 {
    background: white;
}

.section-bloc2 {
   /* height: 100%;*/
    height: auto;
    width: 100%;
}

.section-produitBloc {
    display: inline-flex;
    background-color: #111111;
    padding: 12px;
    width: 100%;
    margin-left: 10px;
    justify-content: center;
}

/*End de page*/

.section-paragFormation {
    background: #f9f9f9;
    display: inline-flex;
}
span.icon-twitter ,span.icon-linkedin, span.icon-Facebook
{
    color: white;
    font-size: 25px;
}

.row.section-bt {
    background: #f9f9f9;
}
.section-produit {
    background-color: #111111;
}


/** end Microsoft lumia 550 **/

.title2-style {
    padding-top: 15px;
}

.section-parag-DetailDocum{
    background: #f9f9f9;
    display: block;
}

.section-descr-detail {
    text-align: start;
}

.section-description {
    padding-top: 20px;
    padding-left: 40px;
}



.row.section-descr {
    margin-top: 30px;
}

.parag_detail_Document {
    padding: 0px !important;
}

.title.section-titleBlack {
    letter-spacing: 2px;
}

img.img-section-Faq-Bloc1 {
    width: 100%;
    /*height: 100%;*/
    height: auto;
    margin-left: 16%
}
/*
img.img-section-Faq-Bloc2 {
    width: 100%;
    height: 48%;
}*/
.section-Faq-Bloc2-2 {
    margin-left: 25% /*60px*/;
    margin-top: 25%;
}

.title-FaqBloc3,.title-FaqBloc3 span a {
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #252525;
    font-weight: bold;
}

span.post-by {
    font-family: 'Helvetica';
    font-size: 13px;
    line-height: 18px;
    color: #252525;
    font-weight: bold;
}

span.post-gras {
    text-transform: uppercase;
}

p.parag_post {
    color: black;
    font-family: 'Helvetica';
    font-size: 12px;
    line-height: 28px;
    text-align: justify;
    padding-left: 8px;
    letter-spacing: 1px;
}

p.parag_postContenu {
    padding: 10px;
    padding-left: 0px;
    margin-top: 20px;
    font-size: 16px;
}

.row.section-Post {
    margin-top: 4%;
}

/*
.detail-PostBy {
    display: inline-flex;
}
*/

.bloc-plusPost .icon i.fa.fa-plus {
    color: black;
    font-size: 20px;
}

.bloc-plusPost {
    text-align: end;
    margin-top: -27px;
}

.bloc-moinsPost i.fa.fa-minus {
    color: white;
    background-color: black;
    font-size: 20px;
    padding: 10px;
    width: 35px;
    text-align: center;
}

span.nb-ttQuestion {
    margin-left: 36px;
    color: #808080;
    font-family: 'Helvetica';
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    text-align: justify;
}

.col-pagin {
    text-align: end;
}

.bloc-questionTitle{
    text-transform: uppercase;
    color: white;
    text-align: end;
}

.bloc-poserQuestionTitle {
    text-transform: uppercase;
    color: white;
    text-align: center;
    margin-top: 8%;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #FEA062
}

.bloc-questio{
    background-color: #3676B5;
    padding: 25px;
    width: 50%;
}

.bloc-poserQuestion {
    /*background-color: #FEA062;*/
    margin-left: 70px;
}

.bloc-questio .bloc-questionTitle span {
    font-family: 'Helvetica';
    font-size: 45px;
    line-height: 61px;
    font-weight: bold;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: white;
    text-align: center;
}


.bloc-poserQuestion .bloc-poserQuestionTitle span {
    font-family: 'Helvetica';
    font-size: 20px;
    line-height: 61px;
    font-weight: bold;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: white;
    text-align: center;
}



.bloc-header {
    display: inline-flex;
    width: 100%;
}

.search-container {
    margin-top: 5%;
}
.input-recherche
{
    border: none;
}

span.label-parPage {
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 'Helvetica';
    letter-spacing: 0.5px;
    margin-top: 8px;
}

.bloc-arrow {
    display: inline-grid;
}

.has-search .form-control {
    /*padding-left: 2.375rem;*/
    border: none;
    padding: 40px;
    color: #D1D1D1;
    /*font-size: 34px;*/
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 180%;
    font-size: 40px;
    /*width: 2.375rem;*/
    height: 2.375rem;
    line-height: 4.375rem;
    text-align: center;
    pointer-events: none;
    color: #111;
}

.has-search {
    display: inline-flex;
    width: 100%;
}

.input-nbr {
    border: none;
}

.col-inputPage-nb {
    margin-top: 2%;
    padding-left: 100px;
}

.row.section-descr {
    margin-top: 30px;
}

.parag_detail_Document {
    padding: 0px !important;
}

.title.section-titleBlack {
    letter-spacing: 2px;
}

.side-bar-section-act-detail-produit {
    padding-left: 0;
    padding-right: 0px;

}
.side-bar-section-act-detail-produit .list .media .media-body p,.side-bar-section-act-detail-produit .section-news span.title-news{
    font-size: 12px;
}
.side-bar-section-act-detail-produit .list .media .media-left img{
    height: 80px;	width: 79px;
}
.section-icons span.icon-Path-Copy-8 {
    font-size: 30px;
}
.media.item-listing span.icon-mark {
    color: #000;
}
.icon-Chien{

}
.icon-Cheval:before {
    content: "\e930";
}
.icon-Chat,.icon-Chien,.icon-Cheval{
    font-size: 74px;
}
footer.footer-container a {
    color: #111;
    text-decoration: unset;
}
.section-static-page{
    padding-top: 30px;
    padding-bottom: 30px;
}
.section-static-page p {
    font-size: 14px;
    text-align: justify;
    font-family: 'Helvetica';
}
.parag_detailProduit{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #212121;
    letter-spacing: 0.01em;
    font-size: 18px;
    line-height: 1.1;
    min-height: auto;
}

.bloc-btnSpacing {
    position: relative;
    height: 35px;
    width: 150px;
    margin: 10px;
}
.bloc-Center {
    text-align: center!important;
}

.img-oppacity:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.Vido-oppacity:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    background-color: #3676B5;
    width: 100%;
    height: 100%;
    /*opacity: 20%;*/
}
.bloc-video {
    opacity: 20%;
}
img.img_sliderCol1 {
    margin-top: 80px;
}
.container-main-inscription{
    margin-top: 50px;
}
.register .green-header {
    width: 80%;
    background: url(../../img/home/header-register-green.png) no-repeat center center;
    /* height: 60px; */
    left: 0px;
    height: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin-bottom: 15px;
}
.register .green-header h3, .register .blue-header h3 {
    padding: 10px;
}
.txt-blue {
    color: rgb(54, 118, 181);
}
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 15px;
}

.green-header {}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {

    margin-left: -25px;
}
.register .blue-header {
    width: 80%;
    /* height: 60px; */
    height: 50px;
    position: absolute;
    margin-top: -65px;
    right: 0px;
    background: url(../../img/home/header-register-blue.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 10%;
    padding-right: 10%;
}

.txt-white {
    color: white;
}
.reg-2 {
    margin-top: 70px;
}

#chien + label {
    background: url("../../img/home/picto-animals/chien.png") no-repeat center center;
    background-size: cover;
    height: 35px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 6%;
}

#chien:checked + label, #chien + label:hover{
    background: url("../../img/home/picto-animals/chien-orange.png") no-repeat center center;
    background-size: cover;
    height: 35px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;

   /* color: #FEA062;*/
}

#cat + label {
    background: url("../../img/home/picto-animals/chat.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#cat:checked + label, #cat + label:hover {
    background: url("../../img/home/picto-animals/chat-orange.png") no-repeat center center;
   /* background: url("../../img/home/icon/icon-chat-active.png") no-repeat center center;*/
    background-size: cover;
    height: 40px;
    width: 27px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#rabbit + label {
    background: url("../../img/home/picto-animals/lapin.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#rabbit:checked + label, #rabbit + label:hover {
    background: url("../../img/home/picto-animals/lapin-orange.png") no-repeat center center;
    /*background: url("../../img/home/icon/icon-lapin-active.png") no-repeat center center;*/
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}

#horse + label {
    background: url("../../img/home/picto-animals/cheval.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#horse:checked + label, #horse + label:hover {
   /* background: url("../../img/home/icon/icon-cheval-active.png") no-repeat center center;*/
    background: url("../../img/home/picto-animals/cheval-orange.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}


#cattle + label {
    background: url("../../img/home/icon/icon-bovin.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#cattle:checked + label, #cattle + label:hover {
    background: url("../../img/home/icon/icon-bovin-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}


#ovin + label {

    background: url("../../img/home/picto-animals/ovin.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 50px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#ovin:checked + label, #ovin + label:hover {
    /*background: url("../../img/home/icon/icon-ovin-active.png") no-repeat center center;*/
    background: url("../../img/home/picto-animals/ovin-orange.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 50px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}


#barnyard + label {
    background: url("../../img/home/picto-animals/basse-cour.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#barnyard:checked + label, #barnyard + label:hover {
    /*background: url("../../img/home/icon/icon-poule-active.png") no-repeat center center;*/
    background: url("../../img/home/picto-animals/basse-cour-orange.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}

#pig + label {
    background: url("../../img/home/icon/icon-porc.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#pig:checked + label, #pig + label:hover {
    background: url("../../img/home/icon/icon-porc-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}

#nak + label {
    background: url("../../img/home/picto-animals/nak.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#nak:checked + label, #nak + label:hover {
    background: url("../../img/home/icon/icon-nak-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}

#others + label {
    background: url("../../img/home/icon/icon-autres.png") no-repeat center center;
    background-size: cover;
    height: 40px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    margin-left: 3%;
}

#others:checked + label, #others + label:hover {
    background: url("../../img/home/icon/icon-autres-active.png") no-repeat center center;
    background-size: cover;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0 0 0 0px;
    color: #FEA062;
}
.custom-input {
    display: none;
}
label.radio-inline {
    margin-right: 15px;
}
.section-inscription {
    background: #fff;
    padding: 20px;
}

button.btn.btn-inscription.txt-blue.center-block.btn-vet.mrg-top-25 {
    border: 1px solid rgb(54, 118, 181);
}

button.btn.btn-inscription:hover {
    background: rgb(54, 118, 181);
    color: #fff;
}

.icon-Group .path2.pathCasComptoir:before {
    margin-left: -1.5em !important;
}

.section-offre {
    padding: 10px;
    /* margin-top: 10px;*/
}
.section-offre, .section-offreAbonnement {
    background-color: #fff;
    /* margin-top: 2%;*/
    padding-top : 0%;
}

.section-offreAbonDetail {
    padding: 0;
    text-align: justify;
    list-style-position: inside;
}

.section-detailOffre {
    margin-top: 1%;
    padding-bottom: 2%;
}

.item-video {

}

.bloc-descriptionVideo {
    margin-bottom: 2%;
    margin-top: 2%;
    justify-content: center;
}

.vidio-titlle {
    color: #111111 !important;
    font-size: 16px;
    font-weight: bold;
}

body {
    padding-top : 0 !important;
}

/* login Popup */

.loginPopup .headerItemTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: #212121;
}
.loginPopup .modal-header{
    background-color: rgba(53, 119, 181, 0.08);
}
.loginPopup input{
    background-color: #fff;
    border: 1px solid #e8e8ea;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}
.loginPopup input:focus{
    box-shadow: none;
    border-color:#e8e8ea;
}
.loginPopup .modal-footer .fotterTxt{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.loginPopup .fotterTxtLink{
    color: #3577B5;
    text-decoration: none;
}
.page-404 h3{
    color: #3577B5;
    font-size: 40px;
    line-height: 48px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 20px;
}
.bloc-pageIntrouvable.page-404{
    padding-top:50px;
    padding-bottom:50px;
}
a.btn-vet.center-block.text-center.marg-btm-20 , a.btn-vet-blue.center-block.text-center{
    display: block;
}

.section-profil-formation {
    margin-bottom: 2%;
}

.txt-pandingDetail-profil
{
    padding: 30px 113px;
}

h4.txt-noFormation {
    text-align: center;
    padding: 10px;
}

.btn-completeWidth {
    width: 100%;
}

.img-userProfil
{
    height: 120px;
    width: 25%;
}

div#pharmacie {
    padding: 25px;
    /* padding-bottom: 14%; */
    /* padding-bottom: 86px;*/
}

.row.detail-pharmacieProfil {
    padding-bottom: 10px;
}

.bg-white.form-editProfile {
    padding: 25px;
    margin-bottom: 3%;
}

.row.sectio-modifProfil {
    margin-top: 3%;
}

.img-userEditProfil, .img-userEditpasswd {
    height: 150px;
    width: 40%;
}

.section-formEditProfile,.section-formEditPasswd, .section-formEditPharmacy {
    width: 100%;
}

.Width-100{
    width: 100%;
}

.div-detail-modiffPasswd{
    padding: 25px;
    padding-bottom: 3.3rem;
}

button.btn-vet.center-block.Width-100 {
    margin-left: 0 !important;
}

.form-editPharmacie {
    width: 100%;
}

.section-connexion {
    margin-top: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-btm-3{
    padding-bottom: 3%;
}

.padding-left-3{
    padding-left: 3%;
}

.padding-btm-6{
    padding-bottom: 6%;
}

.margin-top-3{
    margin-top: 3%;
}

.margin-top-2{
    margin-top: 2%;
}

.padding-top-2{
    padding-top: 2%;
}

.padding-top-1{
    padding-top: 1%;
}

.margin-btm-3{
    margin-bottom: 3%;
}

.margin-btm-6{
    margin-bottom: 6% !important;
}

.dropdown-menu-item-search.show {
    left: auto;
    right: 0;
    padding-right: 30px;
    padding-left: 15px;
}
.input-search {
    border: none;
    border-bottom: 1px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
}

div#modalRestrictionFormNew {
    padding-top: 5%;
}

.btn-untiformStyle {
    color: white;
    font-size: 14px;
    font-weight: 500;
}

p.parag-DetailFiche, p.parag-DetailCasComptoir, p.parag-DetailProdui {
    min-height: 35px;
    word-break: break-word;
}
p.parag-DetailOuvrage {
    min-height: 76px;
    word-break: break-word;
}

.row.bloc-Ouvrage {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 5%;
}

.img-ouvrage {
    margin-bottom: 15px;
    min-height: 100%;
    min-width: 85%;
}

p.parag-OuvrageDesc {
    /* min-height: 264px; */
    word-break: break-word;
    text-align: justify;
}



.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.credit-card-box .panel-title {
    display: inline;
    font-weight: bold;
}
.credit-card-box label {
    display: block;
}

/* The old "center div vertically" hack */
.credit-card-box .display-table {
    display: table;
}
.credit-card-box .display-tr {
    display: table-row;
}
.credit-card-box .display-td {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
/* Just looks nicer */
.credit-card-box .panel-heading img {
    min-width: 180px;
}

.row-listing-video .item-video .title {
    text-align: center;
    display: block;
    width: 100%;
}

.row-listing-video .item-video span.icon-play {
    left: 45%;
}

.modal-body.modal-PayememtDoc {
    padding: 1rem;
}

section.latest-post-area.pb-120 {
    margin-top: 2%;
}

h3.title-SepaPage {
    text-align: center;
    background-color: #3676B5;
    /* height: 61px; */
    /* width: 410px; */
    color: #FFFFFF;
    font-family: 'Helvetica';
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 4.5px;
    line-height: 61px;
    text-transform: uppercase;
    /* padding: 15px 0px;*/
}

.bloc-btnCommander {
    text-align: end;
}

.bck-round-white {
    background-color: white;
}

.icon-anim img {
    height: 20px !important;
    width: auto !important;
}

.social-btn .fa {
    font-size: 30px;
    text-align: center;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.social-btn .fa:hover {
    opacity: 0.7;
}

.social-btn .fa-facebook {
    background: #3B5998;
    color: white;
}

.social-btn .fa-twitter {
    background: #55ACEE;
    color: white;
}


.social-btn .fa-linkedin {
    background: #007bb5;
    color: white;
}

.social-btn {
    position: fixed;
    width: 50px;
    height: auto;
    top: 50%;
    right: 0px;
    z-index: 999999;
    border-radius: 50px;
}

.social-btn .fa.fa-twitter {
    padding-left: 10px;
}

div#carouselBanner .item img {
    margin: auto;
}

.icon-anim.img-espece-anim {
    right: 0;
    float: right;
    position: absolute;
}

.section-breadcrumb ul li a {
    color: #6D7278;
}

.img-oppacity-video:before{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-primay-slider .img-oppacity:before, .img-oppacity-video:before {
    background-image: radial-gradient(55% 72%, rgba(0,0,0,0.06) 21%,
    rgba(0,0,0,0.29) 73%);
}

.item-formation .img-oppacity:before{
    background-image: radial-gradient(55% 72%, rgba(0,0,0,0.06) 21%, rgba(0,0,0,0.29) 73%);
}

.row.section-DetailPost {
    margin-top: 4%;
    position: absolute;
    z-index: 99;
}

.section-DetailPost-bloc3 {
    background-color: #f9f9f9;
    margin-left: 42%;
}

.bloc-moinsPost.active i.fa.fa-minus {
    color: white;
    background-color: black;
    font-size: 20px;
    padding: 10px;
    width: 35px;
    text-align: center;
}

.bloc-plusActualite, .bloc-plusNouveaute {
    font-size: 14px;
}

span.titleSlider-gras {
    font-weight: bolder;
}

p.bloc-parag-ModalHostline {
    padding: 10px;
    font-family: 'Helvetica';
}

.bloc-title-ModalHostline {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Helvetica';
}

.s-Title-ModalHostline {
    color:#FEA062 ;
}

button.btn-searchSubmit {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.input-searchInList {
    outline: none !important;
    border-color: transparent!important;
    background: transparent !important;
    box-shadow: none !important;
}

a.ref-btnDownload {
    color: transparent !important;
    text-decoration: none !important;
}

.bloc-btnRadio-PayAbon {
    margin-left: 14%;
}

.bloc-NotConnected{
    margin-top: -20px !important;
}

.bloc-ConnectedNotAboonne{
    margin-top: -18px !important;
}

.desciption.Description-IconPlus {
    font-size: 45px !important;
    font-weight: 100 !important;
}


.col-border-rigth {
    border-right-color: rgb(197, 217, 92);
    border-right-style: solid;
    border-right-width: 2px;
}

.img-thumb {
    height: 170px;
    width: 170px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*
img.img-animEspece {
    width: 20%;
}
*/
.service_eachRow {
    align-items: center;
    padding-bottom: 15px;
}
.service_eachRow li {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    margin-bottom: 1.125rem;
    padding-left: 1.5rem;
    position: relative;
}
.text-skyblue {
    color: #3676B5;
}
.service_each_heading {
    font-size: 1.4375rem;
    line-height: 1.375rem;
    padding-bottom: 15px;
}
.nunito-black {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
}
.nunito-bold {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
}
.nunito-regular {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}
.notesList {
    font-size: 0.95rem;
    line-height: 1.375rem;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #212121;
}
.ourservicePage .detailSubscribeCnt{
    margin-bottom: 0;
    margin-top: 40px;
}
.ourservicePage .readArticleCol {
    display: flex;
    flex-direction: column;
}

.service_eachRow li:before {
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    left: 0;
    content: '';
    background-color: inherit;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.625rem;
}
.service_eachRow li:before {
    background-color: #212121;
    opacity: 0.7;
}
.service_eachRow .access_head{
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.icon-lamp{
    color: #fff !important;
}

img.img-animEspece {
    width: 70px;
    height: 60px;
}

#myModal-Magazine {
    /* background-color: #ECF0F1 !important;*/
    margin-top: 5px;
    height: 100vh;
    width: 100%;
    position: fixed !important;
    z-index: 100000000;
}

#modal-dialog-Magazine {
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
    margin: 0;
    padding: 0;
}
.title.title-mode-connected p {
    color: #000;
}

.title.title-mode-connected {
    width: 100% !important;
}

a.btn.btn-call-vert {
    text-transform: uppercase;
}

a.title_Formation {
    color: #fff;
    text-decoration: none !important;
}

a.title_FormationProduit{
    text-decoration: none !important;
    color: #111111 !important;
}

a.title_VideoLatest{
    text-decoration: none !important;
}

li.nav-item.show >a{
    background-color: black;
}

li.nav-item.show{
    background-color: black;
}

li.nav-item.show span.menu-icon {
    color: #fff;
}

li.nav-item.show span.menu-label {
    color: #fff;
}

li.nav-item.show span.menu-sub-label {
    color: #fff;
}

li.nav-item.dropdown.item-center-vert.item-account-call.dropdown.hidden-xs.show span.menu-label span.icon-user.img-userConnected {
    color: #fff !important;
}

li.nav-item.dropdown.item-center-vert.item-account-call.dropdown.hidden-xs.show span.menu-label span.userConnected {
    color: #fff !important;
}

li.nav-item.dropdown.item-center-vert.item-account-call.dropdown.hidden-xs.show span.menu-label span.icon-user.img-userConnected {
    color: #fff !important;
}

li.nav-item.dropdown.item-center-vert.item-account-call.dropdown.hidden-xs.show span.menu-label span.userConnected {
    color: #fff !important;
}

.btn-Majscule{
    text-transform: uppercase;
}

span.userConnected {
    font-size: 12px !important;
    word-break: break-word;
    /*display: inline-flex;*/
    white-space: nowrap;
    text-transform: capitalize;
    display: block;
}

.img-userConnected{
    font-size: 44px !important;
}

.navbar-nav .nav-link {
    display: block;
    overflow: hidden;
}

.side-bar-section-act-detail-fichier {
    padding-right: 0px;
}

footer.footer-container {
    background-image: url(../images/bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-color: #dfe9f3;
    display: block;
    overflow: auto;
}


.section-breadcrumb.bloc-fileArienne {
    padding-top: 1%;
  /*  padding: 1%;*/
}

.Section-DetailPage-Entete {
    /*margin-left: 10%;
    margin-right: 10%;*/
    margin-left: 20px;
    margin-right: 20px;
}

.icon-bloc.col-detailEspece {
    padding: 10px;
    border: 1px solid #979797;
    box-sizing: border-box;
    justify-content: center;
}

td.td-Titre.td-TitreDetail {
    text-align: left !important;
    font-size: 16px !important;
}

.bloc-iconDetail {
    position: initial !important;
}

.side-bar-section-act-detailGr {
    background: #f9f9f9;
}

.Section-DetailPage-Entete .section-produit {
    /*padding-bottom: 2%;*/
    padding-left: 0px;
}

.row.bloc-enteteDescription-detail {
    display: flex;
}

.Section-DetailPage-Entete .section-bloc2 {
    height: auto;
    width: 107%;
}


.Section-DetailPage-Entete .section-produitBloc {
    display: inline-flex;
    background-color: #3676b5;
    padding: 12px;
    width: 100%;
    justify-content: center;
    margin-left: 0px;
}

.Section-DetailPage-Entete .row.bloc-Memo.bck-round-white {
    padding-bottom: 2%;
}

.Section-DetailPage-Entete .section-bloc2 img {
    width: 100%;
    height: auto;
    margin-left: -14px;
}

.slider-oppacity:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    background-color: rgba(54, 118, 181, 0.6);
    /*background-color: #3676B5;*/
    width: 100%;
    height: 100%;
   /* opacity: 60%;*/
}

.section-imgDetail {
padding-left: 0%;
padding-right: 0%;
}

.section-rechercheGlobal-Resp .nav-link {
    padding: 0;
}

a.navbar-brand.section-logo img {
   /* width: 200px !important;*/
}

button.navbar-toggler {
    font-size: 30px !important;
}

/*.media-body-Title{
    text-transform: none !important;
}*/

.media-body p.media-body-Title a , .section-news span.title-news a.tilte-nouveaute{
    text-transform: none !important;
}

.desciption.desciption-footer ul {
    margin-left: -20px !important;
}

a.news_titre {
    text-decoration: blink !important;
}

a.news_titre_ {
    text-decoration: blink !important;
    color: black;
}

span.desc-PageHomeBold {
    font-weight: 600 !important;
}

img.img-magazine {
    width: 40%;
    height: auto;
    justify-content: center;
    margin-left: 25%;
}

div#myModal-Magazine .modal-dialog {
    max-width: 100% !important;
}

img.img-especeMoreOne {
    margin-bottom: 6px;
}

.group-imgEspece{
   /* display: grid;*/
}

.icon-anim.group-imgEspece {
    position: absolute;
    right: 25px;
    top: 8px;
}

nav.navbar.navbar-expand-lg.navbar-veto {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    padding-bottom: 0px;
    padding-top: 0px;
}

.slider-toppage {
    margin-left: 15%;
}


.section-news .list .media .media-body p {
    padding: 0 5px;
    font-size: 12px;
    margin-bottom: 0px;
}

.section-news span.title-news, .section-news span.title-news a{
    padding: 0px;
    padding-bottom: 5px;
}

.section-news .list .media .media-body p {
    padding: 0 5px;
    font-size: 12px;
    margin-bottom: 0px;
}

.section-news span.title-news{
    padding: 0 5px;
}
.section-news .list .media .media-body p {
    padding: 0 5px;
    font-size: 12px;
    margin-bottom: 0px;
}

.section-news .list  li.shadow-sm.mb-1.bg-white.pr-2 {
    margin-bottom: 10px !important;
    padding-right: 0!important;
}

/*
ul.footer-menu {
    margin-top: -15px;
}*/


.section-owl-videos .title {
    width: 100% !important;
}

.col-md-12.section-owl.section-owl-formation .img {
    padding-top: 30px;
    text-align: center;
    margin: auto;
}

.section-detailListData {
    margin-right: 18px;
}

.titre-contactFooter-Bold{
    font-weight: 600;
}

.titre-contactFooter {
    font-family: "Helvetica";
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 28px;
}

.detail-listPage {
   /* min-height: 200px;*/
    margin-bottom: 20px;
}


.media.item-listing {
    min-height: 200px;
}

.media.item-listing a.ref-btnDownload {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.section-owl-formation-notConnected .img {
    min-height: 296px;
}

.item-search-call.show img.icon-recherche {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

.bloc-pageIntrouvable{

    padding-top: 3%;
    padding-bottom: 3%;
}

label.label-email {
    margin-top: .5rem;
}

.bloc-produitPro {
    text-align: center;
    padding: 20px 0;
}

.bloc-produitPro .btn-abonne {
    background-color: #3676b5;
    color: #F9F9F9;
}

.bloc-produitPro .btn-abonne a {
    color: #F9F9F9;
    transition: 0.3s ease-in;
}

.bloc-produitPro .btn-abonne a:hover {
    color: #FFF;
}

.col-video {
    margin-bottom: 2%;
}

.has-error input.form-control {
    border-color: red;
}

.title-ForationPageHome{
    top : 20% !important;
}

.side-bar-section-mode-abonne.margin-top-3.bloc-recommendation-Detail {
    margin-top: 17px !important;
}

.section-titre1.titrel-PageDetail {
    margin-top: 28px !important;
}

span.label-Register {
    margin-left: 2px;
}

.title-MagazineSommaire {
    width: 80%;
    display: block;
}

img.img-width {
    min-width: 100%;
}

.titlePoser-questions{
    text-transform: none !important;
}

.label-modalQuestion , .label-modalConfid{
    font-family: "Helvetica";
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 28px;
    color: black;
    font-weight: 400;
    text-transform: initial;
    text-align: right;
}

p.label-modalQuestionConfid{
    font-family: "Helvetica";
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 28px;
    color: black;
    font-weight: 600;
    text-align: left;
    text-transform: initial;
    margin-left: 16px;
}

span.sous-tiltle-Modal{
    font-weight: 600 !important;
    font-family: "Helvetica";
    color: black !important;
    font-size: inherit !important;
    margin-top: 20px;
}

.tiltle-Modal{
    font-family: "Helvetica";
    /*font-size: 12px;*/
    letter-spacing: 1.5px;
    line-height: 28px;
    color: black;
}


button.btn-Question-submit {
    background-color: #FEA062;
    border: none !important;
    outline: none !important;
    border-color: transparent !important;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 600;
    color: #fff;
    float: right;
    text-transform: uppercase;
    width: 45%;
    font-size: 18px;
}

a.btn-Question-annuler {
    color: black !important;
    text-decoration: none !important;
    border: 1px solid #0d0303;
    box-sizing: border-box;
    padding: 8px;
    padding-left: 70px;
    padding-right: 70px;
    float: left;
    font-size: 18px;
    margin-left: 80px;
    width: 40%;
}

/*div#modalQuestionPoser-content {
    width: 140%;
}*/

div#modal-dialog-Question {
    width: 100% !important;
    min-width: 50% !important;
}

.input-modalQuestion{
    width: 85%;
    margin-left: 4%;
}

.grp-input-Modal {
    display: flex;
    width: 100%;
}

label.label-typeEspece {
    font-family: 'Helvetica';
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #111010;
    margin-top: 10px;
    margin-left: 1%;
}

textarea.form-control.input-modalQuestion.txt-question {
    width: 83%;
    height: 40px;
    margin-top: 15px;
}

.row-spacing{
    margin-bottom: 35px;
}

.img-thumb-news {
    width: 80px;
    height: 80px;
}

.side-bar-section-act-detailGr {
    padding-top: 5px;
}

.btn-link-to-list,.btn-link-to-list:hover {
    display: block;
   font-size: 12px;
    color: #fff;
    margin-left: 25%;
    justify-content: center;
}

@-moz-document url-prefix() {
    .icon-Group .path2::before {
        content: "\e918";
        margin-left: -38px;
        color:rgb(255, 255, 255);
        position: absolute;
    }

    .icon-Group .path2.pathCasComptoir::before {
        margin-left: -1em  !important;
    }
}

.label-orange{
    color: #FEA062 !important;
}

input#cb-anonyme {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    padding: 10px;
    background-color: #fff !important;
    color: #fff !important;
}

img.icon-espece-Question {
    width: 42px;
    height: 60px;
}

.media-left.align-self-center.media-video-news.img-oppacity-video:before{
    width: 80px;
    height: 80px;

}


.media-left.align-self-center.media-video-news  span.icon-play {
    position: absolute;
    left: 22%;
    top: 22%;
    font-size: 48px;
    color: #fff;
}
.media-left.align-self-center.media-video-news.img-oppacity-video {position: relative;}
.social-btn .fa-youtube {
    background: #c4302b;
    color: #fff;
}
#banner-pub-produit{
    width: 729px !important;
    height: 90px;
}

.multi-banner-produit {
    text-align: center;
}


a.btn_voirPlusAct {
    color: initial !important;
    float: right;
    text-decoration: none !important;
    font-family: 'Helvetica';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.61px;
    text-align: center;
   /* background-color: #fea062;*/
    border-radius: 0px;
}

#icon-plusActialite {
    color: #a09b9b !important;
}


p.field_NumOrdre {
    color: rgb(54, 118, 181);
}

h3.stitle-pageInscr {
    font-family: Helvetica;
    color: #212529 !important;
    /*font-weight: 300;*/
    /*padding: 0% 10% ;*/
    margin: 12px 0px;
}

@media screen and (max-width: 768px) {
    h3.stitle-pageInscr {
        margin: 0px 17px 0px 15px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 1022px){
    h3.stitle-pageInscr {
        margin: -5px 0px;
    }
}

input#moreDescription {
    margin-top: 2px;
    margin-right: 10px;
    height: 20px ;
    width: 30px ;
}

@media screen and (max-width: 850px) {
    input#moreDescription {
        height: initial !important;
        width: initial !important;
        margin-top: 1vh !important;
    }
}

@media screen and (min-width: 500px) and (max-width: 766px) {
    input#moreDescription {
        margin-top: 2vh !important;
    }
}

div #both{
display: inline-flex;
}
.btnCommon{
    color: #fff;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    letter-spacing: 0.02px;
    font-weight: 700;
    line-height: 15px;
    min-height: 48px;
    border-radius: 16px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    min-width:150px;
}
.loginPopup .close, #modalPopup .close, .hotline-popup .close{
    color: #3577B5;
    text-shadow: none;
    box-shadow: none;
}
.btnCommon:hover, .btnCommon:focus{
    color: #fff;
    text-decoration: none;
}
.btnsafforn-WhiteTxt{
    background-color: #FF9F61;
}
.btngreen-WhiteTxt{
    background-color: #C5D95B;
}
.bloc-title-ModalHostline, .commonPopup h3{
    font-family: 'Nunito Sans', sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
    color: #3577B5;
    line-height: 1.1;
}
.commonPopup h3{
    font-style: normal;
}
.commonPopup  form {
    position: absolute;
    right: 0;
    top: 10px;
    width: 40px;
    height: 40px;
    z-index: 9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.commonPopup  .close{
    float: none;
}
.commonPopup h4{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #212121;
    line-height: 1.1;
}
.hotline-popup .s-Title-ModalHostline{
    color: #FF9F61;
}
.hotline-popup .modal-body p, .hotline-popup .modal-body li, .commonPopup p, .commonPopup li{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 0 0 15px;
    margin: 0;
    font-size: 16px;
}
/*.sFormulaire_Inscr_none{
display: none;
}
*/

.error_name{
    display: block;
    text-decoration: none !important;
    color: red;
}

.bloc-decal{
    margin-right: 2.5%;
}

li.nav-item.item-center-vert.item-abonnement-call, li.nav-item.item-center-vert.item-abonnement-call span{
    background-color: #3676b5;
    color: white;
}


.bloc-iconSuccess {
    color: green;
    font-size: 20px;
    margin-left: -4%;
    display: none;
}

.bloc-iconError {
    color: red;
    font-size: 20px;
    margin-left: -4%;
    display: none;
}


.label_mail{
    color: red;
    font-family: 'Helvetica';
    font-weight: 500;
    font-size: 15px;
}

.label_mail.hided{
    display: none;
}

.secnd_formulaire.navmarg {
    position: relative;
    top: 0px;
}

.sFormulaire_Inscr .green-header {
    width: 80%;
    background: url(../../img/home/header-register-green.png) no-repeat center center;
    /* height: 60px; */
    left: 0px;
    height: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin-bottom: 15px;
}

.green-header.green-heder-coupon {
    padding-left: 0px;
    padding-right: 0px;
}

span.menu-label.sousLabel-menu{
    font-size: 10px !important;
}

.label-menu{
    font-size: 12px !important;
}

.onglet-abonnement{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.bloc_passwordReset{
    font-size: 15px !important;
    font-weight: bold !important;
    margin-top: 15px;
}

footer.footer-container{
    background-color: #70726E !important;
    background-image: none !important;
}
.footer_logo_subheading{
    font-size: 21px;
    line-height: 31px;
}
.footer_logo_cnt{
    font-size: 18px;
    line-height: 24px;
}
.footer-zone-bloc .menu-items li a {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 34px;
    color: #fff;
    transition: color 0.5s ease;
}
.titre h5{
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
}

.desciption-newslettre .inscription_txt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #fff;
}
.titre-addressFooter, .titre-contactFooter{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.titre-mobileFooter .footer_link, .titre-mailFooter .footer_link{
    color: #fff;
    transition: color 0.5s ease;
}
.titre-mailooter{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
}
.footer-zone-bloc .menu-items ul:first-child{
    float: none;
    padding-left: 0;
    margin-right: 0;
    display: block;
    width: 100%;
}
.titre-mailFooter{
    margin-bottom: 25px;
}
.titre-contact a{
    display: inline-flex ;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 8px;
    color: #70726E !important;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    transition: background-color 0.5s ease, color 0.5s ease;
}
.reset_list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.vet_social_icon  ul{
    display: flex;

}
.vet_social_icon  li{
    padding-right:10px;
}
.vet_social_icon  li a i:before{
    color: #fff;
}
.vet_social_icon  li:last-child{
    padding-right: 0;
}
.titre-contact i{
    padding-left: 10px;
    font-size: 16px;
}
.vet_social_icon  li i{
    font-size: 25px;
}
.footer-zone-logo{
    max-width: 475px;
}
.section-title-page{
    overflow: hidden;
}
.nunito-regular {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}
.footer-top{
    padding-bottom:0;
}
footer.footer-container{
    padding: 50px 0;
}
.footer-zone-bloc .menu-items li {
    padding-bottom: 0;
}
.footer-zone-bloc .menu-items li a:hover, .footer-zone-bloc .menu-items li a:focus, .footer_link:hover, .footer_link:focus{
        color: #c6d652;
}
.titre-contact .footer_link:hover, .titre-contact .footer_link:focus{
    color: #fff !important;
    background-color: #c6d652;
}
.vet_social_icon li a i:before{
    transition: color 0.5s ease;
}
.vet_social_icon li a:hover i:before, .vet_social_icon li a:focus i:before{
    color: #c6d652;
}
.grad_bg_sandal{
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-top: 0;
    padding: 60px 0;
}
.grad_bg_sandal:before{
    background: linear-gradient(180deg, rgba(254, 160, 98, 1) 34.29%, rgba(230, 230, 230, 0) 97.14%);
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 45%;
}
.resetList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.grad_bg_sandal .bck-round-white{
    background-color: #f9f9f9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 4px 32px rgba(0, 0, 0, 0.08);
    border-radius: 45px;
    position: relative;
    padding: 40px 60px;
}
.grad_bg_sandal .section_title{
    padding-bottom: 50px;
}
.bck-round-white .sitemap_list li a{
    color: #3676B5;
    font-size: 36px;
    line-height: 48px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    transition: color 0.5s ease;
    padding-left: 25px;
    position: relative;
}
.bck-round-white .sitemap_list li a:hover, .bck-round-white .sitemap_list li a:focus{
        text-decoration: none;
        color: #c6d652;
}
.bck-round-white .sitemap_list li a:before{
    content:"";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    background: #3676B5;
    border-radius: 100%;
    top: 20px;
}
.grad_bg_sandal .page_heading{
    font-size: 50px;
    letter-spacing: -0.015em;
}
.grad_bg_sandal .editor_block p{
    color: #000;
    font-size: 21px;
    line-height: 32px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.grad_bg_sandal  .editor_block h2{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 20px;
}
.grad_bg_sandal .link_cnt{
    color: #000;
    transition: color 0.5s ease;
    text-decoration: none;
}
.grad_bg_sandal .link_cnt:hover, .grad_bg_sandal .link_cnt:focus{
        color:#c6d652 ;
}
body {
    overflow-x: hidden;
}

.col.item-owel-co .img img {
    height: auto;
    width: 100%;
}

.col.item-owel-co .tag {
    position: absolute;
    top: 0px;
    color: #3576B8;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.77px;
    line-height: 20px;
    text-align: center;
    padding: 5px;
    background: #f5f5f5;
}

.col.item-owel-co .tag strong {
    font-weight: bold;
}

.col.item-owel-co .title {
    position: absolute;
    top: 22%;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin-left: 10px;
}
/* list Pages */
.listItemPage{
    position: relative;
}
.listItemPage:before{
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: rgb(254,160,98);
    background: linear-gradient(180deg, rgba(254, 160, 98, 1) 34.29%, rgba(230, 230, 230, 0) 97.14%)
}
.listItemPage h1.title-page, .listItemPage h1 .titlecolon, .detailPageSec h1.title-page{
    background: transparent;
    font-size: 50px;
    line-height: 46px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.15px;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 55px 0;
    margin: 0;
}
.listItemPage h1 .titlesub{
    font-size: 50px;
    line-height: 46px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    display: block;
    color: #fff;
}
 .listItemPage .section-listing-items .col-video{
    margin-bottom: 0;
 }
.listItemPage .section-listing-items .eachCol, .listItemPage .section-listing-items .col-video{
   padding-bottom: 40px;
}
.listItemPage .section-listing-items .Vido-oppacity:before{
    color: #3577B5;
    border-radius: 20px;
}
.listItemPage .section-listing-items .item-listing{
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    background-color: #fff;
    border-radius: 32px;
    line-height: 132%;
    margin: 0;
    height: 100%;
    overflow: hidden;
}
.listItemPage .section-listing-items .item-listing .media-body{
    padding: 20px;
    width: calc(100% - 260px);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.listItemPage .section-listing-items .item-listing .thumLink{
    display: block;
    height: 100%;
    width: 260px;
}
.listItemPage .section-listing-items .item-listing .thumLink .img-thumb{
    height: 100%;
    width: 100%;
}
.listItemPage .section-listing-items .section-detailListData a{
    text-decoration: none;
}
.listItemPage .section-listing-items .section-detailListData a:hover .item-title{
    color: #C6D652;
    text-decoration: none;
}
.listItemPage .section-icons{
    padding: 0 0 15px 0;
}
.listItemPage .section-icons .text{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    letter-spacing: 0;
}
.listItemPage .section-listing-items .item-title, .listItemPage .section-listing-items .col-video .title p {
    color: #3577B5;
    font-size: 24px;
    letter-spacing: 0.01em;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    padding: 0;
    margin:0  0 15px 0;
    transition: color 0.5s ease-in-out;
}
.listItemPage .section-listing-items .col-video .title{
    width: calc(100% - 40px);
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
}
.listItemPage .section-listing-items .videoLink{
    padding: 0 20px;
    display: block;
}
.listItemPage .section-listing-items .videoLink:hover .title p, .listItemPage .section-listing-items .videoLink:hover .icon-play{
    color: #C6D652;
}
.listItemPage .section-listing-items .col-video .title p{
    color: #fff;
    transition: color 0.25s ease-in;
}
.listItemPage .section-listing-items span.icon-play{
    transition: color 0.25s ease-in;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
}
.listItemPage .section-listing-items .item-listing .parag-DetailProduit, .listItemPage .section-listing-items .item-listing .paragCommon{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #212121;
    letter-spacing: 0.01em;
    font-size: 18px;
    line-height: 1.1;
    min-height: auto;
}
.listItemPage .section-listing-items .item-listing .ref-btnDownload{
    position: relative;
    right: auto;
    bottom: auto;
    width: 55px;
    height: 55px;
    background: #3577B5;
    border-radius: 16px;
    display: inline-block;
    text-align: center;
    transition: background 0.5s ease-in;
}
.listItemPage .section-listing-items .item-listing .ref-btnDownload:hover{
    background: #C6D652;
}
.listItemPage .section-listing-items .item-listing .downloadIcon{
        width: 25px;
        height: 25px;
}
.listItemPage .section-listing-items .item-listing .bookmarkIcon{
    fill: #000;
}
.listItemPage .detail-pages{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #212121;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}
.listItemPage .section-listing-items .item-listing .media-body{
    position: relative;
}
.listItemPage .section-listing-items .item-listing .group-imgEspece{
    position: absolute;
    right: 20px;
    top: 20px;
}
.listItemPage .section-listing-items .container-pagination{
    padding-top: 10px;
}
.listItemPage .section-listing-items ul.pagination{
    background-color: #f9f9f9;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    padding:10px 20px;
}
.listItemPage .section-listing-items .bottomCont{
    display: flex;
    padding-top: 12px;
    justify-content: flex-start;
}
.listItemPage .bottomCont .petList{
    display: flex;
    flex-wrap: wrap;
}
.listItemPage .bottomCont .petList li{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 10px 0;
}
.listItemPage .section-listing-items .bottomCont.mt-auto{
    justify-content: flex-end;
    margin-top: auto;
}
.listItemPage .section-listing-items .categoryCnt{
    flex: 0 0 calc(100% - 55px);
}
.listItemPage .section-listing-items .media-body .categoryItem{
    background-color: #E8E8EA;
    border-radius: 10px;
    padding: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.03em;
    display: inline-block;
}
.listItemPage .search-block .input-searchInList::placeholder{
    color: #A5A3A9;
}
.listItemPage .search-block{
    border-radius: 18px;
    padding: 0 16px;
    margin: 0 0 50px 0;
}
.listItemPage .badge.abonne-only{
    display: flex;
    white-space: normal;
    align-items: center;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    left: 20%;
}
.listItemPage .search-block .input-searchInList{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 24px;
    color: #212121;
    padding: 10px 16px;
    min-height: 78px;
}
.listItemPage .pagination .page-link{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #212121;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.2);
    transition: all 0.25s ease;
}
.listItemPage .pagination .page-item{
    padding: 10px 15px;
}
.listItemPage .pagination .page-item.active{
    background-color: transparent;
}
.listItemPage .pagination .page-item.active .page-link{
    background-color: transparent;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,25%);
}
.listItemPage .pagination .page-item .page-link:hover{
    background-color: transparent;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,25%);
}
.listItemPage .col-paginatio > .pagination{
    background: transparent;
    margin: 0;
    padding: 0;
    border-radius: 0;
    padding: 10px 0;
}
.listItemPage .container-pagination > .row{
    align-items: center;
}
.listItemPage .search-block .searchIcon{
    width: 30px;
    height: 30px;
}
.listItemPage .search-block .searchIcon circle, .listItemPage .search-block .searchIcon path{
    stroke: #212121;
}
.listItemPage  .btn-margin{
    padding-right:40px;
}
.listItemPage  li.page-item {
    display: none;
}
.listItemPage .col.item-owel-co .bloc-video{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.listItemPage .section-listing-items .Vido-oppacity .imgCont{
    background-size: contain;
    background-position: center;
    height: 295px;
    width: 100%;
    opacity: 20%;
    background-repeat: no-repeat;
}
.listItemPage  .page-item:first-child,
.listItemPage  .page-item:nth-child( 2 ),
.listItemPage  .page-item:nth-last-child( 2 ),
.listItemPage  .page-item:last-child,
.listItemPage .page-item.active, .listItemPage li.beforePage, .listItemPage .page-item.active + li,
.listItemPage .page-item.disabled {
    display: block;
}
.media.item-listing .icon-down{
    position: absolute;
    right:20px;
    bottom: 20px;
}
.blue_btn {
    background-color: #3676B5;
    color: #fff;
    border-radius: 0.625rem;
    text-decoration: none;
    text-align: center;
    padding: 5px 15px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    transition: background-color 0.5s ease;
}
.min-w-280 {
    min-width: 280px;
}
.min-w-300{
    min-width: 300px;
}
.blue_btn.btn_medium{
    padding: 0.625rem;
    font-size: 1.56rem;
    line-height: 1.4375rem;
}
.blue_btn:hover,
.blue_btn:focus,
.blue_btn:active {
    text-decoration: none;
    background-color: #c6d652;
    box-shadow: none;
}
.detailPageSec{
    position: relative;
}
.detailPageSec:before{
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: rgb(254,160,98);
    background: linear-gradient(180deg, rgba(254, 160, 98, 1) 34.29%, rgba(230, 230, 230, 0) 97.14%)
}
.detailCntSec{
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    border-radius:30px;
    padding: 40px;
    background-color: #F9F9F9;
    position: relative;
    margin-bottom: 40px;
}
.detailPageSec .mceditor p, .detailPageSec .mceditor span, .detailPageSec .section-videoDetail p, .detailPageSec .section-desDetail p, .mag-desc, .mag-table .bodyCnt{
    font-size: 21px;
    line-height: 27px;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: -0.02px;
    color: #212121;
}
.detailPageSec .section-desDetail{
    padding-bottom: 20px;
}
.detailPageSec .section-desDetail .title{
    margin-bottom: 15px;
}
.detailPageSec .section-imgDetail{
    margin-bottom: 40px;
}
.detailPageSec .mceditor td, .detailPageSec .mceditor th{
    font-size: 21px;
    line-height: 27px;
    font-family: 'Nunito Sans', sans-serif;
}
.detailPageSec .mceditor h1, .detailPageSec .mceditor h2, .detailPageSec .mceditor h3, .detailPageSec .mceditor h3, .detailPageSec .mceditor h4, .detailPageSec .mceditor h5, .detailPageSec .mceditor h6, .detailPageSec .section-desDetail .title p{
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
}
.mceditor p, .detailPageSec .section-desDetail p{
    margin-bottom: 15px;
}
.detailPageSec  .mceditor  h1{
    font-size: 30px;
    line-height: 32px;
}
.detailPageSec  .mceditor  h2{
    font-size: 28px;
    line-height: 30px;
}
.detailPageSec .mceditor h3{
    font-size: 26px;
    line-height: 28px;
}
.detailPageSec .mceditor h4{
    font-size: 22px;
    line-height: 24px;
}
.detailPageSec .mceditor h5{
    font-size: 20px;
    line-height: 22px;
}
.detailPageSec .mceditor h6{
    font-size: 18px;
    line-height: 20px;
}
.detailPageSec h1, .detailPageSec h2, .detailPageSec h3, .detailPageSec h4, .detailPageSec h5, .detailPageSec h6{
    font-family: 'Nunito Sans', sans-serif;
}
.detailPageSec table{
    margin-bottom: 25px;
}
.mceEditorCnt :last-child, .detailPageSec .section-videoDetail :last-child{
    margin-bottom: 0;
}
.titleSec .title {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    color:#3676B5;
    font-size:40px;
    line-height:1;
    letter-spacing:-0.02px;
}
.headerListContainer{
    max-width:1020px;
    margin:0 auto;
}
.lableBlueTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    letter-spacing:-0.02px;
    color: #3676B5;
    line-height: 22px;
}
.blackCntTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    letter-spacing:-0.02px;
    color: #212121;
    padding-left: 6px;
    line-height: 22px;
}
.detailCntSec .itemDetails{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 20px;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.each-itemDetail{
    display: flex;
    padding: 0 10px 12px 10px;
    align-items: center;
}
.downloadPdfRow{
    margin-top: 20px;
}
.pdfDownloadBtn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pdfDownloadBtn .downloadIcon{
    margin-right: 15px;
    width: 24px;
    height: 24px;
}
.rightHeaderCntInnerr .blueBtnTxt{
    padding: 0 0 0 8px;
}
.currentMagzine {
    margin-bottom: 40px;
}
.currentMagzine .img-month-star{
    min-height: auto;
    height: auto;
}
.mag-table-head .row{
    padding: 15px 0;
    background-color: #ffffff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 1.4375rem;
    line-height: 1.375rem;
    color: #C6D652
}
.mag-table .bodyCnt .row{
    border-bottom:2px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.mag-table .bodyCnt .row:last-child{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.mag-table .bodyCnt .img-thumn-table{
    width: 80% !important;
    height: auto !important;
}
.mag-table .bodyCnt .eyeIcon{
    font-size: 20px;
}
@media only screen and (min-width:992px){
    .prodCatList .each-itemDetail{
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .prodCatList .paListItem{
        flex: 0 0 41%;
        max-width: 41%;
    }
    .prodCatList .raListItem{
        flex: 0 0 25.667%;
        max-width: 25.667%;
    }
    .headerCenter{
        align-items: center;
    }
}

/* .each-itemDetail:first-child{
    padding-left:0;
}
.each-itemDetail:last-child{
    padding-right:0;
} */
.section-imgDetail img{
    display:block;
    margin:0 auto;
}
.detailCntSec .section-description{
    padding-top: 40px;
    padding-left: 0;
}
.Section-DetailPage-Entete{
    margin:0;
}
.section-videoDetail .embed-responsive{
    margin-bottom: 40px;
}
.section-videoDetail iframe{
    border-radius: 25px;
}
/* home Page */
.navbar-vetofficine .container, .navbar-vetofficine .container-lg, .navbar-vetofficine .container-md, .navbar-vetofficine .container-sm, .navbar-vetofficine .container-xl {
        max-width: 1400px;
}
.navbar-vetofficine .container{
    align-items: flex-start;
}
a:focus, button:focus, .btn:focus{
    box-shadow: none;
    outline: 0;
}
.pagehome .container, .pagehome .container-lg, .pagehome .container-md, .pagehome .container-sm, .pagehome .container-xl{
    max-width:1313px;
}
.pagehome{
    padding-bottom: 50px;
}
.rightSearchCnt{
    padding: 0 24px 0 10px;
}
.headingBlackCnt{
   color: #212121;
   font-size: 34px;
   font-family: 'Nunito Sans', sans-serif;
   font-style: normal;
   font-weight: 800;
   line-height: 39px;
}
.headingSmallBlackCnt{
    color: #212121;
    font-size: 20px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}
.bannerImg{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.bannerImg:before{
    background-color: #3577B5;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 80%;
}
.bannerSmallTxt{
    color: #fff;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #f9f9f9;
}
.bannerSmallTxt .bigTxt{
    font-size: 24px;
    line-height: 1;
}
.bannerSmallTxt .colorTxt{
    color: #FF9F61;
}
.bannerRight_content{
    margin-left: auto;
    max-width: 535px;
}
.header_row{
    padding-bottom: 32px;
}
.btnTxt{
    padding: 0 8px;
}
.readMoreLink{
    padding: 8px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    transition: color 0.5s ease;
}
.iconArrow{
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pb-16{
    padding-bottom: 16px;
}
.centerCol{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    height: 100%;
}
.txtTop{
    vertical-align: text-top;
    line-height: 1;
}
.bigBtn:first-child{
    margin-bottom: 16px;
}
.big_btn_cnt{
    padding: 0 20px;
    flex: 0 0 calc(100% - 78px);
}
.big_btn_arrow{
    background: #fff;
    border-radius: 16px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}
.headingBanner{
    color:#C5D95B;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
}
.bannerCnt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.homeBannerBtn{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.abonnerPage_alert{
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: #FF9F61;
    padding: 16px;
    border-radius: 18px;
    z-index: 999;
    max-width: 335px;
    width: 100%;
}
.magazineRead_alert{
    max-width: 469px;
}
.magazineRead_alert .abonnerLink{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: inline-flex;
    color:#fff;
}
.magazineRead_alert .abonnerLinkTxt {
    color:#3577B5;
    padding-left: 15px;
    transition: color 0.5s ease;
}
.abonner_inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.abonnerTxt{
    font-weight: 700;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03px;
    color: #fff;
    padding-bottom: 12px;
}
.closeabonner{
    opacity: 1;
}
.abonnerSmallTxt{
    font-size: 12px;
    font-weight: 600;
}
.abonnerLinkTxt{
    font-weight: 700;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    display: block;
    transform: color 0.5s ease;
}
.abonner_img{
    width: 53px;
}
.abonner_cnt{
    flex: 0 0 calc(100% - 68px);
    padding: 0 15px;
}
.btn_green{
    background-color: #C5D95B;
    padding: 8px;
    border-radius: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}
.smallBtnTxt{
    display: block;
    font-size: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: 13px;
    transition: all 0.5s ease;
}
.pb-12{
    padding-bottom: 12px;
}
.pb-32{
    padding-bottom: 32px;
}
.border_btn_green .greenBtnTxt{
    padding: 3px;
}
.eachHomeBanner_btn:first-child{
    padding-right: 12px;
}
.eachHomeBanner_btn:last-child{
    padding-left: 12px;
}
.bigBtn .greenBtn{
    background-color:#C5D95B;
}
.storelocator-btn {
    display: none;
}
.bigBtn.temp-spacing {
    margin-top: 50px;
}
.bigBtn .lightYellowBtn{
    background-color:#FCBF18;
}
.section_consiels, .section_favorite{
    padding-bottom: 50px;
}
.tipOftheMonth .item-listing{
    border-radius: 32px;
    background: #C5D95B;
    margin: 0;
    height: 100%;
    overflow: hidden;
}
.whatsnew{
    padding-bottom: 16px;
}
.whatsnew .item-listing{
    border-radius: 32px;
    background: #fff;
    margin: 0;
    height: 100%;
    overflow: hidden;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    min-height: auto;
}
.tipOftheMonth .item-listing .thumLink, .whatsnew .item-listing .thumLink{
    width: 197px;
    height: 100%;
    display: block;
    position: relative;
}
.tipOftheMonth .item-listing .img-thumb, .whatsnew .item-listing .img-thumb{
    height: 100%;
    width: 100%;
}
.tipOftheMonth .item-listing .mediaBody, .whatsnew .item-listing .mediaBody{
    position: relative;
    padding: 20px;
    width: calc(100% - 197px);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.whatsnew .item-listing .mediaBody{
    padding:8px 20px;
}
.tipHints{
    color: #212121;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.tipOftheMonth .playBtnIcon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tipHeading {
    padding-bottom: 15px;
}
.whatsnew .tipHeading{
    padding-bottom: 0;
}
.tipHeading .title_formation, .whatsnew .title_formation{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 0.01px;
    color: #fff;
    display: block;
    font-size: 24px;
    transition: color 0.5s ease;
}
.whatsnew .title_formation{
    font-size: 24px;
    line-height: 25px;
}
.whatsnew .title_formation{
    color: #3577B5 ;
}
#myModal-Magazine .modal-body{
    padding: 0;
    border:0;
}

#myModal-Magazine .close{
    color: #C5D95B;
    padding:0;
    font-size: 35px;
    margin:0;
}
#myModal-Magazine .modal-header{
    padding: 12px;
}
#myModal-Magazine .modal-title{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
}
.pdfModal{
    height:calc(100vh - 80px)
}
.pdfMagModal{
    height: calc(100vh - 160px);
}
#myModal-Magazine.modal{
    padding: 0 !important;
}
#myModal-Magazine .modal-dialog{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* .sec_latest-and-news .owl-stage-outer{
    margin: 0 -20px;
} */
.tipOftheMonth .petList {
    display: flex;
    flex-wrap: wrap;
}
.tipOftheMonth .petList li{
    padding: 4px 15px 4px 0px;
    letter-spacing: 0.03px;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.tipOftheMonth .readArticleCnt, .whatsnew .readArticleCnt{
    margin-top: auto;
    display: flex;
    align-items: center;
}
.tipOftheMonth .linkTxt, .whatsnew .linkTxt{
    color: #fff;
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}
.whatsnew .linkTxt{
    color: #212121;
}
.fullLink{
    display: flex;
    align-items: center;
    width: 100%;
    transition: all 0.5s ease;
}
.tipOftheMonth  .readArticleBtn, .whatsnew .readArticleBtn{
    margin-left: auto;
}
.tipOftheMonth  .linkIcon, .whatsnew .linkIcon{
    background-color: #fff;
    border-radius: 16px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsnew .linkIcon{
    background-color:#3577B5;
}
.mt-auto{
    margin-top: auto;
}
.owl-carousel-articles .owl-dots{
    display: block;
    text-align: center;
}
.owl-carousel-articles .owl-dot{
    border: 0.5px solid #A5A3A9 !important;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin:0 4px;
}
.owl-carousel-articles .owl-dot.active{
    background: #D9D9D9;
}
.owl-carousel-articles{
    margin: 0 -5px;
    height: 100%;
}
.owl-carousel-articles .owl-item{
    margin: 0 5px;
}
.owl-carousel-articles .owl-stage-outer, .owl-carousel-articles .owl-stage{
    height: 100%;
}
.favoriteCol.articleList{
    padding: 0 0 20px 0;
    height: 100%;
}
.owl-carousel-articles .owl-stage{
    display: flex;
}
.favoriteCol .item-listing{
    background-color: #f9f9f9;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    border-radius: 32px;
    height: 100%;
}
.favoriteCol .title_produit{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 0.01px;
    line-height: 26px;
    color: #3577B5;
    display: block;
    transition: color 0.5s ease;
}
.favoriteCol .produitHints{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
}
.favoriteCol .produitColHeading{
    padding-bottom: 5px;
}
.pagehome .petList {
    display: flex;
    flex-wrap: wrap;
}
.produit .petList li {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 10px 0;
}
.produit .petList .categoryItem{
    background-color: #E8E8EA;
    border-radius: 10px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-size: 12px;
    padding: 4px 8px;
}
.produit .petList .categoryItem.blueItem{
    background-color: #3577B5;
    color: #fff;
}
.produit .readArticleCnt{
    display: flex;
    align-items: center;
}
.articleList .readArticleCnt.firstItem{
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.produit  .produitBody{
    padding: 16px 16px 65px;
    height: calc(100% - 170px);
    display: flex;
    flex-direction: column;
}
.articleList .produitBody{
    padding: 16px;
}
.favoriterow{
    margin-left: -8px;
    margin-right: -8px;
}
.favoriteCol{
    padding-left: 8px;
    padding-right: 8px;
}
.favoriterow .title_produit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.produit .img-thumb{
    margin: 0 auto;
    display: block;
    width: auto;
    height: 170px;
}
.produit .linkTxt{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px 8px 0;
}
.productCatList{
    padding:3px 0;
}
.productCatList p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
.produit .readArticleBtn{
    margin-left: auto;

}
.produit .readArticleBtn a{
    display: flex;
    align-items: center;
    justify-self: center;
    width: 32px;
    height: 32px;
}
.favoriteCol .news_titre{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #3577B5;
    line-height: 23px;
    display: block;
}
.eachBig_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    padding: 20px;
    color: #fff;
}
.eachBig_btn .btnHeadingCnt{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.01px;
}
.eachBig_btn .btnTxtCnt{
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01px;
}
.border_btn_green{
    border: 1px solid #C5D95B;
    color: #fff;
    display: inline-flex;
    padding: 8px;
    border-radius: 16px;
    align-items: center;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    background-color: transparent;
    text-align: left;
    transition: all 0.5s ease;
}
.homeBanner, .connectedBanner{
    padding-bottom: 40px;
}
.section-advantageSubscription, .section-advantageSubscription, .section_latest-and-news {
    padding-bottom: 50px;
}
.section_latest-and-news .headingBlackCnt{
    font-size: 25px;
    line-height: 28px;
}
.articleSmallHeading{
    margin-bottom: 15px;
}
.pb-04{
    padding-bottom: 4px;
}
.videoSliderBanner{
    display: flex;
    align-items: center;
    min-height: 400px;
}
.videoSliderBanner .video_title{
    color: #C5D95B;
    font-size: 33px;
    line-height: 1.1;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}
.videoContainer{
    max-width: 629px;
    margin: 0 auto;
    padding: 0 20px;
}
.videocontent{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.col-leftVideo{
    flex: 0 0 53%;
}
.col-rightVideo{
    flex: 0 0 47%;
}
.videoItem{
    width: 100%;
    height: 100%;
    position: relative;
}
.videoItem a{
    background-size: cover;
    background-position: center;
    min-height: 400px;
    display: block;
    width: 100%;
}
.videoItem .playIcon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.videoContainer .greenBtnTxt{
    padding:0 8px;
}
.video-smallHeading{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}
.videoSliderBanner .owl-stage-outer{
    display: flex;
}
.videocontent{
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.innerConnectedBanner .owl-dot{
    width: 8.67px;
    height: 8.67px;
    background-color: #D9D9D9;
    border:0.5px solid #A5A3A9;
    border-radius:50%;
    display: block;
    margin: 0 4px;
    padding: 0;
    transition: background-color 0.5s ease;
}
.innerConnectedBanner .owl-dots-container{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
}
#videoModal .modal-header{
    padding: 0;
    border: 0;
}
#videoModal .modal-body-mag{
    padding: 0;
}
.videoIframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}
#videoModal iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#videoModal .close{
    position: absolute;
    right: 10px;
    top:-20px;
    padding: 0;
}
#videoModal .close span{
    text-shadow: none;
    color: #C5D95B;
    text-shadow: none;
    font-size: 34px;
}
.innerConnectedBanner .owl-dots-container .active{
    background-color: #fff;
}
.btnBlue-WhiteTxt{
    background-color: #3577B5;
    color: #fff;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    letter-spacing: 0.02px;
    font-weight: 700;
    line-height: 15px;
    min-height: 48px;
    border-radius: 16px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}
.btnGreen-WhiteTxt{
    background-color: #5cb85c;
}
.blueBtnTxt{
    padding: 0 8px;
}
.iconRightArrow{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 32px;
    height: 32px;
}
.advantageSubscription_inner{
    background-color: #F9F9F9;
    border-radius: 32px;
    padding: 20px 47px 20px 47px;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    display: flex;
    align-items: center;
    justify-self: center;
}
.advantageTitleCnt{
    flex: 0 0 25%;
}
.eachadvantageImg{
    padding-bottom: 10px;
}
.eachadvantageItem{
    max-width: 200px;
}
.eachadvantgePlus{
    width: 70px;
    padding: 0 20px;
}
.webInfoIcon{
    width: 50px;
    height: 50px;
}
.assistanceIcon{
    width: 50px;
    height: 50px;
}
.informIcon{
    width: 35px;
    height: 45px;
}
.homeBlueHeading{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 34px;
    line-height: 40px;
    color: #3577B5;
}
.homeBlackHeading{
    font-size: 16px;
    line-height: 17px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #212121;
    letter-spacing: 0.03px;
}
.homeBlackTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.03px;
}
.advantageListCnt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 75%;
}
.section-customerQuestion{
    padding-bottom: 50px;
}
.customerQuestion_inner{
    background: #FF9F61;
    border-radius: 32px;
    padding: 33px 20px;
}
.greenSec .customerQuestion_inner{
    background-color: #c5d95b;
}
.btn-greenTxt{
    color:#C5D95B;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width: 226px;
}

.customerQuestion_innerWidth{
    max-width: 1103px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.customerQuestionIcon{
    padding-right: 15px;
}
.customerQuestionContent{
    padding: 0 20px;
}
.customerQuesIcon{
    width: 64px;
    height: 64px;
}
.btn-saffornTxt{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 198px;
    color: #FF9F61;
}
.phoneIcon{
    width: 20px;
    height: 20px;
}
.section-vetofficineFewWords{
    padding-bottom: 50px;
}
.vetofficineFewWords_inner{
    background-color: #f9f9f9;
    padding: 20px 50px 20px 50px;
    border-radius: 32px;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.22);
}
.fewWords_eachCol{
    text-align: center;
}
.fewWordsImage{
    min-height: 108px;
    margin-bottom: 10px;
}
.fewWords_eachRow{
    margin-left: -32px;
    margin-right: -32px;
    padding-top: 25px;
}
.fewWords_eachCol{
    padding-left: 32px;
    padding-right: 32px;
}
.fewWords_heading{
    color: #212121;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 0.03px;
}
.fewWords_smallheading{
    color: #212121;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.03px;
}
.fewWords_headings{
    min-height: 65px;
}
.fewWordsImage path{
    fill: #3577B5;
}
.fewWords_colContent p{
    color: #212121;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight:600;
    line-height: 16px;
    letter-spacing: 0.03px;
}
.fewWords_eachColInner a {
    color: #3577B5;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight:900;
    line-height: 20px;
    font-size: 16px;
    display: inline-block;
    text-decoration:none;
}
.homeBlueHeading{
    font-size: 32px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 42px;
    text-align: center;
    color: #3577B5;
}
.section-zepetcoach{
    padding-bottom: 50px;
}

.zepetcpach_inner{
    background: #FCBF18;
    border-radius: 32px;
    padding: 33px 27px;
    display: flex;
    align-items: center;
}
.homeWhiteHeading{
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 31px;
    letter-spacing: 0.01px;
    color: #fff;
}
.homeWhiteTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color:#fff;
}
.homeWhiteSmall{
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.03px;
    display: block;
}
.btnWhite{
    border-radius: 16px;
    padding: 15px;
    background-color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.02px;
    text-align: center;
    min-height: 48px;
    transition: color 0.5s ease;
}
.btnWhite:focus{
    box-shadow: none;
}
.zepetcoachButton, .customerQuestionButton{
    margin-left: auto;
}
.zepetcoachLogo{
    padding-right: 30px;
}
.zepetcoachContent{
    padding: 0 30px;
}
.zepetcoachTxtCnt p {
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.03px;
    color: #212121;
    padding-bottom: 4px;
}
.zepetcoachTxtCnt a {
    color:#212121 ;
    transition: color 0.5s ease;
}
.zepetcoachTxtCnt a:hover {
    color: #3577B5;
}
.zepetcoachTxtCnt p:last-child{
    padding-bottom: 0;
}
.btn-yellowTxt{
    color:#FCBF18;
}
.innerConnectedBanner{
    background-color: #3577B5;
    position: relative;
}
.videoContainer{
    opacity: 0;
}
.owl-item.active .videoContainer{
    opacity: 1;
}
.navbar {
    padding: 16px 0 0;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);
}
.navbar-brand{
    padding: 0;
    margin: 0;
    display: block;
}
.navbar-brand img{
    margin-left: 0;
    max-width: 195px;
    width: 100%;
}
.rightMenuCnt .nav-menu{
    display: flex;
    padding-top: 15px;
}
.nav-menu > li{
    padding-bottom: 25px;
}
ul.nav-menu .sub-menu, .rightaccountCnt .dropdown-menu-right{
    top: 88px;
    z-index: 99;
    padding: 10px;
    min-width: 150px;
    transition: all 0.5s ease;
}
.rightaccountCnt .dropdown-menu-right{
    top: 69px;
}
ul.nav-menu li:hover > a, .dropdown-menu li:hover a{
    color:#3577B5;
}
ul.nav-menu li a, .dropdown-menu li a{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #212121;
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 16px;
    transition: color 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-menu .menudownIcon{
    padding-left: 8px;
    display: block;
    font-size: 15px;
}
.sub-menu .dropdown-item.active, .sub-menu .dropdown-item:active{
    background: transparent;
}
ul.nav-menu li  li a, .dropdown-menu li a{
    padding: 10px;
    display: block;
}
.dropdown-menu.sub-menu  i{
    padding-right: 5px;
    color: #212121;
    font-size: 20px;
    transition: color 0.5s ease;
}
.dropdown-menu.sub-menu li:hover > i{
    color: #3577B5;
}
ul.nav-menu li li, .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}
.nav-menu li:first-child, .dropdown-menu li:first-child{
    padding-left: 0;
}
.nav-menu li:last-child, .dropdown-menu li:last-child{
    padding-right: 0;
    border-bottom: 0;
}
ul.nav-menu li:hover>ul, .dropdown-menu.show{
    clip: inherit;
    height: inherit;
    overflow: inherit;
    width: inherit;
}
.eachRightAccountCnt .phoneTxt{
    display: block;
}
.searchForm .input-search{
    border: 1px solid #E8E8EA;
    border-radius: 18px;
    padding: 16px 16px 16px 47px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    height: auto;
}
.searchForm .btn-search-submit{
    position: absolute;
    left:20px;
    top:50%;
    transform: translateY(-50%);
    font-size: 15px;
}
.eachRightAccountCnt{
    padding: 0 8px;
}
.eachRightAccountCnt:first-child{
    padding-left: 0;
}
.eachRightAccountCnt:last-child{
    padding-right: 0;
}
.searchForm .input-search:focus{
    box-shadow: none;
}
.account-nav-link{
    padding: 0;
    color: #212121;
}
.rightaccountCnt{
    display: flex;
}
.rightMenuCnt .sub-menu{
    overflow: hidden;
    padding: 0 6px;
    position: absolute;
    width: 1px;
    background: #fff;
    border: none;
    border-top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    clip: rect(1px, 1px, 1px, 1px)
}
.rightaccountCnt .dropdown-menu-right{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    border: 0;
    border-radius:0 ;
}
.rightHeaderCnt, .rightHeaderCntInnerr{
    display: flex;
}
.rightaccountCnt{
    height: 50px;
    display: flex;
    align-items: center;
}
.account-nav-link .menu-item{
    display: flex;
    align-items: center;
}
.pb-12{
    padding-bottom:12px;
}
.item-account-call .dropdown-item:hover {
    background: transparent;
}
.bannerRight_content .bigTxt, .bannerLeft_content .bigTxt{
    display: block;
}
.abonnerLink .newLink{
    color: #ffffff;
    text-decoration: none;
}
@media only screen and (min-width:992px) and (max-width:1280px){
    .bannerLeft_content .bannerSmallTxt{
        min-height: 58px;
    }
}
@media only screen and (min-width:1281px){
    .bannerLeft_content .bannerSmallTxt{
        margin-bottom: 40px !important;
    }
}
@media only screen and (min-width:992px) and (max-width:1095px){
    .usernotconnected.navbar {
        padding: 52px 0 0 0;
    }
    .usernotconnected .rightaccountCnt{
        position:absolute;
        top: 5px;
        right: 15px;
    }
    .usernotconnected ul.nav-menu .sub-menu{
        top: 109px;
    }
    .usernotconnected .btnBlue-WhiteTxt{
        min-height: 35px;
        padding: 3px 8px;
    }
    .usernotconnected  .nav-menu > li{
        padding-bottom: 10px;
    }
    .usernotconnected .eachRightAccountCnt{
            padding: 0 10px;
    }
    .usernotconnected .searchForm .input-search{
        width:175px;
        padding: 12px 10px 12px 40px;
    }
    .usernotconnected .rightSearchCnt{
        padding: 2px 10px 0 10px;
    }
}
@media only screen and (min-width:650px){
    .articelsliderLeft{
        padding-right: 5px;
    }
    .articelsliderRight{
        padding-left: 5px;
    }
}
@media only screen and (min-width:992px) and (max-width:1064px){
    .actualiteCnt .headerTitleCnt {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .actualiteCnt .headerAllCnt{
        flex: 0 0 45%;
        max-width: 45%;
    }
}

@media only screen and (min-width:992px) and (max-width:1035px){
    .btnBlue-WhiteTxt.btnCnt{
        padding: 8px 0;
        font-size: 12px;
    }
    ul.nav-menu li a, .dropdown-menu li a{
        font-size: 13px;
    }
}
@media only screen and (min-width:1201px) and (max-width:1240px){
    .navbar-brand img{
        max-width: 180px;
    }
}
@media only screen and (min-width:1201px) and (max-width:1319px){
    .nav-menu .nav-link{
        padding:.5rem 0.5rem;
     }
     .rightSearchCnt{
        padding: 0 10px 0 10px;
    }
    .searchForm .input-search{
        width: 150px;
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .eachRightAccountCnt{
        padding: 0 3px;
    }
    .navbar-brand img{
        max-width: 150px;
    }
    .nav-menu .nav-link{
       padding:.5rem 0.5rem;
    }
    .searchForm .input-search{
        padding: 16px 10px 16px 40px;
        width: 120px;
    }
    .rightSearchCnt{
        padding: 0 10px 0 10px;
    }
}
@media (min-width: 768px) {
    .listItemPage .container, .listItemPage  .container-lg, .listItemPage  .container-md, .listItemPage  .container-sm, .listItemPage  .container-xl {
        max-width: 1739px;
    }
    .detailPageSec .container, .detailPageSec  .container-lg, .detailPageSec  .container-md, .detailPageSec  .container-sm, .detailPageSec  .container-xl {
        max-width: 1530px;
        padding:0 20px;
    }
}
@media (min-width: 992px) and (max-width:1024px){
    .listItemPage h5.item-title{
        max-height: 52px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1279px){
    .listItemPage .section-listing-items .item-listing .thumLink{
            width: 230px;
    }
    .listItemPage .section-listing-items .item-listing .media-body{
        width: calc(100% - 230px);
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .listItemPage .section-listing-items .item-listing .thumLink{
            width: 200px;
    }
    .listItemPage .section-listing-items .item-listing .media-body{
        width: calc(100% - 200px);
    }
}
@media only screen and (min-width:992px) and (max-width:1100px){
    .footer-zone-logo {
        max-width: 434px;
    }
}
@media only screen and (min-width:992px){
    .innerConnectedBanner .owlcontianer{
        width: 53%;
        display: flex;
        position: absolute;
        bottom: 20px;
    }
    .innerConnectedBanner .owl-dots-container{
        position: static;
        max-width: 629px;
        margin: 0 auto;
    }
    .favoriteCol:nth-child(n+5){
        margin-top: 30px;
    }
}
@media only screen and (max-width:991px){
    .listItemPage .section-listing-items .item-listing{
        border-radius: 16px;
    }
    .listItemPage .section-listing-items .item-listing .thumLink{
        width: 108px;
    }
    .listItemPage .section-listing-items .item-listing .media-body{
        width: calc(100% - 108px);
        padding: 15px;
    }
    .listItemPage .section-listing-items .item-title, .listItemPage .section-listing-items .col-video .title p{
        font-size:12px;
        padding: 0;
        margin-bottom: 8px;
    }
    .listItemPage .section-listing-items .item-listing .parag-DetailProduit, .listItemPage .section-listing-items .item-listing .paragCommon{
        font-size:11px;
    }
    .listItemPage .section-listing-items .bottomCont{
        padding-top: 8px;
    }
    .listItemPage .section-icons .text{
        font-size: 10px;
    }
    .listItemPage .section-listing-items .eachCol, .listItemPage .section-listing-items .col-video{
        padding-bottom: 20px;
    }
    .listItemPage .section-listing-items .media-body .categoryItem{
        border-radius: 7px;
        padding: 2px 8px;
        font-size: 10px;
    }
    .listItemPage .section-listing-items .item-listing .ref-btnDownload{
        width: 30px;
        height: 30px;
        border-radius: 8px;
    }
    .listItemPage .section-listing-items .item-listing .downloadIcon{
        width: 16px;
        height: 19px;
    }
    .listItemPage .media.item-listing .icon-down{
        font-size: 20px;
    }
    .media.item-listing .icon-down{
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    .listItemPage .section-listing-items .item-listing .bookmarkIcon{
        width: 12px;
        height: 12px;
    }
    .listItemPage .search-block .input-searchInList{
        padding: 8px 0;
        min-height: 29px;
        font-size: 12px;
    }
    .listItemPage .search-block{
        border-radius: 8px;
        padding: 0 0 0 15px;
        margin: 0 0 20px 0;
    }
    .listItemPage .search-block .searchIcon{
        width: 15px;
        height: 15px;
    }
    .listItemPage .search-block .input-group-append{
        padding-right:15px;
    }
    .listItemPage .search-block .input-group-text{
        padding: 0;
    }
    .listItemPage h1.title-page, .listItemPage h1 .titlecolon, .detailPageSec h1.title-page{
        font-size: 18px;
        line-height: 15px;
        letter-spacing: -0.15px;
        padding: 20px 0;
    }
    .listItemPage h1 .titlesub{
        font-size: 18px;
        line-height: 15px;
        letter-spacing: -0.15px;
    }
    .listItemPage .media.item-listing{
        min-height: 100px;
    }
    .listItemPage .section-listing-items .categoryCnt{
        flex: 0 0 calc(100% - 30px);
    }
    .listItemPage .media.item-listing{
        display: flex;
    }
    .listItemPage .detail-pages{
        font-size: 11px;
    }
    .listItemPage .section-listing-items .container-pagination{
        padding-top: 0;
    }
    .listItemPage .section-listing-items .item-listing .group-imgEspece{
        right: 15px;
        top: 15px;
    }
    .listItemPage .section-icons{
        padding: 0 0 8px 0;
    }
    .listItemPage .section-listing-items ul.pagination{
        border-radius: 10px;
        padding: 10px 10px;
    }
    .listItemPage .pagination .page-item{
            padding: 5px 5px;
    }
    .listItemPage .pagination .page-link{
        width: 15px;
        height: 15px;
        font-size: 11px;
        border-radius: 3px;
    }
    .listItemPage .col-paginatio > .pagination{
        align-items: center;
        justify-content: center;
        float: none;
    }
    .listItemPage .section-listing-items span.icon-play{
        top: 50%;
        font-size: 40px;
    }
    .listItemPage .section-listing-items .videoLink{
        padding: 0 15px;
    }
    .listItemPage .col.item-owel-co{
            height:200px;
    }
    .listItemPage  .col.item-owel-co .bloc-video{
        height:200px;
    }
    .listItemPage .section-listing-items .Vido-oppacity:before{
        border-radius: 16px;
    }
     .listItemPage .section-listing-items .col-video .title{
        width: calc(100% - 20px);
    }
    .listItemPage .section-listing-items .Vido-oppacity .imgCont{
        height: 200px;
    }
    .listItemPage .badge.abonne-only{
        left: calc(50% - 120px);
        height: 80px;
        width: 80px;
    }
    .blue_btn {
        font-size: 0.9375rem;
        line-height: 0.9375rem;
    }
    .media.item-listing .icon-down{
        bottom: 15px;
        right: 15px;
    }
    .detailPageSec .mceditor p, .detailPageSec .mceditor span, .detailPageSec .section-videoDetail p, .detailPageSec .section-desDetail p, .mag-desc, .mag-table .bodyCnt{
        font-size: 12px;
        line-height: 14px;
        font-family: 'Nunito Sans', sans-serif;
    }
    .detailPageSec .mceditor td, .detailPageSec .mceditor th{
        font-size: 12px;
        line-height: 14px;
        font-family: 'Nunito Sans', sans-serif;
    }
    .detailPageSec  .mceditor  h1{
        font-size: 16px;
        line-height: 18px;
    }
    .detailPageSec  .mceditor  h2{
        font-size: 15px;
        line-height: 18px;
    }
    .detailPageSec .mceditor h3{
        font-size: 14px;
        line-height: 16px;
    }
    .detailPageSec .mceditor h4{
        font-size: 13px;
        line-height: 15px;
    }
    .detailPageSec .mceditor h5{
        font-size: 12px;
        line-height: 14px;
    }
    .detailPageSec .mceditor h6{
        font-size: 11px;
        line-height: 13px;
    }
    .section-imgDetail{
        max-width: 150px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .titleSec .title{
        font-size:16px;
        line-height: 18px;
    }
    .lableBlueTxt{
        font-size: 10px;
        line-height: 22px;
    }
    .blackCntTxt{
        font-size: 11px;
        line-height: 12px;
    }
    .detailCntSec .itemDetails{
        flex-wrap: wrap;
        margin-top: 4px;
        padding-top:0;
    }
    .each-itemDetail{
        padding: 0 10px;
    }
    .each-itemDetail:first-child{
        flex: 0 0 100%;
    }
    .detailCntSec .section-description{
        padding-top: 20px;
    }
    .detailCntSec .itemDetails{
        justify-content: flex-start;
    }
    .detailPageSec .section-imgDetail{
        margin-bottom: 20px;
    }
    .mceditor p, .detailPageSec .section-desDetail p{
        margin-bottom: 10px;
    }
    .listItemPage .btn-margin{
        padding-right: 20px;
    }
    .section-videoDetail .embed-responsive{
        margin-bottom: 15px;
    }
    .section-videoDetail iframe{
        border-radius: 15px;
    }
    .detailPageSec .section-desDetail{
        padding-bottom: 10px;
    }
    .blue_btn.btn_medium{
        font-size: 0.9375rem;
        line-height: 0.9375rem;
    }
    .headerListContainer{
        padding: 0 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }
    .pdfDownloadBtn .downloadIcon{
        width: 20px;
        height: 20px;
    }
    .min-w-300{
        min-width: 280px;
    }
    .pagehome .bannerImg {
        background: #3577B5 !important;
        padding: 18px 0;
    }
    .bannerLeft_content, .bannerRight_content{
        max-width: 485px;
        margin: 0 auto;
    }
    .bannerRight_content{
        margin: 0 auto;
    }

    .bannerSmallTxt{
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
    }
    .headingBanner{
        font-size: 24px;
        line-height: 28px;
    }
    .bannerCnt{
        font-size: 12px;
        line-height: 18px;
    }
    .eachBig_btn .btnHeadingCnt{
        font-size: 14px;
        line-height: 19px;
    }
    .eachBig_btn .btnTxtCnt{
        font-size: 12px;
        line-height: 18px;
    }
    .btn_green{
        font-size: 12px;
        line-height: 13px;
        padding: 7px;
        border-radius: 10px;
    }
    .border_btn_green{
        font-size: 12px;
        line-height: 13px;
        padding: 4px 7px;
        border-radius: 10px;
    }
    .iconRightArrow{
        width: 20px;
        height: 20px;
    }
    .eachHomeBanner_btn:first-child{
        padding-right: 10px;
    }
    .eachHomeBanner_btn:last-child{
        padding-left: 10px;
    }
    .border_btn_green .greenBtnTxt{
        padding: 0;
    }
    .eachBig_btn{
        border-radius: 25px;
        padding: 10px;
    }
    .homeBannerBtn{
        margin-bottom: 20px;
    }
    .pb-12{
        padding-bottom: 8px;
    }
    .pb-16{
        padding-bottom: 10px;
    }
    .section-customerQuestion, .section_consiels, .section_favorite, .section-zepetcoach, .section-vetofficineFewWords{
        padding-bottom: 22px;
    }
    .headingBlackCnt{
        font-size: 24px;
        line-height: 28px;
        display: flex;
        min-height: 50px;
        align-items: center;
    }
    .headingSmallBlackCnt{
        font-size: 18px;
        line-height: 22px;
    }
    .favoriteCol .item-listing{
        border-radius: 20px;
    }
    .section-advantageSubscription, .section-advantageSubscription, .section_latest-and-news, .homeBanner, .connectedBanner, .allarticleSlider{
          padding-bottom: 22px;
    }
    .allarticleSlider .headerAllCnt, .allarticleSlider .headerAllCnt a {
        padding-left: 0;
    }
    .favoriteCol .produitHints{
        font-size: 10px;
        line-height: 11px;
    }
    .favoriteCol .title_produit{
        font-size: 15px;
        line-height: 20px;
    }
    .favoriteCol .news_titre{
        font-size: 12px;
        line-height: 18px;
    }
    .produit .petList .categoryItem{
        font-size: 10px;
        line-height: 15px;
    }
    .tipHints{
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 0;
    }
    .whatsnew .title_formation{
        font-size: 15px;
        line-height: 18px;
    }
    .produit .linkTxt{
        font-size: 10px;
        line-height: 11.5px;
    }
    .tipOftheMonth .item-listing .thumLink, .whatsnew .item-listing .thumLink{
        width: 108px;
    }
    .tipOftheMonth .item-listing .mediaBody, .whatsnew .item-listing .mediaBody{
        width: calc(100% - 108px);
        padding: 15px;
    }
    .tipHeading .title_formation, .whatsnew .title_formation{
        font-size: 15px;
        line-height: 19px;
    }
    .tipOftheMonth .petList li{
        font-size: 10px;
        line-height: 11px;
    }
    .whatsnew .item-listing .mediaBody{
        padding: 8px 20px 8px 10px;
    }
    .pagehome .media.item-listing{
        display: flex;
        border-radius: 20px;
    }
    .tipOftheMonth .linkTxt, .whatsnew .linkTxt{
        font-size: 12px;
        line-height: 16px;
    }
    .tipOftheMonth .linkIcon, .whatsnew .linkIcon{
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }
    .advantageSubscription_inner{
        flex-wrap: wrap;
        padding: 10px 20px;
    }
    .advantageTitleCnt{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .advantageListCnt{
        flex: 0 0 100%;
        flex-wrap: wrap;
    }
    .homeBlueHeading{
        font-size: 20px;
        line-height: 24px;
    }
    .eachadvantageItem{
        max-width: none;
        width: 100%;
        text-align: center;
    }
    .advantageTitleCnt{
        text-align: center;
        padding-bottom: 12px;
    }
    .eachadvantgePlus{
        margin: 0 auto;
        padding: 15px 20px;
    }
    .btnBlue-WhiteTxt{
        border-radius: 10px;
        font-size: 12px;
        line-height: 13.5px;
        min-height: 36px;
    }
    .customerQuestion_innerWidth{
        flex-wrap: wrap;
        text-align: center;
    }
    .customerQuestion_inner{
        padding: 5px 15px 12px 15px;
    }
    .homeWhiteHeading{
        font-size: 14px;
        line-height: 19px;
    }
    .homeWhiteTxt{
        font-size: 12px;
        line-height: 19px;
    }
    .customerQuestionIcon {
        padding-right: 0;
        margin: 0 auto;
        padding-bottom: 8px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .zepetcoachButton, .customerQuestionButton{
        margin: 0 auto;
    }
    .customerQuesIcon{
        width: 85px;
        height: 85px;
    }
    .customerQuestionContent{
        padding: 0 0 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .customerQuestionButton .btn{
        max-width: 179px;
    }
    .customerQuestionButton .phoneIconCnt{
        padding-left: 10px;
    }
    .btnWhite{
        font-size: 12px;
        line-height: 13px;
        border-radius: 12px;
        min-height: 43px;
        padding: 8px;
    }
    .readMoreLink{
        font-size: 12px;
        line-height: 13px;
    }
    .section_consiels .headingBlackCnt{
        font-size: 18px;
        line-height: 21px;
    }
    .tipOftheMonth:first-child{
        padding-bottom: 15px;
    }
    .pagehome .media.item-listing{
        min-height: 135px;
    }
    .section_favorite .headingBlackCnt{
        font-size: 16px;
        line-height: 19px;
    }
    .zepetcpach_inner{
        flex-wrap: wrap;
        padding: 10px 15px;
        text-align: center;
    }
    .zepetcoachLogo{
        padding: 0 0 10px 0;
        margin: 0 auto;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .zepetcoachContent{
        padding: 0 0 14px 0;
        flex:0 0 100%;
        max-width: 100%;
    }
    .zepetcoachTxtCnt p{
        font-size: 10px;
        line-height: 13px;
        padding-bottom: 10px;
    }
    .pagehome{
        padding-bottom: 22px;
    }
    .vetofficineFewWords_inner{
        padding: 20px 15px 20px 15px;
    }
    .fewWords_eachRow{
        margin-left: -5px;
        margin-right: -5px;
    }
    .fewWords_eachCol{
        padding-left: 5px;
        padding-right: 5px;
    }
    .fewWords_eachCol:nth-child(-n+3){
        padding-bottom: 22px;
    }
    .produit .produitBody{
        padding-bottom: 19px;
    }
    .section-zepetcoach .btnWhite{
        display: flex;
        align-items: center;
    }
    .advantageTitleCnt .homeBlueHeading{
        padding-bottom: 12px;
    }
    .pb-32{
        padding-bottom: 17px;
    }
    .pagehome .headerTitleCnt {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }
    .pagehome .headerAllCnt{
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    .header_row{
        padding-bottom: 17px;
    }
    .abonnerPage_alert{
        max-width: 280px;
    }
    .magazineRead_alert .abonnerLink{
        flex-wrap: wrap;
    }
    .abonnerPage_alert{
        right: 15px;
        padding: 12px;
    }

    .magazineRead_alert .abonnerLinkTxt{
        padding: 10px 0 0;
    }
    .tipOftheMonth .playBtnIcon svg{
        width: 30px;
        height: 30px;
    }
    .innerConnectedBanner{
        padding: 20px 15px;
    }
    .videoSliderBanner{
        flex-wrap: wrap;
        min-height: auto;
    }
    .col-leftVideo{
        flex: 0 0 100%;
        order: 2;
    }
    .col-rightVideo {
        flex: 0 0 100%;
        order: 1;
        position: relative;
    }
    .videoItem a:before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(360deg, #C5D95B 16.82%, rgba(177, 195, 82, 0.56) 34.28%, rgba(0, 0, 0, 0) 88.05%);
        border-bottom-right-radius: 19px;
        border-bottom-left-radius: 19px;
    }
    .videoItem{
        min-height:264px;
    }
    .videoItem a{
        border-radius: 19px;
        min-height:264px;
    }
    .videoSliderBanner .video_title{
        font-size: 24px;
        font-family: 'Nunito Sans', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: #fff;
    }
    .videoContainer{
        max-width: 100%;
        padding:10px 0 0;
    }
    .videoModalBtn{
        display: block;
        width: 100%;
        height: 100%;
        min-height: 264px;
        position: relative;
        z-index: 1;
    }
    .mobileCnt{
        position: absolute;
        bottom: 10px;
        width: calc(100% - 30px);
        left: 30px;
        z-index: 1;
    }
    .videoItem .playIcon{
        top: 40%;
        transform: translate(-50%, -40%);
    }
    .innerConnectedBanner .owl-dots-container{
        position: relative;
        z-index: 9;
        margin-top: 10px;
        justify-content: flex-start;
    }
    .navbar-brand img{
        max-width: 121px;
    }
    .navbar-toggler {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        border-radius: 40px;
        color: #fff;
        cursor: pointer;
        display: none;
        font-size: 30px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        text-align: center;
        -webkit-transition: background-color .5s ease;
        -o-transition: background-color .5s ease;
        transition: background-color .5s ease;
        -moz-transition: background-color .5s ease;
        -wenkit-transition: background-color .5s ease;
        width: 40px;
    }
    .navbar-toggler .nav-icon2 {
        cursor: pointer;
        height: 16px;
        margin: 10px auto;
        position: relative;
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        width: 28px;
    }
    .navbar-toggler .nav-icon2 span {
        background: #3676B5;
        display: block;
        height: 2px;
        opacity: 1;
        position: absolute;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        width: 50%;
    }
    .navbar-toggler .nav-icon2, .navbar-toggler .nav-icon2 span {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .navbar-toggler .nav-icon2 span:nth-child(odd) {
        border-radius: 9px 0 0 9px;
        left: 0;
    }
    .navbar-toggler .nav-icon2 span:first-child, .navbar-toggler .nav-icon2 span:nth-child(2) {
        top: 0;
    }
    .navbar-toggler .nav-icon2 span:nth-child(2n) {
        border-radius: 0 9px 9px 0;
        left: 49%;
    }
    .navbar-toggler .nav-icon2 span:nth-child(3), .navbar-toggler .nav-icon2 span:nth-child(4) {
        top: 8px;
    }
    .navbar-toggler .nav-icon2 span:nth-child(5), .navbar-toggler .nav-icon2 span:nth-child(6) {
        top: 16px;
    }
    .navbar-toggler .nav-icon2.open span:first-child {
        left: 2px;
        top: 3px;
    }
    .navbar-toggler .nav-icon2.open span:nth-child(2) {
        left: calc(50% - 2px);
        top: 3px;
    }
    .navbar-toggler .nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    .navbar-toggler .nav-icon2.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    .navbar-toggler .nav-icon2.open span:nth-child(5) {
        left: 2px;
        top: 13px;
    }
    .navbar-toggler .nav-icon2.open span:nth-child(6) {
        left: calc(50% - 2px);
        top: 13px;
    }
    .navbar-toggler .nav-icon2.open span:first-child, .navbar-toggler .nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navbar-toggler .nav-icon2.open span:nth-child(2), .navbar-toggler .nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-toggler.openBtn .nav-icon2 span {
        background-color: #C5D95B;
    }
    .rightSearchCnt{
        padding: 0;
        order: 3;
    }
    .nav-menu{
        flex-wrap:wrap;
        flex: 0 0 100%;
    }
    .rightHeaderCnt{
        flex-wrap: wrap;
    }
    .rightHeaderCnt > div{
        width: 100%;
    }
    .nav-menu > li{
        width: 100%;
        padding-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    }
    .rightHeaderCnt .rightHeaderCntInnerr {
        display: none;
        height: 0;
        left: 0;
        opacity: 0;
        padding: 30px 25px;
        position: fixed;
        top: 105px;
        -webkit-transition: height .5s ease, opacity .5s ease;
        -o-transition: height .5s ease, opacity .5s ease;
        transition: height .5s ease, opacity .5s ease;
        width: 100%;
        z-index: 100;
        background-color: #3577B5;
        flex-direction: column;
    }
    .rightHeaderCnt .rightHeaderCntInnerr {
        padding: 15px;
        top: 49px;
    }
    .rightHeaderCnt .rightHeaderCntInnerr.openMenu {
        display: flex;
    }
    .rightHeaderCnt .rightHeaderCntInnerr.showMenu {
        height: 90%;
        height: calc(100vh - 49px);
        height: -webkit-calc(100vh - 19px);
        opacity: 1;
        overflow: auto;
        padding-bottom: 50px;
    }
    .rightHeaderCnt  li .sub-menu {
        background-color: hsla(0, 0%, 100%, .05);
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: auto;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        position: static;
        -o-transition: max-height .5s ease;
        transition: max-height .5s ease;
        -webkit-transition: max-height .5s ease;
        width: 100%;
    }
    .rightHeaderCnt li.openSubMenu  .sub-menu {
        height: auto;
        max-height: none;
    }
    .navbar{
        padding: 9px 0 0;
    }
    ul.nav-menu .nav-link{
        justify-content: flex-start;
        color: #fff;
        padding: 1rem 1rem;
    }
    .openSubMenu a, ul.nav-menu li:hover > a, .dropdown-menu li:hover a {
        color: #fff !important;
    }
    .nav-menu .menudownIcon{
        margin-left: auto;
    }
    ul.nav-menu li:hover>ul, .dropdown-menu.show{
        overflow: hidden;
    }
    .rightMenuCnt{
        margin-bottom: 20px;
    }
    .searchForm .input-search{
        width: 100%;
        padding: 13px 16px 13px 47px;
    }
    .rightSearchCnt .form-inline{
        display: block;
    }
    .eachRightAccountCnt:first-child{
        border-top: 1px solid #C5D95B;
    }
    .eachRightAccountCnt, .eachSubscribeAccountCnt{
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #C5D95B;
    }
    .eachRightAccountCnt .btnBlue-WhiteTxt, .eachSubscribeAccountCnt .btnGreen-WhiteTxt{
        width: 100%;
        justify-content: left;
        font-size: 14px;
        min-height: 50px;
    }
    .eachSubscribeAccountCnt .btnGreen-WhiteTxt{
        background-color: #3577B5;
    }
    .eachRightAccountCnt .iconRightArrow, .eachSubscribeAccountCnt .iconRightArrow{
        margin-left: auto;
    }
    .rightaccountCnt{
        right: auto;
        flex-wrap: wrap;
        height: auto;
        order: 2;
        margin-bottom: 20px;
    }
    .eachRightAccountCnt  span.menu-icon{
        font-size: 0;
        margin: 0;
    }
    .account-nav-link{
        padding: 9px 16px;
    }
    .account-nav-link span{
        color: #fff;
    }
    .account-nav-link .icon-down-arrow1{
        margin-left: auto;
    }
    .eachRightAccountCnt .iconRightArrow svg, .eachSubscribeAccountCnt .iconRightArrow svg{
        width: 15px;
        height: 15px;
    }
    body.menu-open{
        overflow: hidden;
    }
    .rightaccountCnt .eachRightAccountCnt.item-account-call{
        display: block;
    }
    .authorName{
        max-width: 185px;
    }
    .btnCnt{
        line-height: 17px;
        text-align: left;
    }
    .item-account-call .dropdown-menu{
        position: relative;
        border: 0;
        top: auto;
        border-radius: 0;
        background-color: hsla(0, 0%, 100%, .05);
        box-shadow: none;
    }
    .dropdown-menu.sub-menu i, ul.nav-menu li a, .dropdown-menu li a{
        color: #fff;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: transparent;
        color: #fff;
    }
    .eachRightAccountCnt .btnBlue-WhiteTxt:focus, .eachRightAccountCnt .btnBlue-WhiteTxt:hover{
        background-color: transparent;
    }
    .page-404 h3{
        font-size: 24px;
        line-height: 28px;
    }
    .hotline-popup .modal-body p, .hotline-popup .modal-body li{
        padding: 0 0 12px;
        font-size: 14px;
    }
    .bloc-title-ModalHostline{
        font-size: 18px;
    }
    .hotline-popup .modal-body p, .hotline-popup .modal-body li, .commonPopup p, .commonPopup li{
        padding: 0 0 10px;
    }
    .favoriteCol{
        margin-bottom: 10px;
    }
    .connexionLinks p{
        font-size: 14px;
    }
    .ourservicePage .imgSec{
        order: 1;
        margin-bottom: 20px;
    }
    .ourservicePage .cntSec{
        order: 2;
    }
    .service_each_heading {
        font-size: 1rem;
        line-height: 1.375rem;
    }
    .service_eachRow li {
        font-size: 0.75rem;
        line-height: 0.8125rem;
        margin-bottom: 0.625rem;
        padding-left: 0.8rem;
    }
    .service_eachRow .access_head{
        font-size: 12px;
        line-height: 14px;
    }
    .service_eachRow li:before{
        width: 0.375rem;
        height: 0.375rem;
    }
    .notesList {
        font-size: 0.6875rem;
        line-height: 0.875rem;
    }
    .bannerSmallTxt .bigTxt{
        font-size: 18px;
        line-height: 1;
    }
    .storeMap_page .page_heading{
        font-size: 17px;
    }
    .productCatList p{
        font-size: 10px;
        line-height: 14px;
    }
}
@media only screen and (min-width:1201px) and (max-width:1225px){
    .userconnected .nav-menu .nav-link{
        padding: 0.5rem 0.8rem;
    }
    .userconnected .rightSearchCnt{
        padding: 0 20px 0 10px;
    }
}
@media only screen and (min-width:992px) and (max-width:1050px) {
    .listItemPage .pagination .page-item{
        padding: 10px 10px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .section_favorite .eachCol.favoriteCol{
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}
@media only screen and (min-width:768px) {
    .listItemPage .col-paginatio > .pagination{
        justify-content: flex-end;
    }
}
@media only screen and (max-width:991px) {
	.footer-container{
        padding-bottom:30px !important;
        padding-top: 30px !important;
    }
    .vet_social_icon li i{
        font-size: 20px;
    }
    .titre-contact i{
        padding-left: 8px;
        font-size: 12px;
    }
    .vet_social_icon{
        padding-bottom: 20px;
    }
    .titre-contact a{
        font-size: 10px;
        line-height: 13px;
    }
    .footer-zone-bloc .menu-items{
        padding-top: 12px;
    }
    .footer-zone-bloc .menu-items li a{
        font-size: 15px;
        line-height: 24px;
    }
    .footer_logo_subheading{
        font-size: 18px;
        line-height: 24px;
    }
    .footer-zone-logo .logo img{
        margin-bottom: 15px !important;
    }
    .footer_logo_cnt{
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .titre h5{
        font-size: 18px;
        line-height: 24px;
    }
	 .form-newslettre{
        margin-bottom: 20px;
    }
    .footer-zone-bloc .titre {
        padding-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
    .footer-zone-bloc .menu-items ul li{
        padding-bottom: 0;
    }
    .footer-zone-bloc .menu-items ul:first-child{
        margin-bottom: 20px;
    }
    .footer-zone-logo{
        max-width:100%;
    }
    .titre-mailFooter{
        margin-bottom: 15px;
    }
    .grad_bg_sandal:before{
        height: 40%;
    }
    .bck-round-white .sitemap_list li a:before{
        top: 7px;
        width: 8px;
        height: 8px;
    }
    .grad_bg_sandal .page_heading{
        font-size: 17px;
        letter-spacing: -0.015em;
    }

    .grad_bg_sandal{
        padding: 20px 0 25px 0;
    }
    .grad_bg_sandal .bck-round-white{
        padding: 15px;
        border-radius: 20px;
    }
    .bck-round-white .sitemap_list li a{
        font-size: 16px;
        line-height: 24px;
        padding-left: 25px;
    }
    .grad_bg_sandal .section_title{
        padding-bottom: 23px;
    }
    .grad_bg_sandal .editor_block h2{
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 15px;
    }
    .grad_bg_sandal .editor_block p{
        font-size: 11px;
        line-height: 14px;
        margin: 0;
        padding-bottom: 10px;
    }
    .grad_bg_sandal .editor_block :last-child{
            padding-bottom: 0;
    }
    .detailCntSec{
        padding: 20px;
    }
    .detailPageSec .section-desDetail .title{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:767px) {
    .mobileCnt{
        left: 15px;
        width: calc(100% - 30px);
    }
    .commonPopup.modal{
        padding-top: 0 !important;
    }
    .videoSliderBanner .video_title{
        display: -webkit-box;
        height: 2.6em;
        line-height: 1.3em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .currentMagzine .img-month-star{
        width: 50%;
        margin-bottom: 20px;
    }
    .mag-table-head{
        display: none;
    }
    .mag-table .bodyCnt .row{
        position: relative;
    }
    .mag-table .bodyCnt .imageCol.eachCol{
        padding-left: 0;
        max-width: 150px;
        flex: 0 0 150px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .mag-table .bodyCnt .view-pdf-onclick{
        margin-top: 0;
    }
    .mag-table .bodyCnt .eachCol{
        padding-left: 150px;
        padding-bottom: 0;
    }
    .mag-table .bodyCnt .magHead{
        font-size: 1rem;
        padding-bottom: 10px;
        color: #C6D652;
    }
    #myModal-Magazine .modal-title{
        font-size: 1rem;
    }
}
/* layout Block */

.detailSubscribeCnt .subscription-label-bloc{
    margin-top: 0px;
}
.detailSubscribeCnt .subscription{
    max-width: 100%;
}
.detailSubscribeCnt .eachColSec{
    border-radius:30px;
    padding:25px;
    box-shadow:0px 4px 8px 1px rgba(0, 0, 0, 0.22);
    height:100%;
}
.detailSubscribeCnt .subscribeCol{
    background-color:#FF9F61;
}
.detailSubscribeCnt .readArticleCol{
    background-color:#3676B5;
}
.detailSubscribeCnt .eachCol .subscribeHead{
    letter-spacing:-0.02px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height:30px;
    color:#fff;
    padding-bottom:20px;
    margin:0;
    font-size:30px !important;
}
.ourservicePage .detailSubscribeCnt .eachCol .subscribeHead, .ourservicePage .detailSubscribeCnt .label-email{
    line-height:26px;
    font-size:23px !important;
}
.detailSubscribeCnt .eachCol .smallSubHead{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:24px  !important;
}
.btn-whiteSafforn{
        width:100%;
        border-radius:10px;
        background-color:#FFFFFF;
        color:#FF9F61;
        text-align:center;
        font-family: 'Nunito Sans', sans-serif;
        font-style: normal;
        font-weight: 800;
        line-height:22px;
        font-size:25px  !important;
        transition:color 0.25s ease-in;
        padding:10px 10px;
        border:0;
        margin-bottom:17px;
}
.btn-whiteSafforn:hover, .btn-whiteSafforn:focus{
    color:#3676B5;
    box-shadow:none;
}
.btnlimitPage{
        width:100%;
        border-radius:10px;
        background-color:#FFFFFF;
        text-align:center;
        font-family: 'Nunito Sans', sans-serif;
        font-style: normal;
        font-weight: 800;
        line-height:22px;
        font-size:25px;
        transition:color 0.25s ease-in;
        padding:10px 10px;
        border:0;
        margin-bottom:17px;
}
.btn-whiteSafforn{
    color:#FF9F61;
}
.btn-whiteBlue{
    color:#3676B5;
}
.btnlimitPage.btn-whiteBlue{
    margin:0;
}
.btn-whiteBlue:hover, .btn-whiteBlue:focus{
    color:#FF9F61;
}
.btn-whiteSafforn:hover, .btn-whiteSafforn:focus{
    color:#3676B5;
    box-shadow:none;
}
.detailSubscribeCnt{
    margin-bottom:60px;
}
.detailSubscribeCnt .connectTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:24px !important;
    letter-spacing:-0.02px;
    line-height:30px;
    color:#fff;
    text-align:left;
    margin:0;
}
.detailSubscribeCnt .connectLink{
    color:#3676B5;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size:25px;
    text-decoration:underline;
    transition:color 0.25s ease-in;
    cursor: pointer;
}
.detailSubscribeCnt .connectLink:hover, .detailSubscribeCnt .connectLink:focus{
    color:#c6d652;
    text-decoration:underline;
}

.detailSubscribeCnt .benfiyrTxt{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:20px !important;
    color:#FFFFFF;
    letter-spacing:-0.02px;
    line-height:30px;
    margin:0;
}
.detailSubscribeCnt .lire-suite{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size:30px;
    letter-spacing:-0.02px;
    line-height:30px;
    text-transform:uppercase;
    text-align: left;
    padding:0;
    margin:0;
    color:#fff;
}
.detailSubscribeCnt .label-email{
    color:#fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size:24px !important;
    letter-spacing:-0.02px;
    line-height:30px;

}
.detailSubscribeCnt .labEmailAddress{
    color:#fff;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size:22px;
    margin:0;
}
.detailSubscribeCnt input{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    border-radius:5px;
    padding: 8px 15px;
    color:#87858A;
    font-size:16px;
    border:1px solid #E8E8EA;
}
input::placeholder{
    color:#87858A;
}
.detailSubscribeCnt .form-label{
    max-width:34.03333%;
    flex:0 0 34.03333%;
}
.detailSubscribeCnt .form-input{
    max-width:65.966667%;
    flex:0 0 65.966667%;
}
.detailSubscribeCnt .section-description{
    padding-top: 40px;
    padding-left: 0;
}
.fixedSideBarBtn{
    position: fixed;
    top:50%;
    transform: translateY(-50%);
    right: 0;
    z-index:999;
}
.fixedSideBarBtn li{
    position: relative;
    transform: translateX(calc(100% - 48px));
    transition: all 0.5s ease;
}
.fixedSideBarBtn li:hover{
    transform: translateX(0);
}
.siderBarItem .iconSiderbar{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.siderBarGreen{
    background: #C5D95B;
    border-radius: 16px 0 0;
    display: none;
}
.siderBarItem .textSidebar{
    padding-left: 8px;
    display: block;
}

.siderBarYellow{
    background: #FCBF18;
    border-radius: 16px 0 0 16px;
}
.siderBarItem .sidebarLink{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight:700;
    font-size: 12px;
    line-height: 15.5px;
    color: #fff;
    padding: 8px;
    text-decoration: none;
    display: flex;
    align-items: center;
}
@media (max-width:991px){
    .detailSubscribeCnt .eachColSec{
        border-radius:15px;
        padding: 10px 15px;
    }
    .detailSubscribeCnt .form-label{
        max-width: 30%;
        flex: 0 0 30%;
    }
    .detailSubscribeCnt .form-input{
        max-width: 70%;
        flex: 0 0 70%;
    }
    .detailSubscribeCnt .lire-suite{
         font-size:16px;
         line-height:17px;
    }
    .detailSubscribeCnt .label-email, .ourservicePage .detailSubscribeCnt .eachCol .subscribeHead, .ourservicePage .detailSubscribeCnt .label-email{
        font-size: 13px !important;
        line-height:17px;
    }
    .detailSubscribeCnt .labEmailAddress{
        font-size:12px;
        line-height:15px;
    }
    .detailSubscribeCnt .btnlimitPage{
        font-size:17px !important;
        line-height:22px;
        padding:5px 10px;
        border-radius: 7px;
        margin-bottom:5px;
    }
    .detailSubscribeCnt .subscribeBtn{
        margin-bottom:3px;
    }
    .detailSubscribeCnt input{
        font-size:12px;
    }
    .detailSubscribeCnt .benfiyrTxt{
        text-align:center;
        font-size:11px !important;
        line-height:13px;
    }
    .detailSubscribeCnt .eachCol{
        margin-bottom:10px;
    }
    .detailSubscribeCnt .eachCol .subscribeHead{
        font-size: 16px !important;
        text-align:left;
        line-height:17px;
        padding-bottom:12px;
    }
    .detailSubscribeCnt .eachCol .smallSubHead{
        font-size: 13px !important;
    }
    .detailSubscribeCnt .connectTxt{
        font-size:11px !important;
        line-height:13px;
        text-align: center;
    }
    .detailSubscribeCnt .connectLink{
        font-size:12px;
        line-height:13px;
    }
    .mag-table-head .row{
        font-size: 1rem;
        line-height: 1.375rem;
    }
}

/* --- overlay spinner --- */

/* Absolute Center Spinner */
.overlay-spinner {
    position: fixed;
    z-index: 99999999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.overlay-spinner.unload {
    display: none;
}

/* Transparent Overlay */
.overlay-spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

/* :not(:required) hides these rules from IE9 and below */
.overlay-spinner:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.overlay-spinner:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: #3676b5 1.5em 0 0 0, #3676b5 1.1em 1.1em 0 0, #3676b5 0 1.5em 0 0, #3676b5 -1.1em 1.1em 0 0, #3676b5 -1.5em 0 0 0, #3676b5 -1.1em -1.1em 0 0, #3676b5 0 -1.5em 0 0, #3676b5 1.1em -1.1em 0 0;
    box-shadow: #3676b5 1.5em 0 0 0, #3676b5 1.1em 1.1em 0 0, #3676b5 0 1.5em 0 0, #3676b5 -1.1em 1.1em 0 0, #3676b5 -1.5em 0 0 0, #3676b5 -1.1em -1.1em 0 0, #3676b5 0 -1.5em 0 0, #3676b5 1.1em -1.1em 0 0;
}


/*hover Effect*/
svg path{
    transition: fill 0.5s ease;
}
.readMoreLink:hover, .readMoreLink:focus{
    color: #3577B5;
    text-decoration: none;
}
.eachBig_btn:hover, .eachBig_btn:focus{
    text-decoration: none;
    color: #ffff;
}
.border_btn_green:hover, .border_btn_green:focus, .border_btn_green:hover .smallBtnTxt, .border_btn_green:focus .smallBtnTxt{
    color:#C5D95B ;
}
.btn_green:hover, .btn_green:focus{
    background-color: #fff;
    color:#C5D95B ;
}
.btn_green:hover .iconRightArrow path, .border_btn_green:hover .iconRightArrow path,  a:hover .iconWithOutBroder path, .playbtn:hover path{
    fill: #C5D95B !important;
}
.readMoreLink:hover .iconArrow path{
    fill: #3577B5 !important;
}
.title_produit:hover, .title_produit:focus, .whatsnew .title_formation:hover, .whatsnew .title_formation:focus{
    text-decoration: none;
    color:#C5D95B ;
}
.btnBlue-WhiteTxt:hover, .btnBlue-WhiteTxt:focus{
    background-color: #C5D95B;
    text-decoration: none;
    color: #fff;
}
.btnGreen-WhiteTxt:hover, .btnGreen-WhiteTxt:focus{
    background-color: #3577B5;
}
.tipOftheMonth .title_formation:hover, .tipOftheMonth .title_formation:focus{
    color: #3577B5;
    text-decoration: none;
}
.abonnerLinkTxt:hover, .abonnerLinkTxt:focus{
    color: #3577B5;
    text-decoration: none;
}
.fullLink:hover, .fullLink:focus{
    color: #C5D95B;
    text-decoration: none;
}
button.close{
    opacity: 1 !important;
}
.closeabonner:hover path, .closeabonner:focus path{
    stroke: #3577B5 !important
}
.tipOftheMonth .fullLink:hover, .tipOftheMonth .fullLink:focus{
    color: #3577B5;
}

.btnWhite:hover, .btnWhite:focus{
    color: #FF9F61;
}
a:hover .phoneIconCnt path, a:focus .phoneIconCnt path{
    stroke: #C5D95B;
}
.btnWhite.btn-greenTxt:hover .phoneIconCnt path, .btnWhite.btn-greenTxt:focus .phoneIconCnt path{
    stroke: #FF9F61;
}
.btnWhite.btn-saffornTxt:hover, .btnWhite.btn-saffornTxt:focus{
    color: #C5D95B;
}
a:hover .iconRightArrow, a:focus .iconRightArrow, a:hover .big_btn_arrow svg, a:focus .big_btn_arrow svg,  a:hover .linkIcon svg, a:focus .linkIcon svg, a:hover .iconArrow svg{
    -webkit-animation: l 1s infinite;
    -webkit-animation: l 1s infinite;
    animation: l 1s infinite;
}

#storeLocatorMap{
    display: flex;
    flex-wrap: wrap;
}
#storeLocatorMap .bh-sl-map{
    height:530px;
    flex:0 0 calc(100% - 350px);
}
#storeLocatorMap .bh-sl-loc-list--outer{
    flex: 0 0 350px;
    padding: 15px 0;
    background: #fff;
}
#storeLocatorMap .bh-sl-loc-list{
    height: 500px;
    overflow: auto;
}
#storeLocatorMap .bh-sl-loc-list li{
    padding: 15px;
    cursor: pointer;
}
#storeLocatorMap .bh-sl-loc-list li.list-focus{
    background-color: #fea062 !important;
}
#storeLocatorMap .bh-sl-loc-list li.list-focus .list-content{
    color: #fff;
}
#storeLocatorMap .bh-sl-loc-list li.list-focus .list-content a{
    color:#3676b5;
}
#storeLocatorMap .bh-sl-loc-list input{
    padding: 15px;
}
.storeMap_page .page_heading{
    font-size: 38px;
    padding-bottom: 20px;
}
.storeMap_page .inner_sandal-content{
    position: relative;
}
.storeMap_page label{
    font-size: 18px;
    line-height: 18px;
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    padding-right: 10px;
    font-weight: 600;
    letter-spacing: -0.3px;
}
.storeMap_page input{
    border: 1px solid #E8E8EA;
    background: #fff;
    border-radius: 5px;
    font-size: 1rem;
    color: #87858A;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    height: auto;
    padding: 8px 11px;
    margin-right: 15px;
}
.storeMap_page .bh-sl-form-container{
    padding-bottom: 30px;
}
.storeMap_page #bh-sl-user-location{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.bh-sl-form-container .form-input{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.bh-sl-form-container .input_field{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 0 0 100%;
    justify-content: center;
}
.storeMap_page  #bh-sl-submit{
    border-radius: 10px;
    background-color:#C6D652 ;
    border: 0;
    font-size: 25px;
    color: #fff;
    line-height: 22px;
    padding: 10px 20px;
    transition: background-color 0.5s ease;
}
#exampleModalCenter .modal-header{
    border: 0;
    padding: 10px 20px 0 0;
}
#exampleModalCenter .error_notification{
    text-align: center;
    color: #d30000;
    font-size: 18px;
}
.storelocator_page .upload_sec label{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.storelocator_page .upload_sec input, .storelocator_page .upload_sec textarea{
    background-color: #fff;
    border: 1px solid #e8e8ea;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}
.storelocator_page .upload_sec textarea{
    resize: none;
    height:71px;
}
.storelocator_page .upload_sec input:focus, .storelocator_page .upload_sec textarea:focus{
    box-shadow: none;
}
.storelocator_page .upload_sec .required_star {
    padding-bottom: 20px;
}
.storelocator_page .grid{
    display: grid;
    grid-template-columns: auto auto;
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
    grid-template-rows: min-content 1fr;
}
.storelocator_page .grid-col-1{
    grid-area: 1 / 1 / span 2 / span 1;
}
.storelocator_page .each_grid{
    padding-right: 15px;
    padding-left: 15px;
}
.storeMap_page .grad_bg_sandal{
    height: auto;
}
body {
    overflow-x: hidden;
}
.list-details .list-content {
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #212121;
}
#bh-sl-map .gm-style-iw{
    background-color: #f9f9f9;
    box-shadow:0 4px 32px 0 rgba(0, 0, 0, 8%);
    padding: 15px 15px;
}
#bh-sl-map .gm-style-iw-t div{
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    color:#212121;
}
#bh-sl-map .gm-style-iw-t button{
    right: 0 !important;
    top: 0 !important;
    border-radius: 0;
    background: #f44336 !important;
    opacity: 1;
    color: #fff;
}
#bh-sl-map .gm-style-iw-t button span{
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto !important;
    display: block !important;
}
.gm-style .gm-style-iw-tc::after{
    background-color: #f9f9f9;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 8%);
}
.orderPara{
    margin-bottom: 0;
}
.orderPara .ordernowBtn{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #3676b5;
    text-decoration: none;
    text-transform: capitalize;
}
.gm-ui-hover-effect > span{
   background-color: #fff;
}
.locator_pharmacie_details .btn-modifiy{
    background-color: #3676B5;
    border-radius: 10px;
    color: #fff;
    transition: background-color 0.5s ease;
    font-size: 25px;
    line-height: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    border: 0;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}
.locator_pharmacie_details .btn-modifiy i{
    font-size: 21px;
    padding-left: 10px;
}
.locator_pharmacie_details  .downloadBtn{
    padding-top: 10px;
    margin-top: auto !important;
}
.locator_pharmacie_details .download_sec{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.locator_pharmacie_details .pharmacie_det_list{
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 1.3rem;
}
.locator_pharmacie_details .btn-modifiy:hover, .locator_pharmacie_details .btn-modifiy:focus, .locator_pharmacie_details .btn-modifiy:active{
    color: #fff;
    box-shadow: none;
    text-decoration: none;
    background-color: #c6d652;
    border: 0;
}
.storeMap_page #bh-sl-address{
    flex: 0 0 30%;
    max-width: 30%;
}
.locator_pharmacie_details .each_col_inner{
    background-color: #f9f9f9;
    border-radius: 30px;
    padding:30px 23px 28px 23px;
    box-shadow: 0px 8px 19px 1px rgba(0, 0, 0, 0.22);
}
.locator_pharmacie_details .sub_pharmacie_heading{
    padding-bottom: 11px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #3676B5;
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
}
.sub_pharmacie_heading h3{
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
}

.storelocator_bg{
    margin-top: 0;
}
.locator_pharmacie_details .heading_txt{
    color: #212121;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}
.prescriptionForm_details p, .prescripe_list li{
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.3rem;
}
.prescriptionForm_details p.bold_txt{
    font-weight: 700;
}
.prescripe_list li{
    font-size: 1rem;
    line-height: 1.3rem;
    margin-bottom: 0.6rem;
    padding-left: 1.5rem;
    position: relative;
}
.prescripe_list li:before{
    background-color: #212121;
    opacity: 0.7;
    position: absolute;
    width: 0.625rem;
    height: 0.625rem;
    left: 0;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.625rem;
}
.prescriptionForm_details li .listOrder{
    padding-right:10px;
}
.prescriptionForm_details .number_list li{
    display: flex;
    margin-bottom: 0.6rem;
    font-size: 1rem;
    line-height: 1.3rem;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}
.prescriptionForm_details .number_list{
    padding-bottom: 0.5rem;
}
.pharmacie_address_left{
    max-width: 237px;
}
.pharmacie_det_list a, .pharmacie_det_list a:hover, .pharmacie_det_list a:focus{
    color: #3676B5;
    text-decoration: none;
}
.upload_form_sec{
    flex: 1;
    height: 100%;
}
.upload_form_sec .each_col_inner{
    display: flex;
    flex-direction: column;
}
.upload_form_sec .prescription_form{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.upload_form_sec .prescription_form .btn_row{
    margin-top: auto !important;
}
.storelocator_bg h2 {
    font-size: 2.5rem;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -0.015em;
}
.banner-zone-top  .multi-banner .list-banner{
    margin: 0;
}
/* .pharmacie_col-2{
    display: flex;
    flex-direction: column;
} */
.upload_form_sec > .row, .upload_form_sec .each_col_inner{
    height: 100%;
}
.d-flex-center{
    display:flex;
    align-items: center;
    justify-content: center;
}
.profilePageRow{
    margin-top: 15px;
}
.profilePageRow.contactPageRow  .col_innerWrap{
    height: 100%;
}
.no-current-active{
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    color: #212121;
    margin-top: 20px;
    text-align: center;
}
.profileName{
    font-size: 23px;
    line-height: 22px;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    color: #212121;
    padding-top: 15px;
    text-align: center;
}
.profileImage{
    margin-bottom: 15px;
}
.profilePageRow .btn-following{
    text-transform: capitalize;
}
@media only screen and (min-width:480px) and (max-width:767px){
    .storeMap_page input{
        flex:0 0 66%;
        max-width: 66%;
    }
}
@media only screen and (max-width:991px){
    .storelocator_bg h2 {
        font-size: 1.0666rem;
        line-height: 1.0666rem;
    }
    .storelocator_page .grid{
        grid-template-columns: auto;
    }
    .storelocator_page .grid-col-1 {
        order:2;
        grid-area: auto;
        margin-bottom: 30px;
    }
    .storelocator_page .grid-col-2 {
        order:1;
    }
    .storelocator_page .grid-col-3 {
        order:3;
    }
    .storelocator_page{
        padding-bottom: 25px;
    }
    .storelocator_page .upload_sec label{
        font-size: 12px;
        line-height: 15px;
    }
    .storelocator_page .upload_sec input, .storelocator_page .upload_sec textarea{
            font-size: 12px;
    }
    .storelocator_page .upload_sec .required_star{
        font-size: 10px;
    }
    .locator_pharmacie_details .btn-modifiy{
        min-height: 44px;
        font-size: 14px;
        line-height: 22px;
    }
    .locator_pharmacie_details .btn-modifiy i {
        font-size: 15px;
    }
    .prescripe_list li{
        font-size: 0.8rem;
        line-height: 1.3rem;
    }
    .prescriptionForm_details .number_list li{
        font-size: 0.8rem;
        line-height: 1.1rem
    }
    .prescriptionForm_details p, .prescripe_list li, .locator_pharmacie_details .pharmacie_det_list{
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    .locator_pharmacie_details .heading_txt{
      font-size: 17px;
      line-height: 20px;
    }
    #storeLocatorMap .bh-sl-map{
        height:500px;
        flex:0 0 100%;
    }
    #storeLocatorMap .bh-sl-loc-list--outer{
        flex: 0 0 100%;
    }
    .storeMap_page label{
        text-align: center;
        font-size: 14px;
    }
    .storeMap_page #bh-sl-submit{
        font-size: 17px;
    }
    .list-details .list-content{
        font-size: 14px;
    }
    .locator_pharmacie_details .download_sec{
        height: 100%;
     }
    .storelocator_page .container{
        max-width: 1056px;
    }
    .no-current-active{
        font-size: 16px;
    }
    .profilePageRow  .btn-following{
        font-size: 14px;
    }
    .profileName{
        font-size: 18px;
    }
}
@media only screen and (max-width:767px){
    .storeMap_page .form-input{
        padding-right: 0;
        padding-bottom: 20px;
        display: flex;
        align-items: center;
    }
    .storeMap_page label{
        font-size: 12px;
        line-height: 15px;
        font-weight: 800;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 5px;
        text-align: center;
    }
    .storeMap_page #bh-sl-user-location{
        justify-content: center;
        margin-bottom: 0;
    }
    .bh-sl-form-container .input_field{
        width: 100%;
        justify-content: center;
    }
    .storeMap_page #bh-sl-address{
        flex: 0 0 63%;
        max-width: 63%;
    }
    .currentMagzine{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:479px){
    .storeMap_page label{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }
    .storeMap_page .form-input{
        flex-wrap: wrap;
    }
    .storeMap_page #bh-sl-address{
        flex: 0 0 100%;
        margin-bottom: 15px;
        margin-right: 0;
        max-width: 100%;
    }
    .bh-sl-form-container .input_field{
        flex-wrap: wrap;
        justify-content: center;
        flex: 0 0 100%;

    }
}

/* Animation */
@-webkit-keyframes l {
    0%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    56% {
        -webkit-transform: translate(4px,0);
        transform: translate(4px,0)
    }
}

@keyframes l {
    0%,to {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    56% {
        -ms-transform: translate(4px,0);
        -webkit-transform: translate(4px,0);
        transform: translate(4px,0)
    }
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}