@charset "UTF-8";@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes zoom-in{0%{opacity:0;-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);-webkit-transform:scale(.95);transform:scale(.95)}100%{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes open-flip{0%{transform:rotateX(45deg) scale(.8);opacity:0}100%{transform:rotateX(0deg) scale(1);opacity:1}}.cls-1{fill:#fff}.cls-2{fill:#fc273b}.cls-3{fill:#1aa6b7}.cls-4{fill:#ffe443}#hello{overflow-y:clip;min-height:300px;position:relative;background-image:url("../images/pics/hero-agence-kyracom-creation-logo-tablette-graphique.jpg");background-image:url("../images/pics/hero-agence-kyracom-creation-logo-tablette-graphique.webp");background-size:cover;background-position:center}#hello .hero-video{display:none!important;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .5s ease-in-out}#hello .hero-video.loaded{opacity:1}#hello .hero-video-tablet,#hello .hero-video-mobile{display:none}#hello .row{padding:50px 0;padding:3.125rem 0}#hello:before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(32,68,120,.75) 0%,rgba(32,68,120,.75) 35%,rgba(26,166,183,.75) 100%);z-index:1}#hello .responsive-container{position:relative;z-index:2}#hello .title{padding:32px 32px;padding:2rem 2rem;max-width:1050px}#hello .title h1{font-size:88px;font-size:5.5rem;line-height:5.5rem}#hello .title ul li{font-size:28px;font-size:1.75rem;display:inline-block}#hello .title ul li:not(:first-child):before{content:"•";margin-left:24px;margin-left:1.5rem;margin-right:28px;margin-right:1.75rem}#hello .title .lab-red{display:inline-block;margin-left:-6px;margin-left:-.375rem;padding:6px 12px;padding:.375rem .75rem;color:#fff;position:relative;z-index:2}#hello .title .lab-red:before{content:"";position:absolute;top:11%;left:-2%;height:78%;width:104%;background-color:#fc273b;transform:rotate(-2deg);transform-origin:center;z-index:-1;display:block}#hello .title .rating{display:inline-flex;gap:4px;font-size:45px;color:#ffd700}#hello .title .star{font-family:Arial,sans-serif}#hello .title .google:hover .star:nth-child(1){animation:pulseAnim .25s ease-in-out;animation-delay:0s}#hello .title .google:hover .star:nth-child(2){animation:pulseAnim .25s ease-in-out;animation-delay:.2s}#hello .title .google:hover .star:nth-child(3){animation:pulseAnim .25s ease-in-out;animation-delay:.4s}#hello .title .google:hover .star:nth-child(4){animation:pulseAnim .25s ease-in-out;animation-delay:.6s}#hello .title .google:hover .star:nth-child(5){animation:pulseAnim .25s ease-in-out;animation-delay:.8s}@media(min-width:1921px){#hello{background-image:url("../images/pics/hero-agence-kyracom-creation-logo-tablette-graphique-4k.webp")}#hello .title{padding:64px 72px;padding:4rem 4.5rem;max-width:1500px}}@media(min-width:1024px) and (max-width:1279px){#hello .title{padding:32px 64px;padding:2rem 4rem;max-width:none}}@media(min-width:768px) and (max-width:1023px){#hello{background-image:url("../images/pics/hero-agence-kyracom-creation-logo-tablette-graphique-tab.webp")}#hello .hero-video-desktop,#hello .hero-video-mobile{display:none}#hello .hero-video-tablet{display:block}#hello .full-window{min-height:calc(100vh - 60px)!important;min-height:calc(100vh - 3.75rem)!important}#hello .title{padding:32px 32px;padding:2rem 2rem;margin:auto}#hello .title h1{font-size:72px;font-size:4.5rem;line-height:4.5rem}}@media screen and (max-width:767px){#hello{background-image:url("../images/pics/hero-agence-kyracom-creation-logo-tablette-graphique-mob.webp")}#hello .hero-video-desktop,#hello .hero-video-tablet{display:none}#hello .hero-video-mobile{display:block}#hello .title{padding:48px 24px 48px 24px;padding:3rem 1.5rem 3rem 1.5rem;margin:auto;text-align:center;width:100%}#hello .title img{width:175px;height:auto}#hello .title h1{font-size:36px;font-size:2.25rem;line-height:2.5rem}#hello .title ul li{font-size:24px;font-size:1.5rem;display:block}#hello .title ul li:before{content:"";margin-left:0;margin-left:0;margin-right:0;margin-right:0}#hello .title ul li:not(:first-child):before{content:"";margin-left:0;margin-left:0;margin-right:0;margin-right:0}#hello .title .logo-google{width:125px}#hello .title .rating{font-size:32px}#hello .full-window{min-height:calc(100vh - 60px)!important;min-height:calc(100vh - 3.75rem)!important}}@keyframes pulseAnim{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}#agence{padding-top:220px;position:relative}#agence::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("../images/pics/pattern-background-kyracom-border-section-blue.svg");background-size:auto 280px;background-position:bottom;background-repeat:repeat-x;transform:scaleY(-1)}#agence .title{position:relative}#agence .title .spectre{position:absolute;color:#696969;font-size:120px;font-size:7.5rem;top:-18%;left:-5%;z-index:-1;opacity:.1}#agence .number{font-size:56px;font-size:3.5rem;font-family:Tangosans,Roboto,Arial,sans-serif}#agence .illu{position:relative;height:100%;width:100%;max-width:950px}#agence .illu .code{position:absolute;top:8%;left:15%;width:45%;max-width:333px;max-width:20.8125rem;height:auto;-moz-box-shadow:rgba(0,0,0,.3137254902) 2px;-webkit-box-shadow:rgba(0,0,0,.3137254902) 2px;box-shadow:0 2px 10px 2px rgba(0,0,0,.3137254902)}#agence .illu .code img{width:100%}#agence .illu .crea{position:absolute;top:19%;right:15%;width:45%;max-width:333px;max-width:20.8125rem;height:auto}#agence .illu .crea .block-crea{position:relative}#agence .illu .crea .block-crea .pao{position:relative;z-index:3}#agence .illu .crea .block-crea img{width:100%;position:relative;z-index:2;-moz-box-shadow:rgba(0,0,0,.3137254902) 2px;-webkit-box-shadow:rgba(0,0,0,.3137254902) 2px;box-shadow:0 2px 10px 2px rgba(0,0,0,.3137254902)}#agence .illu .crea .block-crea .block-crea-coq{z-index:1;position:absolute;top:-20%;left:55%;width:34%}#agence .illu .crea .block-crea #coq-agence{width:100%;-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);-webkit-transform:rotateZ(10deg);transform:rotateZ(-10deg) scaleX(-1)}#agence .illu.sca-run{opacity:1}#agence .illu.sca-run .code{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#agence .illu.sca-run .crea .pao{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#agence .illu.sca-run .crea .block-crea-coq{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media(min-width:1024px) and (max-width:1279px){#agence .illu .code{position:absolute;top:4%;left:0%;width:60%}#agence .illu .crea{position:absolute;bottom:4%;right:12%;width:60%}}@media screen and (max-width:1023px){#agence{background-size:auto 240px}#agence::before{background-size:auto 160px}#agence .text{margin-top:38px;margin-top:2.375rem}#agence .illu .code{position:relative;float:left;left:8%;top:0%}#agence .illu .crea{top:19%}#agence .title{margin-top:125px;margin-top:7.8125rem}#agence .title .spectre{font-size:96px;font-size:6rem;left:-2%}}@media screen and (max-width:767px){#agence{padding-top:200px}#agence::before{background-size:auto 175px}#agence .illu .code{width:65%}#agence .illu .crea{position:absolute;top:10%;right:0%;width:65%}#agence .illu .crea .block-crea{position:relative}#agence .illu .crea .block-crea img{width:100%;position:relative;z-index:2;-moz-box-shadow:rgba(0,0,0,.3137254902) 2px;-webkit-box-shadow:rgba(0,0,0,.3137254902) 2px;box-shadow:0 2px 10px 2px rgba(0,0,0,.3137254902)}#agence .illu .crea .block-crea .block-crea-coq{z-index:1;position:absolute;top:-20%;left:55%;width:34%}#agence .illu .crea .block-crea #coq-agence{width:100%;-moz-transform:rotateZ(10deg);-ms-transform:rotateZ(10deg);-o-transform:rotateZ(10deg);-webkit-transform:rotateZ(10deg);transform:rotateZ(-10deg) scaleX(-1)}#agence .title{margin-top:75px;margin-top:4.6875rem}#agence .title .spectre{font-size:48px;font-size:3rem;font-size:18vw;top:2%;left:-2%}}#services{position:relative}#services .cocottes svg{max-height:64px;fill:#fff}@media(min-width:768px) and (max-width:1023px){#services .cocottes svg{max-height:120px}}@media screen and (max-width:767px){#services .cocottes svg{max-height:64px;max-width:20%}}#services #oeuf{margin:0 -8px}#services #oeuf:not(:hover){animation:egg-life 3s ease-in-out 0s infinite normal none}#services #oeuf:hover #coquille-basse{transform:translateY(-5px);-moz-transition:transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}#services #oeuf:hover #coquille-haute{transform:translateY(-10px) rotate(6deg);transform-origin:bottom right;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#services #poussin{-moz-transition:transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}#services #poussin:not(:hover){animation:bascule 4s ease-in-out 2s infinite normal none}#services #poussin:hover{transform:translateY(-5px) rotate(8deg)}#services #coq{-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#services #coq:not(:hover) .barbillon{animation:codec 2s infinite}#services #coq:hover{transform:translateY(-5px)}#services #coq:hover .crete{transform:rotate(-45deg) translateX(-18px) translateY(7px);-moz-transition:transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}#services #coq-royal{-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#services #coq-royal:not(:hover) .barbillon{animation:cocorico 3s infinite}#services #coq-royal:hover{transform:translateY(-5px)}#services #coq-royal:hover .couronne{transform:rotate(15deg) translateX(-10px) translateY(-5px);transform-origin:bottom left;-moz-transition:transform .25s ease-in-out;-o-transition:transform .25s ease-in-out;-webkit-transition:transform .25s ease-in-out;transition:transform .25s ease-in-out}#services .service{display:block;position:relative;height:450px;width:100%;overflow:hidden;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#services .service::before{content:" ";position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;background:linear-gradient(0deg,#204478,rgba(32,68,120,.6) 15%,rgba(32,68,120,0) 60%);z-index:1;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}#services .service::after{content:"+";color:#fff;text-align:right;font-size:40px;font-family:Verdana;position:absolute;bottom:0;right:0;padding-top:20px;padding-right:4px;width:64px;height:45px;background-color:#1aa6b7;clip-path:polygon(100% 0,0 100%,100% 100%);z-index:3;opacity:0;-moz-transition:opacity .25s;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}#services .service img{object-fit:cover;width:100%;height:100%;-moz-transition:transform .25s;-webkit-transition:transform .25s;-o-transition:transform .25s;transition:transform .25s}#services .service .service-text{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:2}#services .service:hover::before{height:100%;background:linear-gradient(0deg,#204478,rgba(32,68,120,.6) 15%,rgba(32,68,120,0) 60%);background-color:#204478;opacity:.8}#services .service:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}#services .service:hover::after{opacity:1}@media(min-width:768px) and (max-width:1023px){#services .service{height:300px}#services .service::before{background:linear-gradient(0deg,rgba(32,68,120,.5),rgba(32,68,120,.25) 100%)}#services .service::after{opacity:1}}@media screen and (max-width:767px){#services .service{height:220px}#services .service::before{background:linear-gradient(0deg,rgba(32,68,120,.5),rgba(32,68,120,.25) 100%)}#services .service::after{opacity:1}}@keyframes egg-life{0%,100%{transform:rotate(0deg);transform-origin:bottom center}5%{transform:rotate(-6deg)}10%{transform:rotate(6deg)}15%{transform:rotate(-6deg)}20%{transform:rotate(3deg)}25%{transform:rotate(0deg)}}@keyframes bascule{0%,100%{transform:rotate(0deg);transform-origin:bottom center}10%{transform:rotate(-8deg)}20%{transform:rotate(8deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(4deg)}50%{transform:rotate(0deg)}}@keyframes codec{0%,100%{transform:translateY(0);transform-origin:bottom center}5%{transform:translateY(2px)}10%{transform:translateY(0)}15%{transform:translateY(2px)}20%{transform:translateY(0)}25%{transform:translateY(2px)}30%{transform:translateY(0)}}@keyframes cocorico{0%,100%{transform:translateY(0);transform-origin:bottom center}5%{transform:translateY(4px)}10%{transform:translateY(2px)}15%{transform:translateY(3px)}20%{transform:translateY(1px)}25%{transform:translateY(4px)}30%{transform:translateY(5px)}40%{transform:translateY(0)}}#cocoricoo-separator{overflow-y:hidden;text-align:center}#cocoricoo-separator span{color:rgba(237,237,237,.2);font-size:15vw}#choix{position:relative}#choix h2{font-size:3rem}#choix li{margin-top:34px;margin-top:2.125rem;display:flex;align-items:flex-start}#choix li.first-second-column{margin:0}#choix li .check-icon{width:24px;height:24px;min-width:24px;background-color:transparent;border:2px solid #3abdb6;border-radius:6px;margin-right:15px;position:relative;margin-top:20px}#choix li .check-icon::before{content:"";position:absolute;top:-6px;left:11px;width:6px;height:18px;border:solid #3abdb6;background-color:#204478;border-radius:2px;border-width:0 4px 4px 0;box-shadow:4px 0 0 #204478;transform:rotate(50deg)}#choix li p{margin:20px 0;margin:1.25rem 0}#choix #beee-solaire{position:absolute;bottom:0;left:0;opacity:1;z-index:1}#choix #beee-solaire img{max-width:550px;max-width:34.375rem;width:30vw;height:auto;opacity:0;z-index:100}#choix #beee-solaire.sca-run img{animation:insert 1s ease 0s 1 normal forwards}#choix #beee-solaire.sca-run svg{animation:zoom .1s ease .75s 1 normal forwards}#choix #beee-solaire .lien-beee{position:absolute;bottom:48px;bottom:3rem;right:-160px;right:-10rem}@media(min-width:1024px) and (max-width:1279px){#choix #beee-solaire img{max-width:350px;max-width:21.875rem;width:28vw;height:auto;opacity:0;z-index:100}}@media screen and (max-width:1023px){#choix #beee-solaire{display:none}}@media(min-width:768px) and (max-width:1023px){#choix li{margin-top:0;margin-top:0}}@media screen and (max-width:767px){#choix h2{font-size:2rem}#choix li{text-align:left;margin-top:0;margin-top:0}}@keyframes insert{0%{opacity:0;transform:translateX(-100%) rotate(-15deg) scale(.8);transform-origin:60% bottom}50%{opacity:1;transform:translateX(15px) rotate(6deg) scale(1)}75%{opacity:1;transform:translateX(-6px) rotate(-1.2deg)}100%{opacity:1;transform:translateX(0) rotate(0deg)}}#review{background-image:url("../images/pics/agence-kyracom-avis-clients.jpg");background-image:url("../images/pics/agence-kyracom-avis-clients.webp");background-size:cover;background-position:center;background-position-y:175px;background-repeat:no-repeat}#review:before{content:" ";display:block;position:absolute;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(32,68,120,.9) 80%,#204478 100%)}#review .title img{margin-bottom:-8px}#review .reviews{background-color:#fff;-moz-box-shadow:0 16px 16px 1px rgba(32,32,32,.25);-webkit-box-shadow:0 16px 16px 1px rgba(32,32,32,.25);box-shadow:0 16px 16px 1px rgba(32,32,32,.25);min-height:500px}#review .reviews .reviews-viewport{position:relative}#review .reviews .reviews-viewport .reviews-track{display:flex;gap:2rem;padding:0;margin:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}#review .reviews .reviews-viewport .reviews-track::-webkit-scrollbar{display:none}#review .reviews .reviews-viewport .reviews-track{scrollbar-width:none;-ms-overflow-style:none}#review .reviews .reviews-viewport .review-slide{flex:0 0 100%;scroll-snap-align:center}#review .reviews .reviews-viewport .reviews-nav{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;border:0;background-color:transparent;line-height:1;font-size:50px;display:grid;place-items:center;user-select:none}#review .reviews .reviews-viewport .reviews-nav:focus-visible{outline:2px solid #1e90ff}#review .reviews .reviews-viewport .reviews-nav.prev{left:8px}#review .reviews .reviews-viewport .reviews-nav.next{right:8px}#review .reviews .reviews-viewport .reviews-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}#review .reviews .reviews-viewport .reviews-dots .dot{width:8px;height:8px;border-radius:999px;background:#cfd6e4;border:0;padding:0;cursor:pointer}#review .reviews .reviews-viewport .reviews-dots .dot.active{width:22px;background:#1f2445;transition:width .25s}#review .reviews .reviews-viewport .reviews-viewport::before,#review .reviews .reviews-viewport .reviews-viewport::after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}#review .reviews .reviews-viewport .reviews-viewport::before{left:0}#review .reviews .reviews-viewport .reviews-viewport::after{right:0;transform:scaleX(-1)}#review .reviews .reviews-viewport blockquote p::before{content:"“";font-size:28px;margin-right:8px}#review .reviews .reviews-viewport blockquote p::after{content:"”";font-size:28px;margin-left:8px}@media(min-width:768px) and (max-width:1023px){#review .reviews .reviews-viewport .reviews-nav.prev{left:-50px}#review .reviews .reviews-viewport .reviews-nav.next{right:-50px}}@media screen and (max-width:767px){#review .reviews{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#review .reviews .reviews-viewport .reviews-nav.prev{left:-30px}#review .reviews .reviews-viewport .reviews-nav.next{right:-30px}}#review .logo-carousel-container{width:100%;position:relative;padding:2rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}#review .logo-carousel-container .logo-list{overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#review .logo-carousel-container .logo-list::-webkit-scrollbar{display:none}#review .logo-carousel-container .logo-list ul{list-style:none;margin:0;padding:0;display:flex;width:fit-content;animation:scroll-left-to-right 40s linear infinite}#review .logo-carousel-container .logo-list ul .logo{margin:0 2.5rem;flex-shrink:0}#review .logo-carousel-container .logo-list ul .logo img{filter:brightness(0) invert(1);transition:filter .3s ease,opacity .3s ease;width:128px;height:auto}#review .logo-carousel-container .logo-list ul .logo img:hover{filter:none}#review .logo-carousel-container:hover .logo-list ul{animation-play-state:paused}@keyframes scroll-left-to-right{from{transform:translateX(0%)}to{transform:translateX(-50%)}}@media(min-width:768px) and (max-width:1023px){#review{background-image:url("../images/pics/agence-kyracom-avis-clients-tab.webp")}}@media screen and (max-width:767px){#review{background-color:#204478;background-image:none}#review:before{display:none}}#your-project{padding-bottom:150px;padding-bottom:9.375rem;background-image:url("../images/pics/pattern-background-kyracom-border-section-white.svg");background-size:auto 220px;background-position:bottom;background-repeat:repeat-x}@media screen and (max-width:767px){#your-project{background-size:auto 175px}}@keyframes caroussel{0%{left:100%;transform:translateX(-100%) scale(.5);opacity:0}3%{left:100%;transform:translateX(-100%) scale(1);opacity:1}47%{left:0%;transform:translateX(0%) scale(1);opacity:1}50%,100%{left:0%;transform:translateX(0%) scale(.5);opacity:0}}@keyframes zoom-in-out{0%{transform:scale(.5);opacity:0}2%{transform:scale(1);opacity:1}9%{transform:scale(1);opacity:1}11%,100%{transform:scale(.5);opacity:0}}