/**fonts**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@font-face {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    src: url("../font/icons.eot?") format("eot"), url("../font/icons.ttf") format("truetype"), url("../font/icons.woff") format("woff"); }
/**
font-family: 'Roboto Slab', serif;
**/

body.cat-container, .cat-container .tm-page ,.cat-container .tm-block {
     background: #edeff2;
     border: none!important;
     box-shadow: unset;
 }

#menu-offcanvas .uk-modal-dialog{
    width: 100%;
    height: calc(100vh - 100px);
    background-image: url(../../../images/menu-bg.png);
    min-height: fit-content;
}

div#menu-offcanvas {
    padding: 0;
    top: 100px;
}

nav.main-nav {
    -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../images/menu-bg.png);
    background-color: #ffffff;
    position: absolute;
    display: table;
    width: 100%;
    z-index: -1;
    opacity: 0;
    top: 81px;
    left: 0;
}


.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-down,
.icon-home,
.icon-hotels,
.icon-hypermarkets,
.icon-our-bottling-process,
.icon-our-distribution-channel,
.icon-our-international-partners,
.icon-sip-presentation,
.icon-sip-website,
.icon-sip,
.icon-small-stores,
.icon-supermarkets,
.icon-facebook,
.icon-instagram,
.icon-youtube,
.icon-about-us,
.icon-contact-us,
.icon-cta,
.icon-home2,
.icon-international-partner,
.icon-local-manufacture,
.icon-logo,
.icon-manufacture-under-license,
.icon-menu,
.icon-search,
.icon-star,
.icon-gallery,
.icon-ohome,
.icon-winery,
.icon-craft-brewery,
.icon-craft-distillery, a.cta, a.cta-2 {
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto!important;
    height: auto!important;
    margin-right: initial!important;
    line-height: initial!important;
}

.icon-gallery:before {
    content: "\e91d";
    font-family: 'icons' !important;
}

.icon-arrow-left:before {
    content: "\e901";     font-family: 'icons' !important;
}

.icon-arrow-right:before {
    content: "\e90f";     font-family: 'icons' !important;
}

.icon-arrow-up:before {
    content: "\e910";     font-family: 'icons' !important;
}

.icon-arrow-down:before {
    content: "\e91c";     font-family: 'icons' !important;
}

.icon-ohome:before {
    content: "\e911";    font-family: 'icons' !important;
}

.icon-hotels:before {
    content: "\e912";     font-family: 'icons' !important;
}

.icon-hypermarkets:before {
    content: "\e913";    font-family: 'icons' !important;
}

.icon-our-bottling-process:before {
    content: "\e914";     font-family: 'icons' !important;
}

.icon-our-distribution-channel:before {
    content: "\e915";     font-family: 'icons' !important;
}

.icon-our-international-partners:before {
    content: "\e916";    font-family: 'icons' !important;
}

.icon-sip-presentation:before {
    content: "\e917";     font-family: 'icons' !important;
}

.icon-sip-website:before {
    content: "\e918";    font-family: 'icons' !important;
}

.icon-sip:before {
    content: "\e919";    font-family: 'icons' !important;
}

.icon-small-stores:before {
    content: "\e91a";    font-family: 'icons' !important;
}

.icon-supermarkets:before {
    content: "\e91b";     font-family: 'icons' !important;
}

.icon-facebook:before {
    content: "\e904";
    color: #004987;    font-family: 'icons' !important;
}

.icon-instagram:before {
    content: "\e906";     font-family: 'icons' !important;
}

.icon-youtube:before {
    content: "\e90e";    font-family: 'icons' !important;
}

.icon-about-us:before {
    content: "\e900";     font-family: 'icons' !important;
}

.icon-contact-us:before {
    content: "\e902";     font-family: 'icons' !important;
}

.icon-cta:before {
    content: "\e903";     font-family: 'icons' !important;
}

.icon-home2:before {
    content: "\e905";     font-family: 'icons' !important;
}



