*{margin: 0px; outline: 0px; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-family: 'Montserrat', sans-serif;}

body{background: #fff6d9;}

.inx{width: 1000px; margin: auto;}

.show{background: rgb(65, 42, 1); }
.show .in{height: 810px;}
.show .in .sla{height: 100%; width: 100%;}
 
.topac{/* background: url(../img/slide.png) no-repeat bottom center orange; background-size: cover; */ position: absolute; width: 100%; z-index: 50; }

.top{padding: 10px; color: #ffffff; background: ; padding-top: 20px; }
.top .in{overflow: auto;}
.top .in .social{float: right; overflow: auto;}
.top .in .social a{float: left; display: block; margin-left: 15px;}
.top .in .social a img{width: 19px;}

.lang{display: block; overflow: auto; float: left; }
.lang b img{ width: 20px;}
.lang a{display: inline-block; padding: 5px; font-size: 12px; padding-top: 0px; color: white; font-weight: 700; font-size: 16px;}

.top b{ font-size: 13.5px; overflow: auto; display: block; float: left; padding: 5px;}
.top span{display: block; float: left; font-size: 20px; margin-right: 4px; }
.top i{display: block; float: left; margin-right: 10px; }

.menu h1{text-align: center; background: ;}
.menu h1 a{color: white; padding-top: 0px; padding-bottom: 20px; display: inline-block; }
.menu h1 img{width: 120px;}
menu{ text-align: center; margin: 0px;}
menu a{text-align: center; display: inline-block; padding: 10px; font-weight: 800; color: white ;border-bottom: solid 3px transparent; transition: border-bottom 1s;}
menu a:hover{border-bottom: solid 3px white;}
menu .don{text-align: center; color: #291e1d; display: inline-block; padding: 8px; padding-left: 20px; padding-right: 20px; padding-bottom: 6px; font-weight: 900; background: white ; border-radius: 20px; transition: background-color 0.3s ease-in, color 0.3s ease-in ;}
menu .don:hover{background: #F78802; color:#fff; border-bottom: solid 3px #F78802;}

.spons{padding: 20px; padding-top: 50px; padding-bottom: 50px; background: white; text-align: center;}
.spons h3{color: #d66e48; }
.spons img{height: 120px;}

.copyright{color: #f0c129; background: #311701; padding-top: 15px; padding-bottom: 15px;}
.copyright .in{overflow: auto;}
.copyright em{font-size: 12px; display: block; float: left; padding: 8px;}
.copyright i{font-size: 12px; display: block; float: right; padding: 8px; text-align: right;}
.copyright i a{color: #f0c129; }

.slide{ text-align: center; color: white; padding-bottom: 200px; }
.slide .in{ background-color: none;}
.slide .in div{width: 100%; background:transparent;}
.slide .in div img{background:transparent;}
.slide .in div h2{ background-color: transparent; margin-bottom: 25px;}
.slide h2{font-size: 50px; font-weight: 900; padding-top: 80px; padding-bottom:20px; text-transform: uppercase; background: transparent; line-height: 45px; }
.slide h2 u{font-size: 17px; font-weight: 400; display: block; padding-bottom: 20px; }
.slide h2 i{font-size: 75px; margin-top: 20px; display: block; }
.slide .don{font-size: 16px; font-weight: 800; display: inline-block; padding: 17px; padding-left: 30px; padding-right: 30px; background: #F78802; color: #fff; border-radius: 30px; transition: background-color 0.3s ease-in, color 0.3s ease-in ;}
.slide .don:hover{background: #fff; color:#F78802; }

.slide .dona{font-size: 16px; font-weight: 800; display: inline-block; padding: 15px; padding-left: 30px; padding-right: 30px; border: solid 3px white ; color: #fff; border-radius: 30px; transition: background-color 0.3s ease-in, color 0.3s ease-in ;}
.slide .dona:hover{background: #fff; color:#291e1d; } 

.present{padding: 20px; padding-top: 100px; padding-bottom: 100px;}
.present .in{text-align: center; }
.present h3{font-size: 30px; font-weight: 900; color: #F78802; }
.present h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}
.present p{padding-top: 20px; padding-bottom: 20px; width: 75%; margin: auto; line-height: 22px;}

.loading{position: fixed; z-index: 100; height: 100%; width: 100%; background: url(../img/load_chid.png) no-repeat bottom #fff; background-size: 80%;}
.loading .in{height: 100%; width: 100%; background: url(../anim.svg) center center fixed no-repeat; background-size: 170px;}

.sh{box-shadow: 0px 3px 5px #e7debe;}

.ban_shop{margin-bottom: 20px;}

.ban_store{padding: 20px; padding-top: 50px; padding-bottom: 20px; }
.ban_store .in{text-align: center; }
.ban_store h3{font-size: 30px; font-weight: 900; color: #F78802; text-align: center; padding-bottom: 20px; }
.ban_store h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}

.store{padding: 20px;}
.store .in{padding-top: 30px; padding-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 17px;}
.store h3{font-size: 30px; font-weight: 900; color: #F78802; text-align: center; padding-bottom: 20px; }
.store h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}

.store .product{background: white; border-radius: 10px; overflow: hidden;}
.store .product strong{font-size: 15px;}
.store .product .icos{display: block; height: 200px; background: #cb9b51; transition: opacity 0.3s ease-in;}
.store .product .icos:hover{opacity: 0.5;}
.store .product .dett{padding: 14px;}
.store .product .dett em{display: block; color: #8b8171; font-size: 12px; margin-bottom: 5px;}
.store .product .dett b{display: block; font-size: 24px; margin-top: 10px; margin-bottom: 10px;}
.store .product .dett b u{ display: block; font-size: 13px; color: #635848; font-weight: 300;}
.store .product .dett .buy{display: block; padding: 12px; text-align: center; border-radius: 25px; background: #F78802; color: white; font-weight: 700; overflow: auto; transition: background-color 0.3s ease-in, color 0.3s ease-in ;}
.store .product .dett .buy:hover{color: #F78802; background: #fff4e7;}
.store .product .dett .buy span{font-size: 17px; float: left; display: block; padding: 3px;}

.orphan{padding: 20px;}
.orphan h3{font-size: 30px; font-weight: 900; color: #F78802; text-align: center; padding-bottom: 20px; }
.orphan h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}
.orphan .in{display: grid; grid-template-columns: 1fr 1fr; gap: 35px;}
.orphan .orph{ background: url(../img/heart.png) no-repeat center bottom white; background-size: 100%; border-radius: 30px; text-align: center;}
.orphan .orph section{height: 400px; border-radius: 30px; }
.orphan .orph article{color: black;  padding: 35px; padding-bottom: 20px;}
.orphan .orph article strong{display: block; padding-bottom: 20px; font-size: 24px; color: #584334;}
.read{font-size: 15px; font-weight: 900; display: inline-block; padding: 12px; padding-left: 25px; padding-right: 25px; background: #F78802; color: white; border-radius: 30px; margin-bottom: 45px ; transition: background-color 0.3s ease-in, color 0.3s ease-in ; border: solid 2px #F78802;}
.read:hover{background: white; color:#F78802;}

.location{padding-bottom: 15px; color: #F78802;}
.location span{display: inline-block; font-size: 25px; }
.location i{font-weight: 800; display: inline-block;}

.mission{padding: 20px; padding-top: 50px; padding-bottom: 50px; background: url(../img/miss.png) no-repeat center top ; background-size: cover;} 
.mission .in{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.mission section{ color: white; background: url(../img/see.png); padding: 30px;}
.mission section p{margin-top: 20px; padding-bottom: 20px;}
.mission section strong{font-size: 35px; font-weight: 900; line-height: 40px;}
.mission section strong i{font-size: 50px; font-weight: 900; display: block;}
.mission .don{font-size: 18px; font-weight: 900; display: inline-block; padding: 12px; padding-left: 30px; padding-right: 30px; background: white; color: #F78802; border-radius: 30px; transition: background-color 0.3s ease-in, color 0.3s ease-in ; }
.mission .don:hover{background: #F78802; color:white; }

.tit{padding: 20px; padding-top: 50px; padding-bottom: 20px;}
.tit h3{font-size: 30px; font-weight: 900; color: #F78802; text-align: center; padding-bottom: 20px; }
.tit h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}

.vote{padding: 20px; padding-top: 50px; padding-bottom: 20px;}
.vote h3{font-size: 30px; font-weight: 900; color: #F78802; text-align: center; padding-bottom: 20px; }
.vote h3 i{font-size: 45px; font-weight: 900; display: block; color: #584334; line-height: 45px; text-transform: capitalize;}

.happen{padding: 20px; padding-top: 50px; padding-bottom: 50px; text-align: center;}

.founder{text-align: center; padding: 20px;}
.founder .ico{ border-radius: 120px; width: 240px;  height: 240px; display: inline-block;}
.founder section{padding: 35px; background: white; margin: auto; width: 300px; border-radius: 25px; margin-top: 25px;}
.founder strong{display: block;}
.founder em{display: block; font-weight: 900; font-size: 20px;}
.founder section .socia{padding-top: 15px;}
.founder p{padding-top: 20px; margin: auto;}

.percent{background: #d3c9a6; font-weight: 800; color: #6b3102; display: block; padding: 10px; width: 50px; margin: auto; text-align: center;} 

p{line-height: 26px;}

.app{text-align: center; padding: 20px;}
.app p{padding-top: 0px; width: 70%; margin: auto;}
.app b{padding-top: 20px; display: block; font-style: italic;}
.app img{width: 60%; margin-top: 25px;} 

.foot{ background: url(../img/foota.png) no-repeat right #6b3102; background-size: auto 100%; color: #f0c129;  padding: 20px; padding-top: 100px; padding-bottom: 100px; }
.foot strong{ color: #f0c129; display: block; margin-bottom: 40px;}
.foot b{ color: #fff; display: block; margin-top: 20px; }
.foot .in{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px;}
.foot .in p{ font-size: 12px;}
.foot p u{display: inline-block; border-radius: 15px; padding: 9px; } 

.vote{background: ; padding: 20px; padding-top: 110px; padding-bottom: 110px;}
.vote .in{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 13px; }
.item{ background: url(../img/cdr.png) no-repeat center #0e0701; background-size: 100%;  padding-bottom: 20px;}

.viss{color: white; font-size: 11px; display: block; color: #F78802; margin-top: 10px;}
.viss:hover{text-decoration: underline;}

.pho{padding: 20px;}
.pho i{height: 120px; width: 120px; border-radius: 120px; margin: auto; display: block; }
.pho i u{height: 100%; width: 100%; border-radius: 120px; margin: auto; background: url(../img/ring.png) no-repeat center center; background-size: 100%; display: block;}

.sep{height: 340px;}

.texta{color: white; text-align: center;}
.texta p{font-weight: 200; text-transform: uppercase; font-size: 14px;}
.texta h4{font-size: 33px; }
.texta strong{font-size: 40px; line-height: 30px; }
.texta b{font-size: 18px;}
.texta u{display: block; font-weight: 800; margin-top: 5px;}
.texta hr{width: 40%; border: 0px; height: 1px; margin: auto; background: #f6e27a; margin-bottom: 15px; margin-top: 15px;}
.vobut{text-align: center; color: #F78802; display: inline-block; padding: 10px; padding-left: 20px; padding-right: 20px; font-weight: 900; background: white ; border-radius: 20px; margin-top: 15px; transition: background-color 0.3s ease-in, color 0.3s ease-in ; cursor: pointer;}
.vobut:hover{background: #F78802; color:#fff;}

.email_befor_vote{z-index: 90; position: fixed; width: 100%; padding-top: 200px; display: none;}
.email_befor_vote section{ display: grid; grid-template-columns: 1fr; gap: 15px; width: 50%; background: white; margin: auto; padding: 20px; border-radius: 10px;}
.email_befor_vote section h3{color:#584334; overflow: auto; padding: 5px;}
.email_befor_vote section h3 span{display: block; float: right;}
#emax{padding: 14px; font-size: 18px; border: 0px; background: #e4f0f3; border-radius: 4px;}
.seem{z-index: 80; position: fixed; height: 100%; width: 100%; background: #0f1b22; opacity: 0.5; display: none;}
.vsend{text-align: center;}
.vsend input{background: #F78802; color:#fff; font-weight: 800; border: 0px; padding: 11px; padding-left: 20px; padding-right: 20px; border-radius: 22px;}


.acteur{background: url(../img/acteur.png) no-repeat center center #6b3102; background-size: cover; padding: 20px; padding-top: 100px; padding-bottom: 100px; }
.acteur .in{display: grid; grid-template-columns: 2fr 1fr; gap: 20px;} 
.acteur h2{color: #F78802; font-size: 35px;}
.acteur h2 i{color: #fff; display: block; font-size: 50px; line-height: 47px; text-transform: uppercase; font-weight: 900;}
.acteur section{padding: 30px; background: url(../img/see.png) ; color: white; margin-top: 20px; width: 50%;}

.view{padding: 20px;}
.view iframe{width: 100%;}
.bld{font-weight: 600;}
.view .tex p{padding-bottom: 20px;}
.view .pic p{font-size: 13.3px; padding-bottom: 14px;}
.view .pic section i{display: block; border: solid 4px white; height: 100px; width: 100px; margin: auto; border-radius: 100px; margin-top: 20px;}

.dir_name{text-align: center;}
.dir_name u{}
.dir_name em{ font-weight: 800; display: block;}

.view .pic p span{display: inline-block; float: left; margin-right: 10px; color: #F78802;}
.view .in{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.pic .icon{height: 500px; border-radius: 20px;}
.pic strong{ display: block; padding-top: 20px; padding-bottom: 20px; font-size: 13px; }

.view .pic a{color: #F78802;}
.view .pic a:hover{text-decoration: underline;}

.texta b, .texta strong{
    transform: translate(-50%,-50%);
    font-weight: bold;
    background-image: linear-gradient(
     to right,
     #462523 0,
            #cb9b51 22%, 
     #f6e27a 45%,
     #f6f2c0 50%,
     #f6e27a 55%,
     #cb9b51 78%,
     #572e2c 100%
     );
    color:transparent;
    -webkit-background-clip:text; text-transform: uppercase;}

.set_pac{ display: none; }
.set_menu_pac{ display: none; position: absolute; z-index: 30; width: 100%; background: #36241b; top: 60px; padding-top: 20px; padding-bottom: 25px; }

    @media (max-width:1000px ) {
        .inx{width: auto; margin: auto;}
        .store .in{padding-top: 30px; padding-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 17px;}
    }
    @media (max-width: 800px){
        .acteur .in{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
        .acteur section{width: auto;}
        .store .in{padding-top: 30px; padding-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr ; gap: 17px;}
    }
    @media (max-width: 700px){
        .acteur .in{display: grid; grid-template-columns: 1fr; gap: 20px;}
        .acteur section{width: auto;}
    }
    @media (max-width:640px ) {
        .ban_shop{width:85%;}
        .store .in{padding-top: 30px; padding-bottom: 30px; display: grid; grid-template-columns: 1fr; gap: 17px;}
        .orphan .in{display: grid; grid-template-columns: 1fr; gap: 35px;}
        .vote .in{display: grid; grid-template-columns: 1fr ; gap: 24px; }

        .top{padding: 10px; color: #ffffff; background: ; padding-top: 20px;}
        .top .in{overflow: auto; text-align: center;}
        .top .in .social{float: none; overflow: auto;}
        .top .in .social a{float: none; display: inline-block; margin-left: 15px;}
        .top .in .social a img{width: 19px;}
        .top b{ font-size: 13.5px; overflow: auto; display: inline-block; text-align: center; float: none; padding: 5px;}
        .mission{padding: 20px; padding-top: 50px; padding-bottom: 50px; background: url(../img/miss.png) no-repeat center bottom ; background-size: cover;}
        .mission .in{display: grid; grid-template-columns: 1fr ; gap: 20px;}
        .mission section strong{text-shadow: -2px 2px 0px #F78802;}
        .foot .in{ display: grid; grid-template-columns: 1fr 1fr ; gap: 25px;}
        .foot{ background: url(../img/foota.png) no-repeat left bottom #6b3102;}

        .lang{display: inline-block; float: none; }
        .lang b img{ width: 20px;}
        .lang a{display: inline-block; padding: 5px; font-size: 12px; padding-top: 0px; color: white; font-weight: 700; font-size: 16px;}
        .view .in{display: grid; grid-template-columns: 1fr; gap: 20px;}
    }
    @media (max-width:480px ) {
        .set_pac{ display: block; }
        .setting{display: block; position: absolute; right: 0px; padding: 10px; color: white; padding-right: 15px;}
        .menu h1 a{color: white; padding-top: 0px; padding-bottom: 0px; display: inline-block; }
        menu{display: none;}
        .top .in{overflow: auto; text-align: left;}
        .top b{ font-size: 11.5px; overflow: auto; display: inline-block; text-align: center; float: none; padding: 5px;}
        .vote .in{display: grid; grid-template-columns: 1fr ; gap: 24px; }
        .foot .in{ display: grid; grid-template-columns: 1fr; gap: 25px;}
        .present p{padding-top: 20px; padding-bottom: 20px; width: auto; margin: auto; line-height: 22px;}
        .founder p{padding-top: 20px; width: auto; margin: auto;}
        .founder section{ width: auto;}
        .slide h2{font-size: 22px; line-height: 28px; padding-top: 10px;}
        .slide h2 i{font-size: 30px; margin-top: 10px; }
        .slide h2 u{font-size: 13px; font-weight: 400; display: block; padding-bottom: 10px; }
        .acteur .in{display: grid; grid-template-columns: 1fr; gap: 20px;}
        .acteur section{width: auto;}

        .show .in{height: 580px;}
        .set_menu_pac a{display: block; padding: 15px; color: white; font-weight: 800; font-size: 13px; padding-left: 25px; }
    }