@charset "utf-8";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body,th,td,input,select,textarea,button{color:#333;line-height:1.5;font-weight:400;letter-spacing:-.2px}button{border:none}a{text-decoration:none;color:#333;cursor:pointer}a:hover{text-decoration:none}b{font-weight:600}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,ul,menu{list-style:none}i{font-size:14px;vertical-align:middle}i,em,address{font-style:italic;font-weight:400}input,select,button,textarea{vertical-align:middle;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}textarea{resize:vertical}input[type=”button”],input[type=”submit”],input[type=radio],input[type=checkbox],button{cursor:pointer;transition:all .2s ease}hr{display:block;margin:0;overflow:hidden}strong{font-weight:600}table{border-collapse:collapse;border-spacing:0}img{border:0;max-width:100%;vertical-align:middle}fieldset{border:none}body{-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}legend{display:none}
.bg-white{background:#fff}.bg-main{background:var(--color-main)}.bg-red{background:var(--color-red)}.bg-orange{background:var(--color-orange)}.bg-green{background:var(--color-green)}.bg-blue{background:var(--color-blue)}.bg-brown{background:var(--color-brown)}.bg-grey{background:var(--color-grey)}.bg-light-grey{background:var(--color-light-grey)}.bg-black{background:var(--color-black)}.tx-white{color:#fff}.tx-main{color:var(--color-main)}.tx-red{color:var(--color-red)}.tx-orange{color:var(--color-orange)}.tx-green{color:var(--color-green)}.tx-blue{color:var(--color-blue)}.tx-brown{color:var(--color-brown)}.tx-grey{color:var(--color-grey)}.tx-light-grey{color:var(--color-light-grey)}.tx-black{color:var(--color-black)}.tx-left{text-align:left}.tx-center{text-align:center}.tx-right{text-align:right}.tx-underline{text-decoration:underline}.fw400{font-weight:400}.fw500{font-weight:500}.fw600{font-weight:600}.tx50{font-size:36px;line-height:1.5;letter-spacing:-.5px}.tx45{font-size:33px;line-height:1.5;letter-spacing:-.4px}.tx40{font-size:30px;line-height:1.5;letter-spacing:-.4px}.tx35{font-size:27px;line-height:1.5;letter-spacing:-.3px}.tx30{font-size:24px;line-height:1.5;letter-spacing:-.3px}.tx25{font-size:21px;line-height:1.5;letter-spacing:-.2px}.tx20{font-size:18px;line-height:1.5;letter-spacing:-.2px}.tx18{font-size:16px;line-height:1.5;letter-spacing:-.1px}.tx15{font-size:15px;line-height:1.5;letter-spacing:-.1px}@media(min-width:768px){.tx50{font-size:50px}.tx45{font-size:45px}.tx40{font-size:40px}.tx35{font-size:35px}.tx30{font-size:30px}.tx25{font-size:25px}.tx20{font-size:20px}.tx18{font-size:17px}.tx15{font-size:15px}}.part-t-05{padding-top:20px!important}.part-t{padding-top:30px!important}.part-t-2x{padding-top:40px!important}.part-t-3x{padding-top:50px!important}.part-t-4x{padding-top:60px!important}.part-t-5x{padding-top:80px!important}.part-b-05{padding-bottom:20px!important}.part-b{padding-bottom:30px!important}.part-b-2x{padding-bottom:40px!important}.part-b-3x{padding-bottom:50px!important}.part-b-4x{padding-bottom:60px!important}.part-b-5x{padding-bottom:80px!important}.part-tb-05{padding-top:20px!important;padding-bottom:20px!important}.part-tb{padding-top:30px!important;padding-bottom:30px!important}.part-tb-2x{padding-top:40px!important;padding-bottom:40px!important}.part-tb-3x{padding-top:50px!important;padding-bottom:50px!important}.part-tb-4x{padding-top:60px!important;padding-bottom:60px!important}.part-tb-5x{padding-top:80px!important;padding-bottom:80px!important}.part-l-05{padding-left:20px!important}.part-l{padding-left:30px!important}.part-l-2x{padding-left:40px!important}.part-l-3x{padding-left:50px!important}.part-l-4x{padding-left:60px!important}.part-l-5x{padding-left:80px!important}.part-r-05{padding-right:20px!important}.part-r{padding-right:30px!important}.part-r-2x{padding-right:40px!important}.part-r-3x{padding-right:50px!important}.part-r-4x{padding-right:60px!important}.part-r-5x{padding-right:80px!important}.part-lr-05{padding-left:20px!important;padding-right:20px!important}.part-lr{padding-left:30px!important;padding-right:30px!important}.part-lr-2x{padding-left:40px!important;padding-right:40px!important}.part-lr-3x{padding-left:50px!important;padding-right:50px!important}.part-lr-4x{padding-left:60px!important;padding-right:60px!important}.part-lr-5x{padding-left:80px!important;padding-right:80px!important}@media(min-width:768px){.part-t-05{padding-top:30px!important}.part-t{padding-top:40px!important}.part-t-2x{padding-top:50px!important}.part-t-3x{padding-top:60px!important}.part-t-4x{padding-top:70px!important}.part-t-5x{padding-top:100px!important}.part-b-05{padding-bottom:30px!important}.part-b{padding-bottom:40px!important}.part-b-2x{padding-bottom:50px!important}.part-b-3x{padding-bottom:60px!important}.part-b-4x{padding-bottom:70px!important}.part-b-5x{padding-bottom:100px!important}.part-tb-05{padding-top:30px!important;padding-bottom:30px!important}.part-tb{padding-top:40px!important;padding-bottom:40px!important}.part-tb-2x{padding-top:50px!important;padding-bottom:50px!important}.part-tb-3x{padding-top:60px!important;padding-bottom:60px!important}.part-tb-4x{padding-top:70px!important;padding-bottom:70px!important}.part-tb-5x{padding-top:100px!important;padding-bottom:100px!important}.part-l-05{padding-left:30px!important}.part-l{padding-left:40px!important}.part-l-2x{padding-left:50px!important}.part-l-3x{padding-left:60px!important}.part-l-4x{padding-left:70px!important}.part-l-5x{padding-left:100px!important}.part-r-05{padding-right:30px!important}.part-r{padding-right:40px!important}.part-r-2x{padding-right:50px!important}.part-r-3x{padding-right:60px!important}.part-r-4x{padding-right:70px!important}.part-l-5x{padding-right:100px!important}.part-lr-05{padding-left:30px!important;padding-right:30px!important}.part-lr{padding-left:40px!important;padding-right:40px!important}.part-lr-2x{padding-left:50px!important;padding-right:50px!important}.part-lr-3x{padding-left:60px!important;padding-right:60px!important}.part-lr-4x{padding-left:70px!important;padding-right:70px!important}.part-lr-5x{padding-left:100px!important;padding-right:100px!important}}.part-m-t-05{margin-top:20px!important}.part-m-t{margin-top:30px!important}.part-m-t-2x{margin-top:40px!important}.part-m-t-3x{margin-top:50px!important}.part-m-t-4x{margin-top:60px!important}.part-m-b-05{margin-bottom:20px!important}.part-m-b{margin-bottom:30px!important}.part-m-b-2x{margin-bottom:40px!important}.part-m-b-3x{margin-bottom:50px!important}.part-m-b-4x{margin-bottom:60px!important}.part-m-tb-05{margin-top:20px!important;margin-bottom:20px!important}.part-m-tb{margin-top:30px!important;margin-bottom:30px!important}.part-m-tb-2x{margin-top:40px!important;margin-bottom:40px!important}.part-m-tb-3x{margin-top:50px!important;margin-bottom:50px!important}.part-m-tb-4x{margin-top:60px!important;margin-bottom:60px!important}.part-m-l-05{margin-left:20px!important}.part-m-l{margin-left:30px!important}.part-m-l-2x{margin-left:40px!important}.part-m-l-3x{margin-left:50px!important}.part-m-l-4x{margin-left:60px!important}.part-m-r-05{margin-right:20px!important}.part-m-r{margin-right:30px!important}.part-m-r-2x{margin-right:40px!important}.part-m-r-3x{margin-right:50pxm-!important}.part-m-r-4x{margin-right:60px!important}.part-m-lr-05{margin-left:20px!important;margin-right:20px!important}.part-m-lr{margin-left:30px!important;margin-right:30px!important}.part-m-lr-2x{margin-left:40px!important;margin-right:40px!important}.part-m-lr-3x{margin-left:50px!important;margin-right:50px!important}.part-m-lr-4x{margin-left:60px!important;margin-right:60px!important}@media(min-width:768px){.part-m-t-05{margin-top:30px!important}.part-m-t{margin-top:40px!important}.part-m-t-2x{margin-top:50px!important}.part-m-t-3x{margin-top:60px!important}.part-m-t-4x{margin-top:70px!important}.part-m-b-05{margin-bottom:30px!important}.part-m-b{margin-bottom:40px!important}.part-m-b-2x{margin-bottom:50px!important}.part-m-b-3x{margin-bottom:60px!important}.part-m-b-4x{margin-bottom:70px!important}.part-m-tb-05{margin-top:30px!important;margin-bottom:30px!important}.part-m-tb{margin-top:40px!important;margin-bottom:40px!important}.part-m-tb-2x{margin-top:50px!important;margin-bottom:50px!important}.part-m-tb-3x{margin-top:60px!important;margin-bottom:60px!important}.part-m-tb-4x{margin-top:70px!important;margin-bottom:70px!important}.part-m-l-05{margin-left:30px!important}.part-m-l{margin-left:40px!important}.part-m-l-2x{margin-left:50px!important}.part-m-l-3x{margin-left:60px!important}.part-m-l-4x{margin-left:70px!important}.part-m-r-05{margin-right:30px!important}.part-m-r{margin-right:40px!important}.part-m-r-2x{margin-right:50px!important}.part-m-r-3x{margin-right:60px!important}.part-m-r-4x{margin-right:70px!important}.part-m-lr-05{margin-left:30px!important;margin-right:30px!important}.part-m-lr{margin-left:40px!important;margin-right:40px!important}.part-m-lr-2x{margin-left:50px!important;margin-right:50px!important}.part-m-lr-3x{margin-left:60px!important;margin-right:60px!important}.part-m-lr-4x{margin-left:70px!important;margin-right:70px!important}}.flex{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.grid{display:grid;grid-template-columns:100%}.grid-gap{row-gap:10px;column-gap:10px}.grid-gap-2x{row-gap:20px;column-gap:20px}.grid-gap-3x{row-gap:30px;column-gap:30px}.layout-start{justify-content:flex-start;align-items:center}.layout-center{justify-content:center;align-items:center}.layout-end{justify-content:flex-end;align-items:center}.layout-between{justify-content:space-between;align-items:center}@media(min-width:576px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.flex{display:flex;flex-direction:row}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.flex{display:flex;flex-direction:row}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}}input{background:#fff;height:40px;padding:8px;border:1px solid var(--color-main)}input:read-only,textarea:read-only{background-color:var(--color-grey)}input.input-s{width:200px;min-width:120px}label{margin-right:20px;font-weight:400!important;font-size:15px;color:#333}label input[type=checkbox]+span,label input[type=radio]+span{color:#000}label input[type=checkbox]:checked+span,label input[type=radio]:checked+span{color:var(--color-main)}input[type=checkbox],input[type=radio]{position:relative;border:1px solid var(--color-grey);background:#fff;clear:none;cursor:pointer;display:inline-block;line-height:0;height:20px;margin:-3px 2px 0 0;border-radius:0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:20px;min-width:20px;transition:.05s border-color ease-in-out;min-height:20px}input[type=checkbox]:checked{border-color:var(--color-main)}input[type=checkbox]:checked:before{content:"";position:absolute;top:4px;left:3px;width:10px;height:4px;border:2px solid var(--color-main);border-top:none;border-right:none;transform:rotate(-45deg)}input[type=radio]{border:0!important;border-radius:20px}input[type=radio]:checked{background:#fff;border-color:var(--color-main)}input[type=radio]:checked:before{content:"";position:absolute;top:4px;left:4px;background:var(--color-main);width:10px;height:10px;border-radius:10px}.btn{padding:14px 24px;min-width:100px;text-align:center;display:inline-block;transition:.6s;background:#fff;border-radius:5px}.btn-main{border:1px solid var(--color-main);color:var(--color-main)}.btn-main:hover{background:var(--color-main);color:#fff}.btn-blue{border:1px solid var(--color-main);background:var(--color-main);color:#fff}.btn-blue:hover{border:1px solid var(--color-main);background:#fff;color:var(--color-main)}.btn-border{border:1px solid var(--color-main);background:0 0;color:var(--color-main)}.btn-border:hover{border:1px solid var(--color-main);background:var(--color-main);color:#fff}.btn-border-black{border:1px solid #333;background:0 0;color:#333}.btn-border-black:hover{border:1px solid var(--color-main);background:var(--color-main);color:#fff}.btn-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.btn-trans{background:0 0;border:1px solid #fff;color:#fff}.btn-trans:hover{background:var(--color-main);border:1px solid var(--color-main)}.top-btn{position:fixed;bottom:20px;right:25px;width:50px;height:50px;border-radius:50%;background:rgba(224,223,233,.7);visibility:hidden;cursor:pointer;transition:all .2s ease;z-index:999}.top-btn::after{content:"";position:absolute;top:50%;left:0;right:0;margin:-4px auto;width:12px;height:12px;border-top:2px solid #555;border-right:2px solid #555;transform:rotate(-45deg)}.top-btn:hover{background:var(--color-main)}.top-btn:hover::after{border-color:#fff}.container{margin:0 5%}.container-fluid{height:100%}.container-post,.prevnext-wrap{margin:0 auto;max-width:620px}.container-page{margin:0 auto;max-width:90%}@media(min-width:1400px){.container{margin:0 auto;width:80%}.container-fluid{width:100%;height:100%}.container-page{margin:0 auto;max-width:50%}}figcaption{color:var(--color-grey);font-size:14px;margin-top:5px;text-align:center}h1.blind{position:absolute;overflow:hidden;margin:-1px;width:1px;height:1px;clip:rect(0 0 0 0)}article{margin-top:60px}.hide,caption,legend{line-height:0;font-size:0;overflow:hidden}#breadcrumb span{font-size:14px;color:var(--color-grey)}@media(min-width:1400px){article{margin-top:80px}}header{width:100%;position:fixed;top:0;transition:top .2s ease-in-out;z-index:999;background:#fff}header.nav-up{top:-80px}header.nav-down{background:#fff}header nav{width:80%;height:80px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}header nav .header-logo img{height:38px}header nav .menu-ul{display:flex;list-style:none;padding-left:0}header nav .menu-ul li{position:relative}header nav .menu-ul>li>a{font-size:15px;font-weight:600;text-transform:uppercase;color:#000;padding:30px 14px;height:100%;display:inline-block}header nav .menu-ul>li.active a,header nav .menu-ul>li.current-menu-parent a{color:var(--color-main)}header nav .menu-ul>li.menu-item-has-children::after{content:'';background:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../images/icon/icon-down.svg)no-repeat 50%/100%;width:8px;height:8px;display:inline-block;margin-right:10px;background-size:contain;background-position:inherit}header nav .menu-ul>li.menu-item-has-children>a{padding-right:5px!important}header nav .menu-ul>li:hover a{color:var(--color-main)}header nav .menu-ul li .sub-menu{display:none}header nav .menu-ul li .sub-menu>li a{display:block;font-size:14px;color:#fff;padding:15px;text-transform:uppercase}header nav .menu-ul li .sub-menu>li a:hover{color:var(--color-main)}header nav .menu-ul li:hover .sub-menu{display:block;position:absolute;left:0;top:80px;background:var(--color-black);min-width:200px;z-index:50}header nav .btn-wrap .search-btn img{cursor:pointer}header nav .btn-wrap .flag{height:20px;margin-left:10px}header nav .btn-wrap .menu-btn{display:none}.search{padding-top:80px}.searchform-wrap .search-ui{display:none;width:80%;margin:0 auto}.searchform-wrap .search-ui.active{display:block}.searchform-wrap .search-ui .search-input{width:20%;margin:15px 0;border-radius:5px;border:1px solid #ccc}.searchform-wrap .search-ui button{border:1px solid #333;background:#fff;padding:9px 22px;border-radius:5px}@media screen and (max-width:1399px){header nav{width:90%;height:60px}header nav .menu-primary-menu-container{width:90%;background:var(--color-black);position:absolute;z-index:9999;top:60px}header nav .menu-ul{display:none;width:100%;flex-direction:column;align-items:center}header nav .menu-ul.active{display:flex}header nav .menu-ul li{width:100%}header nav .menu-ul li a{color:#fff}header nav .menu-ul li>a{padding:10px;display:block}header nav .menu-ul>li.menu-item-has-children::after{display:none}header nav .menu-ul li:hover .sub-menu{position:inherit;left:inherit;top:inherit}header nav .menu-ul li .sub-menu{display:block}header nav .menu-ul li .sub-menu>li a{font-size:14px;padding:10px 25px}header nav .btn-wrap .flag{display:none}header nav .btn-wrap .menu-btn{display:initial}.searchform-wrap .search-ui{width:90%}.searchform-wrap .search-ui .search-input{width:50%}}@media(min-width:280px){header nav .btn-wrap .search-btn{padding-right:10px}}footer{padding:60px 0}footer .footer-logo img{width:auto;height:52px}footer .footer-wrap{display:block;padding:initial}footer .footer-wrap p{font-size:14px;color:#969696;font-weight:600;padding-bottom:10px;padding-top:30px}footer ul{font-size:13px;color:#969696;margin-right:30px;padding-right:30px}footer ul{border-right:0}footer ul li{padding-top:5px}footer ul.family-site li{cursor:pointer;display:flex}@media(min-width:768px){footer .footer-wrap{display:flex}footer ul{border-right:1px solid #f0f0f0}footer ul.copyright{border-right:0}}.thumb-box{width:100%;height:auto;padding:37%;background-size:cover;background-position:50%}.horizontal-list{padding:80px 0 50px;display:grid;column-gap:20px;row-gap:20px}.horizontal-list a{padding-bottom:30px}.vertical-list .post-box{margin-bottom:30px;display:grid;column-gap:20px;row-gap:20px;align-items:center;transition:all .2s ease-out}.vertical-list .post-box>div{padding:12px}.vertical-list .post-box:hover{box-shadow:0 15px 30px -7px rgba(0,0,0,.3)}.nodata-wrap{text-align:center;font-size:16px;box-shadow:0 1px 5px rgb(0 0 0/.1);padding:30px;background:var(--color-main);border-radius:10px}@media(min-width:768px){.horizontal-list{grid-template-columns:repeat(2,1fr)}.vertical-list .post-box{grid-template-columns:1fr 2fr}}.tag-wrap{margin-top:15px}.tag-wrap a{font-size:14px;background:#fff;border:1px solid var(--color-grey);padding:3px 5px;display:inline-block;margin:3px 2px;border-radius:10px;min-width:35px;transition:all .1s ease-out;color:#000!important}.tag-wrap a::before{content:'#'}.tag-wrap a:hover{color:#fff!important;background:var(--color-main);border:1px solid var(--color-main);text-decoration:none!important}.container-post,.prevnext-wrap{margin:0 auto;width:90%;height:100%}.container-post h1{font-size:32px;font-weight:600;line-height:1.6}.container-post h2{font-size:26px;font-weight:600;line-height:1.6;padding:16px 0 5px}.container-post h3{font-size:24px;font-weight:600;line-height:1.6;padding:8px 0 5px}.container-post h4{font-size:22px;font-weight:600;line-height:1.6;padding:8px 0 5px}.container-post h5{font-size:20px;font-weight:600;line-height:1.6;padding:8px 0 5px}.container-post h6{font-size:18px;font-weight:600;line-height:1.6;padding:8px 0 5px}.container-post p{font-size:18px;line-height:1.6;padding:15px 0 20px;word-break:break-word}.container-post a{color:var(--color-blue)}.container-post a:hover{text-decoration:underline}.container-post #breadcrumb a{color:var(--color-grey)}.container-post blockquote{border-left:3px solid var(--color-brown);padding-left:25px;margin-top:20px;margin-bottom:20px}.container-post blockquote p,.container-post blockquote i{font-weight:500;color:var(--color-brown)}.container-post blockquote cite{font-size:14px;color:var(--color-brown);margin-top:10px;font-weight:400}.container-post img{width:100%;height:100%;text-align:center;padding:15px 0}.container-post ul{padding:0 0 0 40px;font-size:18px;line-height:1.6}.container-post ul li{display:list-item;list-style:disc;font-size:18px;line-height:1.6}.prevnext-wrap{display:block;border-top:1px solid #eaeaea}.prevnext-wrap div{padding-top:15px}.prevnext-wrap{display:block;border-top:1px solid #eaeaea}.cate-wrap{display:inline-block;margin:50px 0 10px}ul.post-categories{display:inline-flex}ul.post-categories li{margin-right:10px}ul.post-categories li a{font-size:14px}ul.post-categories li::after{content:'';background:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../images/icon/next@2x.png)no-repeat 50%/100%;width:10px;height:10px;display:inline-block;margin-left:10px}ul.post-categories li:last-child::after{background:0 0}.thumb img{flex-direction:column;width:100%;height:100%}.post-thum img{width:100%;height:auto}@media(min-width:768px){.prevnext-wrap{display:flex;justify-content:space-between}.prevnext-wrap .prev-wrap{width:50%;margin-right:10px}.prevnext-wrap .next-wrap{width:50%;margin-left:10px}.prevnext-wrap .prev-wrap p,.prevnext-wrap .next-wrap p{padding-bottom:15px}.prevnext-wrap{display:flex;justify-content:space-between}.thumb img{max-width:none}}@media(min-width:860px){.post-thum img{width:768px}}.container-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.container-embed iframe,.container-embed object,.container-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}.pagination{text-align:center;display:block;padding:30px 0}.pagination li{display:inline;height:100%}.pagination .page-numbers{font-size:16px;text-align:center;border:1px solid #e7e7e7;cursor:pointer;box-sizing:border-box;padding:8px 16px;display:inline-block}.pagination .page-numbers:hover{background:var(--color-light-grey)}.pagination li .current{font-weight:600;color:var(--color-dark-green)}a.prev,a.next{position:relative}a.prev::before,a.next::before{content:'';display:inline-block;width:12px;height:12px;background-position:50%;background-repeat:no-repeat;background-size:100%}a.prev::before{background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../images/icon/prev@2x.png)}a.next::before{background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../images/icon/next@2x.png)}
:root{--color-main:#007aff;--color-red:#FF4C4C;--color-orange:#F86F45;--color-green:#009565;--color-blue:#004fff;--color-brown:#382900;--color-grey:#666666;--color-light-grey:#f1f1f1;--color-black:#1b1d1f}.main-wrap{width:100%;height:70vh;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../images/front-page/main-1.webp);background-size:cover;border-radius:0 0 200px 0;display:flex;align-items:center;position:relative;background-position:top}.main-wrap .title h1{font-size:45px}.about-wrap{display:flex;justify-content:right}.about-wrap .btn-circle{transition:.6s;width:180px;height:180px;border-radius:100%;background:var(--color-main);display:flex;justify-content:center;align-items:center;margin-top:-80px;z-index:99;color:#fff;font-size:20px;text-align:center}.about-wrap .btn-circle:hover{border:1px solid var(--color-main);background:#fff;color:var(--color-main)}.sermon-wrap .sermon-box{background:#f8f8f8;padding:30px;border-radius:20px}.swiper{width:100%;height:auto}.swiper .swiper-slide{position:relative;background:#f8f8f8;padding:30px;border-radius:15px}.swiper img{height:100%}.award-wrap img{height:fit-content}.contact-wrap{background:#fff;border-radius:20px;box-shadow:0 1px 5px rgb(0 0 0/.1);padding:30px}.profile-ul{padding-left:0!important}.profile-ul li{border-bottom:1px solid #ccc;display:flex!important;justify-content:space-between;align-items:center;padding:20px 0;list-style:none!important}.profile-ul li .more-btn{border:1px solid var(--color-grey);padding:12px 20px;font-size:15px;display:inline-block;text-align:center;color:var(--color-grey)}.profile-ul li .more-btn:hover{background:var(--color-main);color:#fff}.nf-form-content label{font-size:15px!important}#ninja_forms_required_items,.nf-field-container{margin-bottom:15px!important}input#nf-field-16-0,input#nf-field-16-1{background:#fff;border:none}.listradio-wrap .nf-field-element label.nf-checked-label:before{top:5px!important}.listradio-wrap .nf-field-element label.nf-checked-label:before{background:var(--color-main)!important}.listradio-wrap .nf-field-element label.nf-checked-label:after{border-color:var(--color-main)!important}.nf-form-content button,.nf-form-content input[type=button],.nf-form-content input[type=submit]{background-color:var(--color-main)!important;width:100%!important}.nf-form-content button:hover,.nf-form-content input[type=button]:hover,.nf-form-content input[type=submit]:hover{background-color:var(--color-main)!important;color:#fff!important}.nf-form-content input[type=checkbox].ninja-forms-field,.nf-form-content input[type=radio].ninja-forms-field{display:none}.modal-share .sns-share .addtoany_shortcode .addtoany_list a svg,.modal-share .sns-share .addtoany_shortcode .addtoany_list a img,.modal-share .sns-share .addtoany_shortcode .addtoany_list a span{display:none!important}.modal-share{position:fixed;display:none;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:rgba(0,0,0,.5)}.modal-share.on{display:flex;max-width:100%}.modal-contents{width:300px;border-radius:14px;padding:20px 20px 15px;background-color:#fff;z-index:101;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-title{font-size:18px;font-weight:500}.modal-close{display:inline-block;width:15px;height:15px;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_close.svg);background-size:100%;background-repeat:no-repeat;cursor:pointer}.modal-share .sns-share .addtoany_shortcode{display:inline}.modal-share .sns-share .addtoany_shortcode .addtoany_list{display:flex;flex-wrap:wrap}.modal-share .sns-share .addtoany_shortcode .addtoany_list a,.modal-share .sns-share .kakaotalk{display:flex;flex-direction:column;align-items:center;width:25%;height:auto;padding-bottom:10px;margin:0!important;opacity:1;overflow:hidden;position:relative;background-image:inherit;text-decoration:none!important}.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,.modal-share .sns-share .kakaotalk::before{content:'';position:relative;display:block;width:40px;height:40px;border-radius:14px;top:0;right:0;bottom:0;left:0;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 0 1px rgb(0 0 0/7%)inset}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_facebook::before{background-color:#3f5594;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_facebook.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_twitter::before,.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_x::before{background-color:#000;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_x.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_email::before{background-color:#7d7d7d;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_mail.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_line::before{background-color:#21cd5b;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_line.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_kakao::before{background-color:#fdbf00;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_story.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_sms::before{background-color:#4f67ed;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_sms.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_copy_link::before{background-color:#fff;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_link.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list a.kakaotalk::before,.modal-share .sns-share .kakaotalk::before{background-color:#ffe300;background-image:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/images/sns/ico_share_kakaotalk.svg)}.modal-share .sns-share .addtoany_shortcode .addtoany_list>a:after,.modal-share .sns-share .kakaotalk:after{content:attr(title);position:relative;display:block;text-align:center;font-size:11px;font-weight:500;color:var(--text-body,#333);margin-top:2px;line-height:1.2}.post-ui{display:flex;justify-content:space-evenly;align-items:center;max-width:1400px;margin:0 auto;margin-bottom:40px;padding-top:20px;width:100%;gap:40px}.post-ui .btn.style-mini{display:inline-flex;align-items:center;justify-content:center;background-color:#f4f5f7;color:#444;font-size:14px;font-weight:500;border-radius:8px;border:none;text-decoration:none!important;cursor:pointer;transition:background-color .2s ease,color .2s ease}.post-ui .btn.style-mini:hover{background-color:#e5e7eb;color:#111}.post-ui .btn-share .ico-share{display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23444444'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;background-position:50%}
@font-face{font-family:pretendard;font-style:normal;font-weight:400;src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-Regular.otf);src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-Regular.otf?#iefix)format('embedded-opentype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-Regular.woff2)format('woff2'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-Regular.woff)format('woff'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-Regular.ttf)format('truetype'),}@font-face{font-family:pretendard;font-style:normal;font-weight:600;src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-SemiBold.otf);src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-SemiBold.otf?#iefix)format('embedded-opentype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-SemiBold.woff2)format('woff2'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-SemiBold.woff)format('woff'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-SemiBold.ttf)format('truetype'),}@font-face{font-family:pretendard;font-style:normal;font-weight:800;src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-ExtraBold.otf);src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-ExtraBold.otf?#iefix)format('embedded-opentype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-ExtraBold.woff2)format('woff2'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-ExtraBold.woff)format('woff'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/Pretendard-ExtraBold.ttf)format('truetype'),}@font-face{font-family:playfair display;font-style:normal;font-weight:400;src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.eot);src:local(''),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.eot?#iefix)format('embedded-opentype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.woff2)format('woff2'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.woff)format('woff'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.ttf)format('truetype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay)format('svg')}html,body,div,span,object,iframe{font-family:pretendard,helvetica,apple sd gothic neo,malgun gothic,맑은 고딕,돋움,dotum,sans-serif}nav ul li a,p,div{font-family:pretendard!important}h1,h2,h3,h4,h5,h6{font-family:playfair display}
@font-face{font-family:fontello;src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.eot?74272167);src:url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.eot?74272167#iefix)format('embedded-opentype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.woff2?74272167)format('woff2'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.woff?74272167)format('woff'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.ttf?74272167)format('truetype'),url(https://panamaiddsmm.org/wp-content/themes/panama/assets/css/../fonts/fontello.svg?74272167#fontello)format('svg');font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-quote-left:before{content:'\275d'}.icon-quote-right:before{content:'\275e'}.icon-down-dir:before{content:'\e800'}.icon-left-dir:before{content:'\e801'}.icon-right-dir:before{content:'\e802'}.icon-up-dir:before{content:'\e803'}.icon-down-open:before{content:'\e804'}.icon-left-open:before{content:'\e805'}.icon-right-open:before{content:'\e806'}.icon-up-open:before{content:'\e807'}.icon-down-open-1:before{content:'\e808'}.icon-left-open-1:before{content:'\e809'}.icon-right-open-1:before{content:'\e80a'}.icon-up-open-1:before{content:'\e80b'}.icon-search:before{content:'\e80c'}.icon-cancel:before{content:'\e80d'}.icon-cancel-1:before{content:'\e80e'}.icon-cancel-2:before{content:'\e80f'}.icon-popup:before{content:'\e810'}.icon-popup-1:before{content:'\e811'}.icon-ok:before{content:'\e812'}.icon-location:before{content:'\e813'}.icon-phone:before{content:'\e814'}.icon-headphones:before{content:'\e815'}.icon-phone-1:before{content:'\e816'}.icon-attention:before{content:'\e817'}.icon-warning:before{content:'\e818'}.icon-attention-1:before{content:'\e819'}.icon-volume:before{content:'\e81a'}.icon-instagram:before{content:'\e81b'}.icon-mail:before{content:'\e81c'}.icon-mobile:before{content:'\e81d'}.icon-attention-2:before{content:'\e81e'}.icon-cancel-3:before{content:'\e81f'}.icon-location-1:before{content:'\f031'}.icon-cancel-circled:before{content:'\f06e'}.icon-twitter:before{content:'\f099'}.icon-facebook:before{content:'\f09a'}.icon-menu:before{content:'\f0c9'}.icon-pinterest-circled:before{content:'\f0d2'}.icon-mail-alt:before{content:'\f0e0'}.icon-angle-double-left:before{content:'\f100'}.icon-angle-double-right:before{content:'\f101'}.icon-angle-double-up:before{content:'\f102'}.icon-angle-double-down:before{content:'\f103'}.icon-attention-alt:before{content:'\f12a'}.icon-instagram-1:before{content:'\f16d'}.icon-pinterest:before{content:'\f231'}.icon-telegram:before{content:'\f2c6'}
.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}
/**
* Swiper 8.4.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 21, 2022
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-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;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-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;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-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;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
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% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
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);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-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;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}