@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700|Muli:400,700&display=swap&subset=latin-ext');
*{
    margin:0;
    padding: 0;
     font-family: 'Muli', sans-serif;
}

::selection {
  background: #1b926c; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #1b926c; /* Gecko Browsers */
  color:#fff;
}

body{
    background: #efefef;
}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
     background: #555;
}
 
::-webkit-scrollbar-thumb {
   
    background: #30ba8d;
}

a{color:#1fa67a;font-weight: 700;}
a:hover{background-color:#1fa67a;color:#fff;text-decoration: none;}

#wrapper{
    transition:all .1s ease;
}

.topbar{
    height: 100px;
    width: 100%;
    background-color: #fff;  
    position: relative;  
}

.social,.right-social{
    width: 100%;   
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 15px;
}

.social{height: 100%;}

.right-social{justify-content: center;display: flex;}

.social>a,.right-social>a{
    margin-left: 5px;
    color: #1fa67a; 
    font-size: 18px; 
    font-weight: 400;   
}
.social-sharer-link{
    height: 58px;
    width: 63px;
    border-radius: 5px;
    transition: all .2s ease;  
    cursor: pointer;  
}

.social-sharer-link:hover{border:1px solid #ccc;}

#sharers-fb{background-color: #3b5998;color:#fff;}
#sharers-tw{background-color:#00b6f1;color:#fff;}
#sharers-pin{background-color:#cb2027;color:#fff;}
#sharers-fb:hover{color: #3b5998;background-color: #f8f8f8;}
#sharers-tw:hover{color:#00b6f1;background-color: #f8f8f8;}
#sharers-pin:hover{color:#cb2027;background-color: #f8f8f8;}
.progress{height: 22px;}

.social>a:hover,.right-social>a:hover,.no-bg:hover{background-color: transparent;}

.right-social>a{flex:1 0 0;display: flex;justify-content: center;align-items: center;padding: 20px 0;}
@font-face {
  font-family: header;
  src: url(../fonts/header.ttf);
}
.header,.header-mobile,.header-mobile-sm{
    font-family: header;
    color: #1fa67a;
    font-size: 63px;
    letter-spacing: 2px;
    text-decoration: none;
    position: absolute;
    top: 4px;
    left: 15px;
    z-index: 9999;
    text-shadow: 0px 1px 1px #000;
    font-weight: 400;
}

.header:hover{
    text-decoration: none;
    color: #1fa67a;  
    background-color: transparent;
}

.header-mobile,.header-mobile-sm{
    color: #fff;
    font-size: 50px;
    display: none;
}

.header-mobile:hover,.header-mobile-sm:hover{
    background-color: transparent;
}

.header-mobile-sm{
    font-size: 42px;
    top:0;
}

#menu,#menu2{
	position: relative;
	height: 55px;
	width: 100%;
	display: block;
	background-color: #1fa67a;
	padding: 0 15px;
    z-index: 999;
}

#menu2{
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: all .3s ease;
    position: fixed;   
    box-shadow: 0 0 5px 1px #666;
    display: none;
    border:none;

}

ul#menu-wrapper,ul#menu-wrapper2{
   
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    background-color: #1fa67a;
    border-top: 1px solid #34a782;
    border-bottom: 1px solid #1b926c;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
}

#menu2,ul#menu-wrapper2{
    height: 45px;    
    border: none;
}
ul#menu-wrapper>li,ul#menu-wrapper2>li{flex:2 0 0;}
ul#menu-wrapper>li:nth-child(4),#menu-wrapper2>li:nth-child(4){flex:3 0 0;}
ul#menu-wrapper>li>a,ul#menu-wrapper2>li>a{     
	color: #fff;
    text-decoration: none;
    font-size: 17px;
    overflow: hidden;
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;   
    padding: 10px;
    transition: all .3s ease; 
    font-weight: 400;  
}

ul#menu-wrapper2>li>a{padding: 5px;}

ul#menu-wrapper>li:first-child,ul#menu-wrapper2>li:first-child{
    border-right:1px solid rgba(0,0,0,.1);
    border-left:1px solid rgba(0,0,0,.1);
}

ul#menu-wrapper>li:last-child,ul#menu-wrapper2>li:last-child{
    border-right:1px solid rgba(0,0,0,.1);
}

ul#menu-wrapper>li:not(:first-child):not(:last-child),ul#menu-wrapper2>li:not(:first-child):not(:last-child){
    border-right:1px solid rgba(0,0,0,.1);
}

ul#menu-wrapper>li>a:before,ul#menu-wrapper2>li>a:before{
    position: absolute;
    transform-origin: 50% 0%;
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.09,0,0,1,0,0,0,0,1);
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    transition: all .2s ease;
    opacity: 0;   
}