.icon-local-manufacture:before {
    content: "\e908";     font-family: 'icons' !important;
}

.icon-manufacture-under-license:before {
    content: "\e90a";    font-family: 'icons' !important;
}

.icon-menu:before {
    content: "\e90b";    font-family: 'icons' !important;
}


.icon-logo:before {
    content: "\e909";     font-family: 'icons' !important;
}

.icon-winery:before {
    content: "\e91e";     font-family: 'icons' !important;
}

.icon-craft-brewery:before {
    content: "\e91f";      font-family: 'icons' !important;
}

.icon-craft-distillery:before {
    content: "\e920";     font-family: 'icons' !important;
}

#menu-offcanvas nav{
    display: table;
    height: calc( 100vh - 135px);
}

#menu-offcanvas .wrap ul > li a span:last-child {
    -webkit-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    font-size: 1.35rem;
    font-family: "DissimoMedium";
    color: #000000;
    opacity: 0;
}

#menu-offcanvas.uk-open .wrap ul > li:nth-child(1) a span {
     -webkit-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
     transition-delay: 0.5s;
 }
#menu-offcanvas.uk-open .wrap ul > li:nth-child(2) a span {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(3) a span {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(4) a span {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(5) a span {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(6) a span {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(7) a span {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(8) a span {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(9) a span {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
#menu-offcanvas.uk-open .wrap ul > li:nth-child(10) a span {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

#menu-offcanvas.uk-open .wrap ul > li a span:last-child {
    opacity: 1;
}

#menu-offcanvas .wrap ul > li a span:first-child {
    font-size: 7rem;
}

#menu-offcanvas .wrap ul > li a span {
    display: block;
}

#menu-offcanvas.uk-open .wrap ul > li a span:first-child {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#menu-offcanvas .wrap {
    vertical-align: middle;
    display: table-cell;
}


#menu-offcanvas .wrap ul > li:nth-child(1) a {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
#menu-offcanvas .wrap ul > li:nth-child(2) a {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
#menu-offcanvas .wrap ul > li:nth-child(3) a {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
#menu-offcanvas .wrap ul > li:nth-child(4) a {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
#menu-offcanvas .wrap ul > li:nth-child(5) a {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
#menu-offcanvas .wrap ul > li:nth-child(6) a {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
#menu-offcanvas .wrap ul > li:nth-child(7) a {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
#menu-offcanvas .wrap ul > li:nth-child(8) a {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
#menu-offcanvas .wrap ul > li:nth-child(9) a {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
#menu-offcanvas .wrap ul > li:nth-child(10) a {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
#menu-offcanvas.uk-open .wrap ul > li a {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}


#menu-offcanvas .wrap ul > li a {
    -webkit-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    color: #004987;
    text-align: center;
    display: block;
    padding: 2rem;
    opacity: 0;
}

.article-container{
    background:#ffffff;
    padding: 25px;
}

.blog-oxenham_blog a:hover{
    text-decoration: none;
}

.blog-oxenham_blog p{
    color: #000;
    font-size: 14px;
}

.blog-oxenham_blog li{
    color: #000;
    font-size: 14px;
}

.blog-oxenham_blog ul{
    list-style-type: none!important;
}


.uk-article ul li:before {
    border: solid 1px #004987;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    content: '';
    background-color: #ffffff;
    /* position: absolute; */
    /* top: 5.45rem; */
    height: 11px;
    width: 11px;
    margin-right: 10px;
}



.article-name {
    border-bottom: 1px solid #C5B798;
    font-family: "DissimoMedium";
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 20px;
    font-size: 1.75rem;
    color: #000000;
}

.article-box{
    background:#ffffff;
    /*transition: all .2s ease-in-out;*/
    position: relative;
    border-bottom: 3px solid transparent!important;
}

.article-box:hover {
    /* border-bottom: 3px solid #004987; */
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 4px 30px 5px rgba(0,0,0,.12), 0 8px 10px 0 rgba(0,0,0,.2);
    border-bottom: 3px solid #003d6b!important;
}

