/* Minification failed. Returning unminified contents. (260,38): run-time error CSS1046: Expect comma, found '228' (260,46): run-time error CSS1046: Expect comma, found '/' (465,27): run-time error CSS1046: Expect comma, found '68' (465,34): run-time error CSS1046: Expect comma, found '/' (654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (655,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (655,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (1007,34): run-time error CSS1046: Expect comma, found '0' (1007,38): run-time error CSS1046: Expect comma, found '/' (1007,59): run-time error CSS1046: Expect comma, found '0' (1007,63): run-time error CSS1046: Expect comma, found '/' (1230,1): run-time error CSS1019: Unexpected token, found '@import' (1230,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Montserrat:300,400,500)' (1453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1458,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (1459,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (1460,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (1714,34): run-time error CSS1046: Expect comma, found '0' (1714,38): run-time error CSS1046: Expect comma, found '/' (1804,38): run-time error CSS1046: Expect comma, found '0' (1804,42): run-time error CSS1046: Expect comma, found '/' (1978,37): run-time error CSS1046: Expect comma, found '0' (1978,41): run-time error CSS1046: Expect comma, found '/' (3613,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4641,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4642,10): run-time error CSS1035: Expected colon, found '{' (6648,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6648,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6648,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6648,173): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,216): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,548): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,596): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,758): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,814): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,979): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,1035): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (6648,1167): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1204): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1337): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1382): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1518): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1563): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1699): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1744): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1880): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,1925): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (6648,2070): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2121): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2267): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2320): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2466): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2517): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2663): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,2714): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,3076): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,3102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,4059): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,4077): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,5173): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,5198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,5237): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,5254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,5359): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,5384): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,5567): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,5584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,5917): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,5947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,6410): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,6432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,6976): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,7002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,7247): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,7265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,7579): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,7605): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,7850): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,7868): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,8182): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,8211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,8714): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,8735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,9400): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,9425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,9723): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,9740): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,10168): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,10192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,10617): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,10633): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,11121): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,11147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,11776): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,11794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,12492): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,12517): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,13308): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,13325): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,14238): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,14267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,14525): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,14546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,14975): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,15028): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,15136): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,15166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,15419): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,15441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,15775): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,15805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,16058): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,16080): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,16414): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,16445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,16696): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,16719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,17054): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,17082): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,17333): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,17353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,17679): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,17710): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,17959): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,17982): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,18315): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,18346): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,18599): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,18622): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,18959): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,18991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,19242): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,19266): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,19604): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,19633): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,19884): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,19905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,20234): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,20262): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,20849): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,20869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,21568): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,21622): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,21703): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,21735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,22354): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,22378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,23084): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,23116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,23733): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,23757): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,24461): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,24494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,25111): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,25136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,25843): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,25873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,26492): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,26514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,27214): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,27243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,27477): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,27498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,27845): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,27899): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,27982): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,28015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,28341): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,28366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,28782): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,28815): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,29035): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,29060): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,29370): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,29404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,29624): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,29650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,29963): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,29994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,30322): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,30345): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6648,30757): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,30783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,30810): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,30828): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,30924): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,30954): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,31111): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,31133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,31371): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,31404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,31565): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,31590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,31841): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,31871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,32028): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,32050): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,32288): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,32321): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,32482): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,32507): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,32758): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,32789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,32944): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,32967): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,33206): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,33240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,33399): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,33425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,33677): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,33705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,33860): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,33880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,34110): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,34141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,34300): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,34323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,34566): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,34599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,34764): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,34789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,35044): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,35078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,35241): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,35267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,35523): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,35559): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,35722): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,35750): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36012): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,36049): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36210): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,36239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36502): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,36529): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36556): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,36575): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36674): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,36705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,36804): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,36827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37010): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,37044): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37147): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,37173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37369): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,37400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37501): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,37524): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37709): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,37743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,37848): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,37874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38072): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,38104): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38203): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,38227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38413): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,38448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38551): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,38578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38777): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,38806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,38907): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,38928): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,39107): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,39139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,39244): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,39268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,39460): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,39494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,39659): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,39685): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,39943): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,39978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,40141): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,40168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,40427): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,40465): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,40626): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,40656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,40922): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,40959): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,41122): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,41151): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,41416): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,41440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,42607): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,42623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,43935): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,43962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,44605): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,44624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,45423): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,45450): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,46093): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,46112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,46911): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,46939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,47230): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,47250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,47653): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,47707): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,47872): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,47900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,48191): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,48211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,48614): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,48668): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,48833): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,48870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,49169): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,49198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,49677): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,49713): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,50012): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,50040): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,50516): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,50554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,50679): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,50709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,51015): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,51052): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,51181): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,51210): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,51517): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,51545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,51688): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,51708): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,51982): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,52018): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,52159): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,52187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,52493): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,52530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,52669): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,52698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,53007): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,53041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,53180): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,53206): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,53504): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,53539): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,53680): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,53707): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54012): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,54041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54126): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,54147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54366): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,54403): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54486): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,54515): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54766): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,54804): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,54889): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,54919): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,55177): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,55212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,55297): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,55324): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,55571): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,55607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,55690): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,55718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,55968): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,55993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,56474): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,56491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,57077): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,57128): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6648,57260): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,57292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,57631): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,57655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,58081): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,58107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,58296): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,58314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,58572): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,58599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,58728): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,58747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,58948): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,58974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,59066): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,59084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,59245): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,59275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,59781): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,59803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,60390): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,60420): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,60926): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,60948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,61535): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,61566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,62072): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,62095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,62685): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,62713): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,63219): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,63239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,63820): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,63847): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,63952): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,63971): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,64148): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,64179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,64685): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,64708): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,65368): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,65399): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,65645): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,65668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,66064): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,66096): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,66342): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,66366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,66767): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,66796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,67302): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,67323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6648,67977): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,68008): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,68164): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,68187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,68427): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,68458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,68614): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,68637): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,68877): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,68909): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,69063): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,69087): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,69328): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,69357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,69511): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,69532): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,69764): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,69796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,69949): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,69973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,70213): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,70245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,70400): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,70424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,70666): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,70699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,70852): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,70877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,71120): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6648,71150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6648,71305): run-time error CSS1019: Unexpected token, found '@keyframes' (6648,71327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ body { /* overflow-y: hidden; Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ } @font-face { font-family: Tajawal; src: url(fonts/Tajawal-Regular.ttf); } @font-face { font-family: Raleway; src: url(fonts/Raleway-Regular.ttf); } body { padding-top: 0px; padding-bottom: 0px; line-height: 35px; font-size: 12px; font-weight: 400; font-family: 'Raleway', 'Tajawal'; background-color: #fafafb; background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23064481' fill-opacity='0.03'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 12px; ; color: #064481; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } /* Set padding to keep content from hitting the edges */ .body-content { } .triangle-right { width: 0; height: 0; border-top: 25px solid transparent; border-left: 50px solid #064481; border-bottom: 25px solid transparent; } .has-bg-img { padding: 0px !important; background: url('../img/bg/bg-3.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-size: cover; } .has-bg-img-2 { padding: 0px !important; background: url('../img/bg/asu-bg-2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-size: cover; } /* tabs top, right-align */ .tabs-right-align { text-align: right; font-size: 0; /* prevent floated child bug */ } .tabs-right-align > li { display: inline-block; clear: left; float: none; text-align: right; font-size: 12px; } /* custom inclusion of right, left and below tabs */ .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .nav-tabs { border-bottom: 0px; } .tab-content { border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; min-height: 122px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0px 0 4px 4px; -moz-border-radius: 0px 0 4px 4px; border-radius: 0px 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; } .tabs-left > .nav-tabs { float: left; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } #tabListId { width: 150px; } .tabs-left .tab-content { margin-left: 149px; padding: 20px; } .tabs-right .tab-content { margin-right: 149px; padding: 20px; } .section-title { text-align: center !important; border-bottom: 1px solid rgb(228 228 228 / 0.65); } .post-slide { padding: 0 15px; } .post-slide .post-img { position: relative; } .post-slide .post-img:before { content: ""; position: absolute; width: 100%; height: 100%; transition: all 0.5s ease-out 0s; } .post-slide .post-img img { width: 100%; height: auto; } .post-slide .post-img:hover:before { top: 0; left: 0; background: rgba(220, 0, 90, 0.6); } .post-slide .post-img a { position: absolute; top: 40%; left: 40%; width: 50px; height: 50px; display: inline-block; border-radius: 50%; border: 2px solid #fff; opacity: 0; transition: all 0.5s ease-out 0s; } .post-slide .post-img > a > i { position: absolute; width: 100%; height: 100%; font-size: 18px; color: #fff; text-align: center; line-height: 47px; } .post-slide .post-img a:hover:after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; animation: hoverEffect 1.3s ease-out 75ms; -webkit-animation: hoverEffect 1.3s ease-out 75ms; -moz-animation: hoverEffect 1.3s ease-out 75ms; } .post-slide .post-img:hover > a { opacity: 1; } .post-slide .post-content { padding: 20px 15px; background: #F6F6F6; } .post-slide .post-title > a { text-transform: uppercase; color: #444; font-size: 18px; line-height: 28px; } .post-slide .post-title > a:hover { color: #dc005a; text-decoration: none; } .post-slide .post-description { font-size: 14px; color: #444; position: relative; padding-bottom: 15px; } .post-slide .post-description:after { content: ""; position: absolute; bottom: 0; left: -5%; width: 110%; border-bottom: 1px solid #999; display: block; } .post-slide .post-bar { padding: 15px 0 0 0; list-style: none; } .post-slide .post-bar > li { display: inline-block; } .post-slide .post-date, .post-slide .comment > a { color: #FFF; } .post-slide .post-date > i, .post-slide .comment i { margin-right: 7px; } .post-slide .comment { float: right; } .post-slide .comment > a:hover { text-decoration: none; color: #dc005a; } @-webkit-keyframes hoverEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes hoverEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes hoverEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; } } .post-slide { padding-bottom: 10px; margin: 0 15px; position: relative; } .post-slide img { width: 100%; height: auto; } .post-slide .post-date { position: absolute; top: 2%; left: 8%; padding: 3% 5%; background: rgb(6 68 129 / 0.8); } .post-slide .month { font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; } .post-slide .month:after { content: ""; display: block; border: 1px solid #fff; } .post-slide .date { font-size: 14px; color: #fff; display: block; text-align: center; font-weight: bold; } .post-slide .post-title { margin: 25px 0 15px 0; } .post-slide .post-title a { font-size: 15px; font-weight: bold; color: #333; display: inline-block; text-transform: uppercase; transition: all 0.3s ease 0s; } .post-slide .post-title a:hover { text-decoration: none; color: #e74c3c; } .post-slide .post-description { font-size: 14px; line-height: 24px; color: #808080; } .post-slide .read-more { color: #333; text-transform: capitalize; transition: color 0.20s linear; } .post-slide .read-more i { margin-left: 10px; font-size: 10px; } .post-slide .read-more:hover { text-decoration: none; color: #e74c3c; } .owl-controls .owl-buttons { margin-top: 20px; position: relative; } .owl-controls .owl-prev { position: absolute; left: -40px; bottom: 130px; padding: 8px 17px; background: #064481; transition: background 0.50s ease; } .owl-controls .owl-next { position: absolute; right: -40px; bottom: 130px; padding: 8px 17px; background: #064481; transition: background 0.50s ease; } .owl-controls .owl-prev:after, .owl-controls .owl-next:after { font-family: 'FontAwesome'; content: "\f0d9"; color: #ffc107; font-size: 26px; } .owl-controls .owl-next:after { content: "\f0da"; } .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover { background: #ffc107; color: #064481; } @media only screen and (max-width: 990px) { .post-slide { margin: 0 20px; } .owl-controls .owl-buttons .owl-prev { left: -20px; padding: 5px 14px; } .owl-controls .owl-buttons .owl-next { right: -20px; padding: 5px 14px; } } @media only screen and (max-width: 767px) { .owl-controls .owl-buttons .owl-prev { left: 0px; bottom: 260px; } .owl-controls .owl-buttons .owl-next { right: 0px; bottom: 260px; } } /*.carousel-inner { padding: 1em; } .card { margin: 0 0.5em; box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); border: none; } .carousel-control-prev, .carousel-control-next { background-color: #e1e1e1; width: 6vh; height: 6vh; border-radius: 50%; top: 50%; transform: translateY(-50%); } @media (min-width: 768px) { .carousel-item { margin-right: 0; flex: 0 0 33.333333%; display: block; } .carousel-inner { display: flex; } } .card .img-wrapper { max-width: 100%; height: 13em; display: flex; justify-content: center; align-items: center; } .card img { max-height: 100%; } @media (max-width: 767px) { .card .img-wrapper { height: 17em; } }*/ .site-footer { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; color: #fff; } .site-footer a:link { color: #fff; } .site-footer a:visited { color: #fff; } .site-footer a:hover { color: #ffc107; } .jumbotron .content { position: relative; z-index: 2; background: rgba(0,0,0,0.4); padding: 15px 25px; border: 0px solid rgba(0,0,0,0.4); border-radius: 0px; color: #fff; } .jumbotron h1 { color: #fff; padding-top: 5%; vertical-align: bottom !important; bottom: 0; } img.blur { -webkit-filter: blur(2px); filter: blur(2px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2'); } h1 { font-size: 22px; font-weight: 800; } .img-thumbnail { padding: .25rem; background-color: #eee; border: 1px solid #dee2e6;border-radius: .20rem; width: 300px; height: 300px; object-fit: cover; } .social-link { width: 50px; height: 50px; border: 0px solid #ddd; display: flex; align-items: center; justify-content: center; color: #666; border-radius: 50%; transition: all 0.3s; font-size: 2.2rem !important; } .social-link .fa-youtube-square { /* color:#fb0000 !important;*/ } .fab, .fas { font-size: 16px; margin-right: 5px; } a { color: #064481; text-decoration: none !important; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } header { /* min-height: 300px;*/ } #head { position: relative; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; min-height: 400px; z-index: 1; object-position: center; object-fit: cover; } #left { position: relative; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; min-height: 400px; z-index: 1; object-position: center; object-fit: cover; } .container { /*font-size: 12px !important;*/ } .card-text .link { margin: 1.25rem 0 1.25rem 0; } .card-body { padding: .25rem .5rem 1.25rem .5rem; } .card-body p { line-height: 20px !important; } .list-group-item { padding: 0.5rem 0.25rem !important; cursor: pointer; } .list-group-item:hover { background: rgba(255, 216, 0, 0.2) } .jumbotron h1 { padding: 25px 10px; text-align: center; } #College_Departments .list-group-item { border: 0; padding: 0.25rem 0.25rem !important; } .bg-chiled { background: rgba(6, 68, 129, 0.04); margin: 2px 0px; } .card-header { padding: 0.5rem 0.75rem !important; background: #064481 !important; color: #fff; } .card { background: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05); transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12); border: 0; border-radius: 1rem } .card-img, .card-img-top { border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px) } .card h5 { overflow: hidden; height: 56px; font-weight: 500; font-size: .8rem } .card-img-top { width: 100%; max-height: 180px; object-fit: contain; padding: 0px } .card h2 { font-size: 1rem } .card:hover { transform: scale(1.02); box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06) } .label-top { position: absolute; background-color: #064481a4; color: #fff; top: 8px; right: 8px; padding: 2px 5px; font-size: .6rem; font-weight: 500; border-radius: 3px; text-transform: uppercase } .top-right { position: absolute; top: 24px; left: 24px; width: 90px; height: 90px; border-radius: 50%; font-size: 1rem; font-weight: 900; background: #ff5722; line-height: 90px; text-align: center; color: white } .top-right span { display: inline-block; vertical-align: middle } @media (max-width: 768px) { .card-img-top { max-height: 250px } } .over-bg { background: rgba(53, 53, 53, 0.85); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(0.0px); -webkit-backdrop-filter: blur(0.0px); border-radius: 10px } .btn { font-size: .7rem; font-weight: 500; text-transform: uppercase; padding: 5px 20px 5px 20px } .box .btn { font-size: 1.5rem } @media (max-width: 1025px) { .btn { padding: 5px 40px 5px 40px } } @media (max-width: 250px) { .btn { padding: 5px 30px 5px 30px } } .btn-warning { background: none #f7810a; color: #ffffff; fill: #ffffff; border: none; text-decoration: none; outline: 0; box-shadow: -1px 6px 19px rgba(247, 129, 10, 0.25); border-radius: 100px } .btn-warning:hover { background: none #ff962b; color: #ffffff; box-shadow: -1px 6px 13px rgba(255, 150, 43, 0.35) } .bg-success { font-size: 1rem; background-color: #f7810a !important } .bg-danger { font-size: 1rem } .price-hp { font-size: 1rem; font-weight: 600; color: darkgray } .amz-hp { font-size: .7rem; font-weight: 600; color: darkgray } .fa-question-circle:before { color: darkgray } .fa-plus:before { color: darkgray } .box { border-radius: 1rem; background: #fff; box-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%); transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12) } .box-img { max-width: 300px } .thumb-sec { max-width: 300px } @media (max-width: 576px) { .box-img { max-width: 200px } .thumb-sec { max-width: 200px } } .inner-gallery { width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 3px; margin: 1px; display: inline-block; overflow: hidden; -o-object-fit: cover; object-fit: cover } @media (max-width: 370px) { .box .btn { padding: 5px 40px 5px 40px; font-size: 1rem } } .disclaimer { font-size: .9rem; color: darkgray } .related h3 { font-weight: 900 } .hero-img-wrapper { z-index: 1; } .hero-text-container-wrapper { z-index: 2; } .hero.hero-bootcamp.background-blue { background: #02274B; } .hero.hero-bootcamp { margin-bottom: 0; padding: inherit; } .hero.background-blue { background: #02274B; /* color: #fff; */ } .hero { background: #f0f2f2; margin-bottom: 24px; overflow: hidden; padding: 30px; position: relative; } /* @media(min-width: 992px) { .hero.hero-bootcamp .hero-responsive-image { left: calc(100% - 460px); } } @media (min-width: 768px) { .hero.hero-bootcamp .hero-responsive-image { left: calc(100% - 297px); } } @media (min-width: 576px) { .hero.hero-bootcamp .hero-responsive-image { display: block; left: calc(100% - 243px); right: 0; } }*/ .hero .hero-responsive-image { top: 0; bottom: 0; max-width: none; position: absolute !important; right: 0; } .hero.hero-bootcamp .hero-responsive-image img { height: 100%; object-fit: cover; object-position: center center; } /* As hex codes */ .color-primary-0 { color: #064581 } /* Main Primary color */ .color-primary-1 { color: #226BB2 } .color-primary-2 { color: #09559E } .color-primary-3 { color: #043768 } .color-primary-4 { color: #02274B } /* As RGBa codes */ .rgba-primary-0 { color: rgba( 6, 69,129,1) } /* Main Primary color */ .rgba-primary-1 { color: rgba( 34,107,178,1) } .rgba-primary-2 { color: rgba( 9, 85,158,1) } .rgba-primary-3 { color: rgba( 4, 55,104,1) } .rgba-primary-4 { color: rgba( 2, 39, 75,1) } .card-link a:link { color: rgba( 6, 69,129,1); cursor: pointer; } .card-link a:hover { color: rgba( 2, 39, 75,1) } .card-link + .card-link { margin-left: 0rem; } .form-check-input { width: 1.5em; height: 1.5em; margin-top: 0.75em; margin-right: 0.25em; vertical-align: middle; } .affix { top: 50px; position: fixed; } @import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500); .team3 { font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; } .team3 h1, .team3 h2, .team3 h3, .team3 h4, .team3 h5, .team3 h6 { color: #3e4555; } .team3 .font-weight-medium { font-weight: 500; } .team3 .bg-light { background-color: #f4f8fa !important; } .team3 .subtitle { color: #8d97ad; line-height: 24px; font-size: 13px; } .team3 ul { margin-top: 30px; } .team3 h5 { line-height: 22px; font-size: 18px; } .team3 ul li a { color: #8d97ad; padding-right: 15px; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in; } .team3 ul li a:hover { -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); color: #316ce8; } .team3 .title { margin: 30px 0 0 0; } .team3 .subtitle { margin: 0 0 20px 0; font-size: 13px; } .carousel-caption { background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.9) 100%); position: absolute; right: 0%; bottom: 0; left: 0%; padding-top: 1.5rem; padding-bottom: 1.5rem; color: #fff; text-align: center; } /* ── Homepage hero slider caption (single, non-overlapping) ── */ .hero-slide-caption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 16px 20px 20px; text-align: start; background: linear-gradient(to top, rgba(6, 17, 36, .92) 0%, rgba(6, 17, 36, .6) 60%, rgba(6, 17, 36, 0) 100%); } .hero-slide-date { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #ffb40f; margin-bottom: 6px; } .hero-slide-title { margin: 0; color: #fff; font-size: 1.1rem; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ── Hover zoom for slider / college grid cards (classes existed unstyled before) ── */ .zoom, .overflow { overflow: hidden; } .zoom img { transition: transform .5s ease; } .zoom:hover img { transform: scale(1.07); } /* ── Slide indicators for the homepage hero carousel ── */ #carouselExampleControls .carousel-indicators { right: 14px; bottom: auto; top: 14px; left: auto; z-index: 3; width: auto; margin: 0; justify-content: flex-end; } #carouselExampleControls .carousel-indicators [data-bs-target] { width: 8px; height: 8px; margin: 0 3px; border: none; border-radius: 50%; background-color: rgba(255, 255, 255, .55); opacity: 1; transition: width .2s, background-color .2s; } #carouselExampleControls .carousel-indicators .active { width: 22px; border-radius: 4px; background-color: #ffb40f; } .rounded-circle { border-radius: 50%; width: 200px; height: 200px; } .fab, .fas .far { font-size: 22px; } .slider-bg { background: url('../img/bg/bg-3.jpg') no-repeat; background-repeat: no-repeat; background-size: auto; } .Slider-div { background-image: url(../img/S_5.jpg), linear-gradient(rgb(219, 166, 166), rgb(0, 0, 172)); background-position: center center; background-repeat: no-repeat; background-size: cover; } .Box-div { /* background-color: #e5e5f7; opacity: 0.8; background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #e5e5f7 10px ), repeating-linear-gradient( #444cf755, #444cf7 );*/ background-color: #fafafb; background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23064481' fill-opacity='0.03'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .bg-w-b { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 216, 0, 0.82); margin-bottom: 50px; } .box { background-color: rgba(255, 255, 255, 0.3); border-radius: 5px; line-height: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 40px 20px; } .box-study { background: url(../img/bg/bg-3.jpg) center center; background-repeat: no-repeat; background-size: auto; } .STUDY .row { --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0px 5px; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .box-Register { background-color: rgba(255, 255, 255, 0.3); border-radius: 5px; line-height: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 40px 20px; } /* .STUDY span, h1 { color: #fff; } .STUDY a:link{ color:#fff; } .STUDY a:visited { color: #fff; } */ .program-wrap { /*background-image: url(../img/bg/programbg.jpg); color: #fff;*/ position: relative; padding: 65px 0; } .bg-image, .bg-parallax { background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } /* If the screen size is 1200px wide or more, set the font-size to 80px */ @media (min-width: 1200px) { .responsive-title { font-size: 40px; font-weight: 700; margin-bottom: 0; } .responsive-link { font-size: 16px; font-weight: 500; margin-bottom: 0; line-height:25px; } } /* If the screen size is smaller than 1200px, set the font-size to 80px */ @media (max-width: 1199.98px) { .responsive-title { font-size: 20px; font-weight: 700; margin-bottom: 0; } .responsive-link { font-size: 14px; font-weight: 400; margin-bottom: 0; line-height: 25px; } } .slide-link-col { } .program-item { font-size: 14px; min-height: 285px; } .home-links { background: rgba(0, 0, 0, .5); font-size: 20px; } .program-item h3 { font-size: 30px; font-weight: 700; margin-bottom: 35px; } .program-item p { min-height: 72px; margin-bottom: 1.7rem; } .navbar { padding-top: 0; padding-bottom: 0; } .home-links a:link { color: #fff; } .home-links a:visited { color: #fff; } .home-links a:hover { color: #ffc107; } .link-item { font-size: 12px; } .link-item-img { font-size: 26px; transition: transform .25s ease, color .25s ease; } .link-item:hover .link-item-img { transform: translateY(-4px); color: #ffb40f; } /* ============================================================ HOMEPAGE QUICK LINKS STRIP (redesign) ============================================================ */ .quick-links-strip { background: rgba(4, 34, 65, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 12px 0 6px; } /* Controls how wide the whole icons row is allowed to get; stays centered because Bootstrap's .container already has auto left/right margins. Lower the max-width to pull the icons closer together, raise it to spread them out. */ .quick-icons-container { max-width: 1000px; } .utility-icons-strip { background: rgba(4, 34, 65, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 6px 0 12px; } .quick-link-card { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none !important; padding: 6px 4px; border-radius: 4px; transition: transform .25s ease, background .25s ease; } .quick-link-card:link, .quick-link-card:visited { color: #fff; } .quick-link-card:hover { color: #fff; transform: translateY(-5px); background: rgba(255,255,255,.08); } .quick-link-icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 4px; background: linear-gradient(135deg, #fff, #ddd); color: #042241; font-size: 18px; box-shadow: 0 6px 16px rgba(255,180,15,.35); transition: transform .25s ease; } .quick-link-card:hover .quick-link-icon { transform: scale(1.08) rotate(-4deg); } .quick-link-label { font-size: .75rem; font-weight: 600; margin: 0; } @media (max-width: 575.98px) { .quick-link-icon { width: 38px; height: 38px; font-size: 15px; } .quick-link-label { font-size: .65rem; } } .activity-item { background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 16%); margin-bottom: .7rem; border-radius: 5px; position: relative; padding-left: 77px; } .entry-activity { padding-top: 7px; font-size: 18px; width: 100%; vertical-align: middle; } .activity-item .activity-time { background: #0396E9; background: conic-gradient(from 90deg, #0396E9, #00A3FF); } .activity-item .activity-time { height: 100%; background: #7BB83F; background: conic-gradient(from 90deg, #ffb40f, #fcc344); color: #fff; border-radius: 5px 0 0 5px; padding: 5px; text-align: center; width: 75px; position: absolute; left: 0; top: 0; font-weight: 700; } .activity-time span { display: block; font-size: 18px; line-height: 25px; } /* Brand dark blue. Was a conic-gradient in amber (#ffb40f -> #fcc344). Every .View in the project is also a .btn, and Site.css's own .btn { background-color: white } rule sits further down this file at equal specificity — so .btn.View is needed for the colour to actually win. The old gradient only survived because it painted background-image, not -color. */ .View, .btn.View { background-color: #064481; background-image: none; color: #fff; border-radius: 5px 5px 5px 5px; padding: 3px 5px; text-align: center; min-width: 75px; font-size: 12px !important; margin: 7px 0; transition: background-color .15s ease; } .View:hover, .View:focus, .btn.View:hover, .btn.View:focus { background-color: #043059; color: #fff; } .accordion-body { padding: 1rem 0.45rem; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 0px solid rgba(0,0,0,.125); border-bottom: 1px solid rgba(0,0,0,.125) !important; } .accordion-button:not(.collapsed) { color: #ffc107; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); } .card-body { padding: 0; } .students-icons .card { min-height: 100px; } .icon-shape { font-size: 36px; } .team-list img { width: 50%; } .team-list .content { width: 50%; } .team-list .content .follow { position: absolute; bottom: 24px; } .team-list:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .team, .team-list { -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; } .team .content .title, .team-list .content .title { font-size: 18px; } .team .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team .member-position, .team .team-social { position: absolute; bottom: -35px; right: 0; left: 0; margin: auto 10%; z-index: 99; } .team .team-social { bottom: 40px; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; } .team:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .team:hover .overlay { opacity: 0.6; } .team:hover .team-social { opacity: 1; } @media (max-width: 768px) { .team-list img, .team-list .content { width: 100%; float: none !important; } .team-list img .follow, .team-list .content .follow { position: relative; bottom: 0; } } .social-icon.social li a { color: #adb5bd; border-color: #adb5bd; } .social-icon li a { color: #35404e; border: 1px solid #35404e; display: inline-block; height: 32px; text-align: center; font-size: 15px; width: 32px; line-height: 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; position: relative; } .rounded { border-radius: 5px !important; } .para-desc { max-width: 600px; } .text-muted { color: #8492a6 !important; } .section-title .title { letter-spacing: 0.5px; font-size: 30px; } .bg-light-primary { background-color: #f9fbff !important; } .pb-6, .py-6 { padding-bottom: 3.75rem !important; } .pt-6, .py-6 { padding-top: 3.75rem !important; } .hover-scale, .hover-scale:hover { transition: transform .2s ease-in; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .4rem; box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%); } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } /* Add padding BETWEEN each column */ .row, .row > .column { padding: 8px; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; display: none; /* Hide all elements by default */ } /* Clear floats after rows */ .row:after { content: ""; display: table; clear: both; } /* Content */ .content { background-color: white; padding: 10px; } /* The "show" class is added to the filtered elements */ .show { display: block; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; } .btn:hover { background-color: #ddd; } .btn.active { background-color: #666; color: white; } #text .Border-left:not(:last-child) { border-right: 2px solid #f0cc00; content: " "; display: block; height: 95%; } .single_team_content { padding: 45px; margin-top: 60px; } .single_team_content h1 { font-size: 50px; font-weight: 600; line-height: 60px; } .single_team_content p { } .our-team { margin-bottom: 30px; box-shadow: 0 10px 40px -10px rgba(0,64,128,.09); } .our-team .team_img { position: relative; overflow: hidden; height:300px; } .our-team .team_img:after { content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2); position: absolute; bottom: -100%; left: 0; transition: all 0.3s ease 0s; } .our-team:hover .team_img:after { bottom: 0; } .our-team img { width: 100%; height: 100%; flex-shrink: 0; /* Portraits are square (800x800) but the box is not, so the default object-fit:fill stretched faces — badly on narrow screens. Crop. */ object-fit: cover; object-position: top center; } .our-team .social { padding: 0 0 5px 0; margin: 0; list-style: none; position: absolute; top: -120%; right: 10px; background: #ffaa17; border-radius: 0 0 20px 20px; z-index: 1; transition: all 0.3s ease 0s; } .our-team:hover .social { top: 0; } .our-team .social li a { display: block; padding: 10px; font-size: 15px; color: #232434; } .our-team:hover .social li a:hover { color: #fff; } .our-team .team-content { padding: 20px 0; background: #fff; } .our-team .title { font-size: 18px; font-weight: bold; color: #ffaa17; text-transform: capitalize; margin: 0 0 20px; position: relative; } .our-team .title:before { content: ""; width: 25px; height: 1px; background: #ffaa17; position: absolute; bottom: -10px; right: 50%; margin-right: 9px; transition-duration: 0.25s; } .our-team .title:after { content: ""; width: 25px; height: 1px; background: #ffaa17; position: absolute; bottom: -10px; left: 50%; margin-left: 9px; transition-duration: 0.25s; } .our-team:hover .title:before, .our-team:hover .title:after { width: 50px; } .our-team .post { display: inline-block; font-size: 15px; text-transform: capitalize; } .our-team .post:before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #ffaa17; margin: 0 auto; position: relative; top: -13px; } @media only screen and (max-width: 990px) { .our-team { margin-bottom: 30px; } } .userProfileInfo .image { position: relative } .userProfileInfo .image .editImage { position: absolute; bottom: -27px; right: 20px; background: #fe5621; color: #fff; text-align: center; font-size: 18px; font-size: 1.8rem; width: 54px; height: 54px; line-height: 54px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .userProfileInfo .image .editImage:hover { background: #fe693a } .userProfileInfo .box { padding: 0 } .userProfileInfo .box .info, .userProfileInfo .box .name, .userProfileInfo .box .socialIcons { padding: 15px 20px; border-bottom: 1px solid #e6e7ed } .userProfileInfo .box .socialIcons { border: 0 } .userProfileInfo .box .info > span { margin: 10px 0; display: block; padding: 0 0 0 35px; position: relative } .userProfileInfo .box .info > span .fa { position: absolute; left: 5px; top: 4px; color: #9da2a6 } .boxHeadline { margin: 0 0 25px 0; font-size: 18px; font-size: 1.8rem } .boxHeadline + .boxHeadlineSub { margin: -18px 0 30px 0 } .boxHeader .boxTitle { margin: 22px 0 20px 30px } .boxHeader .boxHeaderOptions { margin: 9px 12px 0 0 } .boxHeader .boxHeaderOptions .btn { color: #9da2a6; padding: 0; width: 40px; height: 40px; line-height: 42px; text-align: center; font-size: 24px; font-size: 2.4rem } .boxHeader .boxHeaderOptions .btn:active, .boxHeader .boxHeaderOptions .btn:focus, .boxHeader .boxHeaderOptions .btn:hover { background: #f2f9ff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .boxHeader.pageBoxHeader .boxHeaderOptions { margin: 20px 12px 0 0 } .boxHeader.boxHeaderBorders { border-bottom: 1px solid #e6e7ed } .boxHeader.box { padding: 30px } .boxHeader.box .pageTitle { margin: 0 0 6px 0 } .boxHeader.box .pageTitle + .breadcrumb { margin: 0 } .boxTitle { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; margin: 0 0 25px 0 } .boxHeadlineSub { font-size: 14px; font-size: 1.4rem; font-weight: 400; font-style: italic; color: #919599; margin: 0 0 25px 0; line-height: 18px } .boxHeadlineSub a { color: #fe5621 } .bgTitle { background: url(../../img/bg-sharpen.jpg) no-repeat; background-size: 100% 100% } .bgTitle .boxTitle { margin: 0; padding: 22px 30px; color: #fff } .box.box-without-padding { padding: 0 } .box.box-without-sidepadding { padding: 8px 0 } .box.box-without-sidepadding .boxTitle { margin-left: 30px } .box.box-without-bottom-padding { padding-bottom: 0 } .box .tableWrap { margin: 0 -30px } .box .table-responsive { width: auto } .box .panel-group:last-of-type { margin-bottom: 0 } .simpleListings { padding: 0; margin: 0 } .simpleListings li { list-style-type: none; padding: 0 0 20px 0; margin: 20px 0 0 0; border-bottom: 1px solid #e6e7ed; position: relative } .simpleListings li:first-child { margin-top: 0 } .simpleListings li:only-child { border-bottom: 0 } .simpleListings li .title { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; margin: 0 0 2px 0 } .simpleListings li .title span { font-weight: 400; text-transform: none } .simpleListings li .title a:hover { color: #fe5621 } .simpleListings li .info { color: #919599; font-style: italic } .simpleListings li p { margin: 7px 0 0 0 } .simpleListings li img { margin: 20px 0 } .userActivities { margin-bottom: 25px } .userActivities + .showMore { margin: 0 0 0 70px } .userActivities .i { margin-top: 25px; position: relative } .userActivities .i:first-child { margin-top: 0 } .userActivities .i .image { position: absolute; top: 20px; left: 0 } .userActivities .i .activityContent { margin: 0 0 0 70px; border: 1px solid #e6e7ed; min-height: 70px } .userActivities .i .activityContent:after, .userActivities .i .activityContent:before { content: ''; left: 48px; top: 40px; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none } .userActivities .i .activityContent:after { border-right-color: #fff; border-width: 12px; margin-top: -12px } .userActivities .i .activityContent:before { border-right-color: #dcdcdc; border-width: 11px; margin-top: -11px } .userActivities ul { padding: 20px 25px } .userActivities ul li .title { font-size: 16px; font-size: 1.6rem; text-transform: none } .userActivities .status li { padding-bottom: 0 } .userActivities .status li .share { margin: 20px 0 0 0 } .userActivities .status li .share a { color: #fe5621; display: inline-block; margin: 0 0 0 20px } .userActivities .status li .share a:first-child { margin: 0 } .userActivities .status li .share a .fa { color: #9da2a6; margin: 0 3px 0 0; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease } .userActivities .status li .share a:hover .fa { color: #fe5621 } .userActivities .comments { background: #f5f6fa; border-top: 1px solid #e6e7ed } .userActivities .comments li:last-child { border-bottom: 0; padding-bottom: 0 } .userActivities .comments li .image { position: absolute; left: 0; top: 0 } .userActivities .comments li .image img { margin: 0 } .userActivities .comments li .c { margin: 0 0 0 70px } .userActivities .comments li .c .form-control { border-left: 1px solid #e6e7ed; padding: 10px 18px; margin: 0 0 10px 0 } .userActivities .comments li .c .form-control:focus { border-color: #e6e7ed } .userActivities .comments li.showComments { border-bottom: 0; padding: 0; margin: 0 0 15px 0 } .userActivities .comments li.showComments .fa { color: #9da2a6; margin: 0 3px 0 0 } .userActivities .comments li.showComments a:hover { color: #fe5621 } @media (min-width: 992px) { .userProfileInfo .image img { width: 100%; } } .fs35 { font-size: 35px !important; } .mw50 { max-width: 50px !important; } .mn { margin: 0 !important; } .mw140 { max-width: 140px !important; } .mb20 { margin-bottom: 20px !important; } .mr25 { margin-right: 25px !important; } .mw40 { max-width: 40px !important; } .p30 { padding: 30px !important; } .page-heading { position: inherit; padding: 30px 40px 0px 40px; margin: 0 ; border-bottom: 1px solid #ddddddd2; background-color: #eeeeee ; } .page-tabs { margin: -25px -20px 30px; padding: 15px 25px 0; border-bottom: 1px solid #ddd; background: #e9e9e9; } .page-tabs .nav-tabs { border-bottom: 0; } .page-tabs .nav-tabs > li > a { color: #AAA; padding: 10px 20px; } .page-tabs .nav-tabs > li:hover > a, .page-tabs .nav-tabs > li:focus > a { border-color: #ddd; } .page-tabs .nav-tabs > li.active > a, .page-tabs .nav-tabs > li.active > a:hover, .page-tabs .nav-tabs > li.active > a:focus { color: #666; font-weight: 600; background-color: #eee; border-bottom-color: transparent; } @media (max-width: 800px) { .page-tabs { padding: 25px 20px 0; } .page-tabs .nav-tabs li { float: none; margin-bottom: 5px; } .page-tabs .nav-tabs li:last-child, .page-tabs .nav-tabs li.active:last-child { margin-bottom: 10px; } .page-tabs .nav-tabs > li > a:hover, .page-tabs .nav-tabs > li > a:focus { border: 1px solid #DDD; } .page-tabs .nav-tabs > li.active > a, .page-tabs .nav-tabs > li.active > a:hover, .page-tabs .nav-tabs > li.active > a:focus { border-bottom-color: #ddd; } } .panel { position: relative; margin-bottom: 27px; background-color: #ffffff; border-radius: 3px; } .panel.panel-transparent { background: none; border: 0; margin: 0; padding: 0; } .panel.panel-border { border-style: solid; border-width: 0; } .panel.panel-border.top { border-top-width: 5px; } .panel.panel-border.right { border-right-width: 5px; } .panel.panel-border.bottom { border-bottom-width: 5px; } .panel.panel-border.left { border-left-width: 5px; } .panel.panel-border > .panel-heading { background-color: #fafafa; border-color: #e2e2e2; border-top: 1px solid transparent; } .panel.panel-border > .panel-heading > .panel-title { color: #999999; } .panel.panel-border.panel-default { border-color: #DDD; } .panel.panel-border.panel-default > .panel-heading { border-top: 1px solid transparent; } .panel-menu { background-color: #fafafa; padding: 12px; border: 1px solid #e2e2e2; } .panel-menu.dark { background-color: #f8f8f8; } .panel-body .panel-menu { border-left: 0; border-right: 0; } .panel-heading + .panel-menu, .panel-menu + .panel-body, .panel-body + .panel-menu, .panel-body + .panel-body { border-top: 0; } .panel-body { position: relative; padding: 15px; border: 1px solid #e2e2e2; } .panel-body + .panel-footer { border-top: 0; } .panel-heading { position: relative; height: 52px; line-height: 49px; letter-spacing: 0.2px; color: #999999; font-size: 15px; font-weight: 400; padding: 0 8px; background: #fafafa; border: 1px solid #e2e2e2; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading + .panel-body { border-top: 0; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-heading .widget-menu .btn-group { margin-top: -3px; } .panel-heading .widget-menu .form-control { margin-top: 6px; font-size: 11px; height: 27px; padding: 2px 10px; border-radius: 1px; } .panel-heading .widget-menu .form-control.input-sm { margin-top: 9px; height: 22px; } .panel-heading .widget-menu .progress { margin-top: 11px; margin-bottom: 0; } .panel-heading .widget-menu .progress-bar-lg { margin-top: 10px; } .panel-heading .widget-menu .progress-bar-sm { margin-top: 15px; } .panel-heading .widget-menu .progress-bar-xs { margin-top: 17px; } .panel-icon { padding-left: 5px; } .panel-title { padding-left: 6px; margin-top: 0; margin-bottom: 0; } .panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { top: 2px; min-width: 22px; color: inherit; font-size: 14px; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #fafafa; border: 1px solid #e2e2e2; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel-body + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #eeeeee; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 19px; } .panel-group .panel-title { padding-left: 0; } .panel-group .panel-heading, .panel-group .panel-heading a { position: relative; display: block; width: 100%; } .panel-group.accordion-lg .panel + .panel { margin-top: 12px; } .panel-group.accordion-lg .panel-heading { font-size: 14px; height: 54px; line-height: 52px; } .panel-group .accordion-icon { padding-left: 35px; } .panel-group .accordion-icon:after { position: absolute; content: "\f068"; font-family: "FontAwesome"; font-size: 12px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; color: #555; left: 10px; top: 0; } .panel-group .accordion-icon.collapsed:after { content: "\f067"; } .panel-group .accordion-icon.icon-right { padding-left: 10px; padding-right: 30px; } .panel-group .accordion-icon.icon-right:after { left: auto; right: 5px; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #eeeeee; } .media { color: #999999; font-weight: 600; margin-top: 15px; } .media:first-child { margin-top: 0; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: middle; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { color: #555555; margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } /*=============================================== Tabs ================================================= */ /* Tabs Wrapper */ .tab-block { position: relative; } /* Tabs Content */ .tab-block .tab-content { overflow: auto; position: relative; z-index: 10; min-height: 125px; padding: 16px 12px; border: 1px solid #e2e2e2; background-color: #FFF; } /*=============================================== Tab Navigation ================================================= */ .tab-block .nav-tabs { position: relative; border: 0; } /* nav tab item */ .tab-block .nav-tabs > li { float: left; margin-bottom: -1px; } /* nav tab link */ .tab-block .nav-tabs > li > a { z-index: 9; position: relative; color: #AAA; font-size: 14px; font-weight: 400; padding: 14px 20px; margin-right: -1px; border-color: #e2e2e2; border-radius: 0; background: #fafafa; } .tab-block .nav-tabs > li:first-child > a { margin-left: 0; } /* nav tab link:hover */ .tab-block .nav-tabs > li > a:hover { background-color: #f4f4f4; } /* nav tab active link:focus:hover */ .tab-block .nav-tabs > li.active > a, .tab-block .nav-tabs > li.active > a:hover, .tab-block .nav-tabs > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #e2e2e2; border-bottom: 1px solid #FFF; } /*=============================================== Tab Navigation - Tabs Left ================================================= */ .tabs-left { float: left; } /* nav tab item */ .tabs-left > li { float: none; margin: 0 -1px -1px 0; } /* nav tab item link */ .tabs-left > li > a { padding: 14px 16px; color: #777; font-weight: 600; border: 1px solid transparent; border-color: #DDD; background: #fafafa; } /* nav tab link:hover */ /* nav tab active link:focus:hover */ .tab-block .tabs-left > li.active > a, .tab-block .tabs-left > li.active > a:hover, .tab-block .tabs-left > li.active > a:focus { color: #555; border-color: #DDD #FFF #DDD #DDD; cursor: default; position: relative; z-index: 12; background: #FFF; } /*=============================================== Tab Navigation - Tabs Right ================================================= */ .tabs-right { float: right; } /* nav tab item */ .tabs-right > li { float: none; margin: 0 0 -1px -1px; } /* nav tab item link */ .tabs-right > li > a { padding: 14px 16px; color: #777; font-weight: 600; border: 1px solid transparent; border-color: #DDD; background: #fafafa; } /* nav tab link:hover */ /* nav tab active link:focus:hover */ .tab-block .tabs-right > li.active > a, .tab-block .tabs-right > li.active > a:hover, .tab-block .tabs-right > li.active > a:focus { color: #555; border-color: #DDD #DDD #DDD #FFF; cursor: default; position: relative; z-index: 12; background: #FFF; } /*=============================================== Tab Navigation - Tabs Right ================================================= */ .tabs-below { position: relative; } /* nav tab item */ .tabs-below > li { float: left; margin-top: -1px; } /* nav tab item link */ .tabs-below > li > a { position: relative; z-index: 9; margin-right: -1px; padding: 11px 16px; color: #777; font-weight: 600; border: 1px solid #DDD; background: #fafafa; } /* nav tab link:hover */ /* nav tab active link:focus:hover */ .tab-block .tabs-below > li.active > a, .tab-block .tabs-below > li.active > a:hover, .tab-block .tabs-below > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #DDD; border-top: 1px solid #FFF; } .media-links .list-inline-item { margin:2px 10px; } .dropdown-toggle::after { } .dropend .dropdown-toggle::after { display: none; } .dropdown-menu[data-bs-popper] { min-width: 300px; } .navbar-nav .dropdown-menu { font-size:14px; font-weight:500; } .fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat { line-height:2; } .nav-item { font-size: 14px; font-weight: 500; } /* ── Main site menu (_MenuAbout / _MenuAbout_AR): tablet & mobile collapse ── */ @media (max-width: 991.98px) { #navbar-content .navbar-nav, #navbar-content-ar .navbar-nav { flex-direction: column; } #navbar-content .nav-item.flex-fill, #navbar-content-ar .nav-item.flex-fill { flex: 0 1 auto; } #navbar-content .dropdown-menu, #navbar-content-ar .dropdown-menu { position: static !important; float: none; width: 100%; min-width: 0 !important; margin: 0; transform: none !important; box-shadow: none; border: none; background: rgba(255,255,255,0.06); } #navbar-content .dropend .dropdown-menu, #navbar-content-ar .dropend .dropdown-menu { padding-left: 1rem; } [dir="rtl"] #navbar-content-ar .dropend .dropdown-menu { padding-left: 0; padding-right: 1rem; } #navbar-content .nav-link, #navbar-content-ar .nav-link, #navbar-content .dropdown-item, #navbar-content-ar .dropdown-item { padding-top: .6rem; padding-bottom: .6rem; } } /* ── Brand header: EN name / logo / AR name ── */ .site-brand-bar { } /* Logos have fixed pixel width="" attributes; cap them so they shrink to fit their column instead of overflowing when the mobile hamburger shares the row. */ .site-brand-bar img { max-width: 100%; height: auto; } .site-brand-bar .navbar-toggler { border-color: rgba(6, 68, 129, 0.3); color: #064481; padding: 6px 10px; } .site-brand-row { display: flex; padding:0 50px; gap: clamp(20px, 5vw, 60px); } .site-brand-logo { flex-shrink: 0; line-height: 0; } .site-brand-logo img { display: block; height: 80px; width: auto; } .site-brand-name { display: flex; flex-direction: column; flex: 1 1 0; max-width: 260px; color: #064481; font-weight: 700; line-height: 1.35; letter-spacing: .5px; text-decoration: none; transition: color .2s; } .site-brand-name:hover, .site-brand-name:focus { color: #ffb40f; text-decoration: none; } .site-brand-name-en { font-size: 18px; text-align: end; } .site-brand-name-ar { font-size: 22px; text-align: start; justify-content: center; } @media (max-width: 991.98px) { .site-brand-bar { padding: 14px 0; } .site-brand-row { flex-direction: column; gap: 6px; } .site-brand-logo { order: -1; margin-bottom: 4px; } .site-brand-name { max-width: none; text-align: center; } .site-brand-name-en, .site-brand-name-ar { text-align: center; } } #quick-contact a:link{ color:#fff !important; margin:0 8px; } #quick-contact a:visited { color: #fff !important; } #masthead { min-height: 270px; background-color: #000044; color: #aaaacc; } #masthead h1 { font-size: 55px; line-height: 1; } #masthead .well { margin-top: 13%; background-color: #111155; border-color: #000033; } .icon-bar { background-color: #fff; } @media screen and (min-width: 768px) { #masthead h1 { font-size: 100px; } } .navbar-bright { background-color: #111155; color: #fff; } .navbar-bright a, #masthead a, #masthead .lead { color: #aaaacc; } .navbar-bright li > a:hover { background-color: #000033; } .affix-top, .affix { position: static; } #sidebar li { border-bottom: 1px solid #eee; } #sidebar li.active { border-right: 5px solid #eee; } #mainCol h2 { padding-top: 55px; margin-top: -55px; } @media (min-width: 992px) { #sidebar.affix-top { position: static; margin-top: 30px; width: 228px; } #sidebar.affix { position: fixed; top: 70px; width: 228px; } } @keyframes wipe-enter { 0% { transform: scale(0, .025); } 50% { transform: scale(1, .025); } } .square { opacity: 0; transform: scale(1.2); } @media (prefers-reduced-motion: no-preference) { .square { transition: opacity 1.5s ease, transform 1.5s ease; } } .square-transition { opacity: 1; transform: none; } /* ========================================================== HOME PAGE REDESIGN STYLES ========================================================== */ /* --- General --- */ .home-wrapper { overflow-x: hidden; } .section-divider { width: 60px; height: 4px; background: conic-gradient(from 90deg, #ffb40f, #fcc344); border-radius: 2px; margin-top: 12px; } /* --- Hero Carousel --- */ .hero-section { position: relative; } .hero-slide-img { width: 100%; height: 580px; object-fit: cover; object-position: center; display: block; } @media (max-width: 992px) { .hero-slide-img { height: 400px; } } @media (max-width: 576px) { .hero-slide-img { height: 250px; } } .hero-caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(4, 34, 65, 0.92) 0%, rgba(4, 34, 65, 0.4) 70%, transparent 100%); padding: 40px 0 100px; color: #fff; } .hero-slide-title { font-size: 1.6rem; font-weight: 700; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.5); margin-bottom: 4px; } .hero-slide-date { font-size: 0.8rem; color: #fcc344; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } @media (max-width: 576px) { .hero-caption { padding: 20px 0 70px; } .hero-slide-title { font-size: 1rem; } } /* Custom carousel indicator dots */ #heroCarousel .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 4px; background-color: rgba(255,255,255,0.6); border: none; margin: 0 4px; transition: background-color 0.3s, transform 0.3s; } #heroCarousel .carousel-indicators .active { background-color: #ffb40f; transform: scale(1.3); } /* --- Quick Access Bar --- */ .quick-access-bar { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(6, 68, 129, 0.92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 10px 0; z-index: 10; } .quick-access-grid { display: flex; justify-content: center; flex-wrap: nowrap; gap: 0; } .quick-access-item { display: flex; flex-direction: column; align-items: center; color: #fff !important; text-decoration: none !important; padding: 10px 20px; transition: background 0.25s, color 0.25s; border-right: 1px solid rgba(255,255,255,0.12); flex: 1; min-width: 0; } .quick-access-item:last-child { border-right: none; } .quick-access-item:hover { background: rgba(255, 180, 15, 0.2); color: #ffb40f !important; } .quick-access-icon { font-size: 22px; margin-bottom: 5px; color: #ffb40f; } .quick-access-label { font-size: 11px; font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; letter-spacing: 0.3px; } @media (max-width: 768px) { .quick-access-bar { position: relative; } .quick-access-item { padding: 8px 6px; } .quick-access-label { font-size: 9px; } .quick-access-icon { font-size: 18px; } } @media (max-width: 420px) { .quick-access-grid { flex-wrap: wrap; } .quick-access-item { flex: 0 0 33.33%; border-bottom: 1px solid rgba(255,255,255,0.12); } } /* --- Stats Section --- */ .stats-section { background: #042241; } .stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; border-right: 1px solid rgba(255,255,255,0.1); } .stat-item:last-child { border-right: none; } .stat-item-alt { background: rgba(255,180,15,0.08); } .stat-number { font-size: 2.4rem; font-weight: 800; color: #ffb40f; line-height: 1; margin-bottom: 6px; font-family: 'Raleway', sans-serif; } .stat-label { font-size: 0.75rem; color: rgba(255,255,255,0.75); text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } @media (max-width: 576px) { .stat-number { font-size: 1.8rem; } .stat-label { font-size: 0.65rem; } } /* --- CTA Section --- */ .cta-section { background-color: #fafafb; } .cta-card { background: linear-gradient(135deg, #064481 0%, #0a6abf 100%); border-radius: 4px; overflow: hidden; box-shadow: 0 12px 40px rgba(6, 68, 129, 0.25); } .cta-card-inner { padding: 40px 50px; } @media (max-width: 768px) { .cta-card-inner { padding: 30px 24px; } } .cta-eyebrow { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #ffb40f; margin-bottom: 8px; } .cta-title { font-size: 2rem; font-weight: 800; color: #fff; margin-bottom: 12px; line-height: 1.2; } @media (max-width: 768px) { .cta-title { font-size: 1.5rem; } } .cta-intro { font-size: 0.85rem; color: rgba(255,255,255,0.8); line-height: 1.7; margin-bottom: 0; max-width: 600px; } .cta-btn-primary { background: #064481; color: #fff; font-weight: 700; border-radius: 50px; padding: 10px 28px; font-size: 0.85rem; border: none; transition: background 0.25s, transform 0.2s; } .cta-btn-primary:hover { background: #043059; color: #fff; transform: translateY(-2px); } .cta-btn-secondary { background: transparent; color: #fff; font-weight: 700; border-radius: 50px; padding: 10px 28px; font-size: 0.85rem; border: 2px solid rgba(255,255,255,0.5); transition: border-color 0.25s, background 0.25s; } .cta-btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: #fff; color: #fff; } /* --- Featured Banners --- */ .banners-section { background-color: #fafafb; } .banner-card { border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,0.1); background: #fff; transition: box-shadow 0.3s, transform 0.3s; } .banner-card:hover { box-shadow: 0 12px 36px rgba(0,0,0,0.15); transform: translateY(-4px); } .banner-card img { display: block; width: 100%; height: auto; } .banner-card-footer { padding: 14px 16px; background: #f8f9fa; text-align: center; border-top: 1px solid #eee; } .banner-register-btn { background: conic-gradient(from 90deg, #064481, #0a6abf); color: #fff !important; font-weight: 700; border-radius: 50px; padding: 8px 24px; font-size: 0.8rem; transition: opacity 0.2s, transform 0.2s; } .banner-register-btn:hover { color: #fff !important; opacity: 0.9; transform: translateY(-2px); } /* --- Programs Section --- */ .programs-section { position: relative; background: url('../img/bg/programbg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .programs-overlay { position: absolute; inset: 0; background: rgba(4, 34, 65, 0.82); } .programs-section-title { font-size: 2rem; font-weight: 800; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.4); } .programs-flyer-btn { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.5); border-radius: 50px; padding: 6px 20px; font-size: 0.8rem; font-weight: 700; transition: border-color 0.25s, background 0.25s; } .programs-flyer-btn:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff; } .program-card { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 4px; padding: 36px 28px; text-align: center; height: 100%; display: flex; flex-direction: column; align-items: center; transition: transform 0.3s, box-shadow 0.3s; position: relative; overflow: hidden; } .program-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,0.25); } .program-card-featured { background: rgba(255,255,255,1); border: 3px solid #ffb40f; } .program-card-badge { position: absolute; top: 14px; right: 14px; background: #ffb40f; color: #042241; font-size: 0.65rem; font-weight: 800; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; } .program-card-icon { width: 70px; height: 70px; border-radius: 4px; background: linear-gradient(135deg, #fff, #eeeeee); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #ffb40f; font-size: 1.8rem; flex-shrink: 0; } .program-card-title { font-size: 1.1rem; font-weight: 800; color: #042241; margin-bottom: 12px; } .program-card-desc { font-size: 0.82rem; color: #666; line-height: 1.6; flex: 1; margin-bottom: 20px; } .program-card-btn { background: #064481; color: #fff; font-weight: 700; border-radius: 4px; padding: 8px 22px; font-size: 0.78rem; transition: opacity 0.2s, transform 0.2s; margin-top: auto; } .program-card-btn:hover { color: #fff; background: #043059; transform: translateY(-2px); } /* --- News Section --- */ .news-section { background-color: #f8f9fb; } .news-section-title { font-size: 1.4rem; font-weight: 800; color: #042241; margin-bottom: 8px; } .news-header { border-bottom: 2px solid #e9ecef; padding-bottom: 10px; } .news-title-line { display: block; width: 50px; height: 3px; background: #ffb40f; margin-top: 6px; } .news-list { display: flex; flex-direction: column; gap: 10px; } .news-item { display: flex; align-items: stretch; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); overflow: hidden; transition: box-shadow 0.25s, transform 0.25s; } .news-item:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.12); transform: translateX(4px); } .news-date-badge { background: conic-gradient(from 90deg, #ffb40f, #fcc344); color: #042241; min-width: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 6px; flex-shrink: 0; } .news-day { font-size: 1.2rem; font-weight: 800; line-height: 1; display: block; } .news-month { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .news-item-body { padding: 12px 16px; display: flex; align-items: center; } .news-item-link { font-size: 0.85rem; font-weight: 600; color: #333; line-height: 1.4; transition: color 0.2s; } .news-item-link:hover { color: #064481; } .twitter-widget-wrap { border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); } /* --- Social Follow Card --- */ .social-follow-card { height: 100%; background: linear-gradient(135deg, #064481 0%, #0a6abf 100%); border-radius: 14px; padding: 32px 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 12px 40px rgba(6, 68, 129, 0.2); } .social-follow-title { color: #fff; font-size: 1.2rem; font-weight: 800; margin-bottom: 20px; } .social-follow-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .social-follow-btn { width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.12); color: #fff !important; font-size: 1.1rem; transition: background 0.25s, transform 0.25s, color 0.25s; } .social-follow-btn:hover { background: #ffb40f; color: #042241 !important; transform: translateY(-3px); } .social-follow-btn svg { fill: currentColor; } /* --- Multimedia Section --- */ .multimedia-section { position: relative; background: url('../img/bg/asu-bg-2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .multimedia-overlay { position: absolute; inset: 0; background: rgba(4, 22, 45, 0.85); } .multimedia-title { font-size: 2rem; font-weight: 800; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.4); } .multimedia-view-btn { background: #064481; color: #fff; font-weight: 700; border-radius: 50px; padding: 8px 22px; font-size: 0.8rem; } .multimedia-view-btn:hover { color: #fff; background: #043059; } .video-card { border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.08); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: transform 0.3s, box-shadow 0.3s; border: 1px solid rgba(255,255,255,0.1); } .video-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,0.35); } .video-card a { text-decoration: none !important; color: inherit; } .video-thumb-wrap { position: relative; overflow: hidden; aspect-ratio: 16/9; } .video-thumb { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; } .video-card:hover .video-thumb { transform: scale(1.08); } .video-play-btn { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); color: #fff; font-size: 2rem; opacity: 0; transition: opacity 0.3s; } .video-card:hover .video-play-btn { opacity: 1; } .video-card-body { padding: 10px 10px 12px; } .video-title { font-size: 0.75rem; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 4px; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .video-date { font-size: 0.65rem; color: #ffb40f; font-weight: 600; } /* --- Registration Modal --- */ .register-type-card { border: 1px solid #e9ecef; border-radius: 4px; padding: 24px 16px; height: 100%; transition: border-color 0.25s, box-shadow 0.25s; } .register-type-card:hover { border-color: #064481; box-shadow: 0 4px 16px rgba(6,68,129,0.12); } .register-type-icon { font-size: 2.5rem; color: #064481; margin-bottom: 12px; } .register-type-title { font-size: 0.9rem; font-weight: 700; color: #042241; } .register-link-btn { background: #064481; color: #fff !important; border-radius: 20px; padding: 5px 14px; font-size: 0.75rem; font-weight: 700; } .register-link-btn:hover { background: #0a6abf; color: #fff !important; } .register-link-btn-yt { background: #ff0000; color: #fff !important; border-radius: 20px; padding: 5px 14px; font-size: 0.75rem; font-weight: 700; } .register-link-btn-yt:hover { background: #cc0000; color: #fff !important; } /* --- Layout Header Improvements --- */ .site-header-topbar { background: #042241; padding: 5px 0; font-size: 12px; line-height: 1.4; } .site-header-topbar a { color: rgba(255,255,255,0.85) !important; padding: 0 8px; border-right: 1px solid rgba(255,255,255,0.2); display: inline-block; transition: color 0.2s; } .site-header-topbar a:last-child { border-right: none; } .site-header-topbar a:hover { color: #ffb40f !important; } .logo-area { padding: 12px 0; background: #fff; border-bottom: 3px solid #ffb40f; } /* Footer improvements */ .site-footer { background: #042241 !important; } .site-footer h5 { color: #ffb40f; font-weight: 700; font-size: 1rem; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid rgba(255,180,15,0.3); } .site-footer .quick-links li { margin-bottom: 6px; } .site-footer .quick-links li a { font-size: 0.82rem; color: rgba(255,255,255,0.75) !important; transition: color 0.2s, padding-left 0.2s; display: block; } .site-footer .quick-links li a:hover { color: #ffb40f !important; padding-left: 6px; } .site-footer .social .list-inline-item a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8) !important; margin: 0 4px; transition: background 0.25s, color 0.25s, transform 0.25s; } .site-footer .social .list-inline-item a:hover { background: #ffb40f; color: #042241 !important; transform: translateY(-3px); } /* ============================================================ SITE NAVBAR (_NavMenu.cshtml) ============================================================ */ /* ── Navbar shell ── */ .site-navbar { background: #064481; padding: 0; z-index: 1030; box-shadow: 0 2px 8px rgba(0,0,0,0.18); } .nav-container { padding-left: 12px; padding-right: 12px; } /* ── Hamburger button ── */ .site-navbar-toggler { color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 6px 10px; margin: 6px 0; } .site-navbar-toggler:focus { box-shadow: 0 0 0 2px rgba(255,180,15,0.5); } /* ── Top-level nav list ── */ .nav-items-list { flex-wrap: nowrap; width: 100%; justify-content: center; gap: 0; } /* ── Every nav link (top level) ── */ .nav-link-main { color: #fff !important; /*font-size: 0.675rem; font-weight: 600;*/ padding: 4px 15px !important; display: flex; align-items: center; gap: 6px; white-space: nowrap; transition: background 0.2s, color 0.2s; border-bottom: 3px solid transparent; } .nav-link-main:hover, .nav-link-main:focus, .nav-item.show > .nav-link-main { background: rgba(255,255,255,0.08); color: #ffb40f !important; border-bottom-color: #ffb40f; } /* directional caret: points down when closed, up when open */ .nav-link-main.dropdown-toggle::after { display: inline-block; content: ""; width: 0; height: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid currentColor; border-bottom: 0; vertical-align: middle; transition: transform 0.2s ease; } .nav-item.show > .nav-link-main.dropdown-toggle::after { transform: rotate(180deg); } /* ── Icons ── */ .nav-icon, .nav-icon-sm { display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; transition: color 0.2s; font-size: 0.675rem; } .nav-icon { font-size: 0.85rem; width: 20px; } .nav-icon-sm { font-size: 0.85rem; width: 16px; } .nav-link-main:hover .nav-icon, .nav-item.show > .nav-link-main .nav-icon { color: #fcc344; } /* ── Dropdown menus ── */ .site-dropdown-menu { background: #fff; border: none; border-top: 3px solid #ffb40f; border-radius: 0 0 6px 6px; padding: 6px 0; min-width: 220px; box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important; animation: navFadeIn 0.18s ease; } @keyframes navFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* ── Dropdown items ── */ .site-dropdown-menu .dropdown-item { color: #064481; font-size: 0.75rem; font-weight: 500; padding: 4px 9px; display: flex; align-items: center; gap: 8px; transition: background 0.15s, color 0.15s, padding-left 0.15s; white-space: normal; } .site-dropdown-menu .dropdown-item:hover, .site-dropdown-menu .dropdown-item:focus, .site-dropdown-menu .dropend.show > .dropdown-item, .site-dropdown-menu .dropstart.show > .dropdown-item { background: #f0f5ff; color: #ffb40f; } /* LTR: slide in from left on hover */ .site-dropdown-menu .dropdown-item:hover { padding-left: 24px; } /* RTL: slide in from right on hover */ [dir="rtl"] .site-dropdown-menu .dropdown-item:hover { padding-left: 18px; padding-right: 24px; } /* ── Nested sub-menu toggle caret override ── */ .site-dropdown-menu .dropdown-item.dropdown-toggle::after { margin-left: auto; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; border-left: 0.3em solid currentColor; } /* Bootstrap RTL CSS handles caret direction automatically for [dir="rtl"] */ /* ── Sub-menu (level 2+) inherits same styling ── */ .dropend .site-dropdown-menu, .dropstart .site-dropdown-menu { border-top: 3px solid #ffb40f; border-radius: 0 0 6px 6px; animation: navFadeIn 0.15s ease; } /* nav-icon-sm inside dropdown items */ .site-dropdown-menu .dropdown-item .nav-icon-sm { color: #064481; } .site-dropdown-menu .dropdown-item:hover .nav-icon-sm { color: #fcc344; } /* ── Mobile off-canvas menu ── Slides in from the left on English (LTR) pages and from the right on Arabic (RTL) pages, since bootstrap.rtl.css already mirrors .offcanvas-start to open from the opposite side. Above the lg breakpoint Bootstrap's .navbar-expand-lg .offcanvas override takes back over and renders it inline. */ .site-mobile-nav { background-color: #064481; } .site-mobile-nav .offcanvas-header { border-bottom: 1px solid rgba(255,255,255,0.15); } .site-mobile-nav .offcanvas-title { color: #fff; font-size: 1rem; } /* ── Mobile (collapsed) styles ── */ @media (max-width: 991.98px) { .site-navbar { padding: 4px 0; } .nav-items-list { flex-direction: column; width: 100%; padding: 8px 0; gap: 2px; } .nav-link-main { padding: 10px 16px !important; border-bottom: none; border-left: 3px solid transparent; border-radius: 0; } .nav-link-main:hover, .nav-item.show > .nav-link-main { border-left-color: #ffb40f; border-bottom-color: transparent; } [dir="rtl"] .nav-link-main:hover, [dir="rtl"] .nav-item.show > .nav-link-main { border-left-color: transparent; border-right-color: #ffb40f; border-right-width: 3px; border-right-style: solid; } .site-dropdown-menu { border-top: none; border-left: 3px solid #ffb40f; border-radius: 0; box-shadow: none !important; background: rgba(255,255,255,0.05); animation: none; } .site-dropdown-menu .dropdown-item { color: #fff; padding-left: 28px; font-size: 0.82rem; } .site-dropdown-menu .dropdown-item:hover { background: rgba(255,180,15,0.15); color: #ffb40f; padding-left: 36px; } /* level 2 sub-menus deeper indent */ .dropend .site-dropdown-menu .dropdown-item, .dropstart .site-dropdown-menu .dropdown-item { padding-left: 42px; } } /* ── End Site Navbar ── */ /* ============================================================ PORTAL LINKS SECTION (Alumni, Vacancies, Staff, Students) ============================================================ */ .portal-links-section { background: #f4f7fb; padding: 32px 0; border-bottom: 3px solid #e1eaf5; } .portal-links-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .portal-link-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #fff; border: 1px solid #dde6f0; border-radius: 12px; padding: 28px 16px 22px; text-decoration: none !important; color: #064481; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease; cursor: pointer; } .portal-link-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(6,68,129,0.14); border-color: #ffb40f; background: #fff; color: #064481; } .portal-link-icon-wrap { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #064481 0%, #0a5fa8 100%); display: flex; align-items: center; justify-content: center; transition: background 0.22s ease, transform 0.22s ease; flex-shrink: 0; } .portal-link-card:hover .portal-link-icon-wrap { background: linear-gradient(135deg, #ffb40f 0%, #fcc344 100%); transform: rotate(-6deg) scale(1.08); } .portal-link-icon-wrap i { font-size: 1.6rem; color: #fff; } .portal-link-label { font-size: 0.875rem; font-weight: 700; text-align: center; line-height: 1.35; color: #064481; transition: color 0.2s; } .portal-link-card:hover .portal-link-label { color: #064481; } /* Responsive */ @media (max-width: 767.98px) { .portal-links-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .portal-link-icon-wrap { width: 52px; height: 52px; } .portal-link-icon-wrap i { font-size: 1.3rem; } .portal-link-label { font-size: 0.8rem; } } @media (max-width: 399.98px) { .portal-links-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .portal-link-card { padding: 20px 10px 16px; } } /* ── End Portal Links ── */ /* ============================================================ LATEST PROGRAMS SECTION (shares the .college-card component styling below with the hero "colleges at a glance" grid) ============================================================ */ .latest-programs-section { background: #fff; padding: 52px 0 48px; } .latest-programs-heading { margin-bottom: 32px; } .latest-programs-title { font-size: 1.75rem; font-weight: 800; color: #064481; margin-bottom: 10px; letter-spacing: -0.3px; } .latest-programs-bar { width: 60px; height: 4px; background: #ffb40f; border-radius: 2px; margin: 0 auto; } /* ── Section header: title on the left, "view all" on the right ── */ .lp-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 22px; border-bottom: 1px solid #e6eaf0; } .lp-header-title { font-size: 1.6rem; font-weight: 800; color: #064481; letter-spacing: -0.3px; margin: 0; } .lp-header-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.82rem; font-weight: 700; color: #6b7a8d; white-space: nowrap; text-decoration: none !important; transition: color 0.2s ease; } .lp-header-link:hover { color: #064481; } [dir="rtl"] .lp-header-link .fa-arrow-right { transform: scaleX(-1); } /* ── Mosaic grid: 2 tall feature tiles + 4 half-height tiles ── col 1 = tall | col 2 = stacked pair | col 3 = tall | col 4 = stacked pair */ .lp-mosaic { display: grid; grid-template-columns: 1.45fr 1fr 1.05fr 1fr; grid-template-rows: 158px 158px; gap: 14px; } .lp-mosaic .lp-tile:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; } .lp-mosaic .lp-tile:nth-child(2) { grid-column: 2; grid-row: 1; } .lp-mosaic .lp-tile:nth-child(3) { grid-column: 2; grid-row: 2; } .lp-mosaic .lp-tile:nth-child(4) { grid-column: 3; grid-row: 1 / span 2; } .lp-mosaic .lp-tile:nth-child(5) { grid-column: 4; grid-row: 1; } .lp-mosaic .lp-tile:nth-child(6) { grid-column: 4; grid-row: 2; } /* Fallback when there are fewer than 6 programmes to show */ .lp-mosaic-flat { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); grid-template-rows: none; grid-auto-rows: 250px; } .lp-mosaic-flat .lp-tile { grid-column: auto !important; grid-row: auto !important; } /* ── Tile ── */ .lp-tile { position: relative; display: block; overflow: hidden; border-radius: 4px; background: #042241; text-decoration: none !important; box-shadow: 0 2px 10px rgba(4,34,65,0.10); transition: transform 0.3s ease, box-shadow 0.3s ease; } .lp-tile:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(6,68,129,0.24); } .lp-tile-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .lp-tile:hover .lp-tile-img { transform: scale(1.06); } .lp-tile-overlay { position: absolute; inset: 0; background: linear-gradient( to top, rgba(4,34,65,0.92) 0%, rgba(4,34,65,0.55) 42%, rgba(4,34,65,0.10) 74%, rgba(4,34,65,0) 100% ); transition: background 0.3s ease; } .lp-tile:hover .lp-tile-overlay { background: linear-gradient( to top, rgba(4,34,65,0.96) 0%, rgba(4,34,65,0.72) 50%, rgba(4,34,65,0.30) 100% ); } /* ── Always-visible caption ── */ .lp-tile-body { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 14px 14px 13px; } .lp-tile-badge { background: #ffb40f; color: #042241; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; padding: 2px 7px; border-radius: 3px; margin-bottom: 7px; } .lp-tile-title { color: #fff; font-size: 0.9rem; font-weight: 700; line-height: 1.3; margin: 0 0 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lp-tile-dept { color: rgba(255,255,255,0.72); font-size: 0.7rem; font-weight: 500; line-height: 1.3; } .lp-tile-more { display: inline-flex; align-items: center; color: #ffb40f; font-size: 0.72rem; font-weight: 700; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(6px); transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.25s ease, margin-top 0.25s ease; } .lp-tile:hover .lp-tile-more { max-height: 24px; margin-top: 8px; opacity: 1; transform: translateY(0); } [dir="rtl"] .lp-tile-more .fa-arrow-right { transform: scaleX(-1); } /* Larger type on the two tall feature tiles */ .lp-mosaic .lp-tile:nth-child(1) .lp-tile-body, .lp-mosaic .lp-tile:nth-child(4) .lp-tile-body { padding: 18px 16px 16px; } .lp-mosaic .lp-tile:nth-child(1) .lp-tile-title, .lp-mosaic .lp-tile:nth-child(4) .lp-tile-title { font-size: 1.05rem; -webkit-line-clamp: 3; } .lp-mosaic .lp-tile:nth-child(1) .lp-tile-dept, .lp-mosaic .lp-tile:nth-child(4) .lp-tile-dept { font-size: 0.75rem; } /* ── Each card (shared by colleges grid + programs grid) ── */ .college-card { position: relative; display: block; border-radius: 4px; overflow: hidden; text-decoration: none !important; aspect-ratio: 3 / 4; background: #042241; box-shadow: 0 4px 16px rgba(0,0,0,0.12); transition: transform 0.28s ease, box-shadow 0.28s ease; } .college-card:hover { transform: translateY(-6px) scale(1.02); box-shadow: 0 16px 40px rgba(6,68,129,0.22); } /* ── Photo ── */ .college-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease, filter 0.4s ease; filter: brightness(0.72); } .college-card:hover .college-card-img { transform: scale(1.07); filter: brightness(0.55); } /* ── Gradient overlay ── */ .college-card-overlay { position: absolute; inset: 0; background: linear-gradient( to top, rgba(4,34,65,0.92) 0%, rgba(4,34,65,0.45) 50%, transparent 100% ); display: flex; flex-direction: column; justify-content: flex-end; padding: 16px 14px; transition: background 0.3s ease; } .college-card:hover .college-card-overlay { background: linear-gradient( to top, rgba(4,34,65,0.97) 0%, rgba(4,34,65,0.7) 55%, rgba(4,34,65,0.2) 100% ); } /* ── Abbreviation badge ── */ .college-card-abbr { display: inline-block; background: #ffb40f; color: #042241; font-size: 0.65rem; font-weight: 800; letter-spacing: 1px; padding: 2px 8px; border-radius: 4px; margin-bottom: 7px; align-self: flex-start; text-transform: uppercase; } /* ── Card title ── */ .college-card-title { color: #fff; font-size: 0.82rem; font-weight: 700; line-height: 1.35; display: block; margin-bottom: 8px; } /* ── Card subtitle (e.g. department name) ── */ .college-card-subtitle { color: rgba(255,255,255,0.75); font-size: 0.7rem; font-weight: 500; display: block; margin-top: -4px; margin-bottom: 8px; } /* ── "Explore" link ── */ .college-card-more { display: inline-flex; align-items: center; color: #ffb40f; font-size: 0.75rem; font-weight: 700; opacity: 0; transform: translateY(6px); transition: opacity 0.25s ease, transform 0.25s ease; } .college-card:hover .college-card-more { opacity: 1; transform: translateY(0); } /* RTL arrow flip */ [dir="rtl"] .college-card-more .fa-arrow-right { transform: scaleX(-1); } /* ── Responsive ── */ @media (max-width: 1199.98px) { .lp-mosaic { grid-template-rows: 138px 138px; gap: 12px; } .lp-mosaic .lp-tile:nth-child(1) .lp-tile-title, .lp-mosaic .lp-tile:nth-child(4) .lp-tile-title { font-size: 0.95rem; } } /* Tablet: 2 columns — each tall feature tile becomes a full-width banner */ @media (max-width: 991.98px) { .lp-mosaic { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 150px); } .lp-mosaic .lp-tile:nth-child(1) { grid-column: 1 / -1; grid-row: 1; } .lp-mosaic .lp-tile:nth-child(2) { grid-column: 1; grid-row: 2; } .lp-mosaic .lp-tile:nth-child(3) { grid-column: 2; grid-row: 2; } .lp-mosaic .lp-tile:nth-child(4) { grid-column: 1 / -1; grid-row: 3; } .lp-mosaic .lp-tile:nth-child(5) { grid-column: 1; grid-row: 4; } .lp-mosaic .lp-tile:nth-child(6) { grid-column: 2; grid-row: 4; } .lp-header-title { font-size: 1.4rem; } } @media (max-width: 575.98px) { .lp-mosaic { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: 170px; gap: 10px; } .lp-mosaic .lp-tile { grid-column: 1 !important; grid-row: auto !important; } .lp-tile-title, .lp-mosaic .lp-tile:nth-child(1) .lp-tile-title, .lp-mosaic .lp-tile:nth-child(4) .lp-tile-title { font-size: 0.88rem; } } /* ── Hero "colleges at a glance" grid (right side of homepage slider) ── */ .hero-college-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 10px; height: 100%; } .hero-college-card { aspect-ratio: auto; } .hero-college-card .college-card-title { font-size: 0.85rem; margin-bottom: 0; } @media (max-width: 767.98px) { .hero-college-grid { height: auto; grid-auto-rows: 140px; } } /* ── End card component ── */ /* ============================================================ INNER PAGE BANNER (Staff, Students, Team, Page/Details) ============================================================ */ .inner-page-banner { position: relative; min-height: 240px; background-color: #064481; background-size: cover; background-position: center top; display: flex; align-items: flex-end; } .inner-page-banner-dark { background: linear-gradient(135deg, #042241 0%, #064481 100%); } .inner-page-banner-overlay { position: absolute; inset: 0; background: linear-gradient( to right, rgba(4,34,65,0.88) 0%, rgba(6,68,129,0.55) 60%, rgba(6,68,129,0.2) 100% ); display: flex; align-items: flex-end; padding-bottom: 32px; width: 100%; } .inner-page-banner-title { color: #fff; font-size: 2rem; font-weight: 800; margin: 0; text-shadow: 0 2px 8px rgba(0,0,0,0.3); border-left: 5px solid #ffb40f; padding-left: 16px; } [dir="rtl"] .inner-page-banner-title { border-left: none; border-right: 5px solid #ffb40f; padding-left: 0; padding-right: 16px; } @media (max-width: 767.98px) { .inner-page-banner { min-height: 160px; } .inner-page-banner-title { font-size: 1.4rem; } } /* ── Breadcrumb bar ── */ .inner-page-breadcrumb { background: #fff; border-bottom: 3px solid #ffb40f; padding: 9px 0; } .inner-page-breadcrumb .breadcrumb { margin: 0; padding: 0; background: transparent; font-size: 0.82rem; } .inner-page-breadcrumb .breadcrumb-item a { color: #064481; text-decoration: none; font-weight: 600; } .inner-page-breadcrumb .breadcrumb-item a:hover { color: #ffb40f; } .inner-page-breadcrumb .breadcrumb-item.active { color: #888; } /* ============================================================ ICON SERVICE CARDS (Staff & Students) ============================================================ */ .icon-service-card { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid #e5eaf0; border-radius: 14px; padding: 32px 20px 24px; height: 100%; color: #064481; text-decoration: none !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .icon-service-card:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(6,68,129,0.13); border-color: #ffb40f; color: #064481; } .icon-service-icon-wrap { width: 76px; height: 76px; border-radius: 50%; background: #f0f5ff; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; font-size: 2rem; color: #064481; flex-shrink: 0; transition: background 0.22s ease, color 0.22s ease; } .icon-service-icon-wrap svg, .icon-service-icon-wrap i { width: 38px; height: 38px; font-size: 2rem; } .icon-service-card:hover .icon-service-icon-wrap { background: #ffb40f; color: #042241; } .icon-service-title { font-size: 0.9rem; font-weight: 700; color: #064481; margin-bottom: 8px; line-height: 1.4; } .icon-service-desc { font-size: 0.8rem; color: #666; margin: 0; line-height: 1.5; } .icon-service-sub-link { font-size: 0.78rem; color: #ffb40f; font-weight: 600; text-decoration: none; margin-top: 4px; } .icon-service-sub-link:hover { color: #064481; text-decoration: underline; } /* ============================================================ TEAM PAGE ============================================================ */ .team-section-label { font-size: 1rem; font-weight: 800; color: #064481; text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 10px; border-bottom: 3px solid #ffb40f; display: inline-block; } /* ── Chairman ── */ .team-chairman-section { background: linear-gradient(135deg, #f0f5ff 0%, #fff 100%); border: 1px solid #dde6f0; border-radius: 16px; padding: 36px 24px; } .team-chairman-card { text-align: center; min-width: 200px; } .team-chairman-img-wrap { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 4px solid #ffb40f; box-shadow: 0 6px 20px rgba(6,68,129,0.15); } .team-chairman-img-wrap img { width: 100%; height: 100%; object-fit: cover; } /* ── Member cards ── */ .team-member-card { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e5eaf0; box-shadow: 0 2px 10px rgba(0,0,0,0.06); transition: transform 0.22s ease, box-shadow 0.22s ease; height: 100%; } .team-member-card:hover { transform: translateY(-5px); box-shadow: 0 14px 32px rgba(6,68,129,0.13); border-color: #ffb40f; } .team-member-img-wrap { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f0f5ff; } .team-member-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .team-member-card:hover .team-member-img-wrap img { transform: scale(1.06); } .team-member-body { padding: 14px 12px 16px; text-align: center; } .team-card-name { font-size: 0.85rem; font-weight: 700; color: #064481; margin-bottom: 4px; line-height: 1.3; } .team-card-position { font-size: 0.75rem; color: #777; margin-bottom: 10px; min-height: 2.4em; line-height: 1.4; } .team-card-profile-btn { display: inline-block; background: #064481; color: #fff !important; font-size: 0.75rem; font-weight: 600; padding: 5px 16px; border-radius: 20px; text-decoration: none !important; transition: background 0.2s ease; } .team-card-profile-btn:hover { background: #043059; color: #fff !important; } /* ============================================================ PAGE / DETAILS ============================================================ */ .page-article-content { background: #fff; border-radius: 12px; padding: 32px; border: 1px solid #e5eaf0; font-size: 0.9rem; line-height: 1.8; color: #333; } .article-body img { max-width: 100%; height: auto; border-radius: 8px; } .page-college-list { list-style: none; padding: 0; margin: 0; } .page-college-list li { padding: 10px 16px; border-bottom: 1px solid #f0f4f8; font-size: 0.88rem; color: #064481; font-weight: 500; } .page-college-list li:last-child { border-bottom: none; } /* ── Sidebar ── */ .page-sidebar { position: sticky; top: 80px; } .sidebar-logo-card { background: #fff; border-radius: 12px; border: 1px solid #e5eaf0; padding: 20px; text-align: center; } .sidebar-college-logo { max-width: 160px; height: auto; } .sidebar-accordion .accordion-item { border: 1px solid #e5eaf0; border-radius: 8px !important; margin-bottom: 6px; overflow: hidden; } .sidebar-accordion-btn { background: #064481 !important; color: #fff !important; font-size: 0.85rem; font-weight: 600; padding: 10px 16px; border-radius: 0 !important; box-shadow: none !important; } .sidebar-accordion-btn:not(.collapsed) { background: #042241 !important; } .sidebar-accordion-btn::after { filter: invert(1); } .sidebar-link-list { list-style: none; padding: 0; margin: 0; } .sidebar-link-list li { border-bottom: 1px solid #f0f4f8; } .sidebar-link-list li:last-child { border-bottom: none; } .sidebar-link-list li a { display: block; padding: 9px 16px; font-size: 0.82rem; color: #064481; text-decoration: none; transition: background 0.15s, color 0.15s, padding-left 0.15s; } .sidebar-link-list li a:hover { background: #f0f5ff; color: #ffb40f; padding-left: 22px; } [dir="rtl"] .sidebar-link-list li a:hover { padding-left: 16px; padding-right: 22px; } .sidebar-action-card { background: #064481; border-radius: 8px; overflow: hidden; } .sidebar-action-link { display: block; padding: 12px 16px; color: #fff !important; font-size: 0.85rem; font-weight: 600; text-decoration: none !important; transition: background 0.2s; } .sidebar-action-link:hover { background: #ffb40f; color: #042241 !important; } .sidebar-contact-card { background: #fff; border-radius: 12px; border: 1px solid #e5eaf0; overflow: hidden; } .sidebar-card-header { background: #064481; color: #fff; font-size: 0.85rem; font-weight: 700; padding: 10px 16px; } .sidebar-card-body { padding: 14px 16px; font-size: 0.82rem; color: #444; } .sidebar-video-thumb { display: block; border-radius: 8px; overflow: hidden; transition: transform 0.2s; } .sidebar-video-thumb:hover { transform: scale(1.02); } /* ── End Inner Pages ── */ /* ============================================================ PROGRAMMES PAGES ============================================================ */ /* ── Banner extras ── */ .prog-banner-badge { display: inline-block; background: rgba(255,180,15,0.2); color: #ffb40f; border: 1px solid rgba(255,180,15,0.4); font-size: 0.72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 3px 12px; border-radius: 20px; margin-bottom: 10px; } .prog-banner-desc { color: rgba(255,255,255,0.82); font-size: 0.92rem; margin: 8px 0 0; max-width: 600px; } /* ── Degree type cards (_Index) ── */ .degree-type-card { background: #fff; border: 1px solid #e5eaf0; border-radius: 16px; overflow: hidden; transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; height: 100%; display: flex; flex-direction: column; } .degree-type-card:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(6,68,129,0.13); border-color: #ffb40f; } .degree-type-card--featured { border-color: #064481; box-shadow: 0 8px 24px rgba(6,68,129,0.12); } .degree-type-card--featured:hover { border-color: #ffb40f; } .degree-type-icon { background: linear-gradient(135deg, #064481 0%, #0a5fa8 100%); padding: 36px 0; text-align: center; font-size: 2.8rem; color: #ffb40f; } .degree-type-card--featured .degree-type-icon { background: linear-gradient(135deg, #ffb40f 0%, #fcc344 100%); color: #042241; } .degree-type-body { padding: 24px 24px 28px; display: flex; flex-direction: column; flex: 1; } .degree-type-title { font-size: 1.2rem; font-weight: 800; color: #064481; margin-bottom: 10px; } .degree-type-desc { font-size: 0.85rem; color: #666; line-height: 1.6; flex: 1; margin-bottom: 20px; } .degree-type-btn { display: inline-flex; align-items: center; background: #064481; color: #fff !important; font-size: 0.82rem; font-weight: 700; padding: 9px 20px; border-radius: 24px; text-decoration: none !important; align-self: flex-start; transition: background 0.2s ease; } .degree-type-btn:hover { background: #043059; color: #fff !important; } .degree-type-card--featured .degree-type-btn { background: #064481; color: #fff !important; } .degree-type-card--featured .degree-type-btn:hover { background: #043059; color: #fff !important; } /* ── College filter bar ── */ .prog-filter-bar { background: #f4f7fb; border-bottom: 2px solid #e1eaf5; padding: 14px 0; position: sticky; top: 56px; z-index: 100; } .prog-filter-wrap { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .prog-filter-btn { background: #fff; border: 1px solid #dde6f0; color: #064481; font-size: 0.8rem; font-weight: 600; padding: 7px 16px; border-radius: 24px; cursor: pointer; transition: background 0.18s, color 0.18s, border-color 0.18s; white-space: nowrap; } .prog-filter-btn:hover { background: #f0f5ff; border-color: #064481; } .prog-filter-btn.active { background: #064481; color: #fff; border-color: #064481; } /* ── Programme cards ── */ .prog-card { background: #fff; border: 1px solid #e5eaf0; border-radius: 12px; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .prog-card:hover { transform: translateY(-5px); box-shadow: 0 14px 32px rgba(6,68,129,0.13); border-color: #ffb40f; } .prog-card-img-wrap { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #f0f5ff; flex-shrink: 0; } .prog-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; } .prog-card:hover .prog-card-img { transform: scale(1.06); } .prog-card-badge { position: absolute; top: 10px; left: 10px; background: #064481; color: #fff; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.5px; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; } [dir="rtl"] .prog-card-badge { left: auto; right: 10px; } .prog-card-lang-badge { position: absolute; top: 10px; right: 10px; background: #ffb40f; color: #042241; font-size: 0.65rem; font-weight: 800; padding: 3px 10px; border-radius: 20px; } [dir="rtl"] .prog-card-lang-badge { right: auto; left: 10px; } .prog-card-body { padding: 16px 16px 18px; display: flex; flex-direction: column; flex: 1; } .prog-card-dept { font-size: 0.72rem; color: #888; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 6px; } .prog-card-title { font-size: 0.88rem; font-weight: 700; color: #064481; line-height: 1.4; flex: 1; margin-bottom: 14px; } .prog-card-title a { color: inherit; text-decoration: none; } .prog-card-title a:hover { color: #ffb40f; } .prog-card-btn { display: inline-flex; align-items: center; background: transparent; border: 1.5px solid #064481; color: #064481 !important; font-size: 0.78rem; font-weight: 700; padding: 6px 16px; border-radius: 24px; text-decoration: none !important; align-self: flex-start; transition: background 0.18s, color 0.18s; } .prog-card-btn:hover { background: #064481; color: #fff !important; } [dir="rtl"] .prog-card-btn .fa-arrow-right { transform: scaleX(-1); } /* ── Why section (info strip) ── */ .prog-info-strip { background: #042241; padding: 60px 0; margin-top: 20px; } .prog-info-title { color: #fff; font-size: 1.5rem; font-weight: 800; } .prog-info-card { padding: 24px 16px; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; height: 100%; transition: border-color 0.2s, background 0.2s; } .prog-info-card:hover { border-color: #ffb40f; background: rgba(255,255,255,0.04); } .prog-info-num { font-size: 2.5rem; font-weight: 900; color: #ffb40f; line-height: 1; margin-bottom: 12px; opacity: 0.6; } .prog-info-card h5 { color: #fff; font-size: 1rem; font-weight: 700; margin-bottom: 10px; } .prog-info-card p { color: rgba(255,255,255,0.68); font-size: 0.85rem; line-height: 1.65; margin: 0; } /* ── Programme Details tabs ── */ .prog-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 2px solid #e5eaf0; padding-bottom: 0; margin-bottom: 0; } .prog-tab-btn { background: none; border: none; border-bottom: 3px solid transparent; color: #666; font-size: 0.82rem; font-weight: 600; padding: 10px 14px; cursor: pointer; transition: color 0.18s, border-color 0.18s; white-space: nowrap; margin-bottom: -2px; } .prog-tab-btn:hover { color: #064481; border-bottom-color: #dde6f0; } .prog-tab-btn.active { color: #064481; border-bottom-color: #ffb40f; font-weight: 700; } .prog-tab-content { border: 1px solid #e5eaf0; border-top: none; border-radius: 0 0 12px 12px; } .prog-tab-pane { padding: 28px 24px; font-size: 0.88rem; line-height: 1.8; color: #333; min-height: 200px; } .prog-tab-pane img { max-width: 100%; height: auto; border-radius: 6px; } /* ── Files card ── */ .prog-files-card { border-radius: 12px; border: 1px solid #e5eaf0; overflow: hidden; } /* ── End Programmes ── */ /* ============================================================ HOMEPAGE — UNIVERSITY PROSPECTUS BANNER ============================================================ */ .prospectus-section { padding: 8px 0 40px; background: #fff; } .prospectus-banner { display: flex; align-items: center; gap: 24px; background: linear-gradient(135deg, #064481 0%, #0a6abf 100%); /*background: linear-gradient(120deg, #064481, #042c53);*/ border-radius: 7px; padding: 32px 36px; box-shadow: 0 6px 22px rgba(6,68,129,0.24); } .prospectus-icon { flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #ffb40f, #fcc344); color: #064481; font-size: 26px; } .prospectus-text { flex: 1 1 auto; } .prospectus-title { font-size: 1.4rem; font-weight: 800; color: #fff; margin: 0 0 2px; } .prospectus-subtitle { font-size: 0.9rem; font-weight: 600; color: #fcc344; margin: 0; } .prospectus-cta { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #fff, #ddd); color: #064481; font-weight: 700; font-size: 0.85rem; padding: 12px 26px; border-radius: 999px; text-decoration: none !important; transition: background 0.2s ease, transform 0.2s ease; } .prospectus-cta:hover { background: #fcc344; color: #064481; transform: translateY(-2px); } @media (max-width: 767.98px) { .prospectus-banner { flex-wrap: wrap; justify-content: center; text-align: center; padding: 28px 20px; } .prospectus-text { flex-basis: 100%; } .prospectus-cta { flex-basis: 100%; justify-content: center; } } /* ============================================================ HOMEPAGE — YOU SAID, WE DID ============================================================ */ .ysd-section { background: #fff; } .ysd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; } .ysd-card { display: flex; flex-direction: column; height: 100%; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 16px rgba(6,68,129,0.12); } .ysd-said, .ysd-did { flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; } .ysd-said { background: #fff; border-left: 4px solid #ffb40f; padding: 18px 20px; } [dir="rtl"] .ysd-said { border-left: 0; border-right: 4px solid #ffb40f; } .ysd-did { background: #064481; padding: 18px 20px; } .ysd-tag { display: flex; align-items: center; gap: 8px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; } .ysd-said .ysd-tag { color: #b5761a; } .ysd-did .ysd-tag { color: #fcc344; } .ysd-said p, .ysd-did p { margin: 0; font-size: 0.9rem; line-height: 1.6; } .ysd-said p { color: #333; } .ysd-did p { color: #fff; } .ysd-more { text-align: center; margin-top: 28px; } .ysd-more a { display: inline-flex; align-items: center; gap: 8px; background: #ffb40f; color: #064481; font-weight: 700; font-size: 0.85rem; padding: 10px 28px; border-radius: 999px; text-decoration: none !important; transition: background 0.2s ease, transform 0.2s ease; } .ysd-more a:hover { background: #fcc344; transform: translateY(-2px); color: #064481; } /* ============================================================ HOMEPAGE — OPEN ACCESS / LIBRARY RESOURCES ============================================================ */ .oas-section { background: #f4f6f9; } .oas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; } .oas-card { background: #fff; border-radius: 4px; padding: 22px 16px; text-align: center; text-decoration: none !important; box-shadow: 0 4px 16px rgba(6,68,129,0.08); transition: transform 0.25s ease, box-shadow 0.25s ease; } .oas-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(6,68,129,0.16); } .oas-icon { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f4f6f9; } .oas-icon img { width: 100%; height: 100%; object-fit: cover; } .oas-card h4 { font-size: 0.9rem; font-weight: 700; color: #064481; margin: 0 0 8px; } .oas-card p { font-size: 0.78rem; color: #666; line-height: 1.5; margin: 0 0 12px; } .oas-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 700; color: #064481; border-bottom: 1px solid #ffb40f; padding-bottom: 2px; } /* =================================================================== RESPONSIVE RESCUE — legacy fixed-size layout patterns ------------------------------------------------------------------- These rules exist because ~20 older views hard-code sizing as inline styles, which no normal stylesheet rule can beat. Overriding inline styles is the one case where !important is the correct tool. Covered: 1. style="height:400px; padding-top:100px" on .jumbotron page headers — half a phone viewport spent on a banner. 2. style="margin-top:-150px" on the container that follows one, which drags content up over the header once it shrinks. 3. .row-cols-{3,4,5,6} with no responsive variant — 5 columns at 375px is ~70px per card. 4. .column — the legacy float filter-grid pinned to 33.33%. Newer pages (.pd-*, .pl-*, .ph-*) do their own responsive work and deliberately avoid these class names, so nothing here touches them. =================================================================== */ @media (max-width: 991.98px) { .jumbotron { height: auto !important; min-height: 300px !important; padding-top: 70px !important; } [style*="margin-top:-150px"], [style*="margin-top: -150px"] { margin-top: -110px !important; } } @media (max-width: 767.98px) { .jumbotron { height: auto !important; min-height: 210px !important; padding-bottom: 20px !important; padding-top: 40px !important; background-position: center center !important; } [style*="margin-top:-150px"], [style*="margin-top: -150px"] { margin-top: -70px !important; } .jumbotron .content { padding: 12px 15px !important; } .jumbotron h1, .jumbotron h2, .jumbotron h3 { font-size: 1.15rem !important; line-height: 1.4 !important; padding: 0 !important; } /* Un-responsive column counts: fall back to two across. */ .row-cols-3 > *, .row-cols-4 > *, .row-cols-5 > *, .row-cols-6 > * { flex: 0 0 auto; width: 50% !important; } /* Legacy float filter-grid (Site.css .column{float:left;width:33.33%}) */ .column { width: 50% !important; } } @media (max-width: 479.98px) { .row-cols-5 > *, .row-cols-6 > * { width: 100% !important; } .column { width: 100% !important; } } /* =================================================================== Brand bar (logo strip above the main nav) ------------------------------------------------------------------- Selectors are .site-brand-bar-prefixed on purpose: Site.css already carries .site-brand-bar img { height:auto } at (0,1,1), so a bare .site-brand-logo-img at (0,1,0) would lose and the height below would never apply. =================================================================== */ .site-brand-bar { background: #fff; border-bottom: 1px solid #e8edf3; } .site-brand-bar .site-brand-col { display: flex; align-items: center; padding-top: 14px; padding-bottom: 14px; } /* Logo hugs the start edge, badge the end edge — direction-aware, so this keeps working when the page flips to RTL for Arabic. */ .site-brand-bar .site-brand-col--logo { justify-content: flex-start; } .site-brand-bar .site-brand-col--badge { justify-content: flex-end; } .site-brand-bar .site-brand-link { display: inline-flex; line-height: 0; border-radius: 4px; transition: opacity .15s ease; } .site-brand-bar .site-brand-link:hover { opacity: .85; } .site-brand-bar .site-brand-link:focus-visible { outline: 2px solid #064481; outline-offset: 4px; } /* Height-driven sizing keeps the two marks optically balanced even though their source aspect ratios differ wildly (1943x627 vs 6949x2284). */ .site-brand-bar .site-brand-logo-img { height: 64px; width: auto; max-width: 100%; } .site-brand-bar .site-brand-badge { height: 48px; width: auto; max-width: 100%; } @media (max-width: 991.98px) { .site-brand-bar .site-brand-col { padding-top: 10px; padding-bottom: 10px; } .site-brand-bar .site-brand-col--logo { justify-content: center; } .site-brand-bar .site-brand-logo-img { height: 46px; } .site-brand-bar .site-brand-badge { height: 34px; } } @media (max-width: 575.98px) { .site-brand-bar .site-brand-logo-img { height: 38px; } .site-brand-bar .site-brand-badge { height: 27px; } } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}