ul#menu-wrapper>li>a:hover:before,ul#menu-wrapper2>li>a:hover:before{
    opacity: 1;
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.00,0,0,1,0,0,0,0,1);
}


.items{
    border:8px solid #fff;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
    overflow:hidden;
}

#content{  
    display: flex; 
}

#left, #right {    
    position: relative;
    width: 0;
    transition: all .3s ease;
    background: #FFF;
    padding: 20px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.09);
}

#left{
    flex: 20 0 0;
    margin: 0px 10px 0px 20px;    
}

#right {
    flex: 11 0 0;
    margin: 0px 20px 0px 10px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.owl-carousel {    
    width: calc(100% - 40px);
    margin: 0 auto; 
    box-shadow: 0 0 3px 0 rgba(0,0,0,.09); 
}

.items-img-wrapper>a>img{transition:all .3s ease;width: 500px;height: 200px;}
.items-img-wrapper:hover>a>img{transform: scale(1.2);}
.items-img-wrapper{position: relative;}
.items>a{
    position: absolute;
    width: calc(100% - 8px);
    padding: 10px;
    left:0;
    bottom:0;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    margin-left: 4px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    text-align: center;
}

.items>a:hover + .items-img-wrapper>a>img{transform: scale(1.2);}

.pop-left{
    position: absolute;
    left:0;
    top:0;
    width: 100px;
    height: 30px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.pop-right{
    position: absolute;
    right:0;
    top:0;
    width: 100px;
    height: 30px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.text-666{
    color: #666;
    font-weight: 400;
}

.hr{
    border-top: 1px solid #ccc;
    display: block;
    padding: 5px; 
    font-size: 1px;   
}

.card-title{
    font-family: 'Comfortaa', cursive;
    color: #1b926c;
    font-size: 25px;
    font-weight: 700;
}

.right-card-title{
    font-size: 15px;
    font-weight: 700;
}

.right-card-text{
    font-size: 14px;
    line-height: 19px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.right-topic-infos{
    padding: 5px 10px 5px 10px !important;
    font-size: 14px;
}

.right-list-link,.list-group-item {font-weight: 400;}
.right-list-link:hover{
    text-decoration: none;
}

.list-wrapper{
    min-height: 101px;
    border: 1px solid rgba(0,0,0,.08);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top:none;
}

.list-wrapper:hover{
    background-color: #fbfbfb;
}

.list-wrapper>img{
    padding:5px;
    margin:0 5px 3px 0;
    float:left;
    width: 100px;
    height: 100px;
    box-shadow: none;
    border-radius:0;
    border-bottom-right-radius: calc(.25rem - 1px);
}

.card-img{box-shadow: 0 0 3px 0 rgba(0,0,0,.09);}
.card-body>img{
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    padding: 5px;
}

.card-body>p{margin-bottom:0 !important;}
.card-green-header:hover{text-decoration: none;}
.topic-infos{
    background-color: #f8f8f8;
    padding: 10px;
    color: #666;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: block;
}

.owl-stage-outer{
    border-right: 8px solid #fff;
    border-left: 4px solid #fff;
}

.right-item-header{
    font-family: 'Comfortaa', cursive;
    color: #1b926c;
    font-size: 20px;
    font-weight: 700;
    display: block;
    text-align: center;
}

.right-item>img{
    width: 100%;
}

.right-item{
    background: #fff;
    padding: 15px;
     box-shadow: 0 0 3px 0 rgba(0,0,0,.09);
    margin-bottom: 15px;
}

.social-fb:hover{color:#3b5998;}
.social-tw:hover{color:#00b6f1;}
.social-yt:hover{color:#ff0000;}
.social-pin:hover{color:#cb2027;}
.social-mail:hover{color:#C71585;}
.social-rss:hover{color:#F90;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.boldtext{
    font-weight: 700;
    color:#1b926c;
}

.reply-com-btn{
    border: 1px solid #ccc;
    box-shadow: none;
    outline: 0;
    cursor: pointer;
    color: #666;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ddd;
    padding: 3px 10px;
    text-shadow: 0 1px 1px #FFF;
    font-size: 11px
}

#status-glow{
   position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ;
    display: none;
}

#comment-cancel-answer{display: none;}

audio,video{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.footer{
    height: 120px;
    background-color: #343a40;
}

.eplogo>img{
    width: 50px;
    height: 50px;
}

.eplogo:hover{
    background-color: transparent;
}

.social-footer{
    background: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.social-footer:hover{background: #fff !important;}

#search-modal{z-index: 999999;}
.search-result-link{
    font-family: 'Comfortaa', cursive;
    color: #1b926c;
    font-size: 23px;
    font-weight: 700;
    position: relative;
    transition: all .2s ease; 
}

.search-result-link:hover{
    background-color: #fff;
    color: #1b926c;
    padding-left: 15px;
}

.search-result-span{
    position: absolute;
    left:0;
    top:-2px;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: all .2s ease;  
    overflow:hidden;  
}

.search-result-link:hover>.search-result-span{
    transform: scaleX(1);
}

.contact-social-links{
    flex:1 0 0;
    position: relative;
    z-index: 1;
}

.contact-social-links:before{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    content: "";
    transition: all .2s ease;
    transform: scaleX(0);
    z-index: -1;
}

.contact-social-links:hover:before{
    transform: scaleX(1);
}

.pagi-numbers{float: left;}
.pagi-input{float: right;width: 50%;}
#mmenu,#mmenu2{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 20px;
  top:14px;  
  border:2px solid #fff;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease;
  display: none;
  z-index: 999;
}

#mmenu2{
    top:7px;
    width: 46px;
  height: 46px;  
}

#mmenu:hover #line1,#mmenu2:hover #line12{
  top:7px;
}

#mmenu:hover #line3,#mmenu2:hover #line32{
  bottom:7px;
}

#line1,#line2,#line3,#line12,#line22,#line32{
  position: absolute;
  width: 70%;
  height: 4px;
  background: #fff;
  left:15%;
  transition: all .2s ease;
}

#line1,#line12{
  top:10px;

}

#line2,#line22{
  top:calc(50% - 2px);

}


#line3,#line32{
  bottom:10px;

}

#menucontrol,#menucontrol2{
  display: none;
}

#menucontrol:checked ~ ul{
  transform:scaleX(1);  
  height: calc(100% - 80px);
}

