.full-menu .close img{filter:brightness(0) invert(1)}html,body{width:100%}@media(max-width: 992px){html,body{overflow-x:hidden}}body{margin:0;padding:0;font-family:"Roboto",sans-serif;font-weight:400}input:focus,textarea:focus,select:focus,button:focus,div:focus{outline:none}ul{list-style:none;padding-left:0;margin-bottom:0}a{text-decoration:none}a:hover{text-decoration:none}.hidden{overflow:hidden}input:invalid{border-color:#b82626}form:invalid button[type=submit]{cursor:not-allowed;pointer-events:none}@media(min-width: 1440px){.container{max-width:1380px}}.hover01{transition:all ease-in-out 300ms}.hover01:hover{box-shadow:0px 37px 20px -20px rgba(0,0,0,.2);transform:translate(0px, -4px) scale(1.01)}.hover02{transition:all ease-in-out 300ms}.hover02:hover{box-shadow:0px 17px 30px -8px rgba(0,0,0,.2);transform:translate(0px, -1px) scale(1.02)}.mt0{margin-top:0px !important}.pt0{padding-top:0px !important}.mb0{margin-bottom:0px !important}.pb0{padding-bottom:0px !important}.ml0{margin-left:0px !important}.pl0{padding-left:0px !important}.mr0{margin-right:0px !important}.pr0{padding-right:0px !important}.mt5{margin-top:5px !important}.pt5{padding-top:5px !important}.mb5{margin-bottom:5px !important}.pb5{padding-bottom:5px !important}.ml5{margin-left:5px !important}.pl5{padding-left:5px !important}.mr5{margin-right:5px !important}.pr5{padding-right:5px !important}.mt10{margin-top:10px !important}.pt10{padding-top:10px !important}.mb10{margin-bottom:10px !important}.pb10{padding-bottom:10px !important}.ml10{margin-left:10px !important}.pl10{padding-left:10px !important}.mr10{margin-right:10px !important}.pr10{padding-right:10px !important}.mt15{margin-top:15px !important}.pt15{padding-top:15px !important}.mb15{margin-bottom:15px !important}.pb15{padding-bottom:15px !important}.ml15{margin-left:15px !important}.pl15{padding-left:15px !important}.mr15{margin-right:15px !important}.pr15{padding-right:15px !important}.mt20{margin-top:20px !important}.pt20{padding-top:20px !important}.mb20{margin-bottom:20px !important}.pb20{padding-bottom:20px !important}.ml20{margin-left:20px !important}.pl20{padding-left:20px !important}.mr20{margin-right:20px !important}.pr20{padding-right:20px !important}.mt25{margin-top:25px !important}.pt25{padding-top:25px !important}.mb25{margin-bottom:25px !important}.pb25{padding-bottom:25px !important}.ml25{margin-left:25px !important}.pl25{padding-left:25px !important}.mr25{margin-right:25px !important}.pr25{padding-right:25px !important}.mt30{margin-top:30px !important}.pt30{padding-top:30px !important}.mb30{margin-bottom:30px !important}.pb30{padding-bottom:30px !important}.ml30{margin-left:30px !important}.pl30{padding-left:30px !important}.mr30{margin-right:30px !important}.pr30{padding-right:30px !important}.mt35{margin-top:35px !important}.pt35{padding-top:35px !important}.mb35{margin-bottom:35px !important}.pb35{padding-bottom:35px !important}.ml35{margin-left:35px !important}.pl35{padding-left:35px !important}.mr35{margin-right:35px !important}.pr35{padding-right:35px !important}.mt40{margin-top:40px !important}.pt40{padding-top:40px !important}.mb40{margin-bottom:40px !important}.pb40{padding-bottom:40px !important}.ml40{margin-left:40px !important}.pl40{padding-left:40px !important}.mr40{margin-right:40px !important}.pr40{padding-right:40px !important}.mt45{margin-top:45px !important}.pt45{padding-top:45px !important}.mb45{margin-bottom:45px !important}.pb45{padding-bottom:45px !important}.ml45{margin-left:45px !important}.pl45{padding-left:45px !important}.mr45{margin-right:45px !important}.pr45{padding-right:45px !important}.mt50{margin-top:50px !important}.pt50{padding-top:50px !important}.mb50{margin-bottom:50px !important}.pb50{padding-bottom:50px !important}.ml50{margin-left:50px !important}.pl50{padding-left:50px !important}.mr50{margin-right:50px !important}.pr50{padding-right:50px !important}.mt55{margin-top:55px !important}.pt55{padding-top:55px !important}.mb55{margin-bottom:55px !important}.pb55{padding-bottom:55px !important}.ml55{margin-left:55px !important}.pl55{padding-left:55px !important}.mr55{margin-right:55px !important}.pr55{padding-right:55px !important}.mt60{margin-top:60px !important}.pt60{padding-top:60px !important}.mb60{margin-bottom:60px !important}.pb60{padding-bottom:60px !important}.ml60{margin-left:60px !important}.pl60{padding-left:60px !important}.mr60{margin-right:60px !important}.pr60{padding-right:60px !important}.mt65{margin-top:65px !important}.pt65{padding-top:65px !important}.mb65{margin-bottom:65px !important}.pb65{padding-bottom:65px !important}.ml65{margin-left:65px !important}.pl65{padding-left:65px !important}.mr65{margin-right:65px !important}.pr65{padding-right:65px !important}.mt70{margin-top:70px !important}.pt70{padding-top:70px !important}.mb70{margin-bottom:70px !important}.pb70{padding-bottom:70px !important}.ml70{margin-left:70px !important}.pl70{padding-left:70px !important}.mr70{margin-right:70px !important}.pr70{padding-right:70px !important}.mt75{margin-top:75px !important}.pt75{padding-top:75px !important}.mb75{margin-bottom:75px !important}.pb75{padding-bottom:75px !important}.ml75{margin-left:75px !important}.pl75{padding-left:75px !important}.mr75{margin-right:75px !important}.pr75{padding-right:75px !important}.mt80{margin-top:80px !important}.pt80{padding-top:80px !important}.mb80{margin-bottom:80px !important}.pb80{padding-bottom:80px !important}.ml80{margin-left:80px !important}.pl80{padding-left:80px !important}.mr80{margin-right:80px !important}.pr80{padding-right:80px !important}.mt85{margin-top:85px !important}.pt85{padding-top:85px !important}.mb85{margin-bottom:85px !important}.pb85{padding-bottom:85px !important}.ml85{margin-left:85px !important}.pl85{padding-left:85px !important}.mr85{margin-right:85px !important}.pr85{padding-right:85px !important}.mt90{margin-top:90px !important}.pt90{padding-top:90px !important}.mb90{margin-bottom:90px !important}.pb90{padding-bottom:90px !important}.ml90{margin-left:90px !important}.pl90{padding-left:90px !important}.mr90{margin-right:90px !important}.pr90{padding-right:90px !important}.mt95{margin-top:95px !important}.pt95{padding-top:95px !important}.mb95{margin-bottom:95px !important}.pb95{padding-bottom:95px !important}.ml95{margin-left:95px !important}.pl95{padding-left:95px !important}.mr95{margin-right:95px !important}.pr95{padding-right:95px !important}.mt100{margin-top:100px !important}.pt100{padding-top:100px !important}.mb100{margin-bottom:100px !important}.pb100{padding-bottom:100px !important}.ml100{margin-left:100px !important}.pl100{padding-left:100px !important}.mr100{margin-right:100px !important}.pr100{padding-right:100px !important}header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 80px;position:sticky;top:0;left:0;z-index:9;transition:all ease-in-out 300ms}@media(max-width: 992px){header{padding:10px 16px}}header.fixed .logo img{filter:inherit;height:50px}header.fixed nav .menu li a{color:#1c1a18}header.fixed .action a img{filter:inherit}header.dark-header{background:rgba(0,0,0,0) !important}header.dark-header .logo,header.dark-header .action,header.dark-header nav{visibility:hidden;opacity:0}header .logo{min-width:200px}@media(max-width: 992px){header .logo{min-width:inherit}}header .logo img{height:50px;transition:all ease-in-out 300ms}@media(max-width: 992px){header .logo img{height:46px}}@media(max-width: 992px){header nav{display:none}}header nav .menu{display:flex;gap:24px}header nav .menu li a{color:#1c1a18;font-weight:300;font-size:20px;line-height:150%;padding:4px 8px;position:relative;text-decoration:none;text-transform:uppercase}header nav .menu li a:hover .left::before{left:-4px;bottom:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}header nav .menu li a:hover .left::after{left:-4px;top:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}header nav .menu li a:hover .right::before{right:-4px;bottom:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}header nav .menu li a:hover .right::after{right:-4px;top:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}header nav .menu li a .left{position:absolute;height:100%;left:0;top:0;pointer-events:none}header nav .menu li a .left::before{content:"";width:8px;height:8px;border-bottom:1px solid #000;border-left:1px solid #000;display:block;position:absolute;left:-10px;bottom:-10px;transition:all ease-in-out 300ms;opacity:0}header nav .menu li a .left::after{content:"";width:8px;height:8px;border-top:1px solid #000;border-left:1px solid #000;display:block;position:absolute;left:-10px;top:-10px;transition:all ease-in-out 300ms;opacity:0}header nav .menu li a .right{position:absolute;height:100%;right:0;pointer-events:none;top:0}header nav .menu li a .right::before{content:"";width:8px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;display:block;position:absolute;right:-10px;bottom:-10px;transition:all ease-in-out 300ms;opacity:0}header nav .menu li a .right::after{content:"";width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000;display:block;position:absolute;right:-10px;top:-10px;transition:all ease-in-out 300ms;opacity:0}header .action{display:flex;justify-content:flex-end;gap:0 8px;min-width:200px}@media(max-width: 992px){header .action{min-width:inherit;margin-left:auto;margin-right:20px}}header .action a{background:rgba(0,0,0,0);border:none;position:relative}header .action a img{width:24px;height:24px;object-fit:contain}header .action a span{position:absolute;width:22px;height:22px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);color:#1c1a18;line-height:22px;display:flex;position:absolute;top:-8px;right:-14px;border-radius:50%;font-size:14px;align-items:center;justify-content:center}.full-menu{width:100%;height:100vh;background:rgba(0,0,0,.8);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:rgba(0,0,0,.7);padding-top:26vh;display:none;position:fixed;top:0;left:0;z-index:999}@media(max-width: 992px){.full-menu{padding-top:120px;width:101vw}}.full-menu.show{display:block}.full-menu .close{cursor:pointer;position:fixed;top:30px;left:50%;width:42px;height:42px;transform:translateX(-50%)}.full-menu .menu{display:flex;flex-direction:column;align-items:center;gap:16px}.full-menu .menu li.catalog{margin-top:10px}.full-menu .menu li.catalog a{font-size:18px;background:#fff;color:#000;padding:12px}@media(max-width: 992px){.full-menu .menu li.catalog a{font-size:16px}}.full-menu .menu li a{color:#fff;font-weight:300;font-size:20px;line-height:150%;padding:4px 8px;position:relative;text-decoration:none;text-transform:uppercase}.full-menu .menu li a:hover .left::before{left:-4px;bottom:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}.full-menu .menu li a:hover .left::after{left:-4px;top:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}.full-menu .menu li a:hover .right::before{right:-4px;bottom:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}.full-menu .menu li a:hover .right::after{right:-4px;top:-4px;opacity:1;transition:all ease-in-out 300ms;transform:scale(1.2)}.full-menu .menu li a .left{position:absolute;height:100%;left:0;top:0;pointer-events:none}.full-menu .menu li a .left::before{content:"";width:8px;height:8px;border-bottom:1px solid #fff;border-left:1px solid #fff;display:block;position:absolute;left:-10px;bottom:-10px;transition:all ease-in-out 300ms;opacity:0}.full-menu .menu li a .left::after{content:"";width:8px;height:8px;border-top:1px solid #fff;border-left:1px solid #fff;display:block;position:absolute;left:-10px;top:-10px;transition:all ease-in-out 300ms;opacity:0}.full-menu .menu li a .right{position:absolute;height:100%;right:0;pointer-events:none;top:0}.full-menu .menu li a .right::before{content:"";width:8px;height:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;display:block;position:absolute;right:-10px;bottom:-10px;transition:all ease-in-out 300ms;opacity:0}.full-menu .menu li a .right::after{content:"";width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;display:block;position:absolute;right:-10px;top:-10px;transition:all ease-in-out 300ms;opacity:0}.full-menu .social-media{display:flex;align-items:center;justify-content:center;margin-top:10vh;gap:20px}.full-menu .social-media li a{color:#fff;font-size:30px}.full-menu .social-media li a img{height:32px;filter:brightness(0) invert(1)}.menu-trigger{position:relative;z-index:10;width:30px;height:22px;display:none;transition:all .4s;cursor:pointer;box-sizing:border-box;margin-left:12px;transform:translateY(0px)}@media(max-width: 992px){.menu-trigger{display:inline-block}}.menu-trigger span{display:inline-block;transition:all .4s ease-in-out;box-sizing:border-box;position:absolute;left:0;width:100%;height:3px;background-color:#1c1a18;border-radius:2px}.menu-trigger span:nth-of-type(1){top:0}.menu-trigger span:nth-of-type(2){top:9px}.menu-trigger span:nth-of-type(3){bottom:0}.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(12px) rotate(-315deg);transform:translateY(12px) rotate(-315deg)}.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(315deg);transform:translateY(-7px) rotate(315deg)}footer{background:#000;padding-top:70px}@media(max-width: 992px){footer{padding-top:50px;padding-bottom:10px}}footer .logo{display:block;margin-bottom:30px}footer .logo img{height:80px;filter:brightness(0) invert(1)}@media(max-width: 992px){footer .logo img{height:60px;margin:0 auto;display:block}}footer .tt{color:#ccc;margin-bottom:30px}@media(max-width: 992px){footer .tt{text-align:center}}footer .tt h5{font-size:16px;margin-bottom:16px;font-weight:600;text-transform:uppercase}footer .tt p{font-size:14px;margin:0}footer .head{font-size:18px;line-height:20px;font-weight:600;color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;pointer-events:none}@media(max-width: 992px){footer .head.mobil-accordion{display:flex;align-items:center;cursor:pointer;pointer-events:inherit;border-bottom:1px solid #777;margin-bottom:0;padding:16px 12px}footer .head.mobil-accordion::after{content:"";background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/materials/down.svg) no-repeat;background-size:contain;width:16px;height:16px;display:block;margin-left:auto}}@media(max-width: 992px){footer .content{display:none;padding:12px}}footer .content ul li a{display:block;margin-bottom:16px;line-height:18px;font-size:14px;color:#ccc}footer .vol-3{columns:3}footer .info-ul li{display:flex;align-items:center;margin-bottom:16px}footer .info-ul li img{margin-right:10px;height:18px;width:14px;object-fit:contain}footer .info-ul li address,footer .info-ul li a{line-height:18px;font-size:14px;display:block;color:#ccc;margin:0 !important}footer .right-item{padding-left:70px}@media(max-width: 992px){footer .right-item{padding-left:0;margin-top:0px}}footer .right-item form{width:100%}footer .right-item form .input-flex{display:flex;align-items:center;padding-bottom:6px;border-bottom:1px solid #ccc}footer .right-item form input{flex:1;width:100%;background:rgba(0,0,0,0);border:none;color:#fff}footer .right-item form input[type=submit]{display:none}footer .social-media{display:flex;align-items:center;margin:20px -10px 0}footer .social-media li{padding:0 10px}footer .social-media li a{color:#fff;font-size:18px}footer .social-media li a img{height:24px;filter:brightness(0) invert(1)}footer .copy{margin-top:45px;padding-top:30px;padding-bottom:30px;border-top:1px solid #414141;color:#fff;font-size:14px;display:flex;align-items:center}@media(max-width: 992px){footer .copy{flex-direction:column-reverse;justify-content:center;align-items:center;margin-top:16px;text-align:center;padding:10px 0;border:none !important}}footer .copy .container{display:flex;align-content:center;justify-content:space-between}@media(max-width: 992px){footer .copy .container{flex-direction:column}}footer .copy img{height:20px;margin-left:auto}@media(max-width: 992px){footer .copy img{margin:16px auto 0 !important}}footer .copy p{color:#fff;font-weight:400;margin:0;font-size:14px}@media(max-width: 992px){footer .copy p{margin-top:16px;font-size:12px;text-align:center}}footer .copy p a{margin-left:4px;color:#3db288}footer .copy a{margin-left:4px;color:#3db288}.mobil-footer{position:fixed;height:60px;width:100%;left:0px;bottom:0px;background:#fff;box-shadow:0px -4px 12px rgba(177,179,191,.25);display:none;align-items:center}@media(max-width: 768px){.mobil-footer{display:flex;overflow:hidden}}.mobil-footer a{flex:1;display:flex;align-items:center;justify-content:center;border-right:1px solid #e5e5e5;color:#1c1a18;font-size:14px;line-height:22px;font-weight:600}.mobil-footer a:last-child{border-right:0}.mobil-footer a img{height:18px;object-fit:contain;margin-right:8px}.section-01{margin-top:0px;position:relative;overflow:hidden}.section-01 .bg{width:100%;height:calc(100vh - 0px);object-fit:cover}@media(max-width: 992px){.section-01 .bg{max-height:80vh}}@keyframes zoom-in-out{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.section-01 .framer{position:absolute;bottom:100px;left:0;padding:0 80px;z-index:1;display:flex;align-items:flex-end;width:100%}@media(max-width: 992px){.section-01 .framer{padding:0 16px;flex-direction:column;align-items:flex-start}}.section-01 .framer.vol-02{flex-direction:column;align-items:flex-start;max-width:40%;min-width:300px;left:0;top:50%;transform:translateY(-50%);padding-top:100px}@media(max-width: 992px){.section-01 .framer.vol-02{padding-top:0;top:inherit;bottom:100px;transform:inherit;max-width:100%}}.section-01 .framer.vol-02 .text{flex:inherit;margin-bottom:30px}@media(max-width: 992px){.section-01 .framer.vol-02 .text{margin-bottom:16px}}.section-01 .framer.vol-02 .shop-action{width:100%}.section-01 .framer.vol-02 .shop-action .button-style-01{max-width:260px}.section-01 .framer.vol-03{flex-direction:column;align-items:flex-start;max-width:36%;min-width:300px;left:inherit;right:0;top:50%;transform:translateY(-50%);padding-top:100px}@media(max-width: 992px){.section-01 .framer.vol-03{padding-top:0;max-width:100%;bottom:100px;top:inherit;transform:inherit}}.section-01 .framer.vol-03 .text{flex:inherit;margin-bottom:30px}@media(max-width: 992px){.section-01 .framer.vol-03 .text{margin-bottom:16px;width:100%}}.section-01 .framer.vol-03 .shop-action{width:100%}.section-01 .framer.vol-03 .shop-action .button-style-01{max-width:260px}.section-01 .text{flex:1 0 0}@media(max-width: 992px){.section-01 .text{margin-bottom:16px}}.section-01 .text h5{margin-bottom:10px;font-size:16px;color:#fff;font-weight:300}.section-01 .text h1{font-family:"Roboto",sans-serif;font-size:56px;font-weight:500;list-style:100%;margin:0;color:#fff}@media(max-width: 992px){.section-01 .text h1{font-size:36px;margin-bottom:0px;text-align:left}}.section-01 .shop-action{z-index:1;flex:none;display:flex;flex-direction:column;gap:24px}@media(max-width: 992px){.section-01 .shop-action{width:100%}}.section-01 .shop-action p{color:#fff;font-size:18px;line-height:150%;letter-spacing:-0.03em;margin:0px 0 5px 0}.section-01 .shop-action .button-style-01{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.12);color:#1c1a18;padding:10px 32px;text-transform:uppercase;font-size:20px;line-height:100%;font-weight:300;height:56px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all ease-in-out 300ms}@media(max-width: 992px){.section-01 .shop-action .button-style-01{display:inline-flex;max-width:260px;padding:10px 16px}}.section-01 .shop-action .button-style-01:hover{background:rgba(255,255,255,.6)}.section-01 .shop-action .button-style-01:hover img{margin-left:24px}.section-01 .shop-action .button-style-01 img{height:18px;margin-left:16px;transition:all ease-in-out 300ms}.page-banner{position:relative;display:flex;align-items:center;justify-content:center}.page-banner img{width:100%;height:460px;object-fit:cover}.page-banner h2{position:absolute;color:#fff;font-size:52px;font-family:"Roboto",sans-serif}.slider{margin-top:-100px}.slider .slick-dots{bottom:24px !important}.testimonion-section{padding:100px 40px}@media(max-width: 992px){.testimonion-section{padding:60px 0 30px}}.testimonion-section .testimonion-title{font-family:"Roboto",sans-serif;text-align:center;font-size:56px;line-height:110%;margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:42px;margin-bottom:42px}@media(max-width: 992px){.testimonion-section .testimonion-title{font-size:46px;margin-bottom:10px;padding-bottom:10px}}.testimonion-section .testimonion-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:0px;position:relative}@media(max-width: 992px){.testimonion-section .testimonion-list{display:flex;overflow-x:auto;padding-bottom:32px}}.testimonion-section .testimonion-list::after{content:"";border:6px solid #fff;width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none}.testimonion-section .testimonion-list .testimonion-item{border:1px solid #ddd;aspect-ratio:1/.8;padding:40px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width: 992px){.testimonion-section .testimonion-list .testimonion-item{flex:1;min-width:300px;aspect-ratio:1/1;padding:16px;border-top:0 !important;border-bottom:0 !important}}.testimonion-section .testimonion-list .testimonion-item .testimonion-text{font-size:20px}@media(max-width: 992px){.testimonion-section .testimonion-list .testimonion-item .testimonion-text{font-size:16px}}.testimonion-section .testimonion-list .testimonion-item .testimonion-stars{font-size:26px;margin-bottom:20px}@media(max-width: 992px){.testimonion-section .testimonion-list .testimonion-item .testimonion-stars{font-size:20px}}.testimonion-section .testimonion-list .testimonion-item .testimonion-author{font-size:22px;font-weight:500}.section-02{padding:80px 0 40px;background-color:#f9f9f9}@media(max-width: 992px){.section-02{padding:40px 0 0}}.section-02.vol02{padding-bottom:230px !important}@media(max-width: 992px){.section-02.vol02{padding:70px 16px !important}}.section-02 .title{font-family:"Roboto",sans-serif;text-align:center;font-size:56px;line-height:110%;padding-bottom:42px;margin-bottom:30px}@media(max-width: 992px){.section-02 .title{padding-bottom:10px;margin-bottom:10px;font-size:46px}}.section-02 .accordion{position:relative}.section-02 .accordion p{padding:2em}.section-02 .accordion .accordion dl{border:1px solid rgba(0,0,0,0);display:flex;flex-wrap:wrap;border-radius:20px;overflow:hidden}.section-02 .accordion .item{width:100%;margin-top:10px}@media(max-width: 992px){.section-02 .accordion .item{margin:0}}.section-02 .accordion .item:last-child .accordionItem,.section-02 .accordion .item:last-child .accordionTitle{border-bottom:none !important}.section-02 .accordion .accordion-title{border-bottom:1px solid #aaa;border-radius:0px;text-align:left;font-weight:500;display:flex;align-items:center;text-decoration:none;font-size:22px;padding:10px 60px 10px 0px;line-height:26px;min-height:80px;color:#333;position:relative;cursor:pointer;transition:background-color .5s ease-in-out}@media(max-width: 992px){.section-02 .accordion .accordion-title{padding:0 15px 0 50px;font-size:16px}}.section-02 .accordion .accordion-title:before{content:"+";font-size:1.5em;line-height:22px;position:absolute;right:40px;transition:transform .3s ease-in-out}@media(max-width: 992px){.section-02 .accordion .accordion-title:before{left:20px;right:inherit !important}}.section-02 .accordion .accordion-title.is-expanded{background-color:#0e0d0c;color:#fff}.section-02 .accordion .accordion-title.is-expanded:before{transform:rotate(45deg)}.section-02 .accordion .accordionItem{height:auto;overflow:hidden;max-height:50em;color:#333;transition:max-height 1s;background:#f9f9f9;box-shadow:inset 0 5px 10px 1px rgba(238,238,238,.5);margin:10px 0 0 0;border-radius:10px}@media(max-width: 992px){.section-02 .accordion .accordionItem{font-size:14px;margin:0}}.section-02 .accordion .accordionItem p{margin:0}.section-02 .accordion .accordionItem a{color:#1c1a18;font-weight:600}@media screen and (min-width: 48em){.section-02 .accordion .accordionItem{max-height:15em;transition:max-height .5s}}.section-02 .accordion .accordionItem.is-collapsed{max-height:0}.section-02 .accordion .animateIn{animation:accordionIn .5s normal linear both 1}.section-02 .accordion .animateOut{animation:accordionOut .5s alternate linear both 1}@keyframes accordionIn{0%{opacity:0;transform:scale(0.9) rotateX(-60deg);transform-origin:50% 0}100%{opacity:1;transform:scale(1)}}@keyframes accordionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.9) rotateX(-60deg)}}.section-02 .container-fluid{padding:0 80px;margin-top:60px}@media(max-width: 992px){.section-02 .container-fluid{padding:0}}.section-02 .container-fluid .box{background:#f1f1f1;padding:40px 32px;height:100%;text-align:center}.section-02 .container-fluid .box img{height:60px;margin-bottom:20px}.section-02 .container-fluid .box h4{font-weight:500;margin-bottom:16px}.section-02 .container-fluid .box p{font-size:18px;opacity:.8;font-weight:300;margin:0}.slogan{padding:140px 70px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:42px;line-height:100%;font-family:"Roboto",sans-serif;font-weight:100}@media(max-width: 992px){.slogan{font-size:18px;padding:46px 16px}.slogan br{display:none}.slogan p{margin:0;font-size:18px}}.product-section{position:relative}.product-section .bg{width:100%;object-fit:cover;aspect-ratio:16/9}.product-section .point{position:absolute;z-index:1;background:rgba(0,0,0,0);border-radius:100px;padding:10px;border:1px solid #fff;animation:pulsePoint 1.4s infinite alternate;cursor:pointer}@media(max-width: 992px){.product-section .point{padding:0px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}}.product-section .point img{width:28px;height:28px;background:#fff;padding:6px;border-radius:50%}@media(max-width: 992px){.product-section .point img{width:20px;height:20px}}@keyframes pulsePoint{0%{transform:scale(1);opacity:1}100%{transform:scale(1.18);opacity:.75}}.modal-backdrop.show{background:rgba(0,0,0,0) !important}.modal{background:rgba(255,255,255,.4) !important}.modal .button-style-01{background:#fff;color:#1c1a18;padding:20px 24px;text-transform:uppercase;font-size:20px;line-height:100%;font-weight:300;display:flex;align-items:center;justify-content:center;transition:all ease-in-out 300ms}.modal .button-style-01:hover{background:rgba(255,255,255,.6)}.modal .button-style-01:hover img{margin-left:24px}.modal .button-style-01 img{height:18px;margin-left:16px;transition:all ease-in-out 300ms}.modal .modal-content{text-align:center}.modal #modalImg{max-width:100%;max-height:55vh;display:block;margin:auto}.section-03{padding:72px 0 0}@media(max-width: 992px){.section-03{padding:24px 0 0}}.section-03 picture{display:block;width:100%;max-width:1000px;margin:0 auto;position:relative}.section-03 picture img{width:100%}.section-03 picture span{position:absolute;border-bottom:2px solid #000;font-size:20px;display:block;padding-bottom:8px;font-weight:400;white-space:nowrap}@media(max-width: 992px){.section-03 picture span{font-size:10px;white-space:inherit !important;border-bottom:1px solid #000;line-height:12px !important;padding-bottom:4px !important;max-width:30%}.section-03 picture span:nth-child(2){left:10% !important}.section-03 picture span:nth-child(3){width:60% !important;left:0 !important;max-width:35% !important}.section-03 picture span:nth-child(4){left:0% !important;width:20% !important}.section-03 picture span:nth-child(6){right:0% !important;width:24% !important}}.section-04{padding:72px 0}@media(max-width: 992px){.section-04{padding:36px 0}}.section-04 .text h2{font-family:"Roboto",sans-serif;font-size:56px;font-weight:500;list-style:100%;margin:0 0 30px 0}@media(max-width: 992px){.section-04 .text h2{font-size:36px;margin-bottom:0px;text-align:left}}.section-04 .text p{font-size:18px;line-height:300;line-height:160%}.blog-page .page-banner{padding:80px 0;position:relative;overflow:hidden}.blog-page .page-banner .text{text-align:center;margin:0 auto;position:relative;z-index:2}.blog-page .page-banner .text h1{position:relative;display:inline-block;font-size:16px;font-weight:500;color:#666;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px;padding-left:30px}.blog-page .page-banner .text h1::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#000;border-radius:50%;display:inline-block}.blog-page .page-banner .text h2{font-size:48px;font-weight:700;line-height:1.2;color:#000;margin-bottom:20px}@media(max-width: 768px){.blog-page .page-banner .text h2{font-size:36px}}.blog-page .page-banner .text p{font-size:18px;line-height:1.6;color:#555;margin:0 auto;max-width:600px}@media(max-width: 768px){.blog-page .page-banner .text p{font-size:16px}}.blog-page .blog-page-section{padding:80px 0;width:100%}.blog-page .blog-page-section .blog-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.blog-page .blog-page-section .blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));grid-auto-rows:minmax(0, 1fr);gap:24px;width:100%}.blog-page .blog-page-section .blog-card{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;background:#fff;border:.5px solid #e6e6e6;border-radius:12px;overflow:hidden;box-shadow:rgba(0,0,0,.02) 0px 16px 32px 0px;transition:all .3s ease;gap:10px;padding:12px}.blog-page .blog-page-section .blog-card:hover{transform:translateY(-5px);box-shadow:rgba(0,0,0,.05) 0px 16px 32px 0px}.blog-page .blog-page-section .blog-card .blog-card-image{height:250px;width:100%;overflow:hidden}.blog-page .blog-page-section .blog-card .blog-card-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .3s ease}.blog-page .blog-page-section .blog-card .blog-card-content{display:flex;flex-direction:column;gap:12px;flex-grow:1}.blog-page .blog-page-section .blog-card .blog-card-content .blog-meta{display:flex;justify-content:flex-start;align-items:center;gap:16px}.blog-page .blog-page-section .blog-card .blog-card-content .blog-meta .post-category{background-color:#f6f6f6;border-radius:99px;transform:none;transform-origin:50% 50% 0px;align-items:center;height:min-content;overflow:hidden;padding:6px 12px;position:relative;width:min-content;color:rgba(7,31,54,.5019607843);font-size:12px}.blog-page .blog-page-section .blog-card .blog-card-content .blog-meta .post-date{font-size:12px;color:rgba(7,31,54,.5)}.blog-page .blog-page-section .blog-card .blog-card-content h4{color:#000;font-size:18px;font-weight:600;line-height:1.4;margin:0}.blog-page .blog-page-section .blog-card .blog-card-content p{font-size:14px;color:rgba(7,31,54,.5);line-height:1.5;margin:0}.blog-page .blog-page-section .blog-pagination{display:flex;justify-content:center;margin-top:50px;width:100%}.blog-page .blog-page-section .blog-pagination .pagination-inner{display:flex;gap:8px;align-items:center}.blog-page .blog-page-section .blog-pagination .pagination-inner .pagination-arrow,.blog-page .blog-page-section .blog-pagination .pagination-inner .page-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e6e6e6;color:#000;text-decoration:none;transition:all .2s ease}.blog-page .blog-page-section .blog-pagination .pagination-inner .pagination-arrow:hover,.blog-page .blog-page-section .blog-pagination .pagination-inner .page-number:hover{background-color:#f8f9fa}.blog-page .blog-page-section .blog-pagination .pagination-inner .pagination-arrow.current,.blog-page .blog-page-section .blog-pagination .pagination-inner .page-number.current{background-color:#000;color:#fff;border-color:#000}.blog-detail-page .blog-detail{padding:30px 15px 60px}.blog-detail-page .blog-detail .content{padding:0 20px}@media(max-width: 992px){.blog-detail-page .blog-detail .content{padding:0 0px}}.blog-detail-page .blog-detail .content img{width:100%}.blog-detail-page .blog-detail .content h2{font-size:32px;line-height:43px;font-weight:500;color:#000;margin-bottom:25px}@media(max-width: 992px){.blog-detail-page .blog-detail .content h2{font-size:30px;line-height:35px}}.blog-detail-page .blog-detail .content .actions{display:flex;align-items:center;margin-top:15px;margin-bottom:30px}@media(max-width: 992px){.blog-detail-page .blog-detail .content .actions{flex-wrap:wrap}}.blog-detail-page .blog-detail .content .actions ul{display:flex}@media(max-width: 992px){.blog-detail-page .blog-detail .content .actions ul{width:100%}}.blog-detail-page .blog-detail .content .actions ul.artc{margin-left:auto}@media(max-width: 992px){.blog-detail-page .blog-detail .content .actions ul.artc{margin-left:0;margin-top:10px}}.blog-detail-page .blog-detail .content .actions ul li{color:#000;font-size:14px}.blog-detail-page .blog-detail .content .actions ul li:not(:last-child){margin-right:15px}.blog-detail-page .blog-detail .content .actions ul li a{font-size:16px;color:#000}.blog-detail-page .blog-detail .content p{color:#080d2c;font-size:14px;line-height:22px;font-weight:300}.blog-detail-page .blog-detail .content .post-tags{padding:15px 0}.blog-detail-page .blog-detail .content .post-tags h5{font-size:14px;color:#666;margin-bottom:8px}.blog-detail-page .blog-detail .content .post-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.blog-detail-page .blog-detail .content .post-tags ul li a{display:block;padding:4px 12px;background-color:#fff;border:1px solid #e0e0e0;font-size:12px;color:#333;text-decoration:none;transition:all .2s ease}.blog-detail-page .blog-detail .content .post-tags ul li a:hover{background-color:#1c1a18;border-color:#1c1a18;color:#fff}.blog-detail-page .blog-detail .blogList{margin-top:15px}.blog-detail-page .blog-detail .blogList h3{font-size:19px;line-height:23px;margin-bottom:30px;font-weight:700}.blog-detail-page .blog-detail .blogList .item{display:flex;align-items:flex-end;border-bottom:1px solid rgba(155,153,164,.6);padding-bottom:20px;margin-bottom:20px}.blog-detail-page .blog-detail .blogList .item .picture{width:120px;height:90px;position:relative;overflow:hidden}.blog-detail-page .blog-detail .blogList .item .picture img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.blog-detail-page .blog-detail .blogList .item .text{flex:1;padding-left:10px}.blog-detail-page .blog-detail .blogList .item .text h4{font-size:18px;color:#000;overflow:hidden;margin-bottom:15px}.blog-detail-page .blog-detail .blogList .item .text span{color:#707070;font-size:12px;line-height:14px}.contact-page{margin-top:120px}@media(max-width: 992px){.contact-page{margin-top:60px}}.contact-page .contact-page-section .head{text-align:center;margin-bottom:48px}.contact-page .contact-page-section .head h2{margin-bottom:24px;font-size:40px;font-weight:400 !important;line-height:48px}@media(max-width: 992px){.contact-page .contact-page-section .head h2{font-size:28px;line-height:38px;margin-bottom:16px}}.contact-page .contact-page-section .head p{font-size:20px;font-weight:400;line-height:28px;color:#5a5a60;padding:0 16px}@media(max-width: 992px){.contact-page .contact-page-section .head p{padding:0;font-size:16px;line-height:24px}}.contact-page .contact-info-section{margin-bottom:120px}@media(max-width: 992px){.contact-page .contact-info-section{margin-bottom:80px}}.contact-page .contact-info-section .contact-info-box{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:12px;height:100%;transition:all .3s ease}.contact-page .contact-info-section .contact-info-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.contact-page .contact-info-section .contact-info-box .contact-icon{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.contact-page .contact-info-section .contact-info-box .contact-icon i{font-size:24px;color:#2a2a2e}.contact-page .contact-info-section .contact-info-box h3{font-size:20px;font-weight:500;margin-bottom:16px;color:#2a2a2e}.contact-page .contact-info-section .contact-info-box a,.contact-page .contact-info-section .contact-info-box address{font-size:18px;color:#000;font-weight:400;line-height:1.6;font-style:normal;display:block;text-decoration:none;transition:color .3s ease;margin-bottom:0}@media(max-width: 768px){.contact-page .contact-info-section .row>div{margin-bottom:24px}.contact-page .contact-info-section .row>div:last-child{margin-bottom:0}}.contact-page .map-section{margin-bottom:120px}@media(max-width: 992px){.contact-page .map-section{margin-bottom:60px}}.contact-page .map-section .map-container{overflow:hidden}.contact-page .map-section .map-container iframe{display:block}.contact-page form{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}@media(max-width: 992px){.contact-page form{grid-template-columns:100%;gap:20px}}.contact-page form .input-container.full{grid-column:1/3}@media(max-width: 992px){.contact-page form .input-container.full{grid-column:1}}.contact-page form .input-container label{color:#5a5a60;font-size:14px;line-height:22px;font-weight:500;display:block;margin-bottom:4px}.contact-page form .input-container input,.contact-page form .input-container select{width:100%;background-color:#f6f6f6;border:1px solid #ececec;height:46px;padding:0 12px}.contact-page form .input-container textarea{width:100%;background-color:#f6f6f6;border:1px solid #ececec;height:150px;padding:0 12px}.contact-page form .checkbox input{display:none}.contact-page form .checkbox input:checked+.wpcf7-list-item-label::after{transform:scale(1)}.contact-page form .checkbox .wpcf7-list-item-label{display:flex;align-items:flex-start;position:relative;cursor:pointer}.contact-page form .checkbox .wpcf7-list-item-label::before{content:"";width:24px;height:24px;min-width:24px;border:2px solid #afafaf;display:block;margin-right:10px}.contact-page form .checkbox .wpcf7-list-item-label::after{content:"";width:16px !important;height:16px !important;background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/icons/check.svg);background-size:contain;position:absolute;left:4px;top:4px;display:block;transform:scale(0);transition:all ease-in-out 300ms}.contact-page form .checkbox .wpcf7-list-item-label p{flex:1;font-size:14px;color:#000;font-weight:400;margin:0;line-height:24px}.contact-page form .button-style-01{padding:12px 24px;display:inline-flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-weight:500;transition:all ease-in-out 300ms;width:140px;height:46px;position:relative;margin-left:auto}@media(max-width: 992px){.contact-page form .button-style-01{font-size:14px}}.contact-page form .button-style-01:hover{box-shadow:0px 37px 20px -20px rgba(0,0,0,.2);transform:translate(0px, -4px) scale(1.01)}.contact-page form .button-style-01 input{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}.contact-page form .button-style-01 img{height:12px;width:14px;margin-right:10px;filter:brightness(0) invert(1);object-fit:contain}.policy-page .wysiwyg-content{line-height:1.7;color:#333;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.policy-page .wysiwyg-content h1,.policy-page .wysiwyg-content h2,.policy-page .wysiwyg-content h3,.policy-page .wysiwyg-content h4,.policy-page .wysiwyg-content h5,.policy-page .wysiwyg-content h6{color:#2c3e50;margin-top:1.5em;margin-bottom:.5em;font-weight:600}.policy-page .wysiwyg-content h1{font-size:2.2em}.policy-page .wysiwyg-content h2{font-size:1.8em}.policy-page .wysiwyg-content h3{font-size:1.5em}.policy-page .wysiwyg-content h4{font-size:1.2em}.policy-page .wysiwyg-content h5{font-size:1em}.policy-page .wysiwyg-content h6{font-size:.9em}.policy-page .wysiwyg-content p{margin-bottom:1em;font-size:1em;color:#333}.policy-page .wysiwyg-content a{color:#3498db;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .3s ease}.policy-page .wysiwyg-content a:hover{color:#217dbb;border-bottom-color:#217dbb}.policy-page .wysiwyg-content ul,.policy-page .wysiwyg-content ol{margin:1em 0;padding-left:1.5em}.policy-page .wysiwyg-content ul li,.policy-page .wysiwyg-content ol li{margin-bottom:.5em;line-height:1.6}.policy-page .wysiwyg-content ul li::marker,.policy-page .wysiwyg-content ol li::marker{color:#3498db}.policy-page .wysiwyg-content blockquote{border-left:4px solid #3498db;background-color:#f0f8ff;padding:10px 20px;margin:20px 0;font-style:italic;color:#1a1a1a}.policy-page .wysiwyg-content code,.policy-page .wysiwyg-content pre{background-color:#f0f8ff;border:1px solid #e0e0e0;padding:2px 5px;font-family:"Courier New",monospace}.policy-page .wysiwyg-content pre{padding:10px;overflow-x:auto}.policy-page .wysiwyg-content table{width:100%;border-collapse:collapse;margin:20px 0;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.policy-page .wysiwyg-content table th,.policy-page .wysiwyg-content table td{border:1px solid #e0e0e0;padding:10px;text-align:left}.policy-page .wysiwyg-content table th{background-color:#2c3e50;color:#fff}.policy-page .wysiwyg-content table tr:nth-child(even){background-color:#f9f9f9}.policy-page .wysiwyg-content hr{border:0;height:1px;background-color:#e0e0e0;margin:20px 0}.policy-page .wysiwyg-content .btn{display:inline-block;background-color:#3498db;color:#fff;padding:8px 16px;text-align:center;transition:background-color .3s ease}.policy-page .wysiwyg-content .btn:hover{background-color:#217dbb}.policy-page .wysiwyg-content input,.policy-page .wysiwyg-content textarea,.policy-page .wysiwyg-content select{border:1px solid #e0e0e0;padding:8px;margin-bottom:10px;width:100%;box-sizing:border-box}.policy-page .wysiwyg-content input:focus,.policy-page .wysiwyg-content textarea:focus,.policy-page .wysiwyg-content select:focus{border-color:#3498db;outline:none;box-shadow:0 0 5px rgba(52,152,219,.5)}.section-404 #notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.section-404 #notfound h1{font-size:186px;font-weight:600;background:linear-gradient(130deg, #1c1a18, #009ace);-webkit-background-clip:text;color:rgba(0,0,0,0);background-clip:text;text-transform:uppercase}.section-404 #notfound h2{font-size:33px;font-weight:600;text-transform:uppercase;margin-top:0px;margin-bottom:25px;letter-spacing:3px}.section-404 #notfound .messages{margin-bottom:25px}.section-404 #notfound .messages p{font-size:16px;font-weight:200;margin-top:0px;margin-bottom:25px}.section-404 #notfound .messages a{color:#1c1a18;font-weight:400;text-decoration:none;background-color:#fff;padding:10px 15px;border-radius:50px}.section-404 #notfound ul{display:flex;column-gap:15px}.section-404 #notfound ul li{display:inline-block}.section-404 #notfound ul li a{color:#1c1a18;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;background-color:#fff;border:1px solid #efefef;border-radius:50%;transition:.2s all}.section-404 #notfound ul li a:hover{color:#fff;background-color:#1c1a18;border-color:#1c1a18}.video-modal,.video-modal .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3000}.video-modal{overflow:hidden;position:fixed;opacity:0;-webkit-transform:translate(500%, 0%);transform:translate(500%, 0%);-webkit-transition:-webkit-transform 0s linear 0s;transition:transform 0s linear 0s;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.video-modal .overlay{z-index:0;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:opacity .2s ease-out .05s;transition:opacity .2s ease-out .05s}.video-modal-content{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;margin:0 auto;overflow-y:visible;background:#000;width:calc(100% - 12em);height:0;padding-top:calc((100% - 12em)*.5625)}@media(min-aspect-ratio: 16/9){.video-modal-content{width:0;height:calc(100vh - 10em);padding-top:0;padding-left:calc((100vh - 10em)*1.7778)}}@media(max-width: 640px){.video-modal-content{width:calc(100% - 1em);padding-top:calc((100% - 1em)*.5625)}}.close-video-modal{display:block;position:absolute;left:0;top:-40px;text-decoration:none;font-size:20px;font-weight:bold;color:#fff}iframe#youtube{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#444;box-shadow:0px 2px 16px rgba(0,0,0,.5)}.show-video-modal .video-modal{opacity:1;transform:translate(0%, 0%);-webkit-transform:translate(0%, 0%)}.show-video-modal .video-modal .overlay{opacity:1}.show-video-modal .video-modal-content{transform:translate(0%, 0%);-webkit-transform:translate(0%, 0%)}.ytVideoWrapper{width:100%;height:0%;position:fixed;bottom:0;left:0;transition:height .35s linear;z-index:10000 !important;background:#fff}.ytVideoWrapper.active{width:100%;height:100%}.ytVideoWrapper .iframewrapper{width:100vw;height:0vh;position:fixed;bottom:0;left:0;z-index:1000 !important;transition:height .45s linear;background-color:#444}.ytVideoWrapper .iframewrapper.active{height:100vh}.ytVideoWrapper .closeBtn{position:absolute;top:0;right:0;width:100px;height:100px;z-index:1011 !important;transform:rotate(45deg);display:none}.ytVideoWrapper.active .closeBtn{display:block;position:fixed}.ytVideoWrapper .closeBtn .line{position:absolute;width:40px;height:2px;background-color:#fff;left:0;top:50%;margin-left:31px}.ytVideoWrapper .closeBtn .line.b{width:2px;height:40px;margin-left:50%;top:50%;margin-top:-19px}.ytVideoWrapper .iframewrapper iframe{width:100vw;height:100vh}#ytplayer{width:100vw;height:100vh}.video-container{width:100%;height:100vh;position:fixed;top:0;right:-100vw;z-index:10000;transition:all 1s}.video-container.animate{right:0}.video-container .video-background{width:100%;height:100%;background:#fff}.video-container .closeBtn{position:absolute;top:0;right:0;width:100px;height:100px;z-index:1011 !important;transform:rotate(45deg)}.video-container .closeBtn .line{position:absolute;width:40px;height:2px;background-color:#fff;left:0;top:50%;margin-left:31px}.video-container .closeBtn .line.b{width:2px;height:40px;margin-left:50%;top:50%;margin-top:-19px}.video-container iframe{width:100%;height:100vh;position:fixed;right:-100vw;top:0;transition:all 1s}.video-container iframe.animate{right:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);transform:translate3d(20%, 0, 0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);transform:translate3d(10%, 0, 0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);transform:translate3d(20%, 0, 0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);transform:translate3d(10%, 0, 0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);transform:perspective(400px) scale3d(0.95, 0.95, 0.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);transform:perspective(400px) scale3d(0.95, 0.95, 0.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);transform:translate3d(100%, 0, 0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate(120deg);transform:translate3d(100%, 0, 0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-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:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track::before{display:table;content:""}.slick-track::after{display:table;content:"";clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-dots{position:absolute;bottom:-20px;left:0;width:100%;display:flex;align-items:center;justify-content:center}.slick-dots li div{width:12px;height:12px;padding:0;border-radius:50%;background:#fff;margin:0 5px;cursor:pointer}.slick-dots .slick-active div{border:none;background:#1c1a18}.slick-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:rgba(0,0,0,0);border:1px solid #000;font-size:30px;border-radius:50%;cursor:pointer}.slick-arrow.slick-prev{left:30px}.slick-arrow.slick-next{right:30px}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//yamanatelier.com/wp-content/themes/yamanatelier/images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}.woocommerce span.onsale {
max-width: inherit !important; 
} .product-video-item .product-video{
width:100%;
}
.woocommerce-MyAccount-navigation ul li a {
text-transform: capitalize !important;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
color: black;
}
.wp-block-woocommerce-empty-cart-block{
padding-top:100px;
padding-bottom:100px;
}
.koleksiyon-banner {
width: 100% !important;
max-height: 400px !important;
overflow: hidden !important;
margin-bottom: 30px !important;
position: relative !important;
}
.koleksiyon-banner picture,
.koleksiyon-banner img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: cover !important;
}
@media (max-width: 992) {
.koleksiyon-banner {
max-height: 250px !important;
}
}
.upsells h2{
margin-bottom:50px;
}
.related h2{
margin-bottom:50px;
} .products .product {
background: #fff !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}
.products .product .added_to_cart {
display: none !important;
} .products-slider .products-box .image {
position: relative; display: block;
overflow: hidden; } .products-slider .products-box .image .primary-image,
.products-slider .products-box .image .secondary-image {
width: 100%;
height: auto;
object-fit: cover;
transition: all ease-in-out 300ms;
} .products-slider .products-box .image.has-hover .secondary-image {
position: absolute;
top: 0;
left: 0;
z-index: 1; opacity: 0; } .products-slider .products-box .image.has-hover .primary-image {
position: relative;
z-index: 2; } .products-slider .products-box .image.has-hover:hover .primary-image {
opacity: 0;
} .products-slider .products-box .image.has-hover:hover .secondary-image {
opacity: 1;
} .products .product .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
width: 100% !important;
object-fit: cover !important;
transition: transform 0.3s ease !important;
}
.products .product .product-image {
position: relative;
display: block;
overflow: hidden;
}
.products .product .product-image .primary-image,
.products .product .product-image .secondary-image {
width: 100%;
height: auto;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.products .product .product-image.has-hover .secondary-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
}
.products .product .product-image.has-hover .primary-image {
position: relative;
z-index: 2;
}
.products .product .product-image.has-hover:hover .primary-image {
opacity: 0;
}
.products .product .product-image.has-hover:hover .secondary-image {
opacity: 1;
} .products .product .woocommerce-loop-product__title {
font-size: 14px !important;
font-weight: 400 !important;
margin-bottom: 0.5rem !important;
color: #000 !important;
padding: 0px 16px 0px 16px!important;
} .products .product .price {
display: flex !important;
align-items: center !important;
padding: 0px 16px 0px 16px!important;
gap: 0.5rem !important;
flex-direction: row-reverse;
justify-content: start;
}
@media (max-width: 992px){
.products .product .price {
flex-direction: row-reverse !important;
justify-content: start !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
margin-bottom: 16px!important;
}
}
.products .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 14px;
line-height: 30px;
font-weight: 300 !important;
}
@media (max-width: 992px){
.products .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 14px !important;
}
}
.woocommerce ul.products li.product .price del {
font-size: 14px;
color: #757575 !important;
font-weight: 300;
}
.products .product .price del .woocommerce-Price-amount {
text-decoration: line-through !important;
font-size: 14px !important;
}
.woocommerce ul.products li.product .price ins{
text-decoration: none!important;
}
.woocommerce ul.products li.product .price ins span{
font-size:14px !important;
} .products .product .btn-favorite {
background: none !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
padding: 0.5rem !important;
transition: all 0.3s ease !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.products .product .btn-favorite:hover {
background: #f8f9fa !important;
border-color: #ccc !important;
}
.products .product .btn-favorite img {
width: 20px !important;
height: 20px !important;
} .products .product .add_to_cart_button, .woocommerce ul.products li.product .button {
background: linear-gradient(45deg, #000, #ffd55b) !important; 
border: none !important;
color: #fff !important;
padding: 0.8rem 2rem !important;
font-size: 1rem !important;
font-weight: 600 !important;
border-radius: 8px !important;
box-shadow: 0 4px 15px rgba(154, 236, 255, 0.3) !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top:0 !important;
} .products .product .product_type_grouped {
background: linear-gradient(45deg, #000, #98daf3) !important; 
border: none !important;
color: #fff !important;
padding: 0.8rem 2rem !important;
font-size: 1rem !important;
font-weight: 600 !important;
border-radius: 8px !important;
box-shadow: 0 4px 15px rgba(154, 236, 255, 0.3) !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top:0 !important;
} .products .product .add_to_cart_button::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
transition: left 0.5s ease !important;
} .products .product .add_to_cart_button:hover {
box-shadow: 0 6px 20px rgba(154, 236, 255, 0.4) !important;
color: #fff !important;
} .products .product .add_to_cart_button:hover::before {
left: 100% !important;
} .products .product .add_to_cart_button:active {
transform: translateY(0) !important;
box-shadow: 0 3px 15px rgba(154, 236, 255, 0.3) !important;
} .custom-add-to-cart-wrapper {
padding: 16px!important;
display: flex !important;
gap: 0.5rem !important;
}
.custom-add-to-cart-wrapper .added_to_cart {
display: none !important;
}
.woocommerce-page select.orderby {
border: none;
height: 45px;
width: 100%;
background: transparent;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center!important;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 12px!important;
color: #000!important;
cursor: pointer;
}
@media (max-width: 992px){
.woocommerce-page select.orderby {
text-align: center;
padding: 0 10px!important;
}
}
.woocommerce-page select.orderby::placeholder {
font-size: 14px;
color: #151515;
font-weight: 500;
} .onsale {
background-color: #E43A36 !important; font-weight: normal !important; ;
text-transform: uppercase !important; display: inline-block !important; margin: 16px !important; min-height: inherit !important;
border: 2px solid #E43A36 !important;
border-radius: 0px !important;
color: #fff !important;
padding: 8px 14px !important;
display: table !important; line-height: normal !important;
font-weight: 600!important;
}
#customer_login{
padding: 0 40px;
}
@media (max-width: 992px){
#customer_login{
padding: 0px 10px;
}
}
#customer_login .woocommerce-form-login__submit{
background-color: #000 !important;
color: #fff !important;
padding: 12px 20px !important;
font-size: 1rem !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
width: 100% !important;
}
#customer_login .woocommerce-privacy-policy-link{
color: #ba135d !important;
}
#customer_login .woocommerce-LostPassword a{
color: #ba135d !important;
} .woocommerce-MyAccount-navigation {
background: #fff !important;
padding: 20px !important;
margin-bottom: 40px !important;
} .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
} .woocommerce-MyAccount-navigation li {
margin-bottom: 12px !important;
} .woocommerce-MyAccount-navigation li a {
display: block !important;
padding: 10px 20px !important;
color: #333 !important;
text-decoration: none !important;
font-size: 1rem !important;
font-weight: 500 !important;
transition: background-color 0.3s ease !important;
} .woocommerce-MyAccount-navigation li a:hover {
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-navigation li.is-active a {
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-content {
background: #fff !important;
padding: 30px 20px !important;
}
.woocommerce-MyAccount-content .button{
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-content h3 {
font-size: 1.5rem !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 20px !important;
} .woocommerce-MyAccount-content p {
font-size: 1rem !important;
color: #666 !important;
line-height: 1.5 !important;
} .woocommerce-MyAccount-content a {
color: #000 !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.3s ease !important;
} .woocommerce-MyAccount-content a:hover {
color: #fff !important;
} .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
margin-bottom: 20px !important;
} .woocommerce-Addresses {
display: flex !important;
gap: 20px !important;
margin-bottom: 40px !important;
background-color: #fff !important;
padding: 20px !important;
} .woocommerce-Address {
flex: 1 !important;
padding: 20px !important;
background-color: #fff !important;
} .woocommerce-Address-title {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 15px !important;
padding: 16px 0 !important;
box-shadow: none;
&::before{
display: none!important;
}
&::after{
display: none!important;
}
}
.woocommerce-Address-title h2 {
font-size: 1.25rem !important;
font-weight: 600 !important;
color: #000 !important;
margin: 0 !important;
}
.woocommerce-Address-title .edit {
font-size: 0.875rem !important;
color: #000 !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: color 0.3s ease !important;
} .woocommerce-Address-title .edit:hover {
color: #000 !important;
} .woocommerce-Address address {
font-size: 1rem !important;
color: #666 !important;
line-height: 1.5 !important;
} .woocommerce-Address address {
color: #999 !important;
font-style: italic !important;
} .woocommerce-EditAccountForm {
background-color: #fff !important;
max-width: 800px !important;
} .woocommerce-form-row {
margin-bottom: 20px !important;
display: flex !important;
flex-direction: column !important;
} .woocommerce-form-row label {
font-size: 1rem !important;
color: #333 !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
} .woocommerce-form-row .required {
color: #e74c3c !important;
} .woocommerce-Input {
padding: 12px 16px !important;
font-size: 1rem !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
transition: border-color 0.3s ease !important;
} .woocommerce-Input:focus {
border-color: #000 !important;
outline: none !important;
} .password-input {
display: flex !important;
align-items: center !important;
position: relative !important;
}
.password-input input {
width: 100% !important;
}
.password-input .show-password-input {
position: absolute !important;
top: 50% !important;
right: 10px !important;
transform: translateY(-50%) !important;
background: transparent !important;
border: none !important;
font-size: 1.2rem !important;
color: #000 !important;
cursor: pointer !important;
} .woocommerce-Button {
background-color: #000 !important;
color: #fff !important;
padding: 12px 20px !important;
font-size: 1rem !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
} .woocommerce-Button:hover {
background-color: #000 !important;
} #account_display_name_description {
font-size: 0.875rem !important;
color: #777 !important;
margin-top: 8px !important;
font-style: italic !important;
} .woocommerce-form-row.form-row-last {
margin-bottom: 0 !important;
} input[type="hidden"] {
display: none !important;
} .clear {
clear: both !important;
} .woocommerce-info {
border-top: none !important;
color: #000 !important;
background-color: #fff !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 0 !important;
}
.woocommerce-info::before {
color: #000 !important;
content: "\f06a" !important;
}
.woocommerce-address-fields__field-wrapper {
background: #fff !important;
padding: 30px 0 !important;
margin-bottom: 16px !important;
}
.woocommerce-address-fields__field-wrapper .form-row {
margin-bottom: 1.5rem !important;
}
.woocommerce-address-fields__field-wrapper label {
font-weight: 600 !important;
font-size: 1rem !important;
color: #333 !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"],
.woocommerce-address-fields__field-wrapper input[type="email"],
.woocommerce-address-fields__field-wrapper input[type="tel"],
.woocommerce-address-fields__field-wrapper select {
width: 100% !important;
padding: 0.8rem !important;
border: 1px solid #ccc !important;
border-radius: 6px !important;
font-size: 1rem !important;
transition: border-color 0.3s ease !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"]:focus,
.woocommerce-address-fields__field-wrapper input[type="email"]:focus,
.woocommerce-address-fields__field-wrapper input[type="tel"]:focus,
.woocommerce-address-fields__field-wrapper select:focus {
border-color: #000 !important;
outline: none !important;
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper {
display: block !important;
}
.woocommerce-address-fields__field-wrapper select {
padding: 0.8rem 1.2rem !important;
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper input[type="hidden"] {
background: transparent !important;
}
.woocommerce-address-fields__field-wrapper .required_field {
color: #000 !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection {
border-color: #ccc !important;
padding: 0.8rem !important;
font-size: 1rem !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection__rendered {
color: #333 !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection__arrow {
display: none !important;
}
.woocommerce-address-fields__field-wrapper .form-row .optional {
color: #999 !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"]:disabled,
.woocommerce-address-fields__field-wrapper input[type="email"]:disabled,
.woocommerce-address-fields__field-wrapper input[type="tel"]:disabled,
.woocommerce-address-fields__field-wrapper select:disabled {
background-color: #f2f2f2 !important;
cursor: not-allowed !important;
}
.woocommerce-address-fields p button{
background-color: #000 !important;
color: #fff !important;
border-radius: none !important;
} @media (max-width: 768px) {
.woocommerce-MyAccount-navigation {
padding: 10px !important;
}
.woocommerce-Addresses {
flex-direction: column !important;
}
.woocommerce-Address {
margin-bottom: 20px !important;
width: 100% !important;
}
.woocommerce-Button {
padding: 10px !important;
}
.woocommerce-MyAccount-content h3 {
font-size: 1.25rem !important;
}
} #custom-popup button {
background-color: #000 !important; color: #fff;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
}
#custom-popup button:hover {
background-color: #a01d3f !important; } .custom-woocommerce-elements {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-toggle-ordering-wrapper {
display: flex;
align-items: center;        
width: 100%; 
margin-bottom:1rem;
justify-content: flex-end;
}
.woocommerce-breadcrumb{
width: 100%;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 13px !important;
color: #000 !important;
}
@media (max-width: 992px){
.mobile-toggle-ordering-wrapper {
justify-content: center;
}
.woocommerce-breadcrumb{
display: none!important;
}
.custom-woocommerce-elements {
flex-direction: column;
align-items: flex-start;
}
.woocommerce .woocommerce-ordering {
flex:1;
}
}
.woocommerce .woocommerce-ordering {
margin: 0 !important;
} .wp-block-woocommerce-cart{
margin-top: 40px !important;
padding: 0 40px !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
color: black !important;
}
.wc-block-cart__submit-button {
background-color: #000 !important;
color: #fff !important;
border-radius: 8px !important;
} .wc-block-components-totals-coupon__button {
padding: 10px 20px !important;
background-color: #000 !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
font-size: 14px !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
}
.wc-block-components-totals-coupon__button:disabled {
background-color: #ccc !important;
cursor: not-allowed !important;
}
.wc-block-components-shipping-calculator-address__button {
background-color: #000 !important;
border: none !important;
border-radius: 8px !important;
color: #fff !important;
}
.wc-block-cart-item__image img {
border-radius: 8px !important;
}
.wc-block-components-product-metadata__description {
display:none !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-product-badge .wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__options {
display: none !important;
}
.wc-block-components-sidebar .wc-block-components-totals-item .wc-block-components-panel {
display: none !important;
}
.wc-block-components-totals-item__description {
display: none !important;
} .single-product .onsale {
top: 0 !important;
left: 0 !important;
}
.single-product .product_title {
font-size: 1.625rem !important;
font-weight: 500 !important;
margin-bottom: 16px !important;
}
.single-product .product .price {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
margin-bottom: 16px !important;
}
.single-product .product .summary  .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 2rem !important;
font-weight: 600 !important;
}
.single-product .product .price del {
color: #6d6d6d !important;
display: flex !important;
}
@media (max-width: 992px){
.single-product .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 1.4rem !important;
font-weight: 600 !important;
}
.single-product .product_title{
margin-bottom: 16px!important;
text-align: flex-start;
}
.single-product .product .price{
flex-direction: column;
margin-bottom: 8px!important;
gap: 0!important;
align-items: flex-start !important;
}
.products .product .woocommerce-loop-product__title{
padding: 0 16px!important;
font-size: 14px !important;
}
}
.single-product div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none !important;
}
.woocommerce div.product form.cart .reset_variations {
color: red !important;
}
.single-product .product .single_add_to_cart_button{
background-color: #000 !important;
line-height: inherit !important;
max-width: 350px !important;
width: 100% !important;
border-radius: 0 !important;
}
.single-product .product .summary input {
border: 1px solid #e1e0e2;
height: 45px;
width: 100%;
max-width: 50px;
text-align: center;
margin-right: 0px;
}
.single-product .product .summary .input-text {
margin: 0 !important;
}
.single-product .cart .quantity {
margin-right: 20px !important;
display:block !important;
}
@media (max-width: 992px) {
.single-product .cart .quantity {
margin-bottom: 12px !important;
margin-right: 0!important;
width: 100%;
}
.single-product .product .summary input{
width: 100%!important;
max-width: 100%!important;
}
.single-product .product .single_add_to_cart_button{
max-width: 100%!important;
}
}
.single-product .cart .quantity .minus,
.quantity .plus {
width: 30px !important;
height: 45px !important;
padding: 0 !important;
background-color: #ddd!important;
color: #000!important;
border: none!important;
transition: all .2s linear;
}
.single-product .cart .quantity .minus:hover,
.quantity .plus:hover{
background: #d2d1d1!important;
}
.single-product .product_meta {
display: flex;
flex-direction: column;
}
.single-product .product_meta .posted_in {
display:none !important;
}
.single-product .product .summary p{
color: #333!important;
font-weight:300 !important;
font-size: 14px;
}
.single-product .product .summary span {
color: #333!important;
font-weight:300 !important;
font-size: 14px;
}
.single-product .product span .sku {
color: #767676 !important;
font-weight: 300 !important;
}
.single-product .product .tagged_as a{
color: #000 !important;
font-weight: 300 !important;
}
.single-product .social-share-buttons a{
color: rgba(0,0,0,0.6) !important;
transition: all 0.3s ease !important;
}
.single-product .social-share-buttons a:hover {
color: rgba(0,0,0,0.8) !important;
transition: all 0.3s ease !important;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 120px !important;
padding-top: 60px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 2px solid #cfc8d8 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #000 !important;
border-bottom-color: #000 !important;
border-bottom: 2px solid black !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border:none  !important;
border-radius: none !important;
background-color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none !important;
border-bottom-left-radius: 4px !important;
box-shadow: none !important ;
}
.woocommerce div.product .woocommerce-tabs .panel{
min-height: 80vh;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
display:none !important;
}
.woocommerce div.product .woocommerce-tabs .panel table{
width: 100%;
td{
padding: 10px;
border: 1px solid #eee;
}
}  .woocommerce div.product div.images img {
transition: all 0.3s ease-in-out;
object-fit: cover !important;
background: #fff!important; }
.site-main .slick-arrow{
border: none!important;
}
.woocommerce-cart header .container {
margin-bottom: 0!important;
} .single-product .woocommerce-tabs{
[rel="tag"] {
color: #000 !important;
}
} @media (max-width: 768px) {
.woocommerce div.product div.images img {
width: 100%;
height: auto;
}
.woocommerce div.product div.images .thumbnails {
display: flex;
gap: 5px;
justify-content: center;
}
.woocommerce div.product div.images .thumbnails img {
width: 60px;
height: 60px;
}
.woocommerce div.product .woocommerce-tabs{
margin-bottom: 40px!important;
}
}
.woocommerce-notices-wrapper .woocommerce-message {
background-color: #000 !important;
color: #fff !important;
border-top: none !important;
display: flex !important;
align-items: center !important;
}
.woocommerce-notices-wrapper .woocommerce-message::before {
top: inherit !important;
}
.woocommerce-notices-wrapper .woocommerce-message a {
background-color: #fff !important;
color: #000 !important;
border-radius: 5px !important;
margin-left: auto !important;
}
.woocommerce div.product form.cart .group_table td {
padding-bottom: 1rem !important;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: inherit !important;
}
.single-product .woocommerce-grouped-product-list-item .quantity {
margin-right: 0px !important;
}
.single-product .woocommerce-grouped-product-list-item__label a{
color: #000 !important;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
width: 25px;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
@media (max-width: 992px) {
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
display:none !important
}
}
.woocommerce-products-header{
background: transparent!important;
padding: 0!important;
border-bottom:none;
}
.daha-fazla-yukle {
display: block;
margin: 2rem auto;
padding: 12px 24px;
background-color: #000;
color: #fff;
border: none;
border-radius: 0 !important;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s ease;
}
.daha-fazla-yukle:hover {
background-color: #000;
}
.daha-fazla-yukle:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
.product-counter {
text-align: center;
margin: 20px 0 10px;
font-size: 14px;
color: #666;
}
.product-counter span {
font-weight: bold;
color: #000;
}
.woocommerce nav.woocommerce-pagination{
margin-bottom: 30px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination .page-numbers li {
border-color: transparent !important
}
.woocommerce-pagination .page-numbers li span {
width: 32px;
height: 32px;
padding: 0 !important;
line-height: 34px !important;
color: #333
}
.woocommerce-pagination .page-numbers {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.woocommerce-pagination .page-numbers li:last-child span,
.woocommerce-pagination .page-numbers li:last-child a {
border-radius: 0px;
}
.woocommerce-pagination .page-numbers li:first-child span,
.woocommerce-pagination .page-numbers li:first-child a {
border-radius: 0px;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
width: 32px;
height: 32px;
padding: 0 !important;
display: block !important;
line-height: 34px !important;
text-align: center;
background: #000 !important;
color: #fff;
border: 0.5px solid black;
}
.woocommerce nav.woocommerce-pagination ul li {
background: #fff !important;
border-right: 1px solid #f5f5f5 !important
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination .page-numbers li span.current {
background: #fff !important;
color: #000 !important;
border: 0.5px solid black;
}
.woocommerce nav.woocommerce-pagination ul li:first-child,
.woocommerce-pagination .page-numbers li:last-child {
border-radius: 0px
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
border-right: transparent !important
}
.woocommerce nav.woocommerce-pagination ul li:last-child span,
.woocommerce-pagination .page-numbers li:last-child span {
border-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul li:last-child,
.woocommerce-pagination .page-numbers li:last-child {
border-radius: 0;
}
.woocommerce-pagination .page-numbers li a {
width: 32px;
height: 32px;
line-height: 34px !important;
padding: 0 !important;
color: #fff
}
.wpfMainWrapper {
border-radius: 5px !important;
background-color: #fff; padding: 15px 10px; }
.filter-button, .filter-close{
display: none;
}
#wpfBlock_1 .wpfFilterVerScroll {
max-height: inherit !important;
}
.filter-close{
display: block;
}
@media (max-width: 992px) {
.filter-button{
float: right;
display: flex;
align-items: center;
}
.filter-button i{
font-size: 14px;
transform: translateY(-1px);
}
.wpfMainWrapper,
.wpfFilterWrapper[data-filter-type] {
padding: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce-ordering{
margin-top: 15px!important;
}
.wpfMainWrapper { position: fixed!important;
padding: 15px 15px 65px 15px!important;
left: -1000px!important;
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: 99;
top: 0!important;
box-shadow: 0 0px 10px 3px rgba(0,0,0,.19);
height: 100vh;
max-height: 100vh;
overflow-y: auto;
max-width: 300px;
}
.wpfMainWrapper.active{
left: 0!important;
visibility: visible;
opacity: 1;
pointer-events: inherit;
}
.woo-categori.active::before{
content: "";
width: 100vw;
z-index: 0;
height: 100vh;
position: fixed;
display: block;
z-index: 99;
right: 0;
top: 0;
background: rgba(255, 255, 255, .9);
}
.filter-close{
position: fixed;
z-index: 999;
display: block;
cursor: pointer;
top: 15px;
right: 15px;
width:34px;
height: 34px!important;
}
} .wpfFilterVerScroll::-webkit-scrollbar {
width: 6px !important;
}
.wpfFilterTitle {
background: #F5F5F5;
padding: 16px 14px !important;
position: relative;
z-index: 2;
}
.wpfFilterTitle .wfpTitle {
padding: 0 !important;
height: auto !important;
}
.wpfFilterContent {
border: 1px solid #f5f5f5 !important;
margin-bottom: 10px !important; }
.wpfFilterContent .wpfFilterVerScroll {
padding: 15px 15px 15px 15px !important;
} .wpfLiLabel .wpfCheckbox {
height: 19px !important;
}
.wpfFilterWrapper .wpfCheckbox label::before {
border-radius: 50%;
} .wpfFilterVerScroll::-webkit-scrollbar-track {
background: #f1f1f1 !important;
border: none !important;
border-radius: 4px !important;
} .wpfFilterVerScroll::-webkit-scrollbar-thumb {
background: #eee !important;
border: none !important;
} .wpfFilterVerScroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
.wpfCheckboxHier li>ul {  color: #797979 !important;
font-size: 12px !important;
}
.wpfFilterWrapper {
margin-top: 0 !important;
margin-bottom: 0px !important;
}
.wpfFilterWrapper .wfpTitle {
font-size: 14px !important;
font-weight: bold;
height: 25px;
margin: inherit;
padding: inherit;
color: inherit;
line-height: inherit;
}
.wpfFilterWrapper .wpfFilterTaxNameWrapper {
font-size: 13px !important;
} input[type="checkbox"].woocommerce-form__input-checkbox {
accent-color: #000 !important;
} input[type="checkbox"].woocommerce-form__input-checkbox:focus {
outline: 1px solid #000 !important;
outline-offset: 2px;
} input[type="checkbox"].woocommerce-form__input-checkbox::before {
color: #000 !important;
}
.woocommerce-checkout #payment ul.payment_methods li { } #musteri_tipi_field .optional,
#musteri_tipi_bireysel ~ .radio .optional,
#musteri_tipi_kurumsal ~ .radio .optional {
display: none !important;
}
.woocommerce-info a {
color: #fff !important;
background-color: #000 !important;
font-weight: 500 !important;
padding: 6px 20px !important;
}
.woocommerce .woocommerce-message a {
color: #333 !important;
font-weight: 500;
} @media (max-width: 992px) { #add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 !important;
}
}
.woocommerce .woocommerce-checkout .col2-set h3,
.order-cont h3 {
font-size: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
color: #061F0C;
}
.col2-set h3 svg,
.order-cont h3 svg {
margin-right: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #000 !important;
color: #fff;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row {
display: block;
width: 100%;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input, .woocommerce form .form-row select, .woocommerce-page form .form-row select {
border: 1px solid #e1e0e2;
border-radius: 6px;
height: 45px;
padding: 0 14px;
width: 100%;
}
.woocommerce form .form-row textarea{
border: 1px solid #e1e0e2;
border-radius: 12px;
height: 160px;
padding: 12px 14px;
width: 100%;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input {
grid-column: 1/2;
height: 40px;
}
.woocommerce .product .summary .button {
height: 40px !important;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input::placeholder {
font-size: 14px;
color: #bbb5b5;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single, .woocommerce form .form-row .input-text, .woocommerce form .form-row select {
height: 45px !important;
line-height: 45px !important;
border: 1px solid #e1e0e2 !important;
padding: 0 10px !important;
border-radius: 0px !important;
outline: none !important;
box-shadow: none !important;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single {
height: 40px !important;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 45px !important;
padding: 0 14px !important;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper {
display: block;
width: 100%;
}
.woocommerce .woocommerce-checkout .row .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea {
width: 100%;
border: 1px solid #e1e0e2;
border-radius: 8px;
padding: 14px;
min-height: 100px;
height: 100px;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea {
grid-column: 1/2;
min-height: 100px;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea::placeholder {
font-size: 14px;
color: #bbb5b5;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment {
background: #fff !important;
margin-bottom: 50px;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li { padding: 10px;
cursor: pointer;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box {
background-color: #eee !important;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box::before {
border-bottom-color: #eee !important;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment p a {
color: #333;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .button {
display: table;
background: #000 !important;
padding: 14px 20px;
border: none;
width: 100%;
color: #fff !important;
margin-top: 20px !important;
font-size: 16px;
border-radius: 6px;
font-weight: 400 !important;
cursor: pointer;
}
#order_review_heading{
margin-top: 40px;
}
.return-to-cart-logo-container{
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0px;
max-width:1200px;
margin-left: auto;
margin-right: auto;
}
.return-to-cart-btn{
background: #000!important;
border: 1px solid #000!important;
font-size: 14px!important;
margin-top: 10px;
padding: 12px 24px !important;
display: inline-flex!important;
align-items: center!important;
color: #fff!important;
position: absolute !important;
left: 0 !important;
border-radius:0 !important;
}
.return-to-cart-btn::before{
content: "";
background: url(//yamanatelier.com/wp-content/themes/yamanatelier/images/icons/shopping-cart.svg);
filter: brightness(0) invert(1);
background-size: contain!important;
width: 20px;
height: 20px;
margin-right: 6px;
display: block;
z-index: 1;
position: relative;
}
.checkout-logo{
position: absolute;
left: 50%;
transform: translateX(-50%);
img {
height: 70px!important;
display: table;
margin: 0 auto 24px;
}
}
@media (max-width: 992px) {
.return-to-cart-logo-container {
flex-direction: column;
align-items: center;
padding: 30px 0;
}
.return-to-cart-btn {
position: relative !important;
left: auto !important;
width: 100%;
text-align: center;
justify-content: center;
padding: 12px 0;
}
.checkout-logo {
position: relative;
left: auto;
transform: none;
margin-top: 20px;
}
.checkout-logo img {
height: 60px !important;
}
} .woocommerce-checkout .col-left {
float: left;
width: 58%;
margin-right: 4%;
} .woocommerce-checkout .col-right {
float: right;
width: 38%;
} .woocommerce-checkout .col2-set:after {
content: "";
display: table;
clear: both;
} @media screen and (max-width: 768px) {
.woocommerce-checkout .col-left, 
.woocommerce-checkout .col-right {
width: 100%;
float: none;
margin-right: 0;
}
}
#customer_details .col-1, #customer_details .col-2{
width: 100%!important;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 { margin-bottom: 20px;
}
#hezarfen_invoice_type_field{
order: 20!important;
}
#hezarfen_invoice_type_field + p{
order: 21!important;
} #hezarfen_tax_number_field{
order: 23!important;
}
#hezarfen_tax_office_field{
order: 24!important;
}
.woocommerce .wc-bacs-bank-details-account-name{
font-size: 18px!important;
margin-bottom: 12px!important;
}
.wc-bacs-bank-details li  strong{
color: rgba(89, 203, 232, 1)!important;
}
.woocommerce table.shop_table tfoot td {
font-weight: normal !important;
}
#billing_bireyselkurumsal_field, #billing_tckimliknosu_field, #billing_firmaadi_field{
width: 100%!important;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input{
display: none;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper{
display: flex;
border: 1px solid #ddd;
border-radius: 24px;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper label{
margin: 0!important;
cursor: pointer;
border-radius: 24px;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input + label{
width: 50%!important;
line-height: 45px;
text-align: center;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input:checked + label{
background: #aaa!important;
color: #fff!important;
}
#musteri_tipi_field{
order: -1!important;
width: 100%!important;
.woocommerce-input-wrapper{
width: 100%;
input{
display: none;
&:checked + label {
background-color: #000;
color: #fff;
}
}
label{
height: 50px;
flex: 1;
border: 1px solid #eee;
border-radius: 0px!important;
display: flex;
align-items: center;
justify-content: center;
}
}
}
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce .woocommerce-billing-fields__field-wrapper .form-row{
width: 48%!important;
padding: 0 0px 10px;
}
.woocommerce-checkout{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.woocommerce-order-received{
max-width: inherit;
}
.woocommerce .woocommerce-checkout .col2-set h3 input {
display: none;
}
.woocommerce .woocommerce-checkout .col2-set h3 input:checked+span::after {
opacity: 1;
}
.woocommerce .woocommerce-checkout .col2-set h3 span {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: 12px;
margin: 10px 0 20px !important;
}
.woocommerce .woocommerce-checkout .col2-set h3 span::before {
content: "";
width: 14px;
height: 14px;
border: 1px solid #7A7E81;
box-sizing: border-box;
margin-right: 10px;
}
.woocommerce .woocommerce-checkout .col2-set h3 span::after {
content: "";
width: 8px;
height: 8px;
background: #7A7E81;
box-sizing: border-box;
position: absolute;
left: 3px;
top: calc(50%);
transform: translateY(-50%);
opacity: 0;
}
#sozlesme_onayla_field{
padding: 3px!important;
}
.woocommerce form .form-row .input-checkbox{
width: 15px;
height: 15px;
}
.woocommerce form .form-row textarea{
min-height: 120px!important;
padding: 10px!important;
}
.sozlemelertesekkur{
display: flex;
align-items: center;
margin-bottom: 30px;
justify-content: center;
a{
border: 1px solid #aaa;
padding: 10px;
display: block;
margin-right: 6px;
border-radius: 6px;
background: #000;
color: #fff!important;
}
}
.woocommerce-thankyou-order-received{
text-align: center;
font-size: calc(20px + 2vw);
color: #000;
margin: 10vh 0;
}
.woocommerce ul.order_details{
display: flex;
align-items: center;
justify-content: center;
row-gap: 30px;
flex-wrap: wrap !important;
}
.woocommerce .woocommerce-customer-details address {
border: none !important;
border-bottom-width: 0 !important;
border-right-width: 0 !important;
border-radius: 0 !important;
}
.woocommerce-table__product-name a{
color: #000 !important;
}
.woocommerce span.onsale{
max-width: 3.236em;
}
@media (max-width: 768px){
.woocommerce ul.products.columns-3 li.product{
width: 100%!important;
}
} #customFilterPanel {
width: 400px; max-width: 90vw;
background: #fff;
border: none;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.offcanvas-header {
border-bottom: 1px solid #e0e0e0;
padding: 20px;
}
.offcanvas-title {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #222;
margin: 0;
}
.filter-group {
padding: 12px 20px;
}
.filter-group:last-of-type {
border-bottom: none;
}
.filter-group h6 {
font-weight: 500;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #222;
margin: 0;
padding: 8px 0;
}
.form-check {
margin-bottom: 8px;
padding-left: 0;
display: flex;
align-items: center;
}
.form-check-input {
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 10px;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #fff;
transition: all 0.2s ease;
cursor: pointer;
}
.form-check-input:focus {
border-color: #000;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.form-check-input:checked {
background-color: #000;
border-color: #000;
}
.form-check-label {
font-size: 13px;
color: #444;
font-weight: 400;
cursor: pointer;
margin-bottom: 0;
line-height: 1.3;
}
.form-check-label:hover {
color: #222;
} .price-inputs {
display: flex;
gap: 10px;
margin: 12px 0;
}
.price-inputs input {
width: 100%;
padding: 8px 12px;
font-size: 13px;
border: 1px solid #ddd;
border-radius: 0px;
background-color: #fff;
transition: border-color 0.2s ease;
}
.price-inputs input:focus {
outline: none;
border-color: #000;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.price-slider {
margin: 20px 0 15px;
height: 20px;
}
.ui-widget-header{
background: #000 !important;
}
.ui-state-default{
box-shadow: none !important;
border-radius: 0px !important;
background: white !important;
}
.ui-slider {
height: 4px;
background: #e0e0e0;
position: relative;
border-radius: 0px;
border: none;
}
.ui-slider-range {
background: #000;
height: 4px;
border-radius: 0px;
}
.ui-slider-handle {
width: 18px;
height: 18px;
background: #000;
border-radius: 0;
border: 2px solid #fff;
top: -7px;
margin-left: -9px;
cursor: pointer;
outline: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ui-slider-handle:hover,
.ui-slider-handle:focus {
border-color:#000 !important;
transform: scale(1.1);
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.ui-state-active {
background: #000 !important;
border: 2px solid #fff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance:textfield; } .filter-actions {
position: sticky;
bottom: 0;
background: #fff;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.filter-actions button {
width: 100%;
padding: 12px 16px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border-radius: 0px;
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.filter-actions button[type="submit"],
.filter-actions button.btn-primary {
background-color: #000;
color: #fff;
border-color: #000;
}
.filter-actions button[type="submit"]:hover,
.filter-actions button.btn-primary:hover {
background-color: #333;
border-color: #333;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.filter-actions button[type="button"],
.filter-actions button.btn-outline-secondary {
background-color: #fff;
color: #666;
border-color: #ddd;
}
.filter-actions button[type="button"]:hover,
.filter-actions button.btn-outline-secondary:hover {
background-color: #f8f9fa;
border-color: #ccc;
color: #333;
}
.filter-actions button:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none !important;
} .offcanvas-body {
padding: 1rem 1rem;
overflow-y: auto;
} .filter-toggle {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
transition: color 0.2s ease;
}
.filter-toggle:hover {
color: #000;
}
.filter-toggle i {
font-size: 12px;
color: #666;
transition: transform 0.25s ease;
}
.filter-toggle[aria-expanded="true"] i,
.filter-toggle:not(.collapsed) i {
transform: rotate(180deg);
} .collapse {
display: none;
}
.collapse.show {
display: block;
} #priceFilterCollapse {
display: block !important;
} #priceFilterCollapse.collapse {
display: block !important;
}
#priceFilterCollapse.collapse.show {
display: block !important;
} #priceFilterCollapse.collapse:not(.show) {
display: none !important;
} .active-filters {
background: #f8f9fa;
padding: 15px 20px;
border-radius: 0px;
margin-bottom: 20px;
}
.active-filters .filter-label {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #666;
}
.active-filters .badge {
font-size: 11px;
padding: 4px 8px;
background-color: #000 !important;
color: #fff;
border-radius: 0;
font-weight: 400;
}
.active-filters .btn-outline-danger {
font-size: 11px;
padding: 2px 8px;
border-color: #dc3545;
color: #dc3545;
}
.active-filters .btn-outline-danger:hover {
background-color: #dc3545;
color: #fff;
} .filter-loading {
opacity: 0.6;
pointer-events: none;
}
.filter-loading .filter-actions button {
position: relative;
}
.filter-loading .filter-actions button .fa-spinner {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .filter-count-badge {
background: #000;
color: #fff;
font-size: 10px;
padding: 2px 6px;
border-radius: 0px;
margin-left: 6px;
font-weight: 500;
} .form-check-input + .form-check-label {
position: relative;
}
.form-check-input + .form-check-label::after {
content: attr(data-count);
font-size: 10px;
color: #999;
margin-left: 4px;
}
.form-check .form-check-input{
margin-left: 0 !important;
} .btn-close {
padding: 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
background: transparent;
border: 0;
border-radius: 0;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.btn-close:hover {
opacity: 1;
} @media (max-width: 576px) {
#customFilterPanel {
width: 320px;
}
.filter-group {
padding: 10px 15px;
}
.filter-actions {
padding: 15px;
}
.offcanvas-header {
padding: 15px;
}
.price-inputs input {
padding: 6px 10px;
font-size: 12px;
}
}
@media (max-width: 480px) {
#customFilterPanel {
width: 280px;
}
} @media print {
#customFilterPanel,
.filter-toggle-btn {
display: none !important;
}
}
.filter-btn {
background-color: white;
color: #000!important;
text-align: center;
border: none;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 12px!important;
display: flex;
align-items: center;
padding: 0;
height: 45px;
}
@media (max-width: 992px){
.filter-btn {
border-right: 1px solid #ccc;
flex: 1;
justify-content: center;
}
}
.filter-separator {
height: 12px !important;
width: 1px !important;
background-color: #ccc !important;
display: inline-block !important;
margin: 0 10px !important;
}
@media (max-width: 992px){
.filter-separator {
display:none !important;
}
}
.no-products-message {
text-align: center;
padding: 30px 0;
font-size: 18px;
color: #555;
border-top: 1px solid #eee;
}
body[style*="padding-right"] {
padding-right: 0 !important;
}
.filter-group .row {
margin-bottom: 10px;
} .woocommerce-product-gallery {
position: relative !important;
opacity: 1 !important;
} .product-gallery-main {
margin-bottom: 15px !important;
width: 100% !important;
}
.product-gallery-main .slick-slide img {
width: 100% !important;
display: block !important;
margin: 0 auto !important;
} .product-gallery-thumbs {
max-width: 100% !important;
}
.product-gallery-thumbs .slick-slide {
cursor: pointer !important;
}
.product-gallery-thumbs .slick-slide img {
border: 1px solid #ddd !important;
opacity: 0.7 !important;
transition: opacity 0.3s !important;
width: 100% !important;
height: auto !important;
}
.product-gallery-thumbs .slick-slide.slick-current img,
.product-gallery-thumbs .slick-slide:hover img {
opacity: 1 !important;
} .single-product .slick-prev,
.single-product .slick-next {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
background: rgba(255, 255, 255, 0.8) !important;
border: none !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
font-size: 0 !important;
cursor: pointer !important;
padding: 0 !important;
}
.single-product .slick-prev:hover,
.single-product .slick-next:hover {
background: rgba(255, 255, 255, 0.9) !important;
}
.single-product .slick-prev:before,
.single-product .slick-next:before {
font-family: 'FontAwesome' !important;
font-size: 20px !important;
color: #333 !important;
line-height: 1 !important;
}
.single-product .slick-prev {
left: 15px !important;
}
.single-product .slick-prev:before {
content: '\f053' !important;
}
.single-product .slick-next {
right: 15px !important;
}
.single-product .slick-next:before {
content: '\f054' !important;
} .single-product .slick-dots {
text-align: center !important;
margin-top: 15px !important;
padding: 0 !important;
list-style: none !important;
}
.single-product .slick-dots li {
display: inline-block !important;
margin: 0 5px !important;
}
.single-product .slick-dots li button {
font-size: 0 !important;
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
background: #ccc !important;
border: none !important;
padding: 0 !important;
cursor: pointer !important;
}
.single-product .slick-dots li.slick-active button {
background: #333 !important;
} @media (max-width: 768px) {
.product-gallery-thumbs {
margin-top: 15px !important;
}
.product-gallery-thumbs .slick-slide {
padding: 5px !important;
}
.single-product .slick-prev,
.single-product .slick-next {
width: 30px !important;
height: 30px !important;
}
.single-product .slick-prev:before,
.single-product .slick-next:before {
font-size: 16px !important;
}
}
.single-product .in-stock {
color: #4bb543 !important;
display: none !important;
}
.sticky-summary {
position: sticky!important;
top: 0px;
background-color: #fff!important;
z-index: 10;
}
.woocommerce div.product div.summary {
padding-top: 0px!important;
transition: all 0.2s linear!important;
position: sticky;
top: 100px;
}
.product-main-content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 40px;
align-items: flex-start; overflow: visible!important; }
.woocommerce-product-gallery, 
.summary.entry-summary {
flex: 1;
min-width: 300px;
align-self: flex-start; }
@media (max-width: 768px) {
.product-main-content-wrapper {
flex-direction: column;
gap: 20px;
}
}
.woocommerce ul.products li.product a img{
aspect-ratio: 3 / 4 !important;
width: 100%;
}
.woocommerce-Tabs-panel--description {
font-size: initial !important;
line-height: initial !important;
color: initial !important;
}
.woocommerce-Tabs-panel--description ul,
.woocommerce-Tabs-panel--description ol,
.woocommerce-Tabs-panel--description li,
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3 {
all: revert !important;
}