body{font-family: 'Roboto', sans-serif;} /* */ @media (min-width: 1320px){ .container { width: 1290px; } } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1290px; } } .bpadding{padding: 80px 0;} .bpadding11{padding: 40px 0;} .bpadding2{padding: 0px 150px;} /* start slider-section */ .menu-section{padding-top: 30px;} .main-menu ul li a { color:#908484 ; font-size: 17px; /*padding: 37px 12px !important;*/font-weight: 700;} .team{margin-top: 7px; font-weight: 700; color: #fff;} .logo_sec{width: 100px;} .navbar-nav .nav-link{padding-right: 20px;color: #fff;font-weight: 400;font-size: 16px;} .search_area p{color: #fff;font-weight: 400;font-size: 18px;margin-top: 15px;} .search_area p span{margin-left: 15px;background: #fff;color: #000;font-size: 14px;height: 25px; width: 25px;line-height: 25px;text-align: center;display: inline-block;} #eventTimer { min-height: 40px; background: #666; } .slider-section { background-image: url('../img/olympics-hero.jpg'); height: 900px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; margin-top: -30px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; } #eventTimer { background-color: #222222; margin: 0; padding: 0; padding: 10px; color: #FFFFFF; font-family: Lato, sans-serif; font-size: 11px; text-transform: uppercase; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } #eventTimer .timerWrap { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } #eventTimer #timerEvent1, #eventTimer #timerEvent2 { padding: 0 10px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: baseline; } #eventTimer #timerEvent1 { /*border-right: 1px solid #fff;*/ /*padding: 0 10px;*/ } #eventTimer .eventLabel { width: 150px; margin-right: 15px; } #eventTimer .eventLabel { text-align: right; } #eventTimer .timing { display: flex; } #eventTimer .timing .days, #eventTimer .timing .hours, #eventTimer .timing .minutes, #eventTimer .timing .seconds { width: 40px; display: flex; flex-direction: column; text-align: center; } #eventTimer .timing .number { font-size: 18px; font-weight: 600; } #eventTimer .timing .text { } @media (max-width: 600px) { } @media (max-width: 991.98px) { #eventTimer #timerEvent1 { border: 0; padding: 10px 0; border-bottom: 1px solid #444444; } } /* Add your custom CSS styles here if needed */ @keyframes flickerEvent1 { 0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; } 19%, 21%, 24%, 54%, 56% { opacity: 0; } } @keyframes flickerEvent2 { 0%, 28%, 32%, 35%, 63%, 67%, 100% { opacity: 1; } 29%, 31%, 34%, 64%, 66% { opacity: 0; } } .event1-timer { /*animation: flickerEvent1 1s infinite;*/ } .event2-timer { /*animation: flickerEvent2 1s infinite;*/ } /* #eventTimer .timerWrap { background-color: rgba(255,255,255,0.8); border: 2px double #fff; padding: 10px 50px; border-radius: 50px; display: flex; min-width: 360px; height: 60px; margin-top: 200px; -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2); } #eventTimer #timer { font-size: 20px; font-family: 'Roboto', sans-serif; line-height: 1em; color: #000000; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } #eventTimer .eventLabel { font-size: 12px; text-transform: uppercase; margin-right: 20px; width: 180px; } #eventTimer .timing { display: flex; padding-top: 5px; } #eventTimer .days, #eventTimer .hours, #eventTimer .minutes, #eventTimer .seconds { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; min-width: 40px; } #eventTimer .number, #eventTimer .text { text-align: center; text-transform: uppercase; display: inline; } #eventTimer .text { font-size: 10px; } #eventTimer .sync { font-size: 12px; color: #555; text-transform: uppercase; } #eventTimer #timer .animation { animation: flicker 0.5s infinite alternate; } @keyframes flicker { from { opacity: 1; } to { opacity: 0.5; } } @media only screen and (max-width: 600px) { #eventTimer .timerWrap { width: 80%; height: 100px; justify-content: center; align-items: center; text-align: center; } #eventTimer #timer { flex-direction: column; } #eventTimer .eventLabel { width: 100%; margin: 0 auto; font-weight: 600; font-size: 14px; } #eventTimer .timing { width: 100%; align-content: center; justify-content: space-around; } #eventTimer .days, #eventTimer .hours, #eventTimer .minutes, #eventTimer .seconds { } }*/ .counter { position: absolute;top: 24%;right: 0;right: 8%;} .counter h2{font-size: 70px;font-weight: 900;color: #ffffff;text-transform: uppercase; font-family: 'Roboto', sans-serif;} .counter ul{list-style: none;padding: 0;margin:0;float: right;} .counter ul li{float: left;margin-left: 15px;height: 75px;color: #fff; width: 70px; background: #012060; text-align: center; line-height: 20px; padding-top: 15px; font-weight: 700;} .counter ul li span{display: block;} /* end slider section */ .news-section{margin-top: -200px;} .news_flash{background-color: #012060;text-align: center;padding: 10px;} .news_flash h3{font-size: 22px;color: #fff; padding: 15px 0;} .flash p{font-size: 15px!important;line-height: 20px;/*text-align: left;*/margin-top: 15px; display: block;} .flash{margin-bottom: 20px;} .flash p a{color: #fff;font-weight: 500;text-align:center;} .tab_section{padding: 35px 35px 35px;background: #333;box-shadow: 0 40px 120px -20px rgb(0 0 0 / 60%); } .tab_section .nav-tabs{margin-top: -76px;border-bottom: none;position: relative;z-index: 222;} .tab_section .nav-tabs:before{content: "";position: absolute;left: -35px;height: 50px;width: 60px; background: #333;z-index: -1;} .tab_section .nav-tabs .nav-link {border: 1px solid transparent;color:#fff;border-radius: 0px !important;background:#323131;text-transform: uppercase;} .tab_section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff;background-color: #236ACB!important;font-weight: 600;} .tab-content{padding-top: 50px;} l;color: #cccccc; margin-top: 15px;}.tab_details h3{font-size: 24px;line-height: 34px;font-weight: 600;color: #ffffff;letter-spacing: 1px;} .tab_details p{line-height: 26px;font-weight: 400;font-style: norma .tab_details{margin-top: 30px;} .tab_details .slick-prev, .slick-next{top: 2% !important;} .tab_details .slick-prev {left: 94% !important; z-index: 9999;} .tab_details .slick-next { right: 10px!important; } .tab_img{height: 270px;} .tab_img img{object-fit: cover;overflow: hidden; height: 100%;width: 100%;} .tab_img h3{position: absolute;bottom: 15px;left: 45px;} .tab_img h3 a{font-size: 16px;text-transform: uppercase;position: relative;color: #fff;} .tab_img h3 a:after{position: absolute;content: "";height: 2px;width: 39px;background: #012060; bottom: -13px;left: 0;transition: 0.3s;} .tab_img h3 a:hover{text-decoration: none;} .tab_img h3 a:hover:before{width:78px;} .tab_slider{padding: 0 15px;margin-top:40px;} .tab_slider h3{line-height: 23px !important;margin-top: 15px;} .tab_slider h3 a{line-height: 20px !important;font-family: "Roboto", Helvetica, Arial, sans-serif;font-size:12px!important; font-weight:400;color: #fff;} .tab_slider .slick-next {right:16px!important;top:7% !important;} .tab_slider .slick-prev {left:92% !important;top:7% !important;} /* */ .fixed-section{background-image: url('../img/img/fixed.jpg');height: 600px;background-size: 80%; background-repeat: no-repeat;background-attachment: fixed; background-attachment: fixed; background-position: top 0px right 149px;} /* */ .gallery-section{background: #012060!important;} .heading h3{font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 600; color: #ffffff; letter-spacing: 1px;} .gallery_text p{font-family: "Roboto", Helvetica, Arial, sans-serif;font-size: 16px; line-height: 31px;font-weight: 400;color: #cccccc;letter-spacing: 1px; padding-left: 10px;padding-right: 40px; }} .gallery_text ul{list-style: none;margin:0;padding: 20px;} .gallery_text ul li{} .gallery_text ul li a{font-size: 14px;line-height: 26px;color: #999999;} .gallery_text ul li a:hover{color: #fff;text-decoration: none;} .galler_main{height: 400px;} .gallery1_img{transition: 0.3s;} .gallery1_img:hover{border: 2px solid #012060;} .gallery1_img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden; height: 400px;width: 100%;} .gallery_img{margin-bottom: 15px;transition: 0.3s;} .gallery_img:hover{border: 2px solid #012060;} .gallery_slider .slick-prev{top: -10%;left: 93%;} .gallery_slider .slick-next{top: -10% !important;right: 10px;} .gallery_slider .slick-dots li button:before {font-size: 30px !important;color: #fff;} .gallery_slider .slick-dots {bottom: -50px !important;} /* */ .sports-section{ background-image: url('../img/img/sports-bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; /*transform: translate3d(0px, 26px, 0px); */position: relative;} .sports{display: flex;z-index: 9999;transition: 0.3s;margin-top: 40px;} .sports ul{list-style: none;margin:0;padding: 0;} .sports ul li{float: left;width: 25%;} .sports ul li a{} .sports_overlay{background: #00000075;position: absolute;width: 100%;height: 100%;top: 0; z-index: 222;opacity: 0.7;} .sports_det:hover .sports_overlay{background: #000000ba;} .sports_det{position: relative;} .sports_det h4{position: absolute;bottom: 15px;left: 15px;font-size: 20px;font-weight: 700; line-height: 23px;color: #fff; font-weight: 500;z-index: 999;} /* */ .img1 img{margin: auto;display: block;} .img2-section{padding-bottom: 80px;} .heading2 h3{font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 40px;position: relative; font-weight: 600; color: #012060; letter-spacing: 1px;} .heading2 h3:after{content: "";position: absolute;width: 100%;height: 2px;background: #ddd; bottom: -10px;left: 0;} .img2 img{margin: auto;display: block;margin-top: 30px;position: relative;} .img2 img:after{content: "";position: absolute;width: 100%;height: 2px;background: #ddd; bottom: -10px;left: 0;} /* */ .foter_container{padding: 0 70px;} .footer-section{background: #012060;padding-top: 120px;} .footer_logo img{width: 13%;margin:auto;display: block;} .footer{margin-top: 30px;} .footer_logo h3{ text-align: center; padding: 31px 0; color: #fff;} .footer h3{font-size: 12px;margin-bottom: 30px; font-weight: 700; color: #ffffff; text-transform: uppercase;} .footer ul{list-style: none;margin:0;padding: 0;} .footer ul li{} .footer ul li a{font-size: 11px; font-weight: 600; line-height: 26px; color: #ffffff;} .footer ul li a:hover{text-decoration: none;} .social_media{margin: auto;display: block;padding-bottom: 100px; padding-top: 100px;} .social_media ul{ list-style: none;padding: 0;margin-top: 20px;} .social_media ul li{float: left;margin-left: 15px;} .social_media ul li a{height: 40px; border-radius: 5px; width: 40px;color:white; /*background: #090b54;*/ display: block; text-align: center; line-height: 40px; font-size: 25px;} .social_media h3{font-weight: 700;font-size: 14px; color: #fff;text-align: center;} .social_media ul li:first-child{margin-left: 0px;} .social_media ul li a.twitter{/*background:#090b54!important;*/color:white!important;} .social_media ul li a.instagram{/*background: #090b54!important;*/color:white!important;} .copyright{border-top: 1px solid #333;width: 100%;} .copyright p{color: #fff;font-size: 14px;padding: 0px 0;} .copyright p span{color: #999999;} .square-flip{ -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: perspective(1000px); -moz-transform: perspective(1000px); -ms-transform: perspective(1000px); transform: perspective(1000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; /*border:1px solid #efefef;*/ position:relative; float:left; margin:20px; } .square-flip{ width:363px; height:352px; } .square,.square2{ width:100%; height:100%; } .square{ background-size: cover; background-position:center center; -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); overflow: hidden; position:absolute; top:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .square-flip .square{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transform-style: preserve-3d; z-index:1; } .square-flip:hover .square{ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); transform-style: preserve-3d; } .square2{ background-size: cover; background-position:center center; -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); overflow: hidden; position:absolute; top:0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .square-flip .square2{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); transform-style: preserve-3d; z-index:1; } .square-flip:hover .square2{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transform-style: preserve-3d; } /*Square content*/ .square-container{ padding:40px; text-align:center; position:relative; top:50%; -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transform: translateY(-50%) translateX(0px) scale(1); -ms-transform: translateY(-50%) translateX(0px) scale(1); transform: translateY(-50%) translateX(0px) scale(1); transform-style: preserve-3d; z-index:2; } .square-flip:hover .square-container{ -webkit-transform: translateY(-50%) translateX(-650px) scale(.88); -ms-transform: translateY(-50%) translateX(-650px) scale(.88); transform: translateY(-50%) translateX(-650px) scale(.88); transform-style: preserve-3d; } .square-container2{ padding:40px; text-align:center; position:relative; top:50%; -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform-style: preserve-3d; z-index:2; } .square-flip:hover .square-container2{ -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); transform-style: preserve-3d; } /*Style text*/ .square-flip h2{ color:white; font-family: "Open Sans"; font-weight:700; font-size:22px; padding-top: 10px; } .square-flip h3{ color:white; font-family: "Open Sans"; font-weight:500; font-size:16px; line-height:26px; } /*Elements*/ .flip-overlay{ display:block; background:rgb(0 0 0 / 78%); width:100%; height:100%; position:absolute; top:0; } .align-center{ margin:0 auto; } .kallyas-button{ display:block; width:160px; padding:18px 30px; font-family:"Open Sans"; font-weight:600; color:#fff; background:#FF2024; margin:0 auto; border-radius:2px; text-decoration:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa067+0,ff2959+49,ff2024+100 */ background: #ffa067; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffa067 0%, #ff2959 49%, #ff2024 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffa067 0%,#ff2959 49%,#ff2024 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffa067 0%,#ff2959 49%,#ff2024 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa067', endColorstr='#ff2024',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*ADD SHADOWS OPTIONAL*/ .square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{ -ms-transition: 0.60s; transition: 0.60s; -webkit-transition: 0.60s; } .square-flip .square .boxshadow{ -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); } .square-flip .square .textshadow{ -webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); -moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); } .square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow{ -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); } .square-flip .square2 .boxshadow{ -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); height: 240px; } .square-flip .square2 .textshadow{ -webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); -moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0); } .square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow{ -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3); } /*You can delete this style*/ .centerflipcards{ display:block; width:1230px; height:440px; text-align:center; margin:0 auto; margin-top:25px; } .clearfix{clear:both;} .centerflipcards p{ font-family:"Open Sans"; font-size:13px; margin-top:10px; font-weight:700; } .imgWrapper { background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; position: relative; padding-top: calc(100% / 21 * 9); } /* Included color classes.. .red .blue .yellow */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,800); figure.snip1104 { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; margin: 0px; min-width: 220px; max-width: 304px; max-height: 220px; width: 100%; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); float: left; } figure.snip1104 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure.snip1104 h3 { font-size:20px; color:#fff; position: absolute; z-index:2000; } figure.snip1104 img { max-width: 100%; position: relative; opacity: 0.4; } figure.snip1104 figcaption { position: absolute; top: 0; left: 26px; bottom: 43px; right: 0; } figure.snip1104 h2 { position: absolute; left: 40px; right: 40px; display: inline-block; /*background: #000000;*/ -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%); transform: skew(-10deg) rotate(-10deg) translate(0, -50%); padding: 12px 5px; margin: 0; top: 50%; text-transform: uppercase; font-weight: 400; } figure.snip1104 h2 span { font-weight: 800; } figure.snip1104:before { height: 100%; width: 100%; top: 0; left: 0; content: ''; /*background: #ffffff;*/ position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); } figure.snip1104 a { left: 0; right: 0; top: 70%; bottom: 10px; position: absolute; z-index: 1; font-size:20px; color:#fff; font-weight:800; } figure.snip1104.blue { background: #123851; } figure.snip1104.blue h2 { background: #0a212f; } figure.snip1104.red { background: #581a14; } figure.snip1104.red h2 { background: #36100c; } figure.snip1104.yellow { background: #7f5006; } figure.snip1104.yellow h2 { background: #583804; } figure.snip1104:hover img, figure.snip1104.hover img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.snip1104:hover h2, figure.snip1104.hover h2 { -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); } figure.snip1104:hover:before, figure.snip1104.hover:before { -webkit-transform: rotate(110deg) translateY(-150%); transform: rotate(110deg) translateY(-150%); } @import "//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"; .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); background:#dedfe2; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dedfe2; border-right: 0 solid #dedfe2; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #dedfe2; border-right: 0 solid #dedfe2; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #f79434; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; font-weight:800; top: 16px; left: 50%; margin-left: -25px; /*background-color: #999999;*/ z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } .more-p{ margin-top:200px; } @media only screen and (max-width: 600px) { .more-p{ margin-top:0px; } .news-section { margin-top: -40px !important; } .footer_logo img { width: 36% !important; margin: auto; display: block; } } body.loaded { overflow-y: auto; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000; } .overlay .overlayDoor:before, .overlay .overlayDoor:after { content: ""; position: absolute; width: 50%; height: 100%; background: #111; transition: 10.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 10.8s; } .overlay .overlayDoor:before { left: 0; } .overlay .overlayDoor:after { right: 0; } .overlay.loaded .overlayDoor:before { left: -50%; } .overlay.loaded .overlayDoor:after { right: -50%; } .overlay.loaded .overlayContent { opacity: 0; margin-top: -15px; } .overlay .overlayContent { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); } .overlay .overlayContent .skip { display: block; width: 130px; text-align: center; margin: 50px auto 0; cursor: pointer; color: #fff; font-family: "Nunito"; font-weight: 700; padding: 12px 0; border-radius: 3px; transition: 0.2s ease; } .overlay .overlayContent .skip:hover { background: #ddd; color: #444; border-color: #ddd; } .loader { width: 128px; height: 128px; border-bottom: 3px solid transparent; border-radius: 50%; position: relative; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; display: flex; justify-content: center; align-items: center; } .loader .inner { width: 64px; height: 64px; border: 3px solid transparent; border-radius: 50%; -webkit-animation: spinInner 1s linear infinite; animation: spinInner 1s linear infinite; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinInner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } @keyframes spinInner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } .contentOther { background: #fff; width: 900px; margin: 0 auto; padding: 20px; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .contentOther .video { height: 484px; width: 100%; border-radius: 5px; } .contentOther h1 { font-family: "Roboto"; margin: 0 0 10px 0; font-weight: 400; } @media only screen and (max-width: 600px) { .teams-map{ background-color:#012060!important;height:150px;width:68%!important;margin-top:50px!important;margin-left: 55px; } .more-none-m { display: none!important; } } @media only screen and (min-width: 769px) { .more-none-d { display: none!important; } }.modal-box{ font-family: 'Roboto', sans-serif; } .modal-box .show-modal{ color: #1d1d1d; background-color: #fff; font-size: 17px; font-weight: 600; text-transform: capitalize; padding: 10px 15px; margin: 80px auto 0; border: none; outline: none; border-radius: 20px 20px/10px 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); display: block; transition: all 0.3s ease 0s; } .modal-box .show-modal:hover, .modal-box .show-modal:focus{ color: #1d1d1d; border: none; outline: none; } .modal-backdrop.in{ opacity: 0; } .modal-box .modal-dialog{ width: 600px; margin: 0px auto 0; } .modal-box .modal-dialog .modal-content{ background: #fffffebf; text-align: center; border: none; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } .modal-box .modal-dialog .modal-content .close{ color: #999; font-size: 30px; font-weight: 400; text-shadow: none; line-height: 20px; height: 20px; width: 20px; padding: 0 0 0 3px; opacity: 1; overflow: hidden; position: absolute; left: auto; right: 7px; top: 7px; z-index: 2; transition: all 0.3s; } .modal-box .modal-dialog .modal-content .close span{ margin: -5px 0 0; display: block; } .modal-box .modal-dialog .modal-content .close:hover{ color: #555; } .modal-box .modal-dialog .modal-content .close:focus{ outline: none; } .modal-box .modal-dialog .modal-content .modal-body{ padding: 11px 2px !important; } .modal-box .modal-dialog .modal-content .modal-body .title{ color: #1d1d1d; font-size: 25px; font-weight: 800; text-align: center; text-transform: capitalize; margin: 0 0 35px 0; } .modal-box .modal-dialog .modal-content .modal-body .box-content{ width: 49%; padding: 15px 15px 0; margin: 0 0 40px 0; display: inline-block; } .modal-box .modal-dialog .modal-content .modal-body .box-content.right{ border-left: 4px dashed #dcdcdc; } .modal-box .modal-dialog .modal-content .modal-body .box-content .icon{ color: #60cd8d; font-size: 80px; line-height: 80px; margin: 0 auto 15px; } .modal-box .modal-dialog .modal-content .modal-body .box-content.right .icon{ color: #f2b839; } .modal-box .modal-dialog .modal-content .modal-body .box-content .title{ font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 0 0 15px 0; } .modal-box .modal-dialog .modal-content .modal-body .box-content .description{ color: #6d6d6f; font-size: 14px; margin: 0 0 15px; } .modal-box .modal-dialog .modal-content .modal-body .btn{ color: #012269; background: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; padding: 13px 16px 11px; margin: 0 auto; border: none; border-radius: 50px; display: block; transition: all 0.3s ease 0s; } .modal-box .modal-dialog .modal-content .modal-body .btn:hover{ color: #fff; background: #012269; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; padding: 13px 16px 11px; margin: 0 auto; border: none; border-radius: 50px; display: block; transition: all 0.3s ease 0s; } .modal-box .modal-dialog .modal-content .modal-body .box-content.right .btn{ background: #fff;color:#012269 } .modal-box .modal-dialog .modal-content .modal-body .box-content.right .btn:hover{ background: #012269;color:#fff } .modal-box .modal-dialog .modal-content .modal-body .btn:hover, .modal-box .modal-dialog .modal-content .modal-body .btn:focus{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); } .modal-box .modal-dialog .modal-content .modal-body .login{ color: #555; font-size: 15px; } .modal-box .modal-dialog .modal-content .modal-body .login a{ color: #60cd8d; transition: all 0.3s ease 0s; } .modal-box .modal-dialog .modal-content .modal-body .login a:hover{ text-decoration: underline; } @media only screen and (max-width: 600px){ .modal-dialog{ width: 75% !important; } .btn-sqr { color: #012060; font-size: 14px!important; border-radius: 0; background-color: white; padding: 6px 20px!important; } } @media only screen and (max-width: 400px){ .btn-sqr { color: #012060; font-size: 14px!important; border-radius: 0; background-color: white; padding: 6px 20px!important; } .teams-map{ background-color:#012060!important;height:150px;width:68%!important;margin-top:50px!important;margin-left: 55px; } } } .teams-map{ background-color:#012060;height:150px;width:200px;margin-top:50px; } @media only screen and (max-width: 576px){ .modal-box .modal-dialog .modal-content .modal-body .box-content{ width: 100%; } .modal-box .modal-dialog .modal-content .modal-body .box-content.right{ padding-top: 20px; border-left: none; border-top: 4px dashed #dcdcdc; } .modal-box .modal-dialog .modal-content .modal-body .box-content.right img { width:80%; } .modal-box .modal-dialog .modal-content .modal-body .box-content.left { width: 80%; } .teams-map{ background-color:#012060!important;height:150px;width:68%!important;margin-top:50px!important;margin-left: 55px; } .btn-sqr { color: #012060; font-size: 12px!important; border-radius: 0; background-color: white; padding: 6px 20px!important; } } .modal { position: fixed; top: 65px!important; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } /* Animate.css */ @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(0);transform:rotate(0)}}@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(0);-ms-transform:rotate(0);transform:rotate(0)}}.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(.9)rotate(-3deg);transform:scale(.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(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.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}@-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)}0%,40%{-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)}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)}80%,100%{-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)}}@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)}0%,40%{-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)}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)}80%,100%{-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)}}.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(0);transform:perspective(400px)rotateX(0);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(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);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(0);transform:perspective(400px)rotateY(0);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(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);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(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);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(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);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(0);transform:translateX(0%)skewX(0);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(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);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(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);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:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-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:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-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:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-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)}0%,20%,60%{-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)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-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}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-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)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-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}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(0)rotate(0);transform:translateX(0)rotate(0)}}@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(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}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}