#menucontrol2:checked ~ ul{
  transform:scaleX(1);  
  height: calc(100vh - 60px);
}

#menucontrol:checked ~ ul>li>a,#menucontrol2:checked ~ ul>li>a{
  display: block;
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 20px;
  
}

#menucontrol:checked + #mmenu>#line1,#menucontrol2:checked + #mmenu2>#line12{
  transform: rotate(45deg);
  top: calc(50% - 2px);
  background: #FFC0CB ;
}

#menucontrol:checked + #mmenu>#line2,#menucontrol2:checked + #mmenu2>#line22{
  transform: scale(0);
}

#menucontrol:checked + #mmenu>#line3,#menucontrol2:checked + #mmenu2>#line32{
  transform: rotate(135deg);
  top: calc(50% - 2px);
  background: #FFC0CB ;
}

.footer-inside{
    height: 100%;
}

.underline{
    text-decoration: underline;
}

.space{display: block;}

@media(max-width: 1080px){ul#menu-wrapper>li:nth-child(4),#menu-wrapper2>li:nth-child(4){flex:4 0 0;}}
@media(max-width: 1015px){
    ul#menu-wrapper,ul#menu-wrapper2{
        transform:scaleX(0);
        display: block;  
        position: fixed;
        left:0;
        top:0;
        width: 300px;
        background-color: #1fa67a;
        overflow-y: scroll;
        z-index: 9999;
        transition: transform .1s ease;
        transform-origin: 0 0;
    }

    ul#menu-wrapper{top:80px;}
    ul#menu-wrapper2{top:60px;}

    #menu{height: 80px;}
    #menu2{height: 60px;}
    .topbar{display: none;}
    #mmenu,#mmenu2{display: block;}
    ul#menu-wrapper>li>a:before,ul#menu-wrapper2>li>a:before{
        transform: none;  
        width: 0%;
    }

    ul#menu-wrapper>li>a:hover:before,ul#menu-wrapper2>li>a:hover:before{
        opacity: 1;
        width: 10px;
    }
    .header-mobile,.header-mobile-sm{
        display: block;
    }
}
@media(max-width: 940px){
    #content{display: block;}
    #left,#right{
        width: 100%;
        display: block;
        margin:0;
    }
    .footer-inside{height: auto;}

    #right{margin-top:20px;}
    .pagi-numbers{float: none;}
    .pagi-input{float: none;width: 100%;}
    .owl-carousel {width: 100%;}
    .footer {height: auto;}
    .footer>.row>.col-md-4{padding: 20px;}
    .social{justify-content: center;flex-wrap: wrap;}
    .social-footer{margin-bottom: 5px;}
}

@media(max-width: 400px){
    ul#menu-wrapper,ul#menu-wrapper2{
        width: 100vw;
    }   
}

@media(max-width: 460px){
    .topic-infos{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }   
}

/*

Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/

*/

pre{
    margin-bottom: 0 !important;
}

pre code {
   font-size:15px;
   font-family: 'Comfortaa', cursive;
   font-weight: 400;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}


.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    color: #666 !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {   
    font-size: 15px !important;
}