.article-box img {
    height: 330px;
    object-fit: cover;
    object-position: top;
}


div#top-slideshow,div#top-slideshow ul,div#top-slideshow li {
    height: 600px!Important;
}

.tm-page {
    margin-top: 0px!important;
}



body, .home .tm-page,.home .tm-block {
    background: #edeff2;
    border: none!important;
    box-shadow: unset;
}

.article-date {
    color: #93a5a5!important;
    font-size: .875rem!important;
    line-height: 1.5rem;
}

.article-footer{
    position: absolute;
    bottom: 0;
}

.tm-headerbar{
    background:#ffffff ;
}

.tm-logo{
    text-align: center;
    float: unset!important;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
}

.uk-slidenav-previous:before,.uk-slidenav-next:before {
    content: "";
}

.copyright{
    background: #004987;
    padding: 5px 0;
    font-size: 12px;
    font-family: Montserrat,Arial,sans-serif;

}

.copyright-text, .copyright a {
    color: #ffffff!important;
}



.section-nav li {
    padding: 30px 0 0 0;
    height: 85px;
    transition: all .2s ease-in-out;
}


.section-nav a{
    border: none!important;
    padding: 0px 0!important;
}

.section-nav li:nth-child(4):after {
    background-color: rgba(0, 0, 0, 0)!important;
}


.category-home:hover a{
    text-decoration: none;
}

.category-home p {
    color: #4f595b;
    font-size: 14px;
}

.article-stats {
    margin: -150px 0 50px 20px;
    display: grid;

}
.top-nav .uk-tab > li > a:hover {
    background: none;
    border: none;
    margin-top: 1px;
}
.top-nav .uk-tab > li.uk-active > a, .top-nav .uk-tab > li > a:focus {
    background: none;
    border: none;
    margin-top: 1px;
}
.top-nav {
    padding-top: 32px!important;
    padding-bottom: 18px;
}

.top-nav .uk-tab > li.uk-active .cls-1{
    fill: #C5B798;
}

.top-nav .uk-tab > li.uk-active svg path:nth-child(3),.top-nav .uk-tab > li.uk-active svg path:nth-child(9),.top-nav .uk-tab > li.uk-active svg line,.top-nav .uk-tab > li.uk-active svg rect {
    fill: #C5B798!important;
}
.top-nav .uk-tab > li.uk-active svg line,.top-nav .uk-tab > li.uk-active svg path:nth-child(13),.top-nav .uk-tab > li.uk-active svg path:nth-child(9){
    stroke: #C5B798!important;
}
.top-nav .uk-tab > li.uk-active .cat-title{
    font-weight: 400;
}
.top-nav .cat-title{
    border-bottom: 1px solid #C5B798;
    font-family: "DissimoMedium";
    display: inline-block;
    padding-bottom: .5rem;
    font-size: 1rem;
    color: #000000;
    margin-bottom: 0;
}
.tm-main {
    margin-top: 40px;
}
.top-nav img{
    display: block;
    text-align: center;
    margin: auto;
}

a#openmenu {
    float: right;
    margin-right: 30px;
    margin-top: -50px;
}

nav a#openmenu {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
}

#openmenu span{
    color: #003e6b;
    top: 14px;
    position: relative;
    font-size: 20px;
}


.edit-slider{
    position: absolute;
    z-index: 1;
    right: 0;
    padding: 10px;
    background: #003e6b;
}

.top-nav .cat-desc{
    color: #000;
    text-align: center;
    font-size: 14px;
    margin-top: 0;
}
.uk-position-center.uk-position-small {
    background: rgba(0, 0, 0, 0.35);
    padding: 10px;
    color: #ffffff;
}

.uk-position-center.uk-position-small p{
    margin-bottom: 0;
}

.facebook-logo, .youtube-logo, .instagram-logo{
    margin-left: 30px;
}
.facebook-logo img, .youtube-logo img, .instagram-logo img{
    margin-top: 20px;
}


