background: #214c5f; @charset "utf-8"; /* Project : J.B.Institute of Engineering & Technology Code by: Mohd Basheer Color Swatches primary : #042667 blue : #042667 red : #c01012 orange : #f5821f font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif; */ /* ========================================================================== Layout ========================================================================== */ /* @font-face { font-family: 'bookmanregular'; src: url('../fonts/bookman_regular-webfont.woff2') format('woff2'), url('../fonts/bookman_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ *{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;color:#2f3337;font-size:16px;text-align:left;font-family:'Source Sans Pro',sans-serif}.text-bookman{font-family:'Source Sans Pro',sans-serif;font-size:15px;font-weight:300;line-height:1.7px}body p{font-size:17px;line-height:1.7;color:#3c434b;text-align:justify}.container{position:relative}#wrap{min-height:100%;height:auto!important;height:100%;margin:0 auto}.lt-ie8 #wrap{display:table;height:100%}#header{position:relative;z-index:996}.page{padding-bottom:15px}.browsehappy{margin:.2em 0;background:#dfdfdf;color:#000;padding:.2em 0}.logo{margin:5px 0;display:block;text-decoration:none}.no-padding-rt{padding-right:0}.navbar-brand{display:none}.mainfooter{color:rgba(255,255,255,.8);position:relative;font-size:14px;background:#558b2f;padding-top:20px}.mainfooter a{color:rgba(255,255,255,.8);font-size:14px;font-weight:600}.footer-title{color:#c8c8c8;text-transform:uppercase;font-size:14px;font-weight:700;margin-bottom:10px}.ftrImg-list{margin:0;padding:0;display:block;list-style:none}.ftrImg-list li{display:inline-block;width:100px;margin:0 15px 15px 0}.copyright{text-align:center;color:rgba(255,255,255,.8);font-size:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.5)}.copyright a{color:rgba(255,255,255,.8)}.mainfooter .list-unstyled li{line-height:22px}.mainfooter .list-unstyled li a{color:#8c8c8c}.mapWrapper{position:relative;padding-bottom:30%;height:0;overflow:hidden;margin-bottom:20px}#map-canvas{position:absolute;top:0;left:0;width:100%;height:100%;color:#444}#map-canvas strong{color:#000}#map-canvas a{color:#4585f2}#siteMapList{margin:0;padding:0;list-style:none}#siteMapList li{list-style:none}#siteMapList .navItem{float:left;width:25%;list-style:none;padding:10px 15px}#siteMapList .navItem{line-height:22px}.copyright .text{color:#c8c8c8}.100w{width:140px;height:140px}.contactBg{}.toTop{display:none;text-decoration:none;position:fixed;z-index:997;bottom:10px;right:10px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(https://ssits.ac.in/assets/images/xui-totop.png.pagespeed.ic.Sq4rb7ZBDe.png) no-repeat left top}.toTop:active,.toTop:focus{outline:none}.toTop:hover{background:url(https://ssits.ac.in/assets/images/xui-totop.png.pagespeed.ic.Sq4rb7ZBDe.png) no-repeat left -50px}.thumbnails{padding-left:0;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0}.thumbnails:after{clear:both}.thumbnails>li{margin-bottom:15px}hr.darkLine{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#000;-moz-use-text-color -moz-use-text-color;border-image:none;border-right:0 none;border-style:solid none none;border-width:1px 0 0;margin-bottom:20px;margin-top:20px}.alignleft{margin:0 20px 20px 0;float:left}.alignright{margin:0 20px 20px 0;float:right}.hm-page{background:#e6e6e6}.nav-tabs>li>a{color:#fff;background:#214c5f;margin-left:5px;border-radius:4px 4px 4px 4px;font-size:16px;margin-top:10px}.nav-tabs>li>a:hover{background-color:#ffd593;color:#214c5f}.exam-result-bottons{border-bottom:1px solid #214c5f}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#f7941f;border:1px solid #214c5f;border-bottom:none;padding-bottom:15px;border-radius:4px 4px 0 0}.btn-inverse{color:#fff;background-color:#414141;border-color:#333}.jbiet_introduction{text-align:center;font-size:17px}.top-submenu-links{background: #000000cf;padding:0;margin:0;border-radius:0;color:#fff}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.open .dropdown-toggle.btn-inverse{color:#fff;background-color:#2f2f2f;border-color:#333}.h1{font-family:inherit;font-weight:400;color:#214c5f;font-size:30px;line-height:33px}.btn-inverse:active,.btn-inverse.active,.open .dropdown-toggle.btn-inverse{background-image:none}.btn-inverse.disabled,.btn-inverse[disabled],fieldset[disabled] .btn-inverse,.btn-inverse.disabled:hover,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse:hover,.btn-inverse.disabled:focus,.btn-inverse[disabled]:focus,fieldset[disabled] .btn-inverse:focus,.btn-inverse.disabled:active,.btn-inverse[disabled]:active,fieldset[disabled] .btn-inverse:active,.btn-inverse.disabled.active,.btn-inverse[disabled].active,fieldset[disabled] .btn-inverse.active{background-color:#414141;border-color:#333}.btn-inverse .badge{color:#414141;background-color:#fff}.btn-outline{background-color:transparent;color:inherit;transition:all .3s}.list-btns{margin:0 auto;padding:0;display:block}.list-btns li{display:inline-block;margin-right:9px}.list-btns li:last-child{margin-right:0}.customBtn{background:#000000cf;color:#fff;display:table;text-align:center;text-transform:uppercase;padding:5px 20px;margin-top:5px;font-size:14px}.customBtn:hover{color:#fff;text-decoration:none}.customBtn:focus{color:#fff;text-decoration:none}.rhombus-shape{width:58px;height:58px;margin:6px 10px;background:#da0d0f;display:block;text-align:center;transform:rotate(45deg);color:#fff}.rhombus-text{text-align:center;font-size:10px;line-height:6px;font-weight:700;text-transform:uppercase;transform:rotate(-45deg);display:block;padding:12px 7px 0 0;color:#fff}.rhombus-code{font-size:13px;line-height:15px;color:#fbf200}.bg-red{background:#dd6569}.bg-yellow{background:#f5ebcf}.bg-orange{background:#fac08f}.bg-blueLight{background:#214c5f}.bg-grey{background:rgba(0,0,0,.1)}.cyan{background:#39acc2}.cyanBright{background:#3bd2ef}.red{background:#c01012}.orange{background:#f5821f}.blue{background:#042667}.green{background:#0a5e22}.greenBright{background:#b4d93b}.purple{background:#ac0d49}.tomato{background:#ff5f55}.orangeBright{background:#ffb71c}.sharp{border-radius:0}.topLinks{float:right;display:block;color:#2f3337;font-weight:600;margin:20px auto;padding:0;list-style:none}.topLinks li{display:inline-block}.topLinks li a{color:#2f3337;font-size:14px;line-height:14px;font-weight:600;border-right:2px solid #2f3337;padding:0 15px}.topLinks li:last-child a{border-right:none}#navbar #topLinks{display:none}.topFence{background:#ffc700;padding:2px 0;color:#f5821f}.row-eqviHeight{display:flex;display:-webkit-flex;flex-wrap:wrap}.searchForm{margin:10px 0;width:46.5%;float:right}.shareicons{margin:30px 0 20px;padding:0;display:block;list-style:none}.shareicons li{display:inline-block}.shareicons li a{display:block;height:30px;width:30px;margin-right:10px;text-align:center;line-height:30px;background:#333;color:#fff;text-decoration:none;font-size:14px;transition:all .2s ease-in}.shareicons li:last-child a{margin-right:10px}.shareicons li a.fb{background:#334095}.shareicons li a.twt{background:#28a3fc}.shareicons li a.insta{background:#e51837}.shareicons li a.ytube{background:#ef180c}.shareicons li a:hover{color:#fff}.shareicons li a i{line-height:inherit;color:#000}.list-scroll{margin:0;padding:0;list-style:none;display:block;color:#fff}.list-scroll li{display:inline-block;padding:1px 5px;margin-top:5px}.scrollText{display:block;margin-right:45px;color:#333;font-size:13px}.bg-grey .list-scroll{color:#042667}.bg-grey .scrollText{color:#042667}.logoWrap{position:relative;display:block}.logoNba{position:absolute;bottom:20px;right:0}.logoNaac{position:absolute;bottom:20px;right:110px}.navbar-toggle{padding:6px 13px;font-size:16px;color:#444}.navbar-toggle .glyphicon{line-height:normal}.btn-default:hover{color:#333;background-color:#f7941f}#navWrapper{background:#558b2f;position:relative;width:100%;border-radius:0;border:none;margin-bottom:0}.navbar-collapse{padding:0}.navbar{min-height:auto}#navWrapper .navbar-nav>li>a{padding:10px 9px;color:#fff;text-transform:uppercase;font-weight:600;font-size:11px}#navWrapper .nav>li>a:hover,#navWrapper .nav>li>a:focus,#navWrapper .nav>li.active>a{background-color:#f68121;color:#000;text-decoration:none}#navWrapper .navbar-nav>.open>a,#navWrapper .navbar-nav>.open>a:hover,#navWrapper .navbar-nav>.open>a:focus{background-color:#f5821f;color:#fff}.marginBottom-0{margin-bottom:0}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}.dropDownCaret>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropDownCaret:hover>a:after{border-left-color:#555}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown-menu.navRight{right:0;left:auto}.dropdown-submenu>.dropdown-menu.navRight{right:100%;left:auto}.about_campus p{font-size:16px;line-height:1.6;color:#2d2d2d;text-align:justify}.bannerContainer{background:#fff;position:relative;width:100%;float:left}.bannerContainer-inner{background:#fff;position:relative;width:100%;float:left;margin:0 auto 10px;overflow:hidden}.banner{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 auto}.banner li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.banner li:first-child{position:relative;display:block;float:left}.bannerContainer img,.banner img,.bannerContainer-inner img{display:block;z-index:1;height:auto;width:100%;border:0}.banner_tabs{position:absolute;right:10px;bottom:10px;z-index:101;margin:0;padding:0;list-style:none}.banner_tabs li{display:inline;float:none;_float:left;*float: left;margin-right:5px}.banner_tabs a{text-indent:-9999px;overflow:hidden;background:url(https://ssits.ac.in/assets/images/pagination.html) 0 0 no-repeat;display:inline-block;_display:block;*display: block;width:13px;height:13px}.banner_here a{background:url(https://ssits.ac.in/assets/images/pagination.html) 0 -13px no-repeat}.bnrCaption{position:absolute;display:block;width:220px;font-size:34px;bottom:0;padding:20px;left:10%;text-align:center;text-transform:uppercase;max-height:155px;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.6);color:#fff;font-family:'Source Sans Pro',sans-serif;font-weight:600;background:url(https://ssits.ac.in/assets/images/xbg-pattern.png.pagespeed.ic.gqItkaNBEa.png) repeat 0 0}.bnrCaption:nth-child(n) {filter:none}.banner_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:10px;z-index:3;overflow:hidden;text-decoration:none;height:45px;width:45px;line-height:45px;border-radius:5px;margin-top:-45px;text-align:center;color:#fff;font-size:30px;text-decoration:none;background:#000;background:transparent\9 ;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);zoom:1}.banner_nav:nth-child(n) {filter:none}a.banner_nav:hover,a.banner_nav:focus{color:#fff;text-decoration:none}.banner_nav.next{left:auto;right:10px}.animScale{transform:translateZ(0);transition-duration:.3s;transition-property:transform}.animScale:hover{transform:scale(1.1) rotate(-1.2deg)}.myContainer{display:flex;width:100%}.myCol{flex:1}.mycolWrap{padding:10px 30px 20px}.mycolWrap .bx-wrapper .bx-viewport{height:364px!important}.welcome{margin:0 0 10px 0}.loginForm{padding:9px;margin-bottom:20px}.loginForm .title{margin-top:0}.loginForm select{margin-right:10px}.w100{width:100%!important}.h200{height:200px;display:block;overflow:hidden;margin:auto;text-align:center;border:1px solid rgba(0,0,0,.2);border-radius:3px;padding:4px;margin-bottom:10px}.h100{height:100%;width:100%;margin:auto;text-align:center}.usefulLinks p{margin-bottom:5px}.usefulLinks .btn{}.welcome .well,.feedWrapper .well{min-height:172px;max-height:172px;overflow:hidden}#newsticker{height:282px;overflow:hidden}.no-js #newsticker{display:block}.marquee{width:90%;float:left;overflow:hidden}.newsList{margin:0;padding:0;list-style:none}.fenceWell{background:#fff;padding:20px;margin-bottom:20px;border-top:3px solid #f7941f;color:rgba(0,0,0,1);-webkit-box-shadow:0 0 5px 0 rgba(50,50,50,.5);-moz-box-shadow:0 0 5px 0 rgba(50,50,50,.5);box-shadow:0 0 5px 0 rgba(50,50,50,.5)}.fenceTitle{color:#f7941f;font-size:17px;font-family:'Source Sans Pro',sans-serif;font-weight:600;text-transform:uppercase;margin-bottom:6px}.fenceWell a{color:rgba(0,0,0,1)}.btn-vitual{background:#f7941f;color:#fff;text-align:center;display:block;margin-bottom:20px;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;font-size:18px;font-weight:600;padding:8px 0}.btn-vitual:hover,.btn-vitual:focus{background:#da7c0d;color:#fff;text-decoration:none}.notice-board{position:relative;display:block}a.noteboard{font-size:13px;background:rgba(0,0,0,.7);display:table;color:#fff;padding:5px 10px;position:absolute;top:34%;right:-32px;transform:rotate(270deg);border-top-left-radius:5px;border-top-right-radius:5px}a.noteboard:hover,a.noteboard:focus{background:rgba(0,0,0,.9);text-decoration:none}a.noteboard1{font-size:13px;background:rgba(0,0,0,.7);display:table;color:#fff;padding:5px 10px;position:absolute;top:61%;right:-46px;transform:rotate(270deg);border-top-left-radius:5px;border-top-right-radius:5px}a.noteboard1:hover,a.noteboard1:focus{background:rgba(0,0,0,.9);text-decoration:none}a.noteboard2{font-size:13px;background:rgba(0,0,0,.7);display:table;color:#fff;padding:5px 10px;position:absolute;top:52%;right:-11px;transform:rotate(270deg);border-top-left-radius:5px;border-top-right-radius:5px}a.noteboard2:hover,a.noteboard2:focus{background:rgba(0,0,0,.9);text-decoration:none}.upcomingContainer li a{position:relative;display:block}.upcomingTitle{position:absolute;bottom:0;width:100%;color:#ffc700;font-size:16px;font-family:'Source Sans Pro',sans-serif;font-weight:700;text-transform:capitalize;padding:20px;z-index:1}.upcomingTitle span{color:#fff;font-size:20px}.upcomingTitle::before{position:absolute;display:block;content:"";width:100%;height:100%;bottom:0;top:-108px;right:0;left:0;z-index:-1;min-height:200px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.96) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.96) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.96) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f5000000',GradientType=0 )}.impdatesContainer{position:relative;display:block}.impdatesContainer .bx-wrapper .bx-viewport{height:300px!important}#impdatesSlider{padding:20px 0 0 20px!important}#impdatesSlider li a{position:relative;display:block;width:100%;color:#5a5a5a;margin-bottom:20px}#impdatesSlider .childList{margin:0;padding:0;list-style:none;display:block}#impdatesSlider .childList li{display:inline-block}.impDate{background:#f5821f;color:#fff;font-size:14px;line-height:20px;padding:5px;transform:rotate(45deg);font-weight:700;text-transform:capitalize;text-align:center;width:66px;height:66px}.impDate span{font-size:21px;display:block}.impdatesContainer #impPrev a,.impdatesContainer #impNext a{width:30px;height:30px;display:inline-block;text-align:center;font-size:14px;line-height:32px;color:#fff;background:rgba(0,0,0,.6);margin-top:10px;margin-right:10px}.btn-imp{display:inline-block;padding:5px 20px;font-weight:600;text-align:center;font-size:14px;color:#fff;background:rgba(0,0,0,.6);margin-top:10px}.btn-imp:hover,.btn-imp:focus{color:#fff}.coursesWrap{background:#fafafa;padding-bottom:40px;display:block}.textCourses{font-size:18px;color:#2f3337}.highlights{padding:50px 30px}.highWrap{background:#fff;padding:15px;text-align:center;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,.25);-moz-box-shadow:0 0 6px 2px rgba(0,0,0,.25);box-shadow:0 0 6px 2px rgba(0,0,0,.25)}.galleryWrap{padding-bottom:30px}.galThumb{border:2px solid #214c5f;margin-bottom:20px;display:block}.btnWhite{background:#fff;color:#042667;margin:10px auto;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;display:table;padding:8px 30px}.btnWhite:hover{background:#214c5f;color:#fff;text-decoration:none}.btnOutline{background:transparent;color:#214c5f;border:2px solid #214c5f;margin:10px auto;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;display:table;padding:8px 30px}.btnOutline:hover{background:#214c5f;color:#fff;text-decoration:none}.btnOutline1{background:transparent;color:#214c5f;border:2px solid #214c5f;margin:10px 0;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;display:table;padding:8px 30px}.btnOutline1:hover{background:#214c5f;color:#fff;text-decoration:none}.examsContainer .bx-wrapper .bx-viewport,.currntWrap .bx-wrapper .bx-viewport{height:200px!important}.dateBox{background:#042667;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:20px;text-align:center;padding:10px 15px;display:table;float:left;margin:10px 15px 10px 0}.dateBox span{font-size:26px;display:block}.titleBox a{font-size:16px;line-height:20px;margin:20px 0 10px;color:#282724;display:table}.dateBoxRotate{background:#f5821f;color:#fff;font-size:14px;line-height:20px;padding:5px;transform:rotate(45deg);font-weight:700;text-transform:capitalize;text-align:center;width:66px;height:66px;display:table;float:left;margin:24px 30px 24px 0}.antiRotate{transform:rotate(-45deg)}.dateBoxRotate span{font-size:26px;display:block}.impTitle{color:#2d2d2d;font-size:16px;font-family:'Source Sans Pro',sans-serif;display:table;padding-top:40px}.title{font-family:'Source Sans Pro',sans-serif;color:#214c5f;text-transform:uppercase;font-weight:900;margin-top:0;text-align:center}.title-hm{margin:20px auto 20px;font-family:inherit;font-weight:400;color:#214c5f;font-size:30px;line-height:33px;margin-bottom:6px}.title-hm-ud-line{height:3px;background:#f68121;width:100%;max-width:85px;margin-bottom:10px;margin-left:auto;margin-right:auto;margin-bottom:15px}.title-bordered{border-bottom:1px dashed #fff}.subtitle{font-family:'Source Sans Pro',sans-serif;text-transform:capitalize}.title.bg-primary{margin:0;padding:8px}.text-light{font-weight:300}.text-normal{font-weight:400}.text-medium{font-weight:600}.text-semibold{font-weight:700}.text-bold{font-weight:900}.text-white{color:#fff}.text-black{color:#333}.text-red{color:#c01012}.text-orange{color:#f5821f}.text-yellow{color:#fbf200!important}.title-UgPg{font-family:'Source Sans Pro',sans-serif;color:#fff;font-size:36px;font-weight:600;text-transform:uppercase;text-align:center;padding:5px 0;margin:0}.page-header{margin:0 0 15px 0;padding:5px 0;position:relative;border-bottom:1px solid #dfdfdf}.pageTitle{font-weight:normal;font-family:'Source Sans Pro',sans-serif;text-transform:capitalize;margin:0;font-variant:small-caps;font-size:30px;line-height:1;color:#f7941f}.breadcrumb{margin:0;padding-left:0;background:none;font:italic 12px 'Source Sans Pro',sans-serif;text-align:left}.profileImg{width:30%;float:left;margin:0 10px 10px 0;text-align:left;font-weight:bold;font-size:12px}.profileImg img{margin-bottom:5px}.profileImg p{margin-bottom:0}.well{background:#f7f7f7}.well .thumbnail{margin-bottom:0}.well blockquote{margin:0}blockquote{border-color:#444}blockquote p{font-family:'Source Sans Pro',sans-serif;font-style:italic}.table thead,.table thead th{background:#eee url(https://ssits.ac.in/assets/images/xnoise.png.pagespeed.ic.rXw-3U0KMB.png) scroll 0 0 repeat;text-transform:uppercase}.table-bordered thead>tr>th{border-color:#e0e0e0}.table-bordered thead{border-top:1px solid #e0e0e0}.location-map{border-top:2px solid #f5821f;border-bottom:2px solid #f5821f;height:0;margin:0 auto;overflow:hidden;padding-bottom:36%;position:relative}.location-map iframe{height:100%!important;left:0;position:absolute;width:100%!important}.videoWrap{border:2px solid #e1e1e1;height:0;margin:0 auto;overflow:hidden;padding-bottom:46%;position:relative}.videoWrap iframe{height:100%!important;left:0;position:absolute;width:100%!important}.leftLinks .title{background:#f5821f;margin-bottom:0;padding:10px 15px;text-align:center}.leftLinks .list-group-item{padding:1px;background:#1c8324;margin-bottom:0}.leftLinks .list-group-item a{padding:8px 15px;color:#fff;display:block;text-decoration:none;text-transform:capitalize;font-size:15px}.leftLinks .list-group-item a:hover,.leftLinks .list-group-item a:focus{color:#f7941f}.leftLinks .list-group-item a:hover{background:#e2e2e2;color:#214c5f!important}.leftLinks .list-group-item a:active{background:#e2e2e2;color:#214c5f!important}.leftLinks .list-group-item ul{list-style:none;padding:0}.leftLinks .list-group-item ul a:hover i{color:#f7941f}.leftLinks .list-group-item li:hover{background:#e2e2e2}.leftLinks .list-group-item.text-link>a{color:#fff;font-size:16px}.bx-wrapper .bx-viewport{background:none;border:none;box-shadow:none;left:0;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper{position:relative;margin:0 auto 150px;padding:0;*zoom: 1}.bx-wrapper img{width:100%;display:block}.bx-wrapper .bx-loading{min-height:50px;background:url(https://ssits.ac.in/assets/images/bx_loader.gif.pagespeed.ce.kxvba1CBaw.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-prev{left:-20px}.bx-wrapper .bx-next{right:-20px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:30%;outline:0;z-index:10;background:rgba(0,0,0,.8);color:#fff;text-decoration:none;border:none;text-align:center;font-size:14px;width:30px;height:30px;line-height:28px;display:block;text-align:center}.bx-wrapper .bx-controls-direction a .glyphicon{line-height:inherit;top:0}.bx-wrapper .bx-controls-direction a.disabled{display:none}.productListWrapper{position:relative;display:none;margin-top:15px}.productListWrapper .title{margin-top:0}.no-js .productListWrapper{display:block}#car1,#car2{margin:0;padding:0;list-style:none;overflow:hidden}#car1 .thumbnail a,#car2 .thumbnail a{display:block;overflow:hidden;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#car1 .thumbnail a img,#car2 .thumbnail a img{position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;max-height:100%}.feedWrapper{position:relative;display:none}.no-js .feedWrapper{display:block}.feedWrapper .title{margin-top:0}#feedSlider{margin:0;padding:0;list-style:none}.feedcontent{margin-bottom:5px;color:rgba(0,0,0,1);padding-bottom:5px}.feedcontent a{color:rgba(0,0,0,1)}.feedcontent p{margin-bottom:0}.feedPrev a,.feedNext a{position:absolute;top:8px;outline:0;width:22px;height:22px;z-index:10;color:rgba(0,0,0,1);text-decoration:none;text-align:center;right:5px;display:none}.feedPrev a{right:30px}.bx-prev.disabled,.bx-next.disabled{display:none!important}#gallList .thumbnail{padding:0;border-radius:0;position:relative;padding-bottom:75%;height:0;border:4px solid #ddd}#gallList .thumbnail img{bottom:0;left:0;margin:auto;height:100%;position:absolute;right:0;top:0}#gallList .thumbnail:hover{text-decoration:none;border-color:#f7941f}.desc{background:rgba(0,0,0,1);bottom:0;color:#fff;display:block;left:0;line-height:15px;max-height:55px;overflow:hidden;padding:5px;position:absolute;text-align:left;text-decoration:none;text-transform:capitalize;width:100%}#car1 li .thumbnail,#car2 li .thumbnail{background-color:#fff;border:none;border-radius:4px;display:block;line-height:1.42857;margin-bottom:20px;padding:0;transition:border .2s ease-in-out 0s}.left-links{display:block;list-style:none;padding:0;margin:0}.left-links li{display:block;border-bottom:1px solid rgba(0,0,0,.2)}.left-links li:last-child{border-bottom:none}.left-links li a{color:rgba(0,0,0,1);padding:10px 0 3px;display:block;font-size:12px;font-weight:600}.left-links li a img{margin-right:10px}.fenceVision{min-height:260px}.icons-ul{margin-left:0}.msgContainer{background:#f7f7f7 url(https://ssits.ac.in/assets/images/xnoise.png.pagespeed.ic.rXw-3U0KMB.png) repeat scroll 0 0;border:1px solid #dfdfdf;color:#444;border-radius:5px;margin:80px 0;padding:20px;position:relative}.msgContainer .title{margin-top:0}.placeholder{color:#444!important}::-webkit-input-placeholder{color:#444!important}::-moz-placeholder{color:#444!important}.captcha{list-style:none;margin:0;padding:0;display:block;float:left;width:100%}.captcha li{float:left;margin:0 5px 0 0}.captcha .input-group{width:130px}.small-input{width:30px!important;padding:6px 0!important;text-align:center}.sitePaging{float:right}.sitePaging .input-group-addon,.sitePaging .input-group-btn{width:auto}.errors{position:absolute;float:left;width:150px;min-height:50px;right:-40px;top:0}.errors span{display:block;margin:5px 0}.innerError{font-size:10px;color:#f5821f;background:#fbe3e4 url(https://ssits.ac.in/assets/images/invalid.png.pagespeed.ce.Ysa0v3GDVr.png) 0 50% no-repeat;padding:2px 2px 2px 20px;border:1px solid #fbc2c4;min-height:18px}.innerHelp{font-size:11px;color:#5f8d00;color:#5f8d00;background:#e6efc2;padding:2px 2px 2px 20px;border:1px solid #390;min-height:18px;background:#fbe3e4 url(https://ssits.ac.in/assets/images/valid.html) 0 50% no-repeat}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.marTop{margin-top:20px;margin-bottom:20px}.marBtm{margin-bottom:20px}.marBtm-0{margin-bottom:0}.show-grid{margin-bottom:10px;margin-top:10px}.no-gutter,.no-gutter>[class*="col-"]{padding-right:0;padding-left:0}.no-gutter-sm,.no-gutter-sm>[class*="col-"]{padding-right:6px;padding-left:6px}.padLeft-0{padding-left:0}.padRight-0{padding-right:0}.fitImg{width:100%;height:100%;background-size:cover!important;-ms-behavior:url(backgroundsize.min.html);behavior:url(backgroundsize.min.html)}.grayscale{filter:url(data:image/svg+xml;\ utf8,#grayscale);filter:gray;filter:grayscale(100%);-ms-filter:grayscale(1);-webkit-filter:grayscale(1);-webkit-transition:all .5s ease;-webkit-backface-visibility:hidden;-moz-filter:grayscale(100%);-moz-transition:all .5s ease;-moz-backface-visibility:hidden}.blur{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url(data:image/svg+xml;\ utf8,#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}.sidebar-header{background:#f7f7f7;border:1px solid #dfdfdf;margin:10px 0}.sidebar-header button{border:none;color:#222;width:100%;text-align:left;padding:8px;background:#f7f7f7}.sidebar-header .title{padding:0 5px;font-variant:small-caps;font-size:13px}.demobox{background:#f5f5f5;border:1px solid #ccc;text-align:center;font:1em 'Vollkorn',"Times New Roman",Times,serif;color:#454545;min-height:150px;line-height:100px;margin:0 0 10px 0}.course-dtl-bx i{color:#fff}.course-dtl-bx a{color:#fff}.modelbox-qualification-header{background:#214c5f;color:#fff;text-align:center;padding:5px;font-weight:500}.model-qualification-box td{border:1px solid #ccc;font-weight:600}.home-headings{font-size:35px}.titleCode{font-size:38px;margin:5px 0 10px;font-weight:600;color:#f5821f}.titleCode small{font-size:16px;color:#f5821f}.panel-group .panel{border-radius:0;box-shadow:none;border-color:#eee}.panel-default>.panel-heading{padding:0;border-radius:0;color:#212121;background-color:#fafafa;border-color:#eee}.panel-title{font-size:14px}.panel-title>a{display:block;padding:15px;text-decoration:none}.more-less{float:right;color:#212121}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#eee}.wl00{width:100%}.title-hd{padding-left:15px;font-weight:600;font-size:25px;color:#214c5f;margin-bottom:0}.side_line{height:45px;background:#f68121;width:100%;max-width:6px;margin-bottom:10px;display:block;margin-top:-57px}.title_hd_p{padding-left:15px;color:#b1adad}.btnOutline2{background:#214c5f;color:#214c5f;margin:10px 0;font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;display:table;padding:10px 40px;color:#fff;border-left:5px solid #f5821f}.btnOutline2:hover{background:#f5821f;border-left:5px solid #214c5f;color:#fff;text-decoration:none;transition:all .6s ease-in-out}.course-offers-box{width:100%;position:relative;display:block}.course-offers-box img{}.course-offers-img:hover img{}.course-offers h4{position:absolute;bottom:0;color:#fff;padding:5px;font-weight:600;width:inherit;background: #00000094;margin:0}.course-offers-img{padding-top:30px}.counter1{font-size:80px;font-weight:600}.whychoosebox{border-right:1px dashed #666;border-bottom:1px dashed #666;padding-top:30px;min-height:389px}.whychoosebox h3{color:#214c5f}.ourgallery img{width:100%;min-height:185px}.ourgalleryimg div{padding-left:5px}.our-recruqiters .owl-theme .owl-controls .owl-buttons div{display:none!important}.recruiter-img{box-shadow:0 0 15.69px 3.31px rgba(204,204,223,.44);display:block}.carousel-box{margin:10px;box-shadow:0 0 15.69px 3.31px rgba(204,204,223,.44)}.carousel-box img{padding:10px}.testimonial{border:1px solid #c9ced3;padding:70px 25px 100px;margin-bottom:30px;position:relative}.testimonial:after{content:"\F10D";font-family:'FontAwesome';font-weight:900;font-size:30px;color:#f68121;position:absolute;top:20px;left:25px}.testimonial .description{font-size:14px;color:#666;line-height:26px}.testimonial .pic{width:100px;height:100px;position:absolute;bottom:-30px;left:25px}.testimonial .pic img{width:100%;height:auto}.testimonial .testimonial-title{font-size:20px;color:#214c5f;position:absolute;bottom:20px;left:150px}.testimonial .testimonial-title small{display:block;font-size:14px;color:#666;margin-top:7px}.owl-theme .owl-controls .owl-page span{width:8px;height:8px}.owl-theme .owl-controls .owl-page.active span{background:#214c5f}.carousel-box{margin:10px;box-shadow: 0px 0px 9.69px 1.31px rgb(136 136 140 / 42%)}.skillsubmenu a{color:#fff!important}.ranking-innovation{background:url(https://ssits.ac.in/images/xbackground.jpg.pagespeed.ic.CaX1a2DGUP.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:25px 0}#ranking-innovation{background:url(https://ssits.ac.in/images/xbackground.jpg.pagespeed.ic.CaX1a2DGUP.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:25px 0}@media (max-width:450px) and (min-width:0px){.whychoosebox{border:none}.marquee-homepage{margin-bottom:-5px!important}}@media (max-width:767px) and (min-width:450px){.dropdown-menu>li>a{color:#fff}}@media (min-width:768px){.customBtn{padding:5px 6px;font-size:11px;background:none}#navWrapper .navbar-nav>li>a{padding:10px 5px;text-transform:uppercase;font-weight:500;font-size:11px}.dropdown:hover>.dropdown-menu{display:block;opacity:1}.dropdown-menu{background:#fff;margin-top:0;opacity:0;-moz-transition:all 1000ms ease;-webkit-transition:all 1000ms ease;-o-transition:all 1000ms ease;-ms-transition:all 1000ms ease;transition:all 1000ms ease}.dropdown-menu>li>a{color:#333}.dropdown-menu>li>a:hover{background:#333;color:#fff!important;font-weight:600}.rhombus-shape{width:50px;height:50px;margin:6px 5px 10px 10px}.rhombus-text{padding:9px 1px 0 0}.topLinks{margin:10px auto}.topLinks li a{font-size:12px;line-height:10px;padding:0 8px}.myContainer{display:block;width:100%}.myCol{flex:unset;width:100%}.topInfo{display:block;margin:10px 0 0;padding:0}.topInfo li{display:block}.logoNba{width:54px}.logoNaac{width:80px;bottom:13px;right:60px}a.noteboard{font-size:10px;top:22%;right:-25px}a.noteboard1{font-size:10px;top:50%;right:-9px}a.noteboard2{font-size:10px;top:72%;right:-13px}.mycolWrap .bx-wrapper .bx-viewport{height:176px!important}.dateBoxRotate{width:56px;height:56px;font-size:12px;line-height:18px;margin:20px 24px 20px 0}.dateBoxRotate span{font-size:21px}.ftrImg-list li{width:60px}.highWrap{min-height:260px;margin-bottom:20px}#newsticker,.marquee{height:200px!important}.videoWrap{padding-bottom:64%}.recWidth{width:105px}}@media (min-width:992px){#navWrapper .navbar-nav>li>a{padding:10px 9px;text-transform:uppercase;font-size:11px}.customBtn{padding:0 7px;font-size:13px;margin-bottom:0;background:none}.topLinks li a{font-size:14px;line-height:10px;padding:0 15px}.jbitSlider{display:none}.rhombus-shape{width:56px;height:56px;margin:6px 5px 10px 10px}.rhombus-text{padding:10px 8px 0 0}.topLinks li a{font-size:12px;line-height:10px;padding:0 15px}.myContainer{display:flex;width:100%}.myCol{flex:1}.mycolWrap .bx-wrapper .bx-viewport{height:176px!important}.dateBoxRotate{width:56px;height:56px;font-size:12px;line-height:18px;margin:20px 24px 20px 0}.dateBoxRotate span{font-size:21px}.mycolWrap .btnOutline1{margin-top:20px}.highWrap{min-height:auto;margin-bottom:20px}.recWidth{width:142px}.sidebar-header{display:none}.sidebar-collapse{display:block!important;height:auto!important}#topLinks li a{font-size:12px}.logoNba,.logoNaac{width:auto}.logoNaac{position:absolute;bottom:20px;right:110px}.topInfo{margin:15px 0 0}a.noteboard{font-size:10px;top:18%;right:-25px}a.noteboard1{font-size:10px;top:49%;right:-8px}a.noteboard2{font-size:10px;top:74%;right:-13px}.facilities-body{width:80vw;right:auto;left:auto;transform:translateX(-45%)}.facilities-body li{position:relative;width:33.3%;float:left}}@media only screen and (min-width:1200px){#topLinks li a{font-size:14px}#productList .item{display:block;height:360px}#car1 li{margin-right:25px!important}#car2 li{margin-right:12px!important}#navWrapper .navbar-nav>li>a{padding:13px 9px;font-size:15px;letter-spacing:.8px;font-weight:600}.searchForm{width:100%}#topLinks{margin-right:10px}.welcome .well,.feedWrapper .well{min-height:170px;max-height:170px;overflow:hidden}.impdatesContainer .bx-wrapper .bx-viewport{height:376px!important}.titleCode{margin:15px 0 20px}.topInfo{margin:24px 0 0}.logoNba,.logoNaac{width:130px}.logoNaac{right:150px}.logoNba img,.logoNaac img{width:100%}a.noteboard{font-size:13px;top:34%;right:-32px}a.noteboard1{font-size:13px;top:52%;right:-11px}a.noteboard2{font-size:13px;top:66%;right:-16px}.rhombus-shape{width:58px;height:58px;margin:6px 10px}.rhombus-text{padding:12px 7px 0 0}.topLinks li a{font-size:14px}.mycolWrap .bx-wrapper .bx-viewport{height:364px!important}.dateBoxRotate{width:66px;height:66px;font-size:14px;line-height:20px;margin:15px 30px 15px 0}.dateBoxRotate span{font-size:26px}.ftrImg-list li{width:95px}.videoWrap{padding-bottom:50%}.recWidth{width:174px}.facilities-body{width:70vw;right:auto;left:auto;transform:translateX(-45%)}.facilities-body li{position:relative;width:33.3%;float:left}}.skillsubmenu{width:100%}@media only screen and (max-width:992px){.welcomeCnt{max-height:none}.sidebar-header{margin-bottom:0}.title.marginBtm{margin-top:10px}#newsticker{min-height:inherit;height:auto}.searchForm{width:61%;margin:0}.welcome .well,.feedWrapper .well{min-height:inherit;max-height:none;overflow:hidden}}@media only screen and (max-width:767px){#siteMapList .navItem{float:left;width:50%;list-style:none}#header{background:#f7941f}.mapWrapper{padding-bottom:56.25%}#searchToggle{width:100%;background:#f7941f;padding:0}#searchToggle .searchForm{width:100%;margin:0;padding:8px 15px}.shareicons{text-align:center;margin:5px 0;width:100%}.shareicons li a{color:#fff}.shareicons li a:hover{background:#f7941f}.mainfooter .shareicons{margin-bottom:10px}.mainfooter .shareicons{text-align:left}.loginForm select{margin-bottom:10px}#topLinks{display:none}.mycolWrap{padding:10px 15px 20px}.highlights{padding:20px 0}.highWrap{margin-bottom:20px}.myContainer{display:block;width:100%}.myCol{flex:unset;width:100%}.navbar{min-height:100px}#navbar #topLinks{margin:7.5px -15px;float:none;display:block}#navbar #topLinks li{font-weight:300}#search{display:none}#navWrapper .navbar-nav{margin-bottom:0}#navWrapper .navbar-nav>li>a{padding:8px 10px;color:#444;text-transform:uppercase}#navWrapper .nav>li>a:hover,#navWrapper .nav>li>a:focus{background-color:#f5821f;color:#fff;text-decoration:none}#navWrapper .navbar-nav>.open>a,#navWrapper .navbar-nav>.open>a:hover,#navWrapper .navbar-nav>.open>a:focus{background-color:#f5821f;color:#fff}#navWrapper{width:100%;margin-bottom:0;z-index:990;background:#fff;border-color:#e7e7e7}.navbar-collapse{padding-left:15px;padding-right:15px}#navWrapper .navbar-collapse{max-height:340px}#header{padding-top:55px}.navbar-brand{display:block;padding:0;width:180px;height:auto}.navbar-brand img{width:100%}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#f5821f;background-color:transparent}.rhombus-shape{width:50px;height:50px;margin:0 5px 15px 0}.rhombus-text{padding:9px 1px 0 0}#topLinks li{display:block}.examsContainer,.currntWrap,.newsWrap{margin-left:30px}#topLinks li a{border-right:none}.searcWrap{margin-top:10px;position:absolute;display:block;right:70px;top:0;padding:8px 14px;background:#ccc;border-radius:5px}.searcWrap{display:none}#enqProducts{font-size:14px}.bnrCaption{width:100%;bottom:0;left:0;position:relative;padding:10px;text-align:center;background:#f7941f;max-height:inherit}.item,#catproductList .item,#productList .item{height:auto;padding-bottom:5px}.description,#catproductList .description,#productList .description{height:auto;max-height:none}.feedPrev a,.feedNext a{top:-30px}a.noteboard{top:60%;right:-31px}a.noteboard1{top:84%;right:-45px}.recWidth{width:92px}.ftrImg-list li{width:60px}#newsticker,.marquee{height:200px!important}}@media only screen and (max-width:480px){#siteMapList .navItem{float:left;width:100%;list-style:none}.copyright{text-align:center}.profileImg{width:50%}.recWidth{width:88px}}@media (max-device-width:480px) and (orientation:landscape){#navWrapper .navbar-collapse{max-height:200px}}@media only screen and (max-width:360px){a.noteboard{top:50%;right:-31px}a.noteboard1{top:74%;right:-45px}}@media (min-width:0px) and (max-width:450px){.dropdown-menu>li>a:hover{display:block}.bannerContainer img,.banner img,.bannerContainer-inner img{height:185px}.banner_nav.next{background:none;margin-top:-25px}.banner_nav{background:none;margin-top:-25px}.padLeft-0{padding:inherit}.home-headings{font-size:23px}.nav-tabs>li>a{font-size:12px}.dropdown-menu>li>a{color:#fff}.topdropdownxs{padding:8px 10px;color:#444;text-transform:uppercase;font-size:11px;font-weight:600;line-height:2}.whychoosebox{border:none}}@media (min-width:769px) and (max-width:992px){.bag-img img{height:350px}.wl00{width:100%;max-height:120px}.row-eqviHeight{padding:0 30px}}@media (min-width:766px) and (max-width:992px){.main-logo-img{width:100%}}@media (min-width:992px) and (max-width:3500px){.bag-img img{height:500px}.wl00{width:100%;max-height:120px}.row-eqviHeight{padding:0 30px}.navbar-nav>li>.dropdown-menu{padding:0;border-bottom:4px solid #f7811f!important;border-radius:0;border:none}.dropdown-menu>li>a{padding:10px 20px;font-size:15px;font-weight:600;border-bottom:1px solid #c3c3c3;margin:0 2px}.top-header .dropdown-menu>li>a{padding:10px 20px;font-size:15px;font-weight:600;border-bottom:none!important;margin:0 2px}.top-header .dropdown-menu>li>a:hover{background:#fff;color:#333!important;font-weight:600}.dropdown-submenu>.dropdown-menu.navRight{padding:0}}@media (min-width:768px){.navbar-nav{float:none;margin:0 auto;display:table;table-layout:fixed}}@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}@-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}