header{position:sticky;z-index:20;top:0;width:100%;animation:all 1s ease;}

.header{padding:25px 50px;}
.header aside{width:200px;}
.header aside img{width:190px;}
.header section{width:calc(100% - 200px);}
/*.header .usrr{width:calc(100% - 200px);}*/

.mmenu ul li a{font-size:15px;display:block;padding:8px 12px;color: #0d3434;font-weight:400;border-radius:10px;transition:all 0.4s ease;}
.mmenu ul:hover li [hvra]{background: rgba(255,255,255,0.55);padding:7px 12px;}
.mmenu ul li [hvra]:hover{background: rgba(255,255,255,0.7);}
.mmenu ul li [bgbtn]{background: rgba(0,0,0,0.7);border-radius:7px;color: rgba(255,255,255,0.9) !important;padding:7px 20px !important;}
.scmenu ul li a{background: rgba(255,255,255,0.32);}

.mmenu ul li [bgusr]{background: rgba(47,156,147,0.8);border-radius:7px;color: rgba(255,255,255,0.9) !important;padding:7px 20px 7px 32px !important;}
.mmenu ul li [bgusr] i{width:32px;height:100%;top:0;left:0;font-size:16px;}
.mmenu ul li [bgusr]:after{content:'\e903';font-family:icomoon;position:absolute;right:5px;}
[bgusr] label{width:20px;height:20px;left:5px;top:5px;display:block;z-index:2;border-radius:50%;}

.mmenu ul{text-align:right;}
.mmenu ul li{position:relative;padding:0 2px;}
.mmenu li ul{position:absolute;top:100%;left:0;background: rgba(255,255,255,0.9);width:220px;border-radius:7px;text-align:left;padding:10px;box-shadow: 0px 4px 5px 0px rgba(14,62,117,0.1);display:none}
.mmenu .subm:hover > ul{display:block;}
.mmenu li ul li a:hover{background: #f1f1f1;color: #000;}

[usmenu]{width:100%;height:100%;top:0;left:0;z-index:10;cursor:pointer;}

.userBx{width:280px;background: #fff;border-radius:8px;z-index:10090;position:fixed;right:20px;top:65px;box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.5);background: #f4faf7;display:none;}
.usrhead{background: #1fa095;border-radius:8px 8px 0 0;padding:12px 0 12px 12px;background: #fff;}
.usrhead article{width:60px;}
.usrhead article span{width:45px;height:45px;border-radius:50%;background: #1fa095;color: #e9f4f3;}
.usrhead section{width:calc(100% - 60px);padding:4px 0 0 0;}
.usrhead section label{font-size:15px;color: #555;font-weight:400;}
.usrhead section h1{font-size:15px;font-weight:400;color: #555;padding:2px 0 0 0;}
.userBx dl{padding:20px 12px;}
.userBx dl dt a{display:block;padding:10px 12px 10px 50px;font-size:16px;border-radius:0;color: #222;}
.userBx dl dt a i{width:32px;height:100%;top:0;left:5px;font-size:19px;color: #222;}
.userBx dl dt a:hover{background: #fff;color: #3f9475;}

.mbmubg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10089;background: rgba(0,0,0,0.5);display:none;}
.mbmainu{width:280px;height:100%;background: #fff;z-index:10090;position:fixed;left:0;top:0;box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.5);background: #f4faf7;overflow-y:auto;display:none;}
.menustky{position:sticky;top:0;width:100%;z-index:10;background: #1fa095;padding:30px 0 25px 0;}
.mclse{width:40px;height:40px;right:5px;top:5px;color: #fff;font-size:18px;z-index:15;}
.menustky img{width:110px;}
.mbmainu ul{padding:25px 0 0 0;text-align:left;}
.mbmainu ul li a{display:block;font-size:18px;font-weight:300;padding:16px 15px 16px 25px;text-transform:none;color: #343434;}


.homesd{width:100%;border-radius:10px;margin:0 auto;}
.homelv{z-index:5;padding:0 25px 0 0;}
.maintxt{width:57%;padding:30px 4% 30px 0;overflow:hidden;}
.maintxt h1{color: rgba(0,0,0,0.9);}
.rightbg{width:28%;height:90%;position:absolute;right:0;top:-100px;background: #3dd0c6;border-radius:0 0 10px 0;}
.sdimg{width:43%;position:relative;overflow:hidden;height:65vh;}
.sdimg .slidemg{border-radius:25px 25px 25px 0;top:0;left:0;display:none;}
.sdimg .slidemg:nth-child(1){display:block;}
.sdimg .slidemg a{width:100%;height:100%;top:0;left:0;}
.maintxt .textsd{display:none;}
.maintxt .textsd:nth-child(1){display:block;}

.contul{width:15px;height:60%;bottom:30%;right:0;z-index:10;}
.contul ul{height:100%;}
.contul ul li{width:15px;height:50px;background:rgba(255,255,255,0.4);border-radius:8px;margin:7px 0 0 0;position:relative;overflow:hidden;animation:all 0.2s ease;}
.contul ul .atcc{width:15px;height:32%;animation:all 0.2s ease;}
.contul ul .atcc:after{content:'';width:100%;position:absolute;top:0;left:0;animation:fllht 4s;background:rgba(0,0,0,0.4);}
@keyframes fllht{0%{height:0;} 100%{height:100%;}}

.slidern{animation:fbot 0.35s;}
@keyframes fbot {
  0% {-webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); opacity:0; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  opacity:1;}
}
.sliderna{animation:fbota 0.35s;}
@keyframes fbota {
  0% {-webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0); opacity:0; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  opacity:1;}
}

[wbpa]{width:100%;max-width:1300px;margin:0 auto;z-index:5;padding:0 25px 0 0;}
[wbpb]{width:calc(100% - 50px);max-width:1300px;margin:0 auto;z-index:5;padding:0;}
[wbpc]{width:100%;max-width:1100px;margin:0 auto;padding:15px 15px;}
[wbpd]{width:100%;max-width:1000px;margin:0 auto;padding:15px 15px;}

.sctollt{padding:10px 0 70px 0;margin:80px 0 0 0;overflow:hidden;}
.sctitle{font-size:25px;font-weight:300;right:10px;white-space:nowrap;}
.linesc{right:0;top:2px;height:0.5pt;background:#1fa095;}
.linesc:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:0;top:-2px;background: #1fa095;}

.imglt{padding:30px 0 0 0;}
.imglt [imgpa]{position:absolute;top:0;left:0;width:28%;border-radius:20px 20px 0 20px;}
[prix]{position:relative;z-index:2;width:69%;margin-left:31%;}

[br20]{border-radius:20px;}
.bxout{padding:110px 0;}
.gmodel{width:31%;}
.abox{width:69%;border-radius:20px;padding:20px 0;}
.abox ul li{width:calc(50% - 4px);vertical-align:top;padding:15px 35px;}
.abox ul li h1{font-size:25px;font-weight:400;padding:0 0 7px 0;}
.abox ul li p{font-size:17px;font-weight:300;color: rgba(0,0,0,0.9);}

.animbx{}
.gmodel [psimg]{bottom:0;max-width:300px;left:0;right:0;}
.seensc{width:100px;background: rgba(128,162,181,0.3);padding:15px;border-radius:12px;z-index:2;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);animation:mvee 0.4s;display:block;}
.psa1{bottom:62%;left:62%;}
.psa2{bottom:55%;left:2%;}
.psa3{bottom:34%;left:59%;}
.psa4{bottom:79%;left:30%;}
@keyframes mvee{0%{left:calc(50% - 50px);bottom:15%;} 100%{}}

.serrow{background: #63dfd7;border-radius:10px;padding:40px 20px;margin-top:60px;}
.serrow p{color: #fff;}


.hmprod{width:100%;background: #eee;padding:40px 0;border-radius:18px;}
.hoomepro section{width:33.33%;padding:0;text-align:left;margin:1px;}

.hoomepro section:nth-child(1) img{border-radius:18px 0 0 18px;}
.hoomepro section:nth-child(2) img{border-radius:0;}
.hoomepro section:nth-child(3) img{border-radius:0 18px 18px 0;}

[mreb]{display:inline-block;padding:11px 10px;border-radius:10px;background: #27bb9d;color: #fff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
[mreb]:hover{background: #14a386;}
.hoomepro section [mreb]{width:100%;text-align:center;}
.hoomepro section h1{font-size:17px;font-weight:400;padding:10px 0 0 10px;}
.hoomepro section h2{font-size:17px;font-weight:400;padding:7px 0 0 10px;}
.hoomepro section dl{padding:15px 0 0 0;}


.columnrw{padding:15px 0 25px 0;}
.columnrw section{width:33.33%;overflow:hidden;}
.columnrw section figure{background: #f9f0d0;padding:95px 25px 18px 25px;height:100%;}
.columnrw section figure [paig]{position:absolute;height:60px;top:18px;left:25px;}
.columnrw section:nth-child(1){padding-right:5px;border-radius:15px 0 0 15px;}
.columnrw section:nth-child(2){padding:0 5px 0 5px;border-radius:0 0 0 0;}
.columnrw section:nth-child(3){padding:0 0 0 5px; border-radius:0 15px 15px 0;}


.productst{}
.productst section{width:33.33%;display:inline-block;border:0.5pt solid #ccc;margin:0 0px;vertical-align:top;}
.productst section article{width:100%;height:360px;}
.productst section article img{max-width:80%;max-height:270px;}
.productst section h1{padding:4px 0 0 0;font-size:22px;font-weight:400;}
.productst section h2{padding:4px 0 0 0;font-size:16px;font-weight:400;color: #555;}
.productst section figure{padding:5px 20px 10px 20px;}

.oninfo{background: #eff8f8;}
.oninfo aside{width:150px;}
.oninfo section{width:calc(100% - 150px);padding:20px 30px;}
.oninfo section ul li{padding:12px 0 12px 35px;position:relative;}
.oninfo section ul li:before{content:'\ea4a';font-family:icomoon;position:absolute;left:0;top:14px;font-size:26px;color: #4ba7a7;}
.oninfo section ul li h1{font-size:20px;font-weight:400;padding:0 0 5px 0;color: #000;}
.oninfo section ul li p{font-size:17px;}

.detailrw aside{width:50%;}
.detailrw aside article{width:100%;padding:40px;border:0.5pt solid #ccc;}
.detailrw aside article img{max-width:60%;}
.detailrw section{width:50%;padding:0 0 0 25px;}
.pmrinfo{padding:40px 0 20px 0;}
.pmrinfo h1{padding:25px 0 8px 0;}
.pmrinfo p{padding:7px 0 7px 0;text-align:justify;}
.infoimg{padding:25px 0;text-align:center;}
.infoimg img{max-width:90%;}

[ntable]{border-collapse:collapse;}
[ntable] tr td{padding:6px 5px;font-size:16px;border-top:0.5pt dashed #ccc;}
[ntable] tr:nth-child(1) td{border-top:none;}

.backbtb{display:inline-block;padding:8px 10px 8px 27px;position:relative;font-size:16px;color: #555;cursor:pointer;}
.backbtb:hover{color:#1e9069;}
.backbtb:before{content:'\ea2f';font-family:icomoon;position:absolute;left:0;top:9px;}
.backbtb:hover:before{left:-2px;}

.delist{padding:0;columns: 25rem;gap: 2.5rem;counter-reset: grid;}
.boxst + .boxst {margin-top: 2.5rem;}
.boxst {break-inside: avoid;background: #d5f3ee;padding:0;box-shadow: -8px 8px 0px 0px #a2c5d4;text-align:center;}
.boxst::before {counter-increment: grid;/*content: counter(grid);*/}
.boxst section{padding:10px 25px 15px 25px;text-align:left;}
.boxst section h1{font-size:22px;font-weight:400;padding:10px 0 4px 0;}
.boxst section p{font-size:17px;padding:5px 0 5px 0;}

.grdin{padding:0;columns: 25rem;gap: 2.5rem;counter-reset: grid;}
.grda + .grda{margin-top: 2.5rem;}
.grda{break-inside: avoid;padding:0;text-align:center;}
.grda::before {counter-increment: grid;/*content: counter(grid);*/}


.grid2{padding:20px 0 20px 0;columns: 25rem;gap: 1.5rem;counter-reset: grid;}
.ingad + .ingad{margin-top: 1.5rem;}
.ingad{break-inside: avoid;padding:0;text-align:center;border-radius:12px;background: #f5f5f5;text-align:left;}
.ingad::before {counter-increment: grid;/*content: counter(grid);*/}
.ingad [ttld]{font-size:30px;padding:15px 15px 15px 15px;}

.contactus ul li a{font-size:16px;font-weight:300;color:#000;display:inline-block;padding:7px 0 4px 40px;}
.contactus ul li p{font-size:16px;font-weight:300;color:#000;display:inline-block;padding:7px 0 7px 5px;}
.contactus ul li a i{font-size:17px;width:32px;height:100%;top:0;left:0;text-align:center;top:8px;opacity:0.5;}

.stickybttm{position:sticky;bottom:0;z-index:36;width:100%;padding:5px 10px 10px 60px;}
.booknw{position:relative;/*top:15px;left:60px;z-index:50;*/}

[csclr]{font-size:15px;color: #222;font-weight:300;padding:15px 0 5px 0;}
[otable]{border-collapse:collapse;}
[otable] tr td{padding:6px 0;font-size:16px;border-top:0.5pt dashed #ccc;}
[crck]{padding:10px 0 11px 47px;display:inline-block;}

[pcr1]{background: #111;}

.dwnupt{padding:0 0 0 45px;display:none;}
.dwnup{border-radius:3px;border:0.5pt solid #acacac;width:130px;}
.dwnup button{border:none;width:40px;height:32px;background: #e1e1e1;font-size:15px;cursor:pointer;}
.dwnup h2{width:50px;font-size:17px;font-weight:400;text-align:center;padding:7px 0 0 0;}
[otable] tr [vbpd]{padding:0 0 12px 0;vertical-align:bottom;text-align:right;font-size:16px;}
.qerng{font-size:17px;font-weight:400;color:#fb4747;text-align:center;padding:15px 0;}
.wrning{font-size:17px;font-weight:400;color:#fb4747;text-align:center;padding:15px 0 5px 0;display:none;}

.sersrw{padding:0 0 10px 4px;text-align:left;}
.sersrw article{font-size:16px;font-weight:300;padding:7px 0 7px 26px;color: #555;}
.linka{padding:0 0 0 0;}





.mbmenu{position:fixed;z-index:10041;bottom:0;left:0;width:100%;background:#e4f0ed;border-top:0.5pt solid rgba(0,0,0,0.2);display:none;}
.mbmenu article{width:33.33%;font-size:15px;font-weight:400;padding:7px 0 5px 0;color: #0c8069;}
.mbmenu article a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;}
.mbmenu article i{display:block;padding:0 0 2px 0;font-size:18px;}


.snbxtp{padding:8% 0 0 0;}
.signbx{width:100%;max-width:370px;margin:0 auto;background: #ebf5f3;box-shadow: 45px -80px 0px 8px #96d9dd;padding:40px 37px;}
[inot]{padding:6px 0;}
[inpp]{padding:8px 14px;background: #fff;border-radius:8px;border:none;}

[btns]{display:inline-block;padding:9px 15px;border-radius:8px;background: #85ccd0;color: #fff;}
[btns]:hover{background: #96d9dd;}

.sgfifo{width:100%;max-width:370px;margin:0 auto;padding:0 0 20px 0;}
.sgfifo article{width:76px;}
.sgfifo article label{width:42px;height:42px;border-radius:50%;background: #fff;border:5px solid #fff;margin:0 auto;}
.sgfifo section{width:100%;padding:0 0 0 60px;}
.sgfifo section h1{font-size:22px;font-weight:300;color:rgba(0,0,0,0.8);text-transform:uppercae;color: #fff;}
.sgfifo section p{font-size:16px;color:rgba(0,0,0,0.8);color: #fff;}

[tabla]{border-collapse:collapse;}
[tabla] tr td{padding:7px 10px;font-size:17px;font-weight:300;}



.sblist{padding:15px 0 0 0;columns: 22rem;gap: 1rem;counter-reset: grid;}
.brbox + .brbox {margin-top: 1rem;}
.brbox {break-inside: avoid;background: #fff;padding:18px;box-shadow: 0 0 3px 0px rgba(0,0,0,0.05);text-align:left;border-radius:5px;}
.brbox::before {counter-increment: grid;/*content: counter(grid);*/}

[bbhet]{padding:0 0 10px 0;}
[bbhet] article{width:50px;height:50px;border-radius:50%;background:#e1e1e1;}
[bbhet] article input{width:100%;height:100%;top:0;left:0;z-index:5;opacity:0;}
.brbox .chngpt{width:18px;height:18px;background: #eee;bottom:0;right:-2px;border-radius:2px;font-size:13px;box-shadow: 0 0 2px 0px rgba(0,0,0,0.35);}
[bbhet] article:hover .chngpt{color: #fff;background: #00d18a;}
.brbox .nwspt{width:18px;height:18px;background: #eee;bottom:0;right:-2px;border-radius:2px;font-size:13px;box-shadow: 0 0 2px 0px rgba(0,0,0,0.35);}
[bbhet] article:hover .nwspt{color: #fff;background: #00d18a;}

[tablb]{border-collapse:collapse;}
[tablb] tr td{padding:3px 10px 3px 0;font-size:17px;}
.dteline article{height:8px;border-radius:4px;background: #e2e2e2;overflow:hidden;}
.dteline label{display:inline-block;padding:2px 0 3px 0;}
.dteline article span{height:100%;left:0;top:0;}
.dteline [dteen]{font-size:15px;font-weight:400;display:inline-block;padding:3px 0 0 0;}
.cntrlss{padding:10px 0 0 0;}


.infoxt p{font-size:16px;}



.setuser{background: #fff;border-radius:10px;padding:8px;cursor:pointer;box-shadow: 0 0 3px 0px rgba(0,0,0,0.05);}
.setuser article{width:36px;height:36px;border-radius:10px;background: #e2e2e2;}
.setuser label{display:inline-block;padding:8px 0 0 15px;}
.setuser i{width:36px;height:100%;top:0;right:0;font-size:17px;}

.selectdv{width:100%;padding:20px 8px;position:absolute;top:100%;left:0;box-shadow: 0 0 7px 0px rgba(0,0,0,0.27);background: #fff;border-radius:10px;z-index:36;
	max-height:calc(100vh - 200px);display:none;}
[setrw]{padding:8px;cursor:pointer;border-top:0.5pt solid #ccc;}
[setrw]:nth-child(1){border-top:none;}
[setrw] article{width:36px;height:36px;border-radius:10px;background: #e2e2e2;}
[setrw] label{display:inline-block;padding:8px 0 0 15px;font-size:16px;}
[setrw]:hover{background: #effcf9;}

.rowa{background: #fff;border-radius:10px;padding:8px;box-shadow: 0 0 3px 0px rgba(0,0,0,0.05);margin:18px 0;}

[curtme]{font-size:18px;font-weight:300;padding:0 0 20px 10px;color: #007a70;}
.colm5{padding:15px 8px 5px 8px;margin-top:35px;}
.colm5 section{width:20%;border-left:0.5pt solid #e2e2e2;padding:0 15px 0 15px;min-width:140px;}
.colm5 section:nth-child(1){border-left:none;}
.colm5 section h5{font-size:16px;font-weight:300;color: #474747;}
.colm5 section figure{width:100%;height:120px;}
.colm5 section figure h2{top:0;left:0;font-size:15px;font-weight:400;}
.colm5 section figure h3{font-size:36px;font-weight:400;}
.colm5 section figure article{bottom:5px;left:-4px;}
.colm5 section figure article svg{width:34px;height:34px;}
.colm5 section figure article svg path{fill:#00b0a1;}

.scrlx{overflow-x:auto;padding:0 0 15px 0;}

.rowb{padding:0 0 16px 0;}
.rowb section{width:calc(50% - 8px);border-radius:8px;box-shadow: 0 0 3px 0px rgba(0,0,0,0.05);background: #fff;padding:15px 15px 5px 15px;}
.rowb section:nth-child(1){margin-right:16px}

.chrtdate1{width:290px;background: #eee;border-radius:8px;overflow:hidden;}
.chrtdate1 input{width:calc(50% - 16px);background: none;padding:5px 5px 5px 10px;border:none;}
.chrtdate1 a, .chrtdate2 a{width:32px;height:100%;top:0;right:0;font-size:16px;}
.chrtdate1 a:hover, .chrtdate2 a:hover{color:#00a07c;cursor:pointer;}
.chrtdate1 input:hover, .chrtdate2 input:hover{background:#e2e2e2;}
.chrtdate1 input:focus, .chrtdate2 input:focus{background:#e9f7f4;}
.chrtdate2{width:160px;background: #eee;border-radius:8px;overflow:hidden;}
.chrtdate2 input{width:calc(100% - 32px);background: none;padding:5px 0 5px 10px;border:none;}
.charth{width:100%;height:100%;height:310px;padding:10px 0 0 0;}

.rowc{padding:0 0 16px 0;}
.rowc section{width:100%;border-radius:8px;box-shadow: 0 0 3px 0px rgba(0,0,0,0.05);background: #fff;padding:15px 15px 5px 15px;}


.mmap{width:calc(100% - 20px);margin:0 auto;height:calc(100% - 105px);border:10px;overlow:hidden;}
#mmap{border-radius:10px;}

.useronmp{width:300px;z-index:10040;}

.useronmp{background: rgba(255,255,255,0.7);border-radius:10px;padding:8px;cursor:pointer;box-shadow: 0 0 3px 0px rgba(0,0,0,0.1);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);
	top:10px;left:10px;}
.useronmp article{width:36px;height:36px;border-radius:10px;background: #e2e2e2;}
.useronmp label{display:inline-block;padding:8px 0 0 15px;font-size:16px;}
.musers i{width:36px;height:100%;top:0;right:0;font-size:17px;}

.sennuser{width:100%;top:100%;left:0;background: #fff;padding:20px 8px;border-radius:10px;box-shadow: 0 0 5px 0px rgba(0,0,0,0.36);max-height:calc(100vh - 200px);border:4px solid #fff;display:none;}
.sennuser dl{padding:7px 0;border-bottom:1px solid rgba(0,0,0,0);}
.sennuser dl:hover{border-bottom:1px solid #ccc;}

.userMk{width:40px;height:50px;position:relative;}
.userMk article{width:40px;height:40px;border:4px solid #00e0a9;border-radius:50%;position:relative;box-shadow: 0px 2px 8px 0 rgba(0,0,0,0.9);}
.userMk article:after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #fff;left:0;top:0;}
.userMk [btvw]{width:20px;height:12px;clip-path: polygon(0 0, 50% 100%, 100% 0);background: #00e0a9;position:absolute;left:10px;bottom:0;}
.wrnMk article{border:4px solid #ff5151;}
.wrnMk [btvw]{background: #ff5151;}

.usPhoto{padding:0 0 15px 9px;}
.usPhoto h1{padding:14px 0 0 15px;}
.usPhoto article{width:50px;height:50px;border-radius:5px;}
.resltst section{width:calc(50% - 16px);height:200px;display:inline-block;vertical-align:middle;margin:8px 8px;padding:14px;border-radius:5px;}
.resltst section article{width:100%;height:120px;font-size:36px;}
.resltst section [resxt]{top:10px;left:12px;font-size:15;font-weight:400;}
.resltst section article svg{position:absolute;left:-4px;bottom:0;width:34px;height:34px;}
.resltst section article svg path{fill:#00b0a1;}


.list1 li{padding:5px 0 5px 40px;}
.list1 li [kicn]{left:2px;width:28px;top:9px;}
[txtmr]{padding:20px 0 0 40px;}


.bttile{padding:40px 10px 0 10px;}
.bttile h1{font-size:18px;font-weight:500;
background-image: linear-gradient(2deg, #d83642, #1fab92, #2265c1, #6c22d2, #d83642, #d83642);
  color: transparent; -webkit-background-clip: text;background-clip: text;animation: gradientAnimation 4s linear infinite;
  animation-direction: alternate; background-size: 300% 100%;
}
@keyframes gradientAnimation { 0%{background-position: 0;} to {background-position: 100%;} }

.texte p{padding:10px 0;}