.facebook-logo img, .youtube-logo img, .instagram-logo img, .facebook-logo2 img{
    transition: all .2s ease-in-out;
}

.facebook-logo img:hover, .youtube-logo img:hover, .instagram-logo img:hover, .facebook-logo2 img:hover{
    transform: scale(1.1);
}


.facebook-logo2{
    margin-left: 30px;
}
.facebook-logo2 img{
    margin-top: 8px;
}

span.uk-icon:hover{
    cursor: pointer;
}

p.cat-date {
    font-size: 12px;
    color: #333333;
}

p.cat-date img {
    margin-top: -4px;
}
.uk-icon svg{
    width: 30px;
    height: 30px;
    color: #FFFFFF;
}

.article-stats div {
    display: block;
    background: rgba(0, 0, 0, 0.85);
    padding: 10px;
    border-radius: 5px;
    width: 50px;
    color: #ffffff!important;
    font-size: 1.2rem;
}


.article-stats a{
    color: #ffffff!important;
}
.comment-count{
    margin-top: 20px;
}


.cat_description p, .cat_description2 p {
    line-height: 20px;
    color: #000000;
    margin: 0;
}

.tm-bottom-a .uk-panel.uk-panel-box{
    background: #edeff2;
    padding-top: 0;
}

.home .tm-page .tm-block:nth-child(2){
    display: none;
}

.top-nav svg {
    width: 100px;
    display: block;
    margin: auto;
}

.latest-post a:hover figcaption{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 4px 30px 5px rgba(0,0,0,.12), 0 8px 10px 0 rgba(0,0,0,.2);
}

.latest-post figcaption{
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
}

.latest-post figcaption {
    padding: 10px 15px 20px;
    background: #ffffff;
}

.uk-panel-box, .uk-child-width-expand.uk-tab{
    border: none;
}

footer .uk-container{
    padding-bottom: 40px;
}

footer img{
    max-width: 130px;
}

footer .oxenham-logo{
    margin-top: 25px;
}

h4.contact-header {
    font-size: 20px;
}

footer hr{
    border: 1px solid #004987;
}

@media (max-width: 767px) {
        .uk-navbar-toggle{

            display: flex!important;
        }
    .tm-block.section-nav {
        margin-top: -95px;
    }

    nav a#openmenu {
        display: block;
    }
    div#menu-offcanvas {
        padding: 0;
        top: 60px;
    }

}

@media (min-width: 768px) {
     nav a#openmenu {
        display: none;
    }
}

@media (max-width: 500px) {
    .tm-block.section-nav {
        margin-top: -225px;
    }


}

@media (max-width: 650px) {

    .section-nav li.uk-active:before, .section-nav li:hover:before {
        display: block;
        content: '';
        background-color: #004987;
        width: calc(100% - 5rem);
        position: absolute;
        bottom: 0rem;
        height: 3px;
        left: 2.5rem;
    }
}

@media (max-width: 479px) {

    .section-nav li.uk-active:before, .section-nav li:hover:before {
        display: block;
        content: '';
        background-color: #004987;
        width: calc(100% - 3rem);
        position: absolute;
        bottom: 0rem;
        height: 3px;
        left: 1.5rem;
    }
}


.category-name{
    border-bottom: 1px solid #C5B798;
    font-family: "DissimoMedium";
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
    font-size: 1.75rem;
    color: #000000;
}

.uk-article-title{
    border-bottom: 1px solid #C5B798;
    font-family: "DissimoMedium";
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
    font-size: 1.75rem;
    color: #000000;
    text-transform: none!important;
}

h3{
    font-family: "DissimoMedium";
    display: inline-block;
    color: #000000;
    margin-top: 7px!important;
    margin-bottom: 2px!important;
}

em{
    border-left: 1px solid #f0506e;
    padding-left: 25px;
    display: block;
    color: #000;
}

.uk-article p {
    margin-top: 3px;
}

.section-nav li:hover {
    padding: 30px 0 0 0;
    transition: all .2s ease-in-out;
}

