@import"https://fonts.googleapis.com/css2?family=Exo+2&display=swap";@import"https://fonts.googleapis.com/css2?family=Staatliches&display=swap";@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{transition:all 1s ease-in-out;font-family:"Exo 2",Roboto}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}header{position:fixed;top:0;display:flex;padding:20px;width:100%;justify-content:space-between;z-index:10}header .logo{position:relative;display:flex;align-items:center}header .logo-icon{width:90px}header .name-text{position:absolute;right:-275px;opacity:0;letter-spacing:10px;transition:all .2s linear;font-family:"Exo 2",Roboto;color:#fff;visibility:hidden}@media only screen and (max-width:768px){header .name-text{font-size:15px}}header .link{--border-color: #858585;--border-width: 5px;--bottom-distance: 0px;font-weight:700;display:inline-block;font-size:12px;background-image:linear-gradient(var(--border-color),var(--border-color));background-size:0% var(--border-width);background-repeat:no-repeat;transition:background-size .5s;margin:5px 0;background-position:50% calc(100% - var(--bottom-distance))}header .link:hover{background-size:100% var(--border-width)}.client-card{position:relative;perspective:40em;display:grid;transform-style:preserve-3d;margin:5vw 2.5vw;cursor:pointer}@media only screen and (max-width:768px){.client-card{margin:10vw 2.5vw}}.client-card .card{grid-area:1/1;width:25vw;height:15vw;transform:translate(10px) rotateY(25deg) rotateX(10deg);background-color:#363636e0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;color:#000;text-transform:uppercase;font-size:20px;font-weight:900;transition:all 1s ease-in-out;backface-visibility:hidden;box-shadow:0 10px 30px -3px #ffffff1a}@media only screen and (max-width:768px){.client-card .card{transform:unset;width:70vw;height:45vw}}.client-card .card .client-logo{width:120px;object-fit:contain;transition:all .2s ease-in-out;margin-bottom:20px}@media only screen and (max-width:768px){.client-card .card .client-logo{margin-bottom:10px;width:140px}}.client-card .card p{font-size:1.5vw;text-align:center}@media only screen and (max-width:768px){.client-card .card p{font-size:3vw;color:#fff}}.client-card:hover .client-logo{filter:grayscale(1)}.client-card:before{--bw: 9px;grid-area:1/1;content:"";backface-visibility:hidden;height:100%;width:100%;margin-top:calc(-1 * var(--bw));margin-left:calc(-1 * var(--bw));background:transparent;transform:translate(-60px) rotateY(-30deg) rotateX(15deg) scale(1.03);pointer-events:none;border:var(--bw) solid rgb(148,148,148);box-sizing:content-box}@media only screen and (max-width:768px){.client-card:before{transform:unset}}.client-card:hover>div,.client-card:hover:before{transform:none}.client-card>div,.client-card:before{will-change:transform;transition:.5s transform cubic-bezier(.25,.46,.45,1)}.footer{margin-top:150px;padding-bottom:6vw;padding-left:3vw;color:#fff}@media only screen and (max-width:768px){.footer{margin-top:30px;padding-left:0;text-align:center;padding-bottom:60px}}.footer h2{letter-spacing:10px;font-size:12px}.footer .social-links{display:flex;font-size:50px;font-weight:700;font-family:Black Han Sans,sans-serif;margin-bottom:50px}@media only screen and (max-width:768px){.footer .social-links{justify-content:center;font-size:35px;margin-bottom:20px}}.footer .social-links .link-wrapper{display:flex;align-items:baseline;margin-right:1vw}.footer .social-links .link-wrapper a{color:#fff;text-decoration:none}.footer .social-links .link-wrapper .dot{font-size:80px;line-height:0}.footer .social-links .social{cursor:pointer}.footer .move-forward{font-size:50px;font-weight:bolder!important;font-family:Black Han Sans,sans-serif;word-spacing:10px;line-height:.9}@media only screen and (max-width:768px){.footer .move-forward{font-size:35px;text-align:center}}.footer .move-forward .underline{position:relative;color:#fff;text-decoration:none}.footer .underline:after{content:"";display:block;width:100%;height:.35em;position:absolute;top:66%;left:0;background-color:#fff;opacity:.4;transition-duration:.3s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.55,0,.1,1)}.portfolio-container .quote{display:flex;justify-content:center;align-items:center;height:100vh;transition:all .2s linear;background-color:transparent}@media only screen and (max-width:768px){.portfolio-container .quote{height:75vh}}.portfolio-container .quote .text{color:#0f0;font-family:Courier;font-size:45px;white-space:nowrap;overflow:hidden;width:30em;text-align:center;animation:type 8s steps(60,end)}@media only screen and (max-width:768px){.portfolio-container .quote .text{font-size:22px;width:100%}}.portfolio-container .quote .text span{animation:blink 1s infinite}@keyframes type{0%{width:0}}@keyframes blink{to{opacity:0}}.portfolio-container .quote ::selection{background:#000}.portfolio-container .desktop-wrapper{display:flex;align-items:flex-start;margin-bottom:50px}@media only screen and (max-width:768px){.portfolio-container .desktop-wrapper{flex-direction:column;align-items:center}}.portfolio-container .desktop-wrapper .title{position:sticky;top:350px;display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;text-align:center;color:#fff;margin-bottom:13vw;margin-top:6vw}@media only screen and (max-width:768px){.portfolio-container .desktop-wrapper .title{position:relative;top:0}}.portfolio-container .desktop-wrapper .title h1{font-size:40px;margin-left:10px;margin-top:20px;text-transform:uppercase;font-family:Black Han Sans,sans-serif}.portfolio-container .desktop-wrapper .title .icon-wrapper{position:relative;width:240px}.portfolio-container .desktop-wrapper .title .icon-wrapper .pc-icon{object-fit:contain;width:240px}.portfolio-container .desktop-wrapper .title .icon-wrapper .snap{position:absolute;top:8px;left:3%;width:94%;height:69%}.portfolio-container .desktop-wrapper .clients{display:flex;flex:2;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}.portfolio-container .app-wrapper{display:flex;align-items:center}@media only screen and (max-width:768px){.portfolio-container .app-wrapper{flex-direction:column-reverse}}.portfolio-container .app-wrapper .clients{display:flex;flex:2;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}.portfolio-container .app-wrapper .title{position:sticky;top:350px;display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;text-align:center;color:#fff}@media only screen and (max-width:768px){.portfolio-container .app-wrapper .title{position:relative;top:0}}.portfolio-container .app-wrapper .title h1{font-size:40px;margin-left:10px;font-family:Black Han Sans,sans-serif;margin-top:20px;text-transform:uppercase}.portfolio-container .app-wrapper .title .icon-wrapper{position:relative;width:240px}.portfolio-container .app-wrapper .title .icon-wrapper .pc-icon{object-fit:contain;width:240px}.portfolio-container .app-wrapper .title .icon-wrapper .snap{position:absolute;top:40px;left:3%;width:94%;height:82%;object-fit:cover}.portfolio-container .popup-container{position:fixed;display:flex;top:0;left:0;justify-content:center;align-items:center;width:100%;height:100vh;z-index:100}.portfolio-container .popup-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000}.portfolio-container .popup-container .popUp{position:relative;display:flex;justify-content:center;align-items:center;width:85vw;min-height:80vh;background:#fff;z-index:200;overflow:unset;padding:10px}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp{flex-direction:column;min-height:90vh}}.portfolio-container .popup-container .popUp .line{position:absolute;height:1px;top:50%;width:100%;background:#fff;display:none;z-index:1}.portfolio-container .popup-container .popUp .slider{flex:1}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .slider{height:70vw;width:83vw;flex:none}}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .slider .carousel{height:40vw}}.portfolio-container .popup-container .popUp .slider .control-next.control-arrow:before{border-left:8px solid #000}.portfolio-container .popup-container .popUp .slider .control-prev.control-arrow:before{border-right:8px solid #000}.portfolio-container .popup-container .popUp .slider .app-image{width:25%}.portfolio-container .popup-container .popUp .info{flex:1;transition:all 1.5s ease;overflow:hidden;align-self:flex-start;margin-left:3vw}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info{width:100%;margin-left:0;height:55vw}}.portfolio-container .popup-container .popUp .info .link{text-align:center;display:block}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info .link{margin-bottom:4vw!important}}.portfolio-container .popup-container .popUp .info h1{text-align:center}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info h1{font-size:22px;margin-bottom:4vw!important}}.portfolio-container .popup-container .popUp .info .tab{position:relative;display:flex;width:100%}.portfolio-container .popup-container .popUp .info .tab .tab-header{width:50%;text-align:center;padding:1vw 0;cursor:pointer}.portfolio-container .popup-container .popUp .info .tab .indicator{width:50%;height:4px;position:absolute;bottom:0;transition:.3s ease;left:0%}.portfolio-container .popup-container .popUp .info .tabs{display:flex;width:200%;transition:.3s ease;transform:translate(0);margin-top:1vw}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info .tabs{overflow:auto;margin-top:3vw;height:85vw}}.portfolio-container .popup-container .popUp .info .tabs .tab1{width:50%;height:100%}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info .tabs .tab1{overflow:scroll}}.portfolio-container .popup-container .popUp .info .tabs .tab1 ul{list-style-type:square;padding:20px}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info .tabs .tab1 ul{padding:0 20px 20px}}.portfolio-container .popup-container .popUp .info .tabs .tab1 ul li{position:relative;margin-left:1em;padding:10px;animation:fadeIn .5s linear;animation-fill-mode:both}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(1){animation-delay:.15s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(2){animation-delay:.3s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(3){animation-delay:.45s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(4){animation-delay:.6s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(5){animation-delay:.75s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(6){animation-delay:.9s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(7){animation-delay:1.05s}.portfolio-container .popup-container .popUp .info .tabs .tab1 li:nth-child(8){animation-delay:1.2s}@keyframes fadeIn{0%{opacity:0;top:100px}75%{opacity:.5;top:0}to{opacity:1}}.portfolio-container .popup-container .popUp .info .tabs .tab2{width:50%;height:100%}@media only screen and (max-width:768px){.portfolio-container .popup-container .popUp .info .tabs .tab2{overflow:scroll}}.portfolio-container .popup-container .popUp .info .tabs .tab2 .desc{padding:20px}.portfolio-container .popup-container .popUp .info .tabs .tab2 .desc p{padding:10px}.logo:hover .name-text{letter-spacing:5px;opacity:1;visibility:visible;right:-200px}@media only screen and (max-width:768px){.logo:hover .name-text{right:-190px}}.ani-show{animation:animate-in 1s}@keyframes animate-in{0%{opacity:0}to{opacity:1}}.about_page_container{display:flex;background-color:#151312;height:100%;padding-top:60px;min-height:100vh;color:#fff}.about_page_container .about_column_container{align-items:center;background-color:#fff0;display:flex;flex:none;flex-wrap:nowrap;flex-direction:column;gap:10px;height:min-content;justify-content:center;overflow:visible;padding:0;position:relative;width:100%}.about_page_container .about_column_container .about_column_wrapper{align-items:flex-start;background-color:#fff0;display:flex;flex:1 0 0px;flex-wrap:nowrap;gap:100px;height:min-content;justify-content:flex-start;max-width:1140px;overflow:visible;padding:0;position:relative;margin-top:60px}.about_page_container .about_column_container .about_column_wrapper .left_colum{display:flex;flex-direction:column;align-items:center;top:40px;position:relative;position:sticky;background-color:#fff;border-radius:16px;padding:30px 20px;font-family:Black Han Sans,sans-serif;text-align:center;overflow:hidden;flex-shrink:0}.about_page_container .about_column_container .about_column_wrapper .left_colum .name{font-size:24px;margin-top:24px;color:#000}.about_page_container .about_column_container .about_column_wrapper .left_colum .desc{max-width:300px;margin-top:120px;color:#6a6b6e}.about_page_container .about_column_container .about_column_wrapper .left_colum .design1{position:absolute;top:-18px;left:0;width:194px;height:100px}.about_page_container .about_column_container .about_column_wrapper .left_colum .design2{position:absolute;flex:none;height:166px;top:368px;left:-135px}.about_page_container .about_column_container .about_column_wrapper .right_colum{display:flex;flex-direction:column}.about_page_container .about_column_container .about_column_wrapper .right_colum .desc{font-size:18px;line-height:140%;margin-top:16px}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter_wrapper{gap:24px;margin-top:60px}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter{animation:counter var(--animation-duration, 2s) ease-in-out forwards;counter-reset:num var(--num);counter-set:num var(--num);font:800 40px system-ui;font-family:Black Han Sans,sans-serif;font-size:80px}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter:after{content:counter(num)}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper{margin-top:120px}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;height:320px;margin-top:60px}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item{position:relative;text-align:center}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item:hover .skill_name{display:block;-webkit-user-select:none;user-select:none}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item:hover .skill_image{display:none}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item .skill_name{display:none}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block .skill_item .skill_image{width:60px;height:60px;object-fit:contain}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper{margin-top:80px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper{display:flex;flex-direction:column;gap:60px;margin-top:60px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block{position:relative;display:flex;flex-direction:column;gap:16px;border-radius:16px;padding:16px;line-height:140%;transition:all .2s ease-in-out}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block .company_name{font-size:26px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block .company_post{font-size:16px;color:#6a6b6e}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block .arrow_icon{position:absolute;top:50px;right:50px;width:24px;height:24px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block .experience_desc_wrapper{padding-left:20px;margin-top:16px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block .experience_desc_wrapper li{margin-bottom:8px}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block:hover{background-color:#ffffff08}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block:hover .arrow_icon{animation:bounce2 2s ease infinite}.about_page_container .about_column_container .about_column_wrapper .right_colum .work_experience_wrapper .experience_card_wrapper .experience_card_block:active{scale:1.01}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes counter{0%{--num: 0}to{--num: var(--target-num, 100)}}.about_page_container .header-text{display:flex;flex-direction:column;font-family:Black Han Sans,sans-serif;font-size:80px;letter-spacing:12px;color:#fff;text-transform:uppercase}.about_page_container .header-text span{color:#6a6b6e}.flex{display:flex}.f1{flex:1}.jcc{justify-content:center}.jcsb{justify-content:space-between}.jcsa{justify-content:space-around}.jcse{justify-content:space-evenly}.jce{justify-content:end}.aic{align-items:center}.fdc{flex-direction:column}.g4{gap:4px}.g6{gap:6px}.g8{gap:8px}.g16{gap:16px}@media(max-width:1300px){.g16{gap:8px}}@media(min-width:1080px)and (max-width:1439px){.about_page_container .about_column_container .about_column_wrapper{gap:50px;padding:0 40px}.about_page_container .header-text{font-size:60px}}@media(min-width:810px)and (max-width:1079px){.about_page_container .about_column_container .about_column_wrapper{flex-direction:column;gap:40px;max-width:810px;padding:0 30px}.about_page_container .about_column_container .about_column_wrapper .left_colum{position:relative;top:unset;width:100%}.about_page_container .about_column_container .about_column_wrapper .left_colum .desc{width:100%;margin-top:16px}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter_wrapper{justify-content:center}.about_page_container .header-text{font-size:60px;text-align:center}}@media(max-width:809px){.about_page_container .about_column_container .about_column_wrapper{flex-direction:column;gap:40px;max-width:810px;padding:0 30px}.about_page_container .about_column_container .about_column_wrapper .left_colum{position:relative;top:unset;width:100%}.about_page_container .about_column_container .about_column_wrapper .left_colum .profile_image{width:280px!important}.about_page_container .about_column_container .about_column_wrapper .left_colum .desc{width:100%;margin-top:16px}.about_page_container .about_column_container .about_column_wrapper .left_colum .design2{top:38%;left:-25%;rotate:16deg}.about_page_container .about_column_container .about_column_wrapper .right_colum .desc{margin-top:16px;width:90%;align-self:center}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter_wrapper{justify-content:center}.about_page_container .about_column_container .about_column_wrapper .right_colum .counter_wrapper .counter{font-size:48px;text-align:center}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper{margin-top:70px}.about_page_container .about_column_container .about_column_wrapper .right_colum .skill_wrapper .skill_block{gap:16px}.about_page_container .about_column_container .about_column_wrapper .right_colum .arrow_icon{right:0!important;animation:bounce2 2s ease infinite}.about_page_container .header-text{font-size:32px;text-align:center;flex-direction:row;gap:12px;justify-content:center;flex-wrap:wrap}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media(min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}