.section-nav li:hover  li > a  {
    color: #666;
    text-decoration: none;
    margin-top: 4px;
}


#top-slideshow img{
    height: 600px;
    object-fit: cover;
}

@media only screen and (min-width: 200px) and (max-width: 500px) {

    #top-slideshow img {
        height: 450px;
        object-fit: cover;
    }

    div#top-slideshow {
        height: 450px;
    }
}

@media (min-width: 1220px) {
    .tm-page {
        max-width: 1833px;
        margin: 70px auto;
    }
}

.uk-container {
    box-sizing: content-box;
    max-width: 1171px;
    margin-left: auto;
    margin-right: auto;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
}

.section-nav ul{
    margin-left: 1px;
}

.section-nav2{
    display: none;
}


.section-nav2 li {
    padding: 30px;
    transition: all .2s ease-in-out;

}

.section-nav2 > li > a {
    display: block;
    padding: 10px 20px 10px 20px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #525252;
    text-decoration: none;
    font-weight: 400;
}

.section-nav2 .uk-child-width-1-2.uk-text-center.uk-grid {
    padding: 15px 15px;
    text-align: center;
    background-color: #eae5d9!important;
    margin-top: 0px;
}

.article-box:hover .cat_description {
    display: block;
    /*display: -webkit-box;*/
    max-width: 100%;
    height: fit-content;
    margin: 0 auto;
    /*font-size: 14px;*/
    /*line-height: 1;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}


.cat_description {
    display: -webkit-box;
    max-width: 100%;
    height: fit-content;
    /*margin: 0 auto;*/
    font-size: 14px;
    line-height: 1;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    text-align: justify;
    margin-top: 10px;
}

.grid {
    padding: 20px 1px 20px 1px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    /* width: fit-content; */
}


.grid li {
    display: inline-block;
    width: 525px;
    margin: 0;
    padding: 20px;
    text-align: left;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #fff;
    color: #000;
    border-bottom: 2px solid #003d6b;
}

/*.grid figcaption h3 {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*color: #fff;*/
/*}*/

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}


/* Caption Style 7 */
.cs-style-7 li:first-child { z-index: 6; }
.cs-style-7 li:nth-child(2) { z-index: 5; }
.cs-style-7 li:nth-child(3) { z-index: 4; }
.cs-style-7 li:nth-child(4) { z-index: 3; }
.cs-style-7 li:nth-child(5) { z-index: 2; }
.cs-style-7 li:nth-child(6) { z-index: 1; }

.cs-style-7 figure img {
    z-index: 10;
    object-fit: contain;
    width: 100%;
}

.cs-style-7 figcaption {
    height: 100%;
    width: fit-content!important;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption, .cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: fit-content;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 4px 30px 5px rgba(0,0,0,.12), 0 8px 10px 0 rgba(0,0,0,.2);
    width: -webkit-fill-available;
}

.cs-style-7 figcaption h3 {
    margin-top: 72%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

a{
    text-decoration: none!important;
}

.no-touch .cs-style-7 figure:hover figcaption {
    position: absolute;
    top: auto;
    left: inherit;
    padding: 20px;
    background: #fff;
    color: #000;
    border-bottom: 2px solid #003d6b;
}

@media screen and (max-width: 31.5em) {

    .grid li {
        width: 100%;
        min-width: 100px;
    }
}

.small-title {
    padding: 20px;
    background-color: #fff;
    height: fit-content;
    overflow: hidden;
    text-align: justify !important;
}


.category-name2 {
    border-bottom: 1px solid #C5B798;
    font-family: "DissimoMedium";
    display: inline-block;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
    font-size: 1.75rem;
    color: #000000;
}

.cat_description2 {
    display: -webkit-box;
    max-width: 100%;
    height: 40px;
    /*margin: 0 auto;*/
    color: #000;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

@media only screen and (min-width: 1220px) and (max-width: 1249px) {
    .grid li {
        display: inline-block;
        width: 430px;
        margin: 0;
        padding: 20px;
        text-align: left;
        position: relative;
    }
}

@media only screen and (min-width: 920px) and (max-width: 1219px) {
    .grid li {
        display: inline-block;
        width: 370px;
        margin: 0;
        padding: 20px;
        text-align: left;
        position: relative;
    }
}

@media only screen and (min-width: 878px) and (max-width: 919px) {
    .grid li {
        display: inline-block;
        width: 350px;
        margin: 0;
        padding: 20px;
        text-align: left;
        position: relative;
    }
}

@media only screen and (min-width: 300px) and (max-width: 877px) {
    .grid li {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 20px;
        text-align: left;
        position: relative;
    }
}

@media only screen and (min-width: 381px) and (max-width: 504px) {
    .grid {
        padding: 10px 45px 100px 6px;
    }
}

@media only screen and (max-width: 380px) and (min-width: 300px) {
    .grid {
        padding: 10px 45px 100px 0px;
    }
}

@media only screen and (max-width: 542px) and (min-width: 300px) {
    .section-nav li {
        padding: 16px 0;
        transition: all .2s ease-in-out;
    }

    .section-nav li:hover {
        padding: 16px 0;
        transition: all .2s ease-in-out;
    }
}


@media only screen and (max-width: 425px) and (min-width: 380px) {
    .uk-tab > li > a {
        display: block;
        padding: 10px 20px 10px 20px;
        border: 1px solid transparent;
        border-bottom-width: 0;
        color: #525252;
        text-decoration: none;
        font-weight: 400;
        font-size: 12px;
    }
}

@media only screen and (max-width: 379px) and (min-width: 300px) {
    .uk-tab > li > a {
        display: block;
        padding: 10px 20px 10px 20px;
        border: 1px solid transparent;
        border-bottom-width: 0;
        color: #525252;
        text-decoration: none;
        font-weight: 400;
        font-size: 11px;
    }
}

@media only screen and (max-width: 872px) and (min-width: 300px) {
    .cat_description2 {
        display: -webkit-box;
        max-width: 100%;
        height: fit-content;
        margin: 0 auto;
        color: #000;
        font-size: 14px;
        line-height: 1;
         -webkit-line-clamp: 40;
         -webkit-box-orient: vertical;
         overflow: visible;
         text-overflow: unset;
    }
}

@media only screen and (max-width: 877px) and (min-width: 300px) {
    .grid {
        padding: 20px 45px 20px 9px;
        max-width: 1300px;
        margin: 0 auto;
        list-style: none;
        text-align: center;
        /* width: fit-content; */
    }

}



@media only screen and (max-width: 877px) and (min-width: 300px) {

    .cat_description2 {
        display: -webkit-box;
        max-width: 100%;
        height: fit-content;
        margin: 0 auto;
        color: #000;
        font-size: 14px;
        line-height: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .small-title {
        border-bottom: 2px solid #003d6b;
    }


}


a.tm-logo-small {
    margin-top: -55px;
}


div#facebook:hover, div#twitter:hover, div#linkedin:hover , div#googleplus:hover {
    opacity: 0.5;
}

.cat_description p,.cat_description2 p{
    line-height: 20px;
}

.cat_description2 p{
    text-decoration: none;
}


@media only screen and (max-width: 2000px) and (min-width: 1025px) {
    .uk-article {
        width: 835px;
        /* text-align: center; */
        margin: 0 auto;
    }
}

div#social-icons {
    width: 50px;
    position: absolute;
    margin-left: -60px;
    margin-top: 24px;
}

div#social-icons2 {
    /*width: 50px;*/
    /*position: absolute;*/
    /*margin-left: -60px;*/
}

.uk-sticky {
    margin-top: 24px!important;
}

@media only screen and (max-width: 1025px) and (min-width: 995px) {
    div#social-icons {
        width: 50px;
        position: absolute;
        left: 70px;
    }

    .uk-sticky{
        left: 0px!important;
    }
}

@media only screen and (max-width: 994px) and (min-width: 300px) {
    #social-icons {
        display: none!important;
    }

    #social-icons2 {
        display: block;
    }

    .uk-sticky {
        /* left: 75%!important; */
        top: 10px!important;
        margin-top: 0px!important;
        /* background-color: #fff; */
    }

}

@media only screen and (max-width: 2000px) and (min-width: 995px){
    #social-icons2 {
        display: none;
    }
}

div#social-icons2 img {
    width: 30px;
}

.login{
    max-width: 500px;
    margin: 0 auto;
}

.login-nav a {
    display: block;
    background: #003e6b;
    padding: 20px;
}

.login-nav{
     position: fixed;
    top: calc(50% - 70px);
    z-index: 1;
}

.login-nav a:hover{
    background-color: #295f86;
}

.uk-tooltip:after {
    border: none;
}

.edit-article{
    background: rgba(0, 0, 0, 0.85);
    padding: 10px;
    border-radius: 5px;
    width: 50px;
    color: #ffffff!important;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.edit-article a{
    margin-left:10px;
}

.item-icon.edit-item{
    display: none;
}

.no-touch .cs-style-7 figure:hover figcaption {
    position: absolute;
    top: auto;
    left: inherit;
    padding: 20px;
    background: #fff;
    color: #000;
    border-bottom: 2px solid #003d6b;
    height: -moz-available;
}


a.btn.modal-button {
    display: none;
}

/*internet explorer*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .no-touch .cs-style-7 figure:hover figcaption {
        position: absolute;
        top: auto;
        left: inherit;
        padding: 20px;
        background: #fff;
        color: #000;
        border-bottom: 2px solid #003d6b;
        height: auto;
    }
}

/*edge*/
@supports (-ms-ime-align: auto) {

    .no-touch .cs-style-7 figure:hover figcaption {
        position: absolute;
        top: auto;
        left: inherit;
        padding: 20px;
        background: #fff;
        color: #000;
        border-bottom: 2px solid #003d6b;
        height: auto;
    }
}

#social-icons img:hover{
    opacity: 0.6;
}

.recevoir::before {
    content: url("../../../images/icon_1.png");
    display: block;
    width: 38px;
    height: 30px;
    position: absolute;
    z-index: 399750;
    left: 75px;
}
.rencontrer::before {
    content: url("../../../images/icon_3.png");
    display: block;
    width: 38px;
    height: 30px;
    position: absolute;
    z-index: 399750;
    left: 62px;
}

.savoir::before {
    content: url("../../../images/icon_4.png");
    display: block;
    width: 38px;
    height: 30px;
    position: absolute;
    z-index: 399750;
    left: 75px;
}

.s-vader::before {
    content: url("../../../images/icon_2.png");
    display: block;
    width: 38px;
    height: 30px;
    position: absolute;
    z-index: 399750;
    left: 75px;
}


@media screen and (max-width: 1219px) and (min-width: 300px){
    .recevoir::before {
        content: url(../../../images/icon_1.png);
        display: block;
        width: 38px;
        height: 30px;
        position: relative;
        z-index: 399750;
        left: 7px;
        margin: 0 auto;
    }

    .rencontrer::before {
        content: url(../../../images/icon_3.png);
        display: block;
        width: 38px;
        height: 30px;
        position: relative;
        z-index: 399750;
        left: 7px;
        margin: 0 auto;
    }

    .savoir::before {
        content: url(../../../images/icon_4.png);
        display: block;
        width: 38px;
        height: 30px;
        position: relative;
        z-index: 399750;
        left: 7px;
        margin: 0 auto;
    }

    .s-vader::before {
        content: url(../../../images/icon_2.png);
        display: block;
        width: 38px;
        height: 30px;
        position: relative;
        z-index: 399750;
        left: 7px;
        margin: 0 auto;
    }

    .section-nav li {
        padding: 30px 0 0 0;
        height: 100px;
        transition: all .2s ease-in-out;
    }
}