/* Minification failed. Returning unminified contents. (7208,1): run-time error CSS1019: Unexpected token, found '}' (7355,9355): run-time error CSS1019: Unexpected token, found '@keyframes' (7355,9366): run-time error CSS1019: Unexpected token, found '"pulsate"' (7355,9375): run-time error CSS1019: Unexpected token, found '{' (7355,9376): run-time error CSS1019: Unexpected token, found '0%' (7355,9378): run-time error CSS1019: Unexpected token, found '{' (7355,9406): run-time error CSS1030: Expected identifier, found ',' (7355,9409): run-time error CSS1031: Expected selector, found ')' (7355,9409): run-time error CSS1025: Expected comma or open brace, found ')' (7355,9430): run-time error CSS1030: Expected identifier, found ',' (7355,9433): run-time error CSS1031: Expected selector, found ')' (7355,9433): run-time error CSS1025: Expected comma or open brace, found ')' (7355,9443): run-time error CSS1030: Expected identifier, found '0' (7355,9443): run-time error CSS1031: Expected selector, found '0' (7355,9443): run-time error CSS1025: Expected comma or open brace, found '0' (7355,9505): run-time error CSS1019: Unexpected token, found '100%' (7355,9509): run-time error CSS1019: Unexpected token, found '{' (7355,9535): run-time error CSS1030: Expected identifier, found ',' (7355,9536): run-time error CSS1031: Expected selector, found '1' (7355,9536): run-time error CSS1025: Expected comma or open brace, found '1' (7355,9556): run-time error CSS1030: Expected identifier, found ',' (7355,9557): run-time error CSS1031: Expected selector, found '1' (7355,9557): run-time error CSS1025: Expected comma or open brace, found '1' (7355,9568): run-time error CSS1030: Expected identifier, found '0' (7355,9568): run-time error CSS1031: Expected selector, found '0' (7355,9568): run-time error CSS1025: Expected comma or open brace, found '0' (9446,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9452,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9478,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9486,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9534,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9539,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9583,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9583,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (9584,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9584,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (9586,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9591,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10060,1): run-time error CSS1019: Unexpected token, found '@charset' (10060,10): run-time error CSS1019: Unexpected token, found '"UTF-8"' (10060,17): run-time error CSS1019: Unexpected token, found ';' (10071,288): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,527): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,910): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,976): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,1091): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,1116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,1271): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,1288): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,1571): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,1601): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,1954): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,1976): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,2567): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,2592): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,2819): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,2836): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,3211): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,3236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10071,3536): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,3553): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10071,4145): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,4169): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,4558): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,4574): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,5189): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,5215): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,5800): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,5818): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,6741): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,6769): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,7010): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,7030): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,7434): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,7466): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,7753): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,7777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,8267): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,8299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,8586): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,8610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,9100): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,9133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,9418): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,9443): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,9933): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,9963): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,10248): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,10270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,10751): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,10780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,11011): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,11032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,11429): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,11462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,11681): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,11706): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,12099): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,12132): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,12351): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,12376): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,12769): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,12803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,13022): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,13048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,13444): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,13475): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,13694): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,13717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14104): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,14130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14159): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,14177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14266): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,14296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14445): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,14467): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14748): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,14781): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,14934): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,14959): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,15255): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,15285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,15434): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,15456): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,15737): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,15770): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,15923): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,15948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,16244): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,16275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,16422): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,16445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,16726): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,16760): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,16911): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,16937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,17233): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,17261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,17408): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,17428): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,17700): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,17731): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,17882): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,17905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,18192): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,18219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,18248): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,18267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,18359): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,18390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,18537): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,18560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,18841): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,18875): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,19026): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,19052): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,19348): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,19379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,19528): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,19551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,19835): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,19869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,20022): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,20048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,20347): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,20379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,20526): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,20550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,20834): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,20869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,21020): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,21047): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,21346): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,21375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,21524): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,21545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,21823): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,21855): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,22008): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,22032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,22325): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,22349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,23484): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,23500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,25159): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,25186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,25607): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,25626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,26428): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,26455): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,26876): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,26895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,27697): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,27725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,27944): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,27964): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,28470): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,28498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,28717): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,28737): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,29243): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,29275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,29678): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,29702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,30434): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,30467): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,30668): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,30693): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,31137): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,31165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,31442): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,31462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,31929): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,31965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,32232): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,32260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,32736): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,32773): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,33042): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,33071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,33553): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,33587): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,33852): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,33878): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,34345): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,34380): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,34651): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,34678): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,35157): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,35186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,35461): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,35482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,35949): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,35986): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,36251): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,36280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,36756): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,36794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,37065): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,37095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,37583): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,37618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,37885): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,37912): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,38385): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,38421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,38690): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,38718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,39197): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,39228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,39371): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,39394): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,39674): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,39705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,39848): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,39871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,40151): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,40183): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,40324): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,40348): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,40628): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,40660): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,40803): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,40827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,41110): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,41143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,41284): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,41309): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,41592): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,41622): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,41765): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,41787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,42064): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,42093): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,42234): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,42255): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,42526): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,42558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,42699): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,42723): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,43003): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,43028): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,43957): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,43974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,45234): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,45260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,45471): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,45489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,45851): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10071,45878): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10071,46085): run-time error CSS1019: Unexpected token, found '@keyframes' (10071,46104): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* AMATON STORY SECTION */ .amaton-story { position: relative; padding: 90px 0; background-image: url("./../img/story-bg-logo.jpg"); background-repeat: no-repeat; background-position: right center; background-size: contain; background-color: #ffffff; } /* Optional overlay for better readability */ .amaton-story::before { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.85); z-index: 0; } .map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } .map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; border: 0; } /* Content above background */ .story-content { position: relative; z-index: 2; } /* Text styles */ .story-title { font-size: 32px; font-weight: 700; margin-bottom: 25px; letter-spacing: 1px; } .amaton-story p { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 15px; } /* OUR PRODUCTS SECTION */ .our-products { padding: 70px 0; background: #ffffff; } .section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 40px; letter-spacing: 1px; } /* Product Grid */ .product-grid { row-gap: 30px; } .product-item { position: relative; overflow: hidden; border-radius: 6px; padding: 15px 0; } .product-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } /* Hover Effect */ .product-item:hover img { transform: scale(1.05); } /* Size Label */ .product-size { position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.6); color: #fff; padding: 6px 14px; font-size: 14px; font-weight: 600; letter-spacing: 1px; border-radius: 20px; } /* UPCOMING PRODUCTS SECTION */ .upcoming-products { padding: 70px 0; background: #ffffff; } .upcoming-products .section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 40px; letter-spacing: 1px; } /* Reuse product grid styles */ .upcoming-products .product-grid { row-gap: 30px; } /* SIZE SECTION */ .size-section { padding: 90px 0; background-color: #ffffff; position: relative; } .size-section::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 85%; height: 2px; background: linear-gradient( to right, transparent, #D6D8D9, #D6D8D9, transparent ); } /* IMAGE */ .size-image-wrapper { text-align: center; } .size-image { width: 100%; max-width: 520px; height: auto; border-radius: 10px; } /* CONTENT */ .size-content { padding-left: 40px; } .size-title { font-size: 48px; font-weight: 700; letter-spacing: 6px; color: #ff5a3c; margin-bottom: 12px; margin-top:120px!important; } .size-subtitle { font-size: 26px; font-weight: 600; line-height: 1.4; margin-bottom: 20px; } .size-description { font-size: 15px; color: #555; margin-bottom: 28px; max-width: 460px; } /* SIZE LIST */ .size-list { display: flex; flex-wrap: wrap; gap: 12px 0; font-size: 14px; color: #777; margin-top:80px; } .size-list span { padding: 0 18px; position: relative; } .size-list span::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 14px; width: 1px; background-color: #D6D8D9; } .size-list span:last-child::after { display: none; } /* EXPORT SECTION */ .export-section { position: relative; padding: 90px 0 60px; background-color: #ffffff; } /* Stylish Top Border (Same as SIZE) */ .export-section::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 85%; height: 2px; background: linear-gradient( to right, transparent, #D6D8D9, #D6D8D9, transparent ); } /* HEADER SPACING */ .export-header { padding-bottom: 40px; } /* TITLE ALIGNMENT */ .export-section .title-section h2 { font-size: 32px; font-weight: 700; letter-spacing: 2px; } .export-section .title-section p { font-size: 15px; color: #666; } /* CAROUSEL CLIENT LOGOS */ .export-carousel .client { padding: 20px; text-align: center; } .export-carousel .client img { max-width: 140px; width: 100%; height: auto; filter: grayscale(100%); opacity: 0.7; transition: all 0.3s ease; } /* Hover Effect */ .export-carousel .client img:hover { filter: grayscale(0%); opacity: 1; transform: scale(1.05); } /* NAV BUTTON POSITION FIX */ .carousel-nav { top: -60px; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease; } /* For modern browsers */ .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } img { max-width: 100%; } * { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; padding: 0; color: #666; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px; background-color: #fff; min-width: 320px; overflow-x: hidden; } /* Medium width*/ body.w970 .container { max-width: 970px; } /* :: ::::::: :: */ /* :: Heading :: */ /* :: ::::::: :: */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #2d343e; margin: 30px 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1, .h1 { font-size: 40px; line-height: 44px; } h2, .h2 { font-size: 32px; line-height: 38px; } h3, .h3 { font-size: 24px; line-height: 28px; } h4, .h4 { font-size: 20px; line-height: 24px; } h5, .h5 { font-size: 16px; line-height: 20px; } h6, .h6 { font-size: 13px; line-height: 16px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { line-height: 1; font-size: 80%; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2d343e; } /* :: :::::::::: :: */ /* :: Body copy :: */ /* :: :::::::::: :: */ p { margin: 30px 0; } p:first-child { margin-top: 0; } strong { color: #2d343e; } a { -webkit-transition: color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s; transition: color linear 0.1s, background-color linear 0.1s, opacity linear 0.1s; } a:hover, a:focus { outline: none; color: #2d343e; text-decoration: none; } /* Lead */ .lead { font-weight: 300; font-size: 20px; line-height: 28px; } /* Emphasis */ .muted { color: #888; } .text-warning { color: #ffcc00; } .text-error { color: #FF3B30; } .text-info { color: #34aadc; } .text-success { color: #00B74C; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .excerpt { color: #2d343e; font-style: italic; } .highlight { color: #fff; } /* :: :::::::: :: */ /* :: Devider :: */ /* :: :::::::: :: */ hr, .devider-top:before, .devider-bottom:after { height: 1px; border: 0; border: none; margin: 30px 0; display: block; content: ''; height: 1px; width: 100%; background: #f1f1f1; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,0)), color-stop(33%,rgba(241,241,241,1)), color-stop(66%,rgba(241,241,241,1)), color-stop(100%,rgba(241,241,241,0))); background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); background: linear-gradient(to right, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); } hr.devider-heavy, .devider-heavy:after, .devider-heavy:before { height: 3px; } hr.devider-margin-medium, .devider-margin-medium.devider-top:before, .devider-margin-medium.devider-bottom:after { margin: 40px 0; } hr.devider-margin-big, .devider-margin-big.devider-top:before, .devider-margin-big.devider-bottom:after { margin: 50px 0; } .row + hr, .row + .devider-top:before, .row + .devider-bottom:after { margin-top: 0; } .row + hr.devider-margin-medium, .row + .devider-margin-medium.devider-top:before, .row + .devider-margin-medium.devider-bottom:after { margin-top: 10px; } .row + hr.devider-margin-big, .row + .devider-margin-big.devider-top:before, .row + .devider-margin-big.devider-bottom:after { margin-top: 20px; } /* Inside */ #main-menu ul.dropdown:not(.megamenu-category) hr, #main-menu ul.dropdown:not(.megamenu-category) .devider-top:before, #main-menu ul.dropdown:not(.megamenu-category) .devider-bottom:after, .container-out.container-dark hr, .container-out.container-image hr, .container-out.container-dark .devider-top:before, .container-out.container-image .devider-top:before, .container-out.container-dark .devider-bottom:after, .container-out.container-image .devider-bottom:after, #footer hr, #footer .devider-top:before, #footer .devider-bottom:after { opacity: 0.1; } /* :: ::::::::: :: */ /* :: Dropcaps :: */ /* :: ::::::::: :: */ .dropcap { background: #f9f9f9; display: inline-block; float: left; font-weight: 600; font-size: 23px; height: 36px; line-height: 36px; margin: 0 7px 0 0; text-align: center; min-width: 36px; border: 1px solid #f1f1f1; } .dropcap.clean { background: transparent; font-size: 36px; border-color: transparent; } /* :: :::::::::: :: */ /* :: Bockquote :: */ /* :: :::::::::: :: */ blockquote { background-color: #f9f9f9; position: relative; font-style: italic; padding: 40px 20px 20px 40px; margin: 0 0 15px 0; font-size: 16px; font-weight: 200; line-height: 30px; border: 1px solid #f1f1f1; color: #2d343e; } blockquote:before { font-size: 42px; content: '"'; position: absolute; top: 35px; left: 10px; font-weight: 200; } blockquote p { margin-bottom: 0; } blockquote p:last-child { margin-bottom: 0; } blockquote .author { text-align: right; font-weight: normal; } /* :: ::::: :: */ /* :: List :: */ /* :: ::::: :: */ ul, ol { margin: 30px 0; padding: 0; } ul > li > ul, ol > li > ul, ul > li > ol, ol > li > ol { margin: 15px 0; } ul:first-child, ol:first-child { margin-top: 0 } ul.default > li, ul.arrow > li, ul.circle > li, ul.check > li, ul.plus > li, ul.dash > li { list-style: none; padding: 0 0 0 24px; position: relative; margin: 5px 0; } ol > li { margin: 5px 0; } ul.default > li { padding: 0; } ul.arrow > li:before, ul.circle > li:before, ul.check > li:before, ul.plus > li:before, ul.dash > li:before { left: 0; top: 1px; position: absolute; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } ul.arrow > li:before { content: "\f054"; } ul.circle > li:before { top: 4px; font-size: 7px; content: "\f111"; } ul.check > li:before { content: "\f00c"; } ul.plus > li:before { content: "\f067"; } ul.dash > li:before { top: 2px; content: "\f068"; } /* RTL */ .text-right ul.arrow > li, .text-right ul.circle > li, .text-right ul.check > li, .text-right ul.plus > li, .text-right ul.dash > li { padding: 0 24px 0 0; } .text-right ul li:before { left: auto; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* :: ::::: :: */ /* :: CODE :: */ /* :: ::::: :: */ pre { display: block; padding: 30px; margin-bottom: 30px; word-break: break-all; word-wrap: break-word; background-color: #f9f9f9; border: 1px solid #f1f1f1; } pre div { display: inline-block; } pre code { font-size: inherit; color: inherit; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; /* Internet Explorer 5.5+ */ background-color: transparent; } .hll { background-color: #ffffcc } .c { color: #999; } /* Comment */ .err { color: #AA0000; background-color: #FFAAAA } /* Error */ .k { color: #006699; } /* Keyword */ .o { color: #555555 } /* Operator */ .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ .cp { color: #009999 } /* Comment.Preproc */ .c1 { color: #999; } /* Comment.Single */ .cs { color: #999; } /* Comment.Special */ .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ .ge { font-style: italic } /* Generic.Emph */ .gr { color: #FF0000 } /* Generic.Error */ .gh { color: #003300; } /* Generic.Heading */ .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ .go { color: #AAAAAA } /* Generic.Output */ .gp { color: #000099; } /* Generic.Prompt */ .gs { } /* Generic.Strong */ .gu { color: #003300; } /* Generic.Subheading */ .gt { color: #99CC66 } /* Generic.Traceback */ .kc { color: #006699; } /* Keyword.Constant */ .kd { color: #006699; } /* Keyword.Declaration */ .kn { color: #006699; } /* Keyword.Namespace */ .kp { color: #006699 } /* Keyword.Pseudo */ .kr { color: #006699; } /* Keyword.Reserved */ .kt { color: #007788; } /* Keyword.Type */ .m { color: #FF6600 } /* Literal.Number */ .s { color: #d44950 } /* Literal.String */ .na { color: #4f9fcf } /* Name.Attribute */ .nb { color: #336666 } /* Name.Builtin */ .nc { color: #00AA88; } /* Name.Class */ .no { color: #336600 } /* Name.Constant */ .nd { color: #9999FF } /* Name.Decorator */ .ni { color: #999999; } /* Name.Entity */ .ne { color: #CC0000; } /* Name.Exception */ .nf { color: #CC00FF } /* Name.Function */ .nl { color: #9999FF } /* Name.Label */ .nn { color: #00CCFF; } /* Name.Namespace */ .nt { color: #2f6f9f; } /* Name.Tag */ .nv { color: #003333 } /* Name.Variable */ .ow { color: #000000; } /* Operator.Word */ .w { color: #bbbbbb } /* Text.Whitespace */ .mf { color: #FF6600 } /* Literal.Number.Float */ .mh { color: #FF6600 } /* Literal.Number.Hex */ .mi { color: #FF6600 } /* Literal.Number.Integer */ .mo { color: #FF6600 } /* Literal.Number.Oct */ .sb { color: #CC3300 } /* Literal.String.Backtick */ .sc { color: #CC3300 } /* Literal.String.Char */ .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ .s2 { color: #CC3300 } /* Literal.String.Double */ .se { color: #CC3300; } /* Literal.String.Escape */ .sh { color: #CC3300 } /* Literal.String.Heredoc */ .si { color: #AA0000 } /* Literal.String.Interpol */ .sx { color: #CC3300 } /* Literal.String.Other */ .sr { color: #33AAAA } /* Literal.String.Regex */ .s1 { color: #CC3300 } /* Literal.String.Single */ .ss { color: #FFCC33 } /* Literal.String.Symbol */ .bp { color: #336666 } /* Name.Builtin.Pseudo */ .vc { color: #003333 } /* Name.Variable.Class */ .vg { color: #003333 } /* Name.Variable.Global */ .vi { color: #003333 } /* Name.Variable.Instance */ .il { color: #FF6600 } /* Literal.Number.Integer.Long */ .css .o, .css .o + .nt, .css .nt + .nt { color: #999; } /* :: ::::::: :: */ /* :: Tables :: */ /* :: ::::::: :: */ table { margin-bottom: 20px; } table th, table td { padding: 10px; } .table { border-collapse: collapse; border-spacing: 0; width: 100%; } .table th, .table td { text-align: left; vertical-align: top; border-top: 1px solid #f1f1f1; } .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table th { font-weight: 600; color: #2d343e; } .table thead th { vertical-align: bottom; } /* Striped */ .table.table-striped tbody > tr:nth-child(odd) > td, .table.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* Title */ .table.table-title { border: 1px solid #f1f1f1; background-color: #fff; } .table.table-title thead th { background-color: #E31E23; color: #FFF; } .table.table-title .title { background-color: #A9A4A5; } /* :: :::::::: :: */ /* :: Stripes :: */ /* :: :::::::: :: */ .stripes { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); -moz-background-size: 40px 40px; background-size: 40px 40px; } .stripes.animated { -webkit-animation: progress-bar-stripes 1.5s linear infinite; animation: progress-bar-stripes 1.5s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /* :: :::::::: :: */ /* :: Buttons :: */ /* :: :::::::: :: */ .btn { text-shadow: none; color: #fff; display: inline-block; text-transform: uppercase; position: relative; padding: 10px 20px; font-size: 13px; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 2px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -webkit-transition: color linear 0.1s, background-color linear 0.1s; transition: color linear 0.1s, background-color linear 0.1s; } .btn:hover { color: #fff; } .btn:active { color: #fff; top: 1px; right: -1px; -webkit-box-shadow: none; box-shadow: none; } /* Type */ .btn.btn-round { border-radius: 2000em; } /* Size */ .btn.btn-big { font-size: 16px; padding: 16px 30px; font-weight: 600; } .btn.btn-small { font-size: 12px; padding: 5px 15px; } .btn.btn-mini { font-size: 10px; padding: 3px 10px; } /* Icons */ .btn[class*="btn-icon-"] { padding: 0; height: 36px; width: 36px; line-height: 36px; margin: 0; color: #fff; } .btn.btn-big[class*="btn-icon-"] { height: 50px; width: 50px; line-height: 50px; } .btn.btn-small[class*="btn-icon-"] { height: 24px; width: 24px; line-height: 24px; } .btn.btn-mini[class*="btn-icon-"] { height: 18px; width: 18px; line-height: 18px; } .btn[class*="btn-icon-"]:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; } .btn.btn-icon-newsletter:before { font-family: 'icomoon'; content: "\e604"; } .btn.btn-icon-search:before { font-family: 'FontAwesome'; content: "\f002"; } .btn.btn-icon-view:before { font-family: 'icomoon'; content: "\e680"; } .btn.btn-icon-link:before { font-family: 'FontAwesome'; content: "\f0c1"; } .btn.btn-icon-prev:before { font-family: 'FontAwesome'; content: "\f104"; } .btn.btn-icon-next:before { font-family: 'FontAwesome'; content: "\f105"; } .btn.btn-icon-close:before { font-size: 18px; font-family: 'FontAwesome'; content: "\f00d"; } .btn.btn-icon-user:before { font-family: 'icomoon'; content: "\e670"; } .btn.btn-icon-top:before { font-family: 'FontAwesome'; content: "\f106"; } /* Colors */ body .btn.btn-blue { color: #fff; border-color: #E31E23; background-color: #E31E23; } body .btn.btn-blue:hover { color: #fff; border-color: #3395ff; background-color: #3395ff; } body .btn.btn-blue:active { border-color: #E31E23; } body .btn.btn-purple { color: #fff; border-color: #c643fc; background-color: #c643fc; } body .btn.btn-purple:hover { color: #fff; background-color: #d169fd; border-color: #d169fd; } body .btn.btn-purple:active { border-color: #c643fc; } body .btn.btn-brown { color: #fff; border-color: #765747; background-color: #765747; } body .btn.btn-brown:hover { color: #fff; background-color: #91796c; border-color: #91796c; } body .btn.btn-brown:active { border-color: #765747; } body .btn.btn-dark { color: #fff; border-color: #282e3a; background-color: #282e3a; } body .btn.btn-dark:hover { color: #fff; background-color: #535861; border-color: #535861; } body .btn.btn-dark:active { border-color: #282e3a; } body .btn.btn-pink { color: #fff; border-color: #ff2d55; background-color: #ff2d55; } body .btn.btn-pink:hover { color: #fff; background-color: #ff5777; border-color: #ff5777; } body .btn.btn-pink:active { border-color: #ff2d55; } body .btn.btn-teal { color: #fff; border-color: #34aadc; background-color: #34aadc; } body .btn.btn-teal:hover { color: #fff; background-color: #5dbbe3; border-color: #5dbbe3; } body .btn.btn-teal:active { border-color: #34aadc; } body .btn.btn-green { color: #fff; border-color: #00B74C; background-color: #00B74C; } body .btn.btn-green:hover { color: #fff; background-color: #33c570; border-color: #33c570; } body .btn.btn-green:active { border-color: #00B74C; } body .btn.btn-yellow { color: #7E490F; border-color: #ffcc00; background-color: #ffcc00; } body .btn.btn-yellow:hover { color: #7E490F; background-color: #ffd633; border-color: #ffd633; } body .btn.btn-yellow:active { border-color: #ffcc00; } body .btn.btn-orange { color: #fff; border-color: #ff5d00; background-color: #ff5d00; } body .btn.btn-orange:hover { color: #fff; background-color: #ff7d33; border-color: #ff7d33; } body .btn.btn-orange:active { border-color: #ff5d00; } body .btn.btn-light { color: #282e3a; border-color: #f9f9f9; background-color: #f9f9f9; } body .btn.btn-light:hover { color: #282e3a; background-color: #fff; border-color: #fff; } body .btn.btn-light:active { border-color: #f9f9f9; } body .btn.btn-red { color: #fff; border-color: #ff3b30; background-color: #ff3b30; } body .btn.btn-red:hover { color: #fff; background-color: #ff6259; border-color: #ff6259; } body .btn.btn-red:active { border-color: #ff3b30; } body .btn.btn-white { color: #282e3a; border-color: #fff; background-color: #fff; } body .btn.btn-white:hover { color: #282e3a; background-color: #f9f9f9; border-color: #f9f9f9; } body .btn.btn-white:active { border-color: #fff; } /* :: ::::::::::: :: */ /* :: Pagination :: */ /* :: ::::::::::: :: */ .pagination { margin-bottom: 30px; } .pagination ul { list-style-type: none; margin: 0; width: 100%; display: inline-block; text-align: center; } .pagination ul > li { width: 100%; display: inline-block; } .pagination ul > li.current { padding: 0; display: inline-block; float: none; line-height: 20px; } .pagination ul > li + li { margin-top: 10px; } @media screen and (min-width: 768px) { .pagination ul > li { float: left; width: auto; } .pagination ul > li + li { margin-top: 0; } .pagination ul > li.next { float: right; } } .pagination ul > li a { color: #fff; border-color: #282e3a; background-color: #282e3a; padding: 0 15px; display: inline-block; margin-right: 1px; line-height: 40px; min-width: 40px; height: 40px; border-radius: 2px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); position: relative; -webkit-transition: color linear 0.1s, background-color linear 0.1s; transition: color linear 0.1s, background-color linear 0.1s; } .pagination ul > li a:hover { color: #fff; background-color: #535861; border-color: #535861; } .pagination ul > li a:active { border-color: #282e3a; top: 1px; left: 1px; -webkit-box-shadow: none; box-shadow: none; } .pagination ul > li a:last-child { margin-right: 0; } /* :: :::::: :: */ /* :: Modal :: */ /* :: :::::: :: */ .modal-open { overflow-y: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } /* Overlay */ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; background-color: #2d343e; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.9; } /* Modal */ .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3001; display: none; } .modal-dialog { padding-top: 30px; padding-bottom: 30px; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-bg { z-index: 0; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .modal-dialog > .row { text-align: center; } .modal-dialog > .row > * { display: inline-block; float: none; } .modal-body { text-align: left; z-index: 1; position: relative; background-color: #ffffff; outline: none; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); background-clip: padding-box; position: relative; } .modal-body > * { padding: 30px; padding-bottom: 0; } .modal-body > *:before, .modal-body > *:after { display: table; content: " "; } .modal-body > *:after { clear: both; } .modal-heading { background-color: #f9f9f9; border-bottom: 1px solid #f1f1f1; } .modal-heading .close { float: right; height: 36px; width: 36px; line-height: 36px; } .modal-heading .title { margin-right: 35px; } .modal-heading .title > * { line-height: 36px; } .modal-footer { text-align: right; background-color: #f9f9f9; border-top: 1px solid #f1f1f1; padding-bottom: 10px; } .modal-footer .btn + .btn { margin-left: 5px; } /* :: :::::::: :: */ /* :: Tooltip :: */ /* :: :::::::: :: */ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; visibility: visible; } .tooltip.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .tooltip.fade.in { opacity: 1; } .tooltip.in { opacity: 0.8; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 15px; color: #ffffff; text-align: center; text-decoration: none; background-color: #282e3a; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #282e3a; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #282e3a; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #282e3a; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #282e3a; border-width: 0 5px 5px; } /* :: :::::::::::::::::::: :: */ /* :: Lightbox / Fancybox :: */ /* :: :::::::::::::::::::: :: */ a.userpic, a.avatar { position: relative; } .link, .lightbox { position: relative; display: inline-block; } .link.btn, .link > .btn, .lightbox.btn, .lightbox > .btn, a.userpic > .btn, a.avatar > .btn { border: none; background: rgba(255,255,255, 0.4); color: #2d343e; } .link.btn:hover, .link:hover > .btn, .lightbox.btn:hover, .lightbox:hover > .btn, a.userpic:hover > .btn, a.avatar:hover > .btn { background: rgba(255,255,255, 0.9); color: #2d343e; } .lightbox > .btn, .link > .btn, a.userpic > .btn, a.avatar > .btn { left: 50%; margin-left: -28px; top: 50%; margin-top: -18px; position: absolute; opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .lightbox:hover > .btn, .link:hover > .btn, a.userpic:hover > .btn, a.avatar:hover > .btn { margin-left: -18px; opacity: 1; } /* Fancybox */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; overflow: hidden; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(40, 46, 58, 0.8) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 40px; height: 40px; background: url('../img/loader-light.gif') center center no-repeat; } .fancybox-wrap img { max-width: 100%; height: auto; } /* Nav */ .fancybox-wrap .btn.close, .fancybox-wrap .btn.prev, .fancybox-wrap .btn.next { border: none; background: rgba(255,255,255, 0.4); color: #2d343e; position: absolute; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .fancybox-wrap .btn.close:hover, .fancybox-wrap .btn.prev:hover, .fancybox-wrap .btn.next:hover { background: rgba(255,255,255, 0.9); } .fancybox-wrap .btn.prev { left: auto; right: 50%; margin-right: 15px; } .fancybox-wrap .btn.next { margin-left: 15px; left: 50% } .fancybox-wrap .btn.prev, .fancybox-wrap .btn.next { top: 50%; margin-top: -18px; opacity: 0; } .fancybox-wrap:hover .btn.prev, .fancybox-wrap:hover .btn.next { opacity: 1; } .fancybox-wrap:hover .btn.prev { margin-right: 2px; } .fancybox-wrap:hover .btn.next { margin-left: 2px; } .fancybox-wrap .btn.close { top: 15px; right: 15px; left: auto; opacity: 1; } .fancybox-title { color: #2d343e; width: 100%; background-color: rgba(255,255,255,0.6); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); position: absolute; bottom: -200px; padding-top: 15px; -webkit-transition: bottom 0.3s ease-out; transition: bottom 0.3s ease-out; } .fancybox-outer:hover .fancybox-title { bottom: 0; } .fancybox-title h4 { margin: 0 15px 10px 15px; margin-top: 0; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; } .fancybox-title p { margin: 0 15px 15px 15px; } .fancybox-title a, .fancybox-title a:hover { color: #fff; text-decoration: underline; } .fancybox-inner .btn { text-decoration: none; } /* :: ::::::::: :: */ /* :: Progress :: */ /* :: ::::::::: :: */ .skill-title > * { text-transform: uppercase; margin: 0; background: #f9f9f9; border: 1px solid #f1f1f1; padding: 20px; display: inline-block; position: relative; margin-bottom: 10px; font-weight: normal; } .skill-title > *:after, .skill-title > *:before { content: ""; position: absolute; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #f9f9f9; bottom: -8px; margin-left: -8px; left: 50%; } .skill-title > *:before { bottom: -9px; border-top-color: #f1f1f1; } .skill, .progress { background-color: #f9f9f9; border: 1px solid #f1f1f1; width: 100%; display: inline-block; border-radius: 2px; margin-bottom: 30px; } .skill .bar, .progress .bar { height: 36px; line-height: 36px; border-radius: 2px; width: 0%; margin: -1px; color: #fff; height: 100%; float: left; font-size: 16px; text-align: center; -webkit-transition: width 2s ease; transition: width 2s ease; } body .bar.bar-blue { background-color: #E31E23; } body .bar.bar-purple { background-color: #c643fc; } body .bar.bar-brown { background-color: #7f5c49; } body .bar.bar-dark { background-color: #282e3a; } body .bar.bar-pink { background-color: #ff2d55; } body .bar.bar-teal { background-color: #34aadc; } body .bar.bar-green { background-color: #00B74C; } body .bar.bar-yellow { background-color: #ffcc00; } body .bar.bar-orange { background-color: #ff5d00; } body .bar.bar-light { background-color: #f9f9f9; } body .bar.bar-red { background-color: #FF3B30; } body .bar.bar-white { background-color: #fff; } /* Inside */ .container-out.container-light .skill, .container-out.container-light .progress { background-color: #fff; } .container-out.container-light .skill-title > * { background-color: #fff; } .container-out.container-light .skill-title > *:after { border-top-color: #fff; } /* :: ::::: :: */ /* :: Form :: */ /* :: ::::: :: */ .form-field { position: relative; margin-bottom: 30px; display: block; } select, .form-control { color: #888; width: 100%; line-height: 20px; border-radius: 2px; border: 1px solid #f1f1f1; background-color: #f9f9f9; padding: 14px 10px; outline: none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; -webkit-transition: all linear 0.1s; transition: all linear 0.1s; resize: none; } select { height: 50px; display: block; } .tab .form-control, .tab select, .container-light select, .container-light .form-control { background-color: #fff; } input[type="checkbox"], input[type="radio"] { visibility: hidden; position: absolute; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; padding-left: 25px; font-weight: normal; color: #888; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { position: absolute; left: 0; content: ""; display: inline-block; width: 19px; height: 19px; background-color: #2d343e; line-height: 1; border-radius: 2px; } input[type="radio"] + label:after { display: none; content: ""; position: absolute; height: 9px; width: 9px; left: 5px; top: 5px; background-color: #fff; } input[type="checkbox"] + label:after { position: absolute; font-family: 'icomoon'; content: "\e6fe"; color: #fff; left: 0; width: 19px; text-align: center; line-height: 19px; top: 0; display: none; } input[type="radio"] + label:before, input[type="radio"] + label:after { border-radius: 50%; } input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { display: block; } .form-desc { font-size: 12px; margin: 5px 0 0 0; line-height: 1; color: #adadad; } /* Default label */ .form-field label { cursor: pointer; display: block; margin-bottom: 5px; color: #2d343e; font-weight: 600; } .form-field label[class*="col-"] { margin-top: 15px; text-align: left; } @media (min-width: 768px) { .form-field label[class*="col-sm-"] { text-align: right; } } @media (min-width: 992px) { .form-field label[class*="col-md-"] { text-align: right; } } @media (min-width: 1200px) { .form-field label[class*="col-lg-"] { text-align: right; } } .form-field label .require { color: #ff3b30; margin-left: 5px; font-weight: normal; } .placeholder.keyup > label { display: none; } /* Form Group */ .form-group, .form-group-separator { display: inline-block; vertical-align: middle; position: relative; } .form-group-separator { font-size: 28px; margin-left: 10px; margin-right: 10px; vertical-align: bottom; line-height: 50px; } .form-group-separator i { color: #2d343e; } .form-group + .form-group { margin-left: 15px; } /* Placeholder */ .form-field .placeholder label { font-weight: normal; color: #888; position: absolute; width: 100%; height: 100%; line-height: 50px; text-indent: 10px; cursor: text; -webkit-transition: opacity linear 0.1s; transition: opacity linear 0.1s; } .form-field .placeholder.focus label { opacity: 0.4; } .form-field .placeholder label .require { float: right; margin-left: 0; margin-right: 10px; } body select.error select, body .form-control.error { border-color: #ff3b30; -webkit-box-shadow: 0 0 0 1px #ff3b30; box-shadow: 0 0 0 1px #ff3b30; } .form-field .text-error { margin-top: 3px; font-size: 12px; line-height: 1; position: absolute; left: 15px; top: 100%; } .form-field > .text-error, .form-group > .text-error { left: 0; } form .btn[class*="btn-icon-"] { float: right; } .btn[class*="btn-icon-"] + .form-field { width: auto; display: block; margin-right: 60px; } /* From messages */ .form-field + span.error { margin-top: -15px; display: block; margin-bottom: 15px; font-size: 12px; } .response { margin-bottom: 30px; position: relative; padding: 15px; border: 1px solid transparent; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); } .response.success { background-color: #33c570; border-color: #00B74C; } .response.error { background-color: #ff6259; border-color: #ff3b30; } /* Datepicker */ .ui-widget-content { display: none; background: #2d343e; color: #fff; padding: 10px; z-index: 10 !important; margin-top: 5px; border-radius: 3px; } .ui-widget-header { background: rgba(255,255,255,.1); margin: -10px -10px 0; position: relative; line-height: 40px; } .ui-widget-header .ui-datepicker-prev, .ui-widget-header .ui-datepicker-next { position: absolute; } .ui-widget-header .ui-datepicker-prev { left: 10px; } .ui-widget-header .ui-datepicker-next { right: 10px; } .ui-widget-header .ui-datepicker-title { text-align: center; } .ui-widget-content table { margin-bottom: 0; } .ui-widget-content table td { border-top: 1px solid rgba(255,255,255,.1); cursor: pointer; } .ui-widget-content table tbody td:hover a { color: #fff; } .ui-widget-content a:hover { color: #fff; cursor: pointer; } /* :: :::::::::::: :: */ /* :: Breadcrumbs :: */ /* :: :::::::::::: :: */ .breadcrumbs { background-color: #2d343e; color: rgba(255, 255, 255, 0.5); clear: both; } .breadcrumbs ul { padding: 12px 0; margin: 0; display: inline-block; line-height: 0; } .breadcrumbs ul li { display: inline-block; vertical-align: middle; list-style-type: none; position: relative; font-size: 13px; padding-left: 30px; line-height: 25px; } .breadcrumbs ul li:after { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; position: absolute; left: 12px; top: 0; } .breadcrumbs ul li:first-child { padding-left: 0; } .breadcrumbs ul li:first-child:after { display: none; } .breadcrumbs ul li a { color: rgba(255, 255, 255, 0.3); display: block; } .breadcrumbs ul li a.home { font-size: 2em; padding-left: 0; } .breadcrumbs ul li a.home:before { font-family: FontAwesome; content: "\f015"; } .breadcrumbs ul li a.home i { display: block; } .breadcrumbs ul li.current a, .breadcrumbs ul li a:hover { color: rgba(255, 255, 255, 1); } /* Inside page header*/ body #page-header .breadcrumbs { border: none; background-color: rgba(255,255,255,0.6); color: #2d343e; } body #page-header .breadcrumbs a { color: #2d343e; } /* :: ::::::::::::: :: */ /* :: Filter & Nav :: */ /* :: ::::::::::::: :: */ .project-filter { color: #2d343e; background-color: #f9f9f9; line-height: 25px; clear: both; } .project-filter p { display: inline-block; float: right; margin-top: 14px; margin-bottom: 0; } .project-filter ul { padding: 0; margin: 0; font-size: 0; line-height: 0; float: left; } .project-filter ul li { padding: 0; font-size: 13px; display: inline-block; vertical-align: middle; list-style: none; } .project-filter ul li a { line-height: 24px; color: #2d343e; cursor: pointer; display: block; } .project-filter ul li + li a { margin-left: 15px } .project-filter li.selector { padding: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 15px; color: #fff; background-color: #2d343e; -webkit-transition: background-color linear 0.1s; transition: background-color linear 0.1s; } .project-filter ul:hover li.selector { color: #fff; } .project-filter li.selector:before { content: "\f00a"; font-family: FontAwesome; font-size: 18px; display: block; font-weight: normal; } .project-filter-current { text-transform: capitalize; } /* :: ::::::::: :: */ /* :: Comments :: */ /* :: ::::::::: :: */ .comments { } .comments .title.title-main { } .comments .title.title-main span { position: relative; z-index: 1; margin-left: 15px; top: -15px; color: #2d343e; font-size: 16px; } .comments .title.title-main span:after { font-family: 'icomoon'; content: "\e66a"; color: #f1f1f1; position: absolute; font-size: 36px; top: -6px; left: -9px; z-index: -1; } .comments .title.title-main .btn { float: right; margin: 0; } .comments ul.comments-content { } .comments ul.comments-content li { list-style-type: none; position: relative; padding-top: 30px; } .comments ul.comments-content li:first-child { margin-top: 0; } .comments ul.comments-content > li:first-child { padding-top: 0; } ul.comments-content ul { padding: 0; margin: 0; } ul.comments-content ul li { padding-left: 40px; } /* comment */ .comments .comment-heading { display: none; } .comments .comment-heading .avatar { display: block; overflow: hidden; border-radius: 2px; } .comments .comment-heading .avatar img { width: 100px; height: 100px; } .comments .comment-content { background-color: #f9f9f9; padding: 30px; position: relative; border: 1px solid #f1f1f1; } .comments .comment-content:after, .comments .comment-content:before { content: ''; width: 0; height: 0; position: absolute; z-index: 1; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #f1f1f1; left: -8px; top: 45px; } .comments .comment-content:after { left: -7px; border-right-color: #f9f9f9; } .comments .comment-content .title { border-bottom: 1px dashed #f1f1f1; padding-bottom: 30px; line-height: 18px; } .comments .comment-content .title a { text-transform: uppercase; } .comments .comment-content .title strong { color: #2d343e; } .comments .comment-content .meta span[class*="meta-"]:before { color: #e5e5e5; } .comments .comment-content .reply { text-align: right; border-top: 1px dashed #f1f1f1; padding-top: 30px; } .comments .comment-content .reply a { font-weight: 600; text-transform: uppercase; clear: both; } /* Connecting lines */ .comments ul.comments-content li li:after, .comments ul.comments-content li li:before, .comments .comment-heading:before, .comments .comment-heading:after { background-color: #f1f1f1; content: ''; position: absolute; } .comments ul.comments-content li li:first-child .comment-heading:after { width: 5px; height: 15px; top: -5px; left: 85px; } .comments ul.comments-content li li .comment-heading:before { width: 30px; height: 5px; top: 75px; left: 0px; } .comments ul.comments-content li li:last-child .comment-heading:before { display: none; } .comments ul.comments-content li li + li:last-child .comment-heading:before { display: block; } .comments ul.comments-content li li:after { width: 5px; top: 0; left: 0; height: 100%; } .comments ul.comments-content li li:first-child:after { width: 5px; top: 75px; left: 0; bottom: 0; } @media (min-width: 768px) { .comments ul.comments-content li li:first-child:before { width: 30px; height: 5px; left: 90px; top: -5px; } } .comments ul.comments-content li li:last-child:after { display: none; } .comments ul.comments-content li li + li:last-child:after { display: block; width: 5px; height: 75px; top: 0; left: 0; } @media (min-width: 768px) { .comments .comment-heading { float: left; display: block; } .comments .comment-content { margin-left: 130px; } .comments .comment-content .meta { float: right; } } @media (max-width: 767px) { .comments ul.comments-content li li:before { width: 30px; height: 5px; left: 0; top: 81px; } .comments ul.comments-content li li:first-child:after { top: 85px; } .comments ul.comments-content li li + li:last-child:after { height: 85px; } .amaton-story { padding: 50px 15px; background-position: center bottom; background-size: 85%; } .story-title { font-size: 26px; } .amaton-story p { font-size: 14px; } .size-list span { padding: 0 14px; } .size-list span::after { height: 12px; } } /* reply */ #reply { padding: 30px; padding-bottom: 0; background-color: #f9f9f9; border: 1px solid #f1f1f1; position: relative; } #reply .close { position: relative; float: right; display: none; line-height: 24px; } #reply .close:before { font-family: FontAwesome; content: "\f00d"; } .comment #reply { margin-top: 20px; } @media (min-width: 768px) { .comment #reply { margin-left: 130px; } } .comment #reply:after, .comment #reply:before { top: -9px; right: 30px; content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f1f1f1; } .comment #reply:after { top: -8px; border-bottom-color: #f9f9f9; } .comment #reply .close { display: block; } #reply select, #reply textarea, #reply input[type="email"], #reply input[type="text"] { background-color: #fff; } #reply .form-field.error select, #reply .form-field.error textarea, #reply .form-field.error input[type="email"], #reply .form-field.error input[type="text"] { background-color: #ff6259; border-color: #ff3b30; } #reply .form-field.error label span { color: #fff; } /* :: ::::: :: */ /* :: Grid :: */ /* :: ::::: :: */ .grid-wrap { opacity: 0; } .grid-wrap:before, .grid-wrap:after { content: " "; display: table; } .grid-wrap:after { clear: both; } .grid { margin-bottom: 30px; -webkit-transition: height 700ms ease; transition: height 700ms ease; } .grid > * { position: relative; float: left; width: 15%; } .grid[data-columns="4"] > * { float: left; width: 20%; } .grid[data-columns="3"] > * { float: left; width: 30%; } .grid[data-columns="2"] > * { float: left; width: 45%; } /* With slider */ .grid .slider-wrap, .grid .slider-wrap .slider { opacity: 1; } /* :: ::::::: :: */ /* :: Social :: */ /* :: ::::::: :: */ .social { font-size: 0; } .social li { list-style-type: none; display: inline-block; vertical-align: middle; margin-bottom: 4px; } .social li.desc { line-height: 24px; display: block; font-size: 13px; } @media (min-width: 768px) { .social li.desc { min-width: 140px; display: inline-block; } } .social li + li { margin-left: 4px; } .social li.desc + li { margin-left: 0; } .social a { display: block; font-size: 24px; width: 50px; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #2d343e; } .social a:before { font-family: 'icomoon'; } .social a:hover { color: #fff; } /*.social a.youtube,*/ .social a.youtube:hover { background-color: #FF3B30; } .social a.youtube:before { content: "\e773"; } /*.social a.rss,*/ .social a.rss:hover { background-color: #ff5d00; } .social a.rss:before { content: "\e770"; } /*.social a.forrst,*/ .social a.forrst:hover { background-color: #00B74C; } .social a.forrst:before { content: "\e782"; } /*.social a.vimeo,*/ .social a.vimeo:hover { background-color: #E31E23; } .social a.vimeo:before { content: "\e775"; } /*.social a.dribbble,*/ .social a.dribbble:hover { background-color: #ff2d55; } .social a.dribbble:before { content: "\e781"; } /*.social a.google,*/ .social a.google:hover { background-color: #d94332; } .social a.google:before { content: "\e764"; } /*.social a.twitter,*/ .social a.twitter:hover { background-color: #33ccff; } .social a.twitter:before { content: "\e76d"; } /*.social a.facebook,*/ .social a.facebook:hover { background-color: #2980b9; } .social a.facebook:before { content: "\e769"; } /*.social a.pinterest,*/ .social a.pinterest:hover { background-color: #c8232c; } .social a.pinterest:before { content: "\e7a6"; } /*.social a.linkedin */ .social a.linkedin:hover { background-color: #2e6cb0; } .social a.linkedin:before { content: "\e79f"; } /*.social a.skype */ .social a.icomoon-skype:hover { background-color: #00aff0; } /*.social a.icomoon-instagram */ .social a.icomoon-instagram:hover { background-color: #3f729b; } /*.social a.VK,*/ .social a.vk:hover { background-color: #2980b9; } .social a.vk:before { content: "\e75e"; } /* :: ::::::: :: */ /* :: WIDGET :: */ /* :: ::::::: :: */ .widget { position: relative; margin-bottom: 30px; } /* Twitter */ #tweets { min-height: 100px; background: url(../img/loader-dark.gif) center center no-repeat transparent; } #tweets .tweet { position: relative; margin-bottom: 30px; } .tweet-heading { display: inline-block; width: 100%; margin-bottom: 15px; } .tweet-heading .userpic { float: left; border-radius: 50px; height: 48px; width: 48px; overflow: hidden; } .tweet-heading .userpic img { height: auto; max-width: 100%; width: 100%; } .tweet-heading .title { margin: 4px 0 0 55px; } .tweet-heading .title a { color: #2d343e; clear: both; } .tweet-heading .title .profilename { text-transform: uppercase; } .tweet-heading .title .profileid { font-size: 80%; } .tweet-content { background-color: #f9f9f9; padding: 20px; padding-bottom: 0; position: relative; border: 1px solid #f1f1f1; } .tweet-content:after, .tweet-content:before { content: ''; width: 0; height: 0; position: absolute; z-index: 1; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #f1f1f1; left: 14px; top: -8px; } .tweet-content:after { top: -7px; border-bottom-color: #f9f9f9; } .tweet-content .text, .tweet-content .text p { margin: 0 0 20px 0; } .tweet-content .text p.meta { display: inline-block; width: 100%; margin: 0; } .tweet-actions { opacity: 0; position: relative; left: 10px; -webkit-transition: all ease 0.1s; transition: all ease 0.1s; } #tweets .tweet:hover .tweet-actions { opacity: 1; left: 0; } .tweet-actions a { font-style: normal; font-size: 20px; color: #2d343e; } .tweet-actions a + a { margin-left: 10px; } .tweet-actions a:before { font-family: 'icomoon'; } .tweet-reply:before { content: "\e666"; } .tweet-retweet:before { font-family: 'icomoon'; content: "\e71b"; } .tweet-fave:before { content: "\e6d0"; } .tweet-content .meta span[class*="meta-"]:before, .tweet-content .meta > .tweet-retweet:before { color: #e5e5e5; } .tweet-content .meta-date, .tweet-content .meta > .tweet-retweet { float: right; } .tweet-content .meta > .tweet-retweet { font-style: normal; font-size: 20px; } /* photo-stream */ .photo-stream { margin: -5px; padding: 0; font-size: 0; } .photo-stream li { display: inline-block; width: 33.33333333333333%; padding: 5px; list-style-type: none; margin: 0; } @media (max-width: 991px) { .amaton-story { background-position: center bottom; background-size: 70%; padding: 70px 0; } .section-title h2 { font-size: 28px; } .photo-stream li { width: 50%; } } .photo-stream li .teaser { margin: 0 } .photo-stream li img { display: block; height: auto; width: 100%; } /* Latest Comments*/ .latest-comments { list-style-type: none; } .latest-comments li { padding-left: 50px; position: relative; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; } .latest-comments li:before { position: absolute; content: "\f086"; font-family: FontAwesome; left: 0; top: -5px; font-size: 36px; color: #f1f1f1; } .latest-comments li > * { margin: 0; margin-bottom: 5px; } .latest-comments li:last-child { margin-bottom: 0; border-bottom: none; } /* Top Authors */ .top-authors { } .top-authors { list-style-position: inside; color: #999; } .top-authors > li { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f1f1f1; } .top-authors > li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .top-authors li > * { display: inline-block; margin: 0; vertical-align: middle; } .top-authors .userpic { width: 100px; border-radius: 50%; overflow: hidden; margin: 0 15px; } .top-authors .title > * { margin: 0; } /* :: :::::: :: */ /* :: BOXED :: */ /* :: :::::: :: */ body > #boxed { margin: 0 auto; padding: 0px; background-color: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); overflow: hidden; position: relative; } body > #boxed #header { left: auto; } @media (min-width: 768px) { body > #boxed, body > #boxed #header { max-width: 750px; } } @media (min-width: 992px) { body > #boxed, body > #boxed #header { max-width: 970px; } body.w970 #boxed { max-width: 970px; } body.w970 > #boxed #header { max-width: 970px; } } @media (min-width: 1200px) { body > #boxed, body > #boxed #header { max-width: 1170px; } } /* :: ::::::::: :: */ /* :: Language :: */ /* :: ::::::::: :: */ .side-options { width: 200px; left: -200px; position: fixed; z-index: 2000; top: 260px; background-color: #fff; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options.side-options-right { left: auto; right: -200px; } .side-options .side-options-heading { cursor: pointer; background-color: #25D366; text-transform: uppercase; font-size: 13px; padding: 0 15px; color: #ccc; display: block; margin-right: -50px; padding-right: 0; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options.open .side-options-heading { margin-right: 0; } .side-options .side-options-heading a { line-height: 50px; color: #ccc; width: 100%; display: inline-block; } .side-options .side-options-heading span { color: #fff; font-weight: 700; display: inline-block; width: 50px; text-align: center; float: right; } .side-options .side-options-heading span i { font-size: 20px; line-height: 1; display: block; margin-top: 16px; font-weight: normal; margin-bottom: 8px; } .side-options.open { left: 0; } .side-options.side-options-right.open { left: auto; right: 0; } .side-options.side-options-right .side-options-heading { margin-right: auto; margin-left: -50px; padding-left: 0; } .side-options.side-options-right.open .side-options-heading { margin-left: 0; } .side-options.side-options-right .side-options-heading span { float: left; } .side-options { width: 200px; left: -200px; position: fixed; z-index: 2000; top: 260px; background-color: #fff; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options.side-options-right { left: auto; right: -200px; } .side-options .side-options-heading { cursor: pointer; background-color: #25D366; text-transform: uppercase; font-size: 13px; padding: 0 15px; color: #ccc; display: block; margin-right: -50px; padding-right: 0; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options.open .side-options-heading { margin-right: 0; } .side-options .side-options-heading a { line-height: 50px; color: #ccc; width: 100%; display: inline-block; } .side-options .side-options-heading span { color: #fff; font-weight: 700; display: inline-block; width: 50px; text-align: center; float: right; } .side-options .side-options-heading span i { font-size: 20px; line-height: 1; display: block; margin-top: 16px; font-weight: normal; margin-bottom: 8px; } .side-options.open { left: 0; } .side-options.side-options-right.open { left: auto; right: 0; } .side-options.side-options-right .side-options-heading { margin-right: auto; margin-left: -50px; padding-left: 0; } .side-options.side-options-right.open .side-options-heading { margin-left: 0; } .side-options.side-options-right .side-options-heading span { float: left; } /*New Custom*/ .side-options-Custom { width: 200px; left: -200px; position: fixed; z-index: 2000; top: 260px; background-color: #fff; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options-Custom.side-options-right { left: auto; right: -200px; } .side-options-Custom .side-options-heading { cursor: pointer; background-color: #25D366; text-transform: uppercase; font-size: 13px; padding: 0 15px; color: #ccc; display: block; margin-right: -50px; padding-right: 0; -webkit-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .side-options-Custom .side-options-heading aset { line-height: 50px; color: #ccc; width: 100%; display: inline-block; } .side-options-Custom .side-options-heading i { color: #fff; font-weight: 700; display: inline-block; width: 50px; text-align: center; float: right; } .side-options-Custom .side-options-heading i { font-size: 20px; line-height: 1; display: block; margin-top: 16px; font-weight: normal; margin-bottom: 8px; } .side-options-Custom.side-options-right .side-options-heading { margin-right: auto; margin-left: -50px; padding-left: 0; } /* Language */ #language-options .language-list { list-style-type: none; margin: 0; border: 1px solid #f1f1f1; border-right: none; border-top: none; } #language-options .language-list li a { padding: 15px; display: block; text-transform: uppercase; color: #2d343e; } #language-options .language-list li a:hover, #language-options .language-list li a.current { background-color: #f9f9f9; } /* :: ::::::: :: */ /* :: HEADER :: */ /* :: ::::::: :: */ #header { width: 100%; float: left; z-index: 1500; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Chrome and Safari */ -ms-backface-visibility: hidden; /* Internet Explorer */ } #header.sticky { position: fixed; top: 0; left: 0; } /* Topbar */ .topbar { color: rgba(255, 255, 255, 0.3); background-color: #2d343e; height: 54px; border-bottom: 5px solid rgba(255, 255, 255, 0.1); } .topbar ul { margin: 0; padding: 0; } .topbar ul li { list-style-type: none; vertical-align: middle; display: inline-block; margin: 0; padding: 0; } .topbar a { color: rgba(255, 255, 255, 0.3); } .topbar a:hover { color: rgba(255, 255, 255, 1); } /* Touch */ .topbar .touch { float: left; margin-top: 11px; } .topbar .touch li { font-size: 12px; } .topbar .touch li + li { margin-left: 15px; } .topbar .touch li > * { display: inline-block; vertical-align: middle; } .topbar .touch p { margin: 0 0 0 5px; line-height: 1.2; } /* Social */ .topbar .social { float: right; margin-top: 10px; line-height: 0; } .topbar .social li + li { margin-left: 5px; } .topbar .social a { color: #fff; width: 36px; height: 36px; line-height: 36px; font-size: 20px; -webkit-transition: border-radius ease 0.1s; transition: border-radius ease 0.1s; border-radius: 2px; } .topbar .social a.youtube { background-color: #FF3B30; } .topbar .social a.rss { background-color: #ff5d00; } .topbar .social a.forrst { background-color: #00B74C; } .topbar .social a.vimeo { background-color: #E31E23; } .topbar .social a.dribbble { background-color: #ff2d55; } .topbar .social a.google { background-color: #d94332; } .topbar .social a.linkedin { background-color: #2E6CB0; } .topbar .social a.twitter { background-color: #33ccff; } .topbar .social a.facebook { background-color: #2980b9; } .topbar .social a.icomoon-skype { background-color: #00aff0; } .topbar .social a.pinterest { background-color: #c8232c; } .topbar .social a.icomoon-instagram { background-color: #3f729b; } .topbar .social a.vk { background-color: #2980b9; } .topbar .social a:hover { border-radius: 50%; } /* User */ .topbar .user-nav { float: right; margin-left: 25px; margin-top: 10px; } .topbar .user-nav .btn { color: #fff; } .topbar .user-nav img { /*height: 36px; width: 36px;*/ border-radius: 2px; margin-right: 5px; } /* Navbar */ #header .navbar { width: 100%; float: left; background-color: #f9f9f9; position: relative; overflow: hidden; z-index: 1; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px 0; } /* Search wrap */ #main-search { display: none; } #main-search form { overflow: hidden; opacity: 0; position: relative; left: -20px; margin-top: 5px; margin-bottom: 0; width: 100%; display: inline-block; } #main-search .form-field { margin-bottom: 0; } .form-field .placeholder label { line-height: 40px; margin: 0; } #main-search .form-control { padding: 9px 5px; padding-right: 40px; border-color: #282e3a; background-color: #282e3a; -webkit-box-shadow: none; box-shadow: none; color: #fff; } #main-search .close { position: absolute; right: 0; color: #fff; width: 40px; text-align: center; float: right; line-height: 45px; font-size: 13px; z-index: 1; } #main-search .close:hover { color: #fff; } @media (min-width: 992px) { #main-search form { margin-top: 10px; } #main-search .form-control { padding-right: 55px; padding: 14px 10px; } #main-search .close { width: 50px; line-height: 50px; } .form-field .placeholder label { line-height: 50px; } } /* Navbar wrap */ #header .navbar-inner { margin-top: 10px; float: left; width: 100%; position: relative; } /* logo */ #header .logo { display: inline-block; float: left; height: 30px; margin-bottom: 10px; } #header .text-center > .logo { float: none; } #header .logo img { width: auto; height: auto; display: block; max-height: 100%; max-width: 100%; } /* Main menu */ #main-menu { overflow: visible; text-align: left; background-color: #2d343e; margin: 0; padding-right: 5000px; padding-left: 5000px; margin-left: -5000px; margin-right: -5000px; clear: both; } #main-menu > li, #main-menu ul.dropdown > li { list-style-type: none; font-size: 14px; line-height: 20px; } #main-menu ul.dropdown > li { font-size: 13px; } #main-menu li.search-nav { display: none; } #main-menu > li:before, #main-menu ul.dropdown > li:before { height: 1px; display: block; content: ''; width: 100%; background: #fff; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,0)), color-stop(33%,rgba(241,241,241,1)), color-stop(66%,rgba(241,241,241,1)), color-stop(100%,rgba(241,241,241,0))); background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); background: linear-gradient(to right, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); opacity: 0.1; } #main-menu ul.dropdown nav > ul li:before { opacity: 0.1; } #main-menu > li:first-child:before, #main-menu nav > ul li a:after { display: none; } #main-menu ul.dropdown { margin: 0; display: none; } #main-menu > li > a, #main-menu ul.dropdown > li > a { padding: 10px 0; display: block; position: relative; font-size: 13px; } #main-menu > li > a span { display: none; } #main-menu i.carret { position: absolute; width: 40px; line-height: 40px; text-align: center; font-style: normal; font-size: 18px; right: 0; top: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #main-menu i.carret:after { font-family: FontAwesome; content: "\f105"; } #main-menu li > a > i.carret.rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* Drop down styles */ #main-menu ul.dropdown:not(.megamenu-category) { color: rgba(255, 255, 255, 0.7); line-height: 20px; } #main-menu > li:not(.megamenu) > ul.dropdown { margin-left: 20px; } #main-menu > li > a, #main-menu ul.dropdown > li > a, #main-menu ul.megamenu-category .category-nav a { color: rgba(255,255,255,0.7); } #main-menu > li > a:hover, #main-menu > li.active > a, #main-menu ul.dropdown > li > a:hover, #main-menu ul.dropdown > li.active > a, #main-menu ul.megamenu-category .category-nav .current a, #main-menu ul.megamenu-category .category-nav a:hover { color: #fff; } #main-menu ul.dropdown:not(.megamenu-category) h1, #main-menu ul.dropdown:not(.megamenu-category) h2, #main-menu ul.dropdown:not(.megamenu-category) h3, #main-menu ul.dropdown:not(.megamenu-category) h4, #main-menu ul.dropdown:not(.megamenu-category) h5, #main-menu ul.dropdown:not(.megamenu-category) h6 { color: #fff; margin-top: 15px; } #main-menu ul.dropdown:not(.megamenu-category) h1 a, #main-menu ul.dropdown:not(.megamenu-category) h2 a, #main-menu ul.dropdown:not(.megamenu-category) h3 a, #main-menu ul.dropdown:not(.megamenu-category) h4 a, #main-menu ul.dropdown:not(.megamenu-category) h5 a, #main-menu ul.dropdown:not(.megamenu-category) h6 a { color: rgba(255, 255, 255, 0.7); } #main-menu ul.dropdown:not(.megamenu-category) h1 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h2 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h3 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h4 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h5 a:hover, #main-menu ul.dropdown:not(.megamenu-category) h6 a:hover, #main-menu ul.dropdown:not(.megamenu-category) a:hover { color: #fff; } #main-menu ul.dropdown .google-iframe-map { width: 100%; min-height: 185px; } #main-menu ul.dropdown .widget { margin-bottom: 30px; } /* Category */ #main-menu ul.megamenu-category > li { display: inline-block; width: 100%; padding: 0; } #main-menu ul.megamenu-category .category-nav ul { margin: 0; margin-bottom: 20px; } #main-menu ul.megamenu-category .category-content { background: #f9f9f9; padding: 30px; padding-bottom: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); text-shadow: none; } #main-menu ul.megamenu-category .category-content > div { display: none; } #main-menu ul.megamenu-category .category-content > div.current { display: block; } /* Mobile menu */ #mobile-menu { float: right; margin: 0; margin-bottom: 10px; } #mobile-menu li { list-style-type: none; float: left; } #mobile-menu li + li { border-left: 1px solid #e5e5e5; } #mobile-menu li a { color: #2d343e; line-height: 30px; padding: 0 8px; display: block; } #mobile-menu li a i { line-height: 30px; display: block; font-size: 20px; } .navbar-toggle { border: none; background: transparent; line-height: 30px; font-size: 21px; padding: 0; width: 30px; color: #2d343e; } @media (min-width: 992px) { #header .navbar { overflow: visible; } #header .navbar-inner { margin-top: 5px; } /* logo */ #header .logo { height: 90px; margin-top: -5px; } /* Main menu */ .megamenu-width { position: relative; } #main-menu { clear: none; background: transparent; display: block !important; font-size: 0; margin: 0; padding: 0; float: right; text-align: left; z-index: 1; margin-top: 30px; } #main-menu > li { position: relative; display: inline-block; vertical-align: top; padding-bottom: 30px; margin: 0; } #main-menu > li.megamenu { position: static; } #main-menu li.search-nav { display: inline-block; } #main-menu > li:before { display: none; } #main-menu ul.dropdown > li > a { padding: 10px 15px; } #main-menu > li.megamenu ul.dropdown .nav ul li a { padding: 10px 0; } #main-menu > li > a { color: #2d343e; text-transform: uppercase; font-weight: bold; border-left: 1px solid #e5e5e5; padding: 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; line-height: 25px; } #main-menu > li > a.btn-search { font-size: 20px; line-height: 25px; } #main-menu > li:first-child a { border-left: none; } #main-menu > li:last-child a { padding-right: 0; } /* Carret */ #main-menu > li > a i.carret { line-height: 25px; position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; width: auto; font-style: normal; font-weight: normal; } #main-menu > li > a i.carret:after { font-family: FontAwesome; content: "\f107"; } #main-menu li.active > a > i.carret { -webkit-transform: rotate(0); transform: rotate(0); } /* Link Description */ #main-menu > li > a span { font-weight: normal; font-style: italic; margin-top: 5px; font-size: 12px; clear: both; display: block; font-weight: normal; text-transform: none; color: #888; position: absolute; white-space: nowrap; line-height: 1; opacity: 0; top: 50%; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } #main-menu > li:hover > a span { opacity: 1; top: 100%; } html.scroll #main-menu > li:hover > a span { opacity: 0; } #main-menu ul.dropdown { display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; margin: 0; min-width: 230px; } #main-menu > li.megamenu > ul.dropdown { width: 100%; left: 0; right: 0; } #main-menu > li.megamenu > ul.dropdown > li { padding-left: 15px; padding-right: 15px; } #main-menu > li > ul.dropdown { padding-top: 5px; } #main-menu > li.rtl > ul.dropdown { right: 0; } #main-menu li:hover > ul.dropdown { visibility: visible; opacity: 1; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } #main-menu li:hover.rtl > ul.dropdown { right: 0; } #main-menu ul.dropdown > li { list-style-type: none; position: relative; text-transform: none; background-color: rgba(45, 52, 62, 0.9); } #main-menu > li.megamenu ul.dropdown ul.dropdown > li { padding-right: 15px; padding-left: 15px; } #main-menu ul.dropdown > li:first-child:before { display: none; } #main-menu ul.megamenu-category > li { float: left; width: 100%; } #main-menu ul.megamenu-category .category-content { margin: 15px 0; } #main-menu ul.dropdown > li > a i.carret:after { content: "\f105"; } #main-menu ul.dropdown ul.dropdown { top: 0; left: 100%; padding-left: 5px; padding-top: 0 !important; } #main-menu > li.rtl ul.dropdown ul.dropdown, #main-menu ul.dropdown.rtl ul.dropdown { left: auto; right: 100%; padding-left: 0; padding-right: 5px; } /* Main menu slide effect */ #main-menu.slide ul.dropdown { margin-left: 15px; } #main-menu.slide > li.rtl > ul.dropdown, #main-menu.slide > li.rtl ul.dropdown ul.dropdown, #main-menu.slide ul.dropdown.rtl ul.dropdown { margin-left: inherit; margin-right: 15px; } #main-menu.slide li:hover > ul.dropdown { margin-left: 0 !important; margin-right: 0 !important; } /* Main menu full width */ #main-menu.full-width { display: table !important; width: 100%; } #main-menu.full-width > li { display: table-cell; vertical-align: top; padding-top: 15px; } /* Main menu minimal */ #main-menu.minimal > li > a { text-transform: lowercase; border-left: none; font-weight: normal; } /* Drop Down background */ #custom-nav-bg { width: 100%; position: absolute; top: 100%; background-color: rgba(45, 52, 62, 0.9); -webkit-transition: height ease 0.1s; transition: height ease 0.1s; } #custom-nav-bg:hover { height: 0; } #main-menu.custom ul.dropdown { padding-top: 0; } #main-menu.custom ul.dropdown > li { background-color: transparent; padding: 0; } #main-menu.custom > li.megamenu > ul.dropdown > li { padding-left: 10px; padding-right: 10px; } #main-menu.custom ul.dropdown > li > a { padding-left: 10px; padding-right: 10px; } #main-menu.custom ul.megamenu-category nav a { padding-left: 10px; } /* Mobile menu */ #mobile-menu { display: none; } } @media (max-width: 991px) { #header { position: relative !important; } .mobile-navbar { display: block; } .topbar { display: none; } #header-space { display: none; } #header .navbar-inner { margin-top: 10px !important; } #header .logo { height: 30px !important; } #main-menu > li { padding-bottom: 0 !important; } #main-menu ul.dropdown.megamenu { width: 100% !important; left: 0 !important; right: 0 !important; } } /* :: ::::::: :: */ /* :: Slider :: */ /* :: ::::::: :: */ .page-slider-wrap { color: #2d343e; width: 100%; float: left; position: relative; z-index: 1; padding: 0; overflow: hidden; background: url(../img/loader-dark.gif) center center no-repeat transparent; } .page-slider-wrap.created { background: none; } #page-slider { opacity: 0; position: relative; max-height: 500px; height: 500px; transition: opacity 200ms linear 0; -webkit-transition: opacity 200ms linear 0; } .page-slider-wrap.created #page-slider { opacity: 1; } #page-slider ul, #page-slider li { list-style-type: none; padding: 0; margin: 0; } .tp-banner-container { width: 100%; position: relative; padding: 0; z-index: 1; } /* Loader */ .tp-loader { background: url(../img/loader-dark.gif) center center no-repeat transparent; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; z-index: 20; } /* Timer */ .tp-bannertimer { bottom: 0; position: absolute; z-index: 21; height: 5px; background-color: rgba(255,255,255, 0.4); } /* Nav */ .page-slider-wrap .tparrows.jets { z-index: 100; color: #2d343e; text-align: center; font-size: 24px; line-height: 50px; width: 50px; height: 50px; background: rgba(255,255,255, 0.4); background-image: none; border-radius: 2px; -webkit-transition: background 0.1s linear, opacity 0.1s linear; transition: background 0.1s linear, opacity 0.1s linear; transform: none; -webkit-transform: none; /* Safari and Chrome */ } .tparrows.jets:hover { background: rgba(255,255,255, 0.9); } .tp-leftarrow:before { font-family: 'FontAwesome'; content: "\f104"; } .tp-rightarrow:before { font-family: 'FontAwesome'; content: "\f105"; } /* Pagi */ .tp-bullets { position: absolute; bottom: 10px; z-index: 20; } .tp-bullets.jets .bullet { vertical-align: middle; display: inline-block; background-color: transparent; width: 15px; height: 15px; text-indent: -99999px; margin: 0 2px; border-radius: 2px; position: relative; cursor: pointer; background: rgba(255,255,255, 0.4); background-image: none; -webkit-transition: background 0.1s linear, opacity 0.1s linear; transition: background 0.1s linear, opacity 0.1s linear; transform: none; -ms-transform: none; /* IE 9 */ -webkit-transform: none; /* Safari and Chrome */ } .tp-bullets.jets .bullet:hover, .tp-bullets.jets .bullet.selected { background: rgba(255,255,255, 0.9); } .slider-title { font-size: 52px; font-weight: bold; } .slider-sub-title { text-transform: uppercase; font-weight: 300; font-size: 24px; line-height: 34px; } .page-slider-wrap .btn { -webkit-box-shadow: none; box-shadow: none; background-color: rgba(255,255,255,0.4); border: none; } .page-slider-wrap .btn:hover, .page-slider-wrap .btn:active { background-color: rgba(255,255,255,0.8); left: auto; right: auto; top: auto; } .slider-text { line-height: 24px; } /* :: ::::::::::::: :: */ /* :: PAGE HEADER :: */ /* :: ::::::::::::: :: */ #page-header { float: left; width: 100%; overflow: hidden; position: relative; line-height: 1; z-index: 0; color: #2d343e; } /* Parallax */ .page-header-image { background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed; } #page-header.fonts-white { color: #fff; } #page-header.fonts-white h1 { color: #fff; } .page-header-inner { min-height: 110px; height: 110px; display: table; width: 100%; } #page-header.page-header-medium .page-header-inner { min-height: 210px; height: 210px; } #page-header.page-header-big .page-header-inner { min-height: 300px; height: 300px; } #page-header *[class*="hide-to-"] { position: relative; } @media (max-width: 767px) { .page-header-inner h1, .page-header-inner h2, .page-header-inner h3, .page-header-inner h4, .page-header-inner h5, .page-header-inner h6, .page-header-inner p { margin: 0; } #page-header *[class*="hide-to-"] { opacity: 1 !important; top: 0 !important; left: 0 !important; } } @media (min-width: 768px) { .page-header-inner { min-height: 175px; height: 175px; } #page-header.page-header-medium .page-header-inner { min-height: 350px; height: 350px; } #page-header.page-header-big .page-header-inner { min-height: 40px; height: 40px; } } @media (min-width: 992px) { .page-header-inner { min-height: 150px; height: 150px; } #page-header.page-header-medium .page-header-inner { min-height: 300px; height: 300px; } #page-header.page-header-big .page-header-inner { min-height: 450px; height: 450px; } } @media (min-width: 1200px) { .page-header-inner { min-height: 200px; height: 200px; } #page-header.page-header-medium .page-header-inner { min-height: 350px; height: 350px; } #page-header.page-header-big .page-header-inner { min-height: 500px; height: 500px; } } .page-header-inner > * { display: table-cell; vertical-align: middle; } .page-header-inner .container > *:last-child { margin-bottom: 0 } .page-header-box { background-color: rgba(255,255,255,0.6); padding: 30px; padding-bottom: 1px; text-align: center; border-radius: 5px; color: #2d343e; } .page-header-box hr { opacity: 0.3; } /* :: ::::::::: :: */ /* :: CONTENT :: */ /* :: ::::::::: :: */ #page-content { position: relative; width: 100%; float: left; overflow: hidden; } #page-content #content, #page-content #sidebar-right, #page-content #sidebar-left { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { #page-content #content, #page-content #sidebar-right, #page-content #sidebar-left { margin-top: 50px; margin-bottom: 50px; } } /* Full width */ .container-out { padding-right: 5000px; padding-left: 5000px; margin-left: -5000px; margin-right: -5000px; padding-top: 30px; padding-bottom: 1px; margin-bottom: 30px; } @media (min-width: 768px) { .container-out { padding-top: 50px; padding-bottom: 20px; margin-bottom: 50px; } } .container-out.container-full-width { padding: 0; margin-left: 0; margin-right: 0; } #boxed .container-out.container-full-width { margin-left: -15px; margin-right: -15px; } .container-out.container-no-bottom { padding-bottom: 0; } .container-out:first-child { margin-top: -30px; } .container-out:last-child { margin-bottom: -30px; } .container-out + .container-out { margin-top: -30px; } @media (min-width: 768px) { .container-out:first-child { margin-top: -50px; } .container-out:last-child { margin-bottom: -50px; } .container-out + .container-out { margin-top: -50px; } } /* Colors */ .container-light { background-color: #f9f9f9; } .container-dark { background-color: #2d343e; } .container-image { overflow: hidden; background-attachment: fixed; background-position: center center; background-size: cover; -webkit-background-size: cover; } /* Typography */ .container-dark h1, .container-image h1, .container-dark h2, .container-image h2, .container-dark h3, .container-image h3, .container-dark h4, .container-image h4, .container-dark h5, .container-image h5, .container-dark h6, .container-image h6, .container-dark a, .container-image a { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); } .container-dark a:hover, .container-image a:hover { color: rgba(255,255,255,0.6); } .container-dark, .container-image { color: rgba(255,255,255,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); } .container-dark .btn { color: #2d343e; background-color: #fff; border-color: #fff; } .container-dark .btn:hover { color: #2d343e; background-color: #f9f9f9; border-color: #f9f9f9; } .container-dark .btn:active { border-color: #fff; } /* Align col in row */ .row-inline-wrap { margin-left: -15px; margin-right: -15px; margin-bottom: 30px; } .row.row-inline { display: table; font-size: 0; width: 100%; margin-left: 0; margin-right: 0; } .row.row-inline > * { display: block; padding-left: 0; padding-right: 0; float: none; font-size: 14px; vertical-align: middle; } .row-inline.inline-bottom > * { vertical-align: bottom; } .row-inline.inline-top > * { vertical-align: top; } @media (min-width: 992px) { .row.row-inline > [class*="col-md-"] { display: inline-block; padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) { .row.row-inline > [class*="col-sm-"] { display: inline-block; padding-left: 15px; padding-right: 15px; } } /* Title */ .title { position: relative; z-index: 10; margin-bottom: 30px; color: #2d343e; } .title > * { margin: 0; } .title > hr { margin-top: 30px; margin-bottom: 30px; } /* Main title */ .title.title-main { text-transform: uppercase; line-height: 1 } /* Center title */ .title.title-center { text-align: center; } .title > .btn + *, .title.title-main > .btn + * { display: inline-block; line-height: 36px; } /* Inside */ .container-dark .title, .container-image .title { color: #fff; } /* Interests */ .title h5 i.fa-heart { color: #FF3B30; } .title h5 i.fa-heart-o { color: #f1f1f1; } /* Section title */ .title.title-section { text-align: center; margin-bottom: 40px; display: block; width: 100%; margin-top: 40px; } @media (min-width: 768px) { .title.title-section { margin-top: 70px; margin-bottom: 70px; } } .title.title-section > * { margin: 0; margin-bottom: 15px; } .title.title-section p { font-size: 16px; font-weight: 300; } .title.title-section .sticker { display: none; } @media (min-width: 768px) { .title.title-section .sticker { display: block; margin: 0 auto; position: relative; width: 100%; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); margin-top: 30px; padding-bottom: 20px; } .title.title-section .sticker:before { width: 100%; height: 3px; position: absolute; content: ''; top: 30px; left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,0)), color-stop(33%,rgba(241,241,241,1)), color-stop(66%,rgba(241,241,241,1)), color-stop(100%,rgba(241,241,241,0))); background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); background: linear-gradient(to right, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); } /* Indide */ .container-dark .title.title-section .sticker:before, .container-image .title.title-section .sticker:before { opacity: 0.1; } .title.title-section .sticker .icon { color: #fff; width: 70px; height: 60px; line-height: 60px; font-size: 30px; position: relative; display: inline-block; } .title.title-section .sticker .icon:after { left: 0; width: 0; bottom: -15px; content: ''; height: 0; position: absolute; border-left: 35px solid transparent; border-right: 35px solid transparent; border-top: 15px solid transparent; } } /* Position */ .container-out > .title.title-section:last-child { margin-bottom: 30px; } .container-out > .title.title-section:last-child .sticker { margin-bottom: -70px; padding-bottom: 0; } .container-out > .title.title-section:last-child .sticker:before { display: none; } .container-out > .title.title-section:first-child { margin-top: 0; } /* Text */ .text { margin-bottom: 30px; } .text .block-left { float: left; margin-right: 30px; margin-top: 30px; } .text .block-right { float: right; margin-left: 30px; margin-top: 30px; } /* Thumbnail */ .thumbnail { display: block; position: relative; margin-bottom: 30px; text-align: center; } .thumbnail.thumbnail-no-margin { margin-bottom: 0; } .thumbnail > a { display: block; } .thumbnail .slider { margin: 0; } .thumbnail > img { max-width: 100%; width: 100%; height: auto; } /*Nav list */ nav > ul { padding: 0; } nav > ul li { list-style-type: none; } nav > ul li.title { margin-bottom: 15px; } nav > ul li:before { height: 1px; border: 0; margin: 10px 0; border: none; display: block; content: ''; height: 1px; width: 100%; background: #fff; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,0)), color-stop(33%,rgba(241,241,241,1)), color-stop(66%,rgba(241,241,241,1)), color-stop(100%,rgba(241,241,241,0))); background: -webkit-linear-gradient(left, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); background: linear-gradient(to right, rgba(241,241,241,0) 0%,rgba(241,241,241,1) 33%,rgba(241,241,241,1) 66%,rgba(241,241,241,0) 100%); } nav > ul li:first-child { margin-top: 20px; } nav > ul li:first-child:before { display: none; } nav > ul li a { display: block; color: #888; } nav > ul li a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f105"; float: right; position: relative; right: 5px; } /* :: ::::::: :: */ /* :: ARTICLE :: */ /* :: ::::::: :: */ /* Meta */ .meta { font-style: italic; font-size: 13px; color: #777; } .meta > span + span { margin-left: 15px; } .meta .avatar { border-radius: 2px; overflow: hidden; height: 60px; width: 60px; margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align: middle; } .meta .avatar img { max-width: 100%; height: auto; } .meta .avatar + a { font-style: normal; float: right; margin-top: 20px; } .meta a { font-weight: normal; text-transform: uppercase; } .meta a:hover { color: #2d343e } .meta span[class*="meta-"]:before { font-family: 'icomoon'; margin-right: 5px; font-style: normal; color: #f1f1f1; } .meta .meta-user:before { content: "\e674"; } .meta .meta-comments:before { content: "\e66a"; } .meta .meta-category:before { content: "\e62f"; } .meta .meta-date:before { content: "\e648"; } .meta .meta-like:before { content: "\e6d1"; } /* Date */ .article-date { padding: 10px 0; color: #fff; position: relative; width: 80px; display: inline-block; margin: 0 0 20px 0; } .article-date:after { left: 0; width: 0; bottom: -20px; content: ''; height: 0; position: absolute; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 20px solid transparent; } .article-date span { text-align: center; display: block; line-height: 1; margin: 0 5px; padding: 10px 0; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,0.2); line-height: 1; } .article-date span:first-child { padding-top: 0; border-top: none; } .article-date .day { font-size: 32px; } .article-date .month { font-size: 16px; } .article-date .type { color: #fff; font-size: 36px; } /* Share */ .article-share { display: block; background-color: #262829; color: #fff; text-align: center; overflow: hidden; margin-bottom: 15px; } .article-share h5 { color: #fff; position: relative; line-height: 25px; font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0; background-color: rgba(255,255,255,0.1); padding: 20px 0; box-shadow: 0 0 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4); } .article-share h5 i { display: block; font-size: 20px; } .article-share ul { margin: 0; padding: 0; display: table; width: 100%; font-size: 0; } .article-share ul li { display: inline-block; list-style-type: none; width: 25%; line-height: 80px; font-size: 13px; } .article-share ul li a { display: block; width: 100%; height: 80px; color: #fff; } .article-share ul li a > * { display: inline-block; vertical-align: middle; } .article-share ul li p { line-height: 25px; margin: 0; position: relative; padding-left: 5px; margin-left: 5px; } .article-share ul li p:before { opacity: 0.3; content: ''; top: 0; left: 0; position: absolute; height: 100%; width: 1px; background-color: #fff; transform: rotate(20deg); -webkit-transform: rotate(20deg); /* Safari and Chrome */ } .article-share ul li i { font-size: 24px; position: relative; display: inline-block; } .article-share ul li a.like.active, .article-share ul li a.like:hover { background-color: #d94332; } .article-share ul li a.twitter.active, .article-share ul li a.twitter:hover { background-color: #33ccff; } .article-share ul li a.facebook.active, .article-share ul li a.facebook:hover { background-color: #2980b9; } .article-share ul li a.pinterest.active, .article-share ul li a.pinterest:hover { background-color: #c8232c; } @media (min-width: 768px) { .article-share ul li { display: block; width: auto; } } /* Details */ .article-details { display: none; text-align: center; text-transform: uppercase; color: #2d343e; } .article-details ul { margin: 0; padding: 0; } .article-details li { line-height: 30px; list-style-type: none; display: block; } .article-details span { background-color: #f9f9f9; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; color: #2d343e; text-align: center; display: block; margin: 0 auto; font-size: 16px; } .article-details li:first-child span { width: 40px; height: 40px; line-height: 40px; background-color: #2d343e; color: #fff; position: relative; z-index: 1; margin-bottom: -10px; } @media (min-width: 768px) { .article-details { display: block; } } /* Article Nav */ .article-nav { background-color: #f9f9f9; display: block; position: relative; color: #e5e5e5; font-size: 15px; text-align: center; clear: both; line-height: 0; } .article-nav ul { line-height: 1.5; display: inline-block; width: 100%; position: relative; padding: 0; list-style-type: none; margin: 0; min-height: 50px; } .article-nav ul li { display: inline-block; position: relative; line-height: 19px; margin: 5px 0; } .article-nav ul li a { color: #2d343e } .article-nav ul li.selector { position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; } @media (max-width: 767px) { .article-nav ul li { width: 100%; } .article-nav ul li.selector { position: relative; left: 0; margin: 0; } .article-nav ul li.selector a { margin: 0 auto; } } .article-nav ul li.selector a { color: #fff; background-color: #2d343e; width: 50px; display: block; height: 50px; line-height: 50px; } .article-nav ul li.selector a:after { content: "\f00a"; font-family: FontAwesome; font-size: 18px; display: block; } .article-nav ul li.selector a:hover { color: #fff; } .article-nav strong { color: #e5e5e5; font-size: 12px; text-transform: uppercase; } .article-nav .prev { float: left; padding-left: 50px; text-align: left; } .article-nav .next { float: right; padding-right: 50px; text-align: right; } .article-nav .next a:before, .article-nav .prev a:before { position: absolute; font-family: FontAwesome; font-size: 48px; top: 50%; margin-top: -24px; line-height: 1; color: #2d343e; width: 50px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .article-nav .next a:before { content: "\f101"; right: 0; } .article-nav .prev a:before { content: "\f100"; left: 0; } /* Inside content */ #page-content .article-nav { font-size: inherit; margin-bottom: 30px; background-color: transparent; } #page-content .article-nav ul { min-height: 0; } #page-content .article-nav ul li { margin-top: 0; margin-bottom: 0; } #page-content .article-nav .next a:before, #page-content .article-nav .prev a:before { color: #e5e5e5; } /* Author */ .article-author { border: 1px solid #f1f1f1; background-color: #f9f9f9; padding: 30px; padding-bottom: 10px; display: block; } /* Heading */ .author-heading { float: left; display: none; } .author-heading .avatar { border-radius: 2px; overflow: hidden; display: block; } .author-heading img { width: 100px; height: 100px; } .post-heading .thumbnail, .post-heading .teaser { margin: 0; } /* Content */ .author-content { clear: none; } .author-content .title { border-bottom: 1px dashed #f1f1f1; padding-bottom: 15px; margin-bottom: 15px; } .author-content strong { display: block; } .article-author .social a { width: 35px; height: 35px; line-height: 35px; font-size: 20px; } @media (min-width: 768px) { .author-heading { display: block; } .author-content { margin-left: 140px; } .author-content strong { min-width: 140px; display: inline-block; } } /* Tags */ .tags p { font-size: 0; margin: -5px 0 0 0; line-height: 1; } .tags p a { border-radius: 2px; display: inline-block; font-size: 11px; line-height: 1; margin-top: 5px; margin-right: 5px; padding: 7px 10px; background: #2d343e; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer .tags p a { background: rgba(255,255,255,0.1); } /* :: ::::::::::::::::::: :: */ /* :: POST TYPE :: Single :: */ /* :: ::::::::::::::::::: :: */ section.posts { margin-bottom: 30px; } article.post { text-align: left; width: 100%; display: inline-block; position: relative; } article.post.post-single { margin-bottom: 50px; } article.post.post-single > * { clear: both; } /* HEADER */ .post-heading { clear: both; } .post-heading .thumbnail > * { margin-bottom: 0; } article.post .title h2 { margin-bottom: 5px; } /* CONTENT */ .post-content { position: relative; } .post-content .content-left { width: 80px; float: left; } /* Type */ article[class*="post-type-"]:before { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-type-text .type:before { font-family: 'icomoon'; content: "\e604"; } .post-type-audio .type:before { font-family: 'icomoon'; content: "\e610"; } .post-type-gallery .type:before { font-family: 'icomoon'; content: "\e60e"; } .post-type-video .type:before { font-family: 'icomoon'; content: "\e774"; } .post-type-blockquote .type:before { font-family: 'icomoon'; content: "\e676"; } .post-type-image .type:before { font-family: 'icomoon'; content: "\e60d"; } .post-type-vimeo .type:before { font-family: 'icomoon'; content: "\e775"; } .post-type-youtube .type:before { font-family: 'icomoon'; content: "\e773"; } .post-content > .type { position: absolute; top: 5px; left: 0; color: #fff; width: 40px; font-size: 18px; height: 30px; line-height: 36px; display: inline-block; text-align: center; z-index: 1; } .post-content > .type:after { left: 0; width: 0; bottom: -10px; content: ''; height: 0; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 10px solid transparent; } .post-content > .type + .title { margin-left: 50px; } .post-content .content-right { margin-left: 120px; } .post-heading + .post-content { margin-top: 30px; } @media (max-width: 767px) { .post-content .content-left { width: 100%; float: none; } .post-content .content-right { margin-left: 0; } .post-heading + .post-content { margin-top: 15px; } .article-date { width: 100%; } .article-date span { display: inline-block; vertical-align: middle; border-top: none; padding: 0 10px; margin: 0; line-height: 40px; font-size: 16px; } .article-date span + span { border-left: 1px solid rgba(255,255,255,0.2); } .article-date:after { display: none; } } /* :: ::::::::::::::::: :: */ /* :: POST TYPE :: List :: */ /* :: ::::::::::::::::: :: */ article.post-list { } /* :: :::::::::::::::::::: :: */ /* :: POST TYPE :: Related :: */ /* :: :::::::::::::::::::: :: */ article.post-related { text-align: center; display: block; } article.post-related .post-heading { margin-bottom: 20px; } article.post-related .title { margin-bottom: 0 } article.post-related .type { margin: -50px auto 20px; display: block; } /* :: ::::::::::::::::::: :: */ /* :: POST TYPE :: Thumbs :: */ /* :: ::::::::::::::::::: :: */ article.post-thumb { } article.post-thumb .post-heading { width: 100%; margin: 0 auto; display: block; margin-bottom: 20px; } article.post-thumb .post-heading img { width: 100%; } article.post-thumb .post-content { width: auto; display: block; margin-top: 0; } article.post-thumb .post-content .title { margin-bottom: 15px; } @media (min-width: 768px) { article.post-thumb .post-heading { width: 170px; float: left; margin-bottom: 0px; } article.post-thumb .post-content { margin-left: 200px; } } /* :: ::::::::::::::::: :: */ /* :: POST TYPE :: Grid :: */ /* :: ::::::::::::::::: :: */ article.post-grid .post-content { background-color: #f7f7f7; padding: 30px 15px 30px 30px; } article.post-grid .post-heading + .post-content { margin-top: 5px; } article.post-grid .meta span[class*="meta-"]:before { color: #e5e5e5; } article.post-grid .post-content > .type { top: 35px; left: 30px; } .posts.grid + .pagination:before { margin-top: 30px; } .posts.grid blockquote { background: transparent; border: none; margin-left: -30px; margin-top: -30px; margin-right: -15px; padding-bottom: 0; padding-left: 30px; } /* :: ::::::::::::::::: :: */ /* :: POST TYPE :: Mini :: */ /* :: ::::::::::::::::: :: */ article.post-mini { } article.post-mini + article.post-mini { margin-top: 10px; } article.post-mini[class*="devider-"] { margin: 0 !important; } article.post-mini.devider-top:before { margin: 15px 0; } article.post-mini:last-child { margin-bottom: 0; } article.post-mini .post-heading { width: 75px; float: left; } article.post-mini .post-content { margin-left: 90px; margin-top: 0; } article.post-mini .title { display: table; min-height: 75px; height: 75px; vertical-align: middle; margin-bottom: 0; } article.post-mini .title h2 { display: table-cell; line-height: 1.1; vertical-align: middle; font-weight: normal; } /* :: ::::::::::::::::::: :: */ /* :: POST TYPE :: Latest :: */ /* :: ::::::::::::::::::: :: */ article.post-latest { margin-bottom: 30px; } article.post-latest .post-heading { margin-bottom: 30px; } article.post-latest .post-content .text > *:last-child, article.post-latest .post-content > *:last-child { margin-bottom: 0; } article.post-latest .meta span[class*="meta-"]:before { color: #e5e5e5; } /* :: ::::::::::::::::::::: :: */ /* :: POST TYPE :: Carousel :: */ /* :: ::::::::::::::::::::: :: */ .carousel > .post { margin-bottom: 0; } /* Clear all marging */ .posts .post-content > *:last-child, .posts .post-content .content-right > *:last-child, .posts .text > *:last-child, .posts .text a.btn { margin-bottom: 0; } .posts > article:first-child:before { display: none; } /* :: :::::::::::::::::::::: :: */ /* :: PROJECT TYPE :: Single :: */ /* :: :::::::::::::::::::::: :: */ article.project-single { margin-bottom: 30px; } article.project-single .project-heading { } .project-heading { position: relative; } .project-heading .thumbnail, .project-heading .teaser { margin: 0; } .project .thumbnail { overflow: hidden; } article.project-single .heading-left { margin-right: 130px; } article.project-single .heading-left > *:last-child { margin-bottom: 0; } article.project-single .heading-right { width: 80px; float: right; } @media (max-width: 767px) { .our-products, .upcoming-products { padding: 50px 15px; } .section-title h2 { font-size: 24px; margin-bottom: 30px; } .product-size { font-size: 13px; padding: 5px 12px; } article.project-single .heading-left { margin-right: 0; } article.project-single .heading-right { width: auto; float: none; } } /* Actions */ .project-action { margin: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; } .project-action li { list-style-type: none; position: absolute; float: left; top: 50%; margin-top: -18px; margin-left: 12px; opacity: 0; left: 50%; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .project-action li + li { margin-left: -48px; } .project.active .project-action li, .project:hover .project-action li { opacity: 1; margin-left: 2px; } .project.active .project-action li + li, .project:hover .project-action li + li { margin-left: -38px; } /* :: :::::::::::::::::::: :: */ /* :: PROJECT TYPE :: Grid :: */ /* :: :::::::::::::::::::: :: */ .project-animated .project-heading { overflow: hidden; } .project-animated .project-content { position: absolute; background-color: rgba(255,255,255,0.6); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); bottom: -200px; width: 100%; padding: 10px; } .project-animated { position: relative; overflow: hidden; } .project-animated .project-content .title { margin-bottom: 0; display: block; color: #2d343e; margin-right: 40px; } .project-animated .project-content .title .desc { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 5px; font-size: 13px; } .project-animated .project-content .meta { float: right; margin: 0; margin-top: 2px; } .project-animated .project-content .meta, .project-animated .project-content .meta span:before { color: #2d343e; } /* Full width */ .container-full-width > .grid-wrap { margin-right: 30px; margin-left: 30px; padding-top: 30px; } .container-full-width > .grid-wrap.grid-no-margins { margin-right: 0; margin-left: 0; padding-top: 0; } .container-full-width > .grid-wrap.grid-no-margins .grid { margin-bottom: 0; } /* .container-full-width .projects.grid { margin-left: 0; margin-top: 15px; margin-right: 15px; } .container-full-width .projects.grid > * { margin-left: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .container-full-width .projects.grid { margin-top: 30px; margin-right: 30px; } .container-full-width .projects.grid > * { margin-left: 30px; margin-bottom: 30px; } } @media (min-width: 1400px) { body > *:not(#boxed) .container-full-width .projects.grid { margin-top: 50px; margin-right: 50px; } body > *:not(#boxed) .container-full-width .projects.grid > * { margin-left: 50px; margin-bottom: 50px; } }*/ /* :: :::::::::::::::::::::: :: */ /* :: PROJECT TYPE :: Latest :: */ /* :: :::::::::::::::::::::: :: */ .project-default { text-align: center; } .project-default .project-heading { margin-bottom: 20px; } .project-default .meta { color: #999; } .project-default .meta span[class*="meta-"]:before { color: #e5e5e5; } .project-default .project-content .title { margin-bottom: 0; } /* Inside */ .container-dark .project-default .project-heading, .container-image .project-default .project-heading { background-color: rgba(255,255,255,0.1); padding: 5px; position: relative; } .container-dark .project-default .project-heading:after, .container-image .project-default .project-heading:after { position: absolute; left: 50%; margin-left: -10px; width: 0; bottom: -10px; content: ''; height: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(255,255,255,0.1); } .container-dark .project-default .meta span[class*="meta-"]:before, .container-image .project-default .meta span[class*="meta-"]:before { opacity: 0.1; } /* :: :::::::::::::::::::::::: :: */ /* :: PROJECT TYPE :: Carousel :: */ /* :: :::::::::::::::::::::::: :: */ .project-carousel .teaser { margin: 0; } /* :: ::::::::::: :: */ /* :: PAGE :: 404 :: */ /* :: ::::::::::: :: */ body.page-404 #content h1, body.page-404 #content h2 { line-height: 1.2; text-align: center; font-size: 200px; } body.page-404 #content h2 { font-size: 50px; } @media (max-width: 767px) { body.page-404 #content h1 { font-size: 100px; } body.page-404 #content h2 { font-size: 42px; } } /* :: ::::::::::::::: :: */ /* :: PAGE :: Contact :: */ /* :: ::::::::::::::: :: */ .contact-switcher { position: relative; display: inline-block; width: 100%; } #content > .contact-switcher { margin-top: -80px; margin-bottom: -80px; } address { font-style: normal; margin-bottom: 15px; } address .row { margin-bottom: 10px; } @media (min-width: 768px) { address { margin-bottom: 30px; } } address b { color: #2d343e; } /* Map */ #googlemaps { height: 500px; width: 100%; line-height: inherit; } #googlemaps.map-cover { left: 0; top: 0; height: 100%; width: 100%; position: absolute; line-height: inherit; } #googlemaps img { max-width: inherit; } #googlemaps .gm-style div { font: 13px/20px 'Open Sans', sans-serif; } #googlemaps .gm-style-iw address { width: 300px; margin-left: 15px; margin-right: 15px; margin-bottom: 10px; } #googlemaps .gm-style-iw address .row { margin-top: 10px; } #googlemaps .gm-style-iw h4 { margin-left: 10px; margin-top: 10px; margin-bottom: 15px; } .contact-switcher .btn.to-form, .contact-switcher .btn.to-contact { margin-bottom: 15px; } .contact-switcher .address, .contact-switcher .form { top: 0; width: 96%; margin-left: 2%; margin-right: 2%; margin-top: 60px; margin-bottom: 60px; position: absolute; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Address */ .contact-switcher .address { left: -100%; } .address-inner { background-color: #fff; padding: 15px; padding-bottom: 0; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px rgba(0,0,0,0.2); display: inline-block; width: 100%; } /* Form */ .contact-switcher .form { left: 100%; } .form-inner { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px rgba(0,0,0,0.2); background: url("../img/form-bg.jpg"); padding: 15px; margin-bottom: 30px; animation: animatedBackground 20s linear infinite; -webkit-animation: animatedBackground 20s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; } .form .form-inner { margin-bottom: 0; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .form-inner { background-image: url("../img/form-bg@2x.jpg"); background-size: 170px 170px; } } .form-inner form { background-color: #fff; padding: 15px; padding-bottom: 0; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2); position: relative; display: inline-block; width: 100%; } #respond { display: inline-block; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; } .form-inner.sending { -webkit-animation-play-state: running; animation-play-state: running; } @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } @-webkit-keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } .contact-switcher .address.current, .contact-switcher .form.current { position: relative; left: 0; } @media (min-width: 768px) { .address-inner, .form-inner form { padding: 30px; padding-bottom: 0; } .contact-switcher .btn.to-form, .contact-switcher .btn.to-contact { margin-bottom: 30px; } .contact-switcher .address, .contact-switcher .form { margin-top: 80px; margin-bottom: 80px; } .contact-switcher .address { width: 400px; left: -50%; margin-left: -360px; } #boxed .contact-switcher .address { margin-left: -345px; } .contact-switcher .form { width: 720px; margin-left: -360px; left: 150%; } #boxed .contact-switcher .form { width: 690px; margin-left: -345px; } .contact-switcher .address.current, .contact-switcher .form.current { left: 50%; } } @media (min-width: 992px) { .contact-switcher .address { width: 400px; margin-left: -470px; } #boxed .contact-switcher .address { margin-left: -455px; } .contact-switcher .form { width: 800px; margin-left: -400px; } } @media (min-width: 1200px) { body:not(.w970) .contact-switcher .address { margin-left: -570px; } body:not(.w970) #boxed .contact-switcher .address { margin-left: -555px; } } /* :: :::::::::::::::: :: */ /* :: PAGE :: Our team :: */ /* :: :::::::::::::::: :: */ /* Memeber */ .member { text-align: center; } .member-heading { margin-bottom: 20px; } .member-heading .title, .member-heading .userpic { vertical-align: middle; } .member-heading .title { margin-bottom: 0; display: inline-block; text-align: center; width: 100%; margin-top: 20px; } .member-heading .title > * { margin: 0; font-weight: 600; } .member-heading .title .btn { margin-top: 10px; } .member-heading .title p { margin-top: 5px; color: #999; font-weight: normal; } .member-heading .userpic { max-width: 60%; display: inline-block; overflow: hidden; border-radius: 10px; } .member-heading .userpic img { max-width: 100%; height: auto; } .member-heading .social { vertical-align: middle; margin-left: 20px; display: inline-block; text-align: center; position: relative; width: 50px; } .member-heading .social:before { content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #2d343e; top: 50%; margin-top: -8px; left: -8px; } .member-heading .social li { display: block; margin: 0; } .member-content p.like { position: relative; padding-top: 35px; font-weight: normal; font-style: italic; color: #FF3B30; } .member-content p.like:before { font-style: normal; position: absolute; font-family: FontAwesome; content: "\f004"; color: #FF3B30; font-size: 20px; left: 50%; margin-left: -20px; top: 0; width: 40px; height: 30px; line-height: 30px; } /* :: :::::::::::::::: :: */ /* :: PAGE :: About Us :: */ /* :: :::::::::::::::: :: */ /* Timeline */ .timeline > ol { position: relative; padding-bottom: 5px; } .timeline > ol:before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; background-color: #f1f1f1; height: 100%; } .timeline > ol > li { list-style-type: none; clear: both; position: relative; margin: 0; padding: 15px 0; min-height: 150px; } .timeline-content { position: relative; display: inline-block; background-color: #f9f9f9; border: 1px solid #f1f1f1; } .timeline-content .article-date { margin-bottom: 0; } .timeline li.even .timeline-content .title, .timeline li.even .timeline-content .content { margin-left: 30px; margin-right: 30px; } @media (min-width: 768px) { .timeline > ol:before { display: none; } .timeline li.even { margin-left: 50%; left: -1px; border-left: 1px solid #f1f1f1; } .timeline li.odd { margin-right: 50%; text-align: right; border-right: 1px solid #f1f1f1; } .timeline li.even .timeline-content { border-left: none; } .timeline li.odd .timeline-content { border-right: none; } .timeline-content { padding-top: 30px; } .timeline-content .article-date { position: absolute; z-index: 1; top: 0; margin-bottom: 0; } .timeline li.even .timeline-content .article-date { left: -40px; } .timeline li.odd .timeline-content .article-date { right: -40px; } .timeline li.even .timeline-content .title, .timeline li.even .timeline-content .content { margin-left: 50px; margin-right: 30px; } .timeline li.odd .timeline-content .title, .timeline li.odd .timeline-content .content { margin-left: 30px; margin-right: 50px; } .timeline-content .thumbnail { margin-top: -30px; } } .timeline li.year { background-color: transparent; font-size: 16px; color: #fff; min-height: 0; text-align: center; padding: 0; height: 80px; line-height: 80px; width: 80px; margin: 0 auto; } /* Clients */ .clients.carousel .client { display: inline-block; vertical-align: middle; float: none; position: relative; text-align: center; } /* :: ::::::::::::: :: */ /* :: PAGE :: Login :: */ /* :: ::::::::::::: :: */ .page-login-register .side-options .side-options-heading { background-color: #f1f1f1; } .page-login-register .side-options .side-options-heading a, .page-login-register .side-options .side-options-heading a span { color: #2d343e; } .page-login-register { background-color: #2d343e; } .page-login-register #login-register { padding: 8% 0 0; margin: auto; text-align: center; } /* Logo */ .page-login-register .logo { display: inline-block; opacity: 0.4; margin-bottom: 30px; } .page-login-register .logo:hover { opacity: 0.9; } /* Tab */ .page-login-register #login-register > div { text-align: left; } #recovery { display: inline-block; width: 100%; opacity: 0; position: relative; left: -30px; display: none; } #recovery > hr { margin-top: 0; } #recovery .recovery-close { float: right; font-size: 18px; line-height: 1; } #login-register.modal .close { position: absolute; top: 10px; right: 15px; } /* :: :::::: :: */ /* :: FOOTER :: */ /* :: :::::: :: */ #footer { padding-top: 50px; position: relative; clear: both; background-color: #2d343e; color: rgba(255, 255, 255, 0.3); border-top: 5px solid rgba(255,255,255,0.1); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #fff; } #footer a { color: rgba(255, 255, 255, 0.3); } #footer a:hover { color: rgba(255, 255, 255, 1); } #footer .form-field label { color: rgba(255, 255, 255, 0.3); } #footer textarea, #footer .form-control { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; color: #fff; } /* Logo */ #footer .logo { opacity: 0.4; } #footer .logo:hover { opacity: 0.9; } #footer .logo img { width: 140px; height: auto; } /* Nav */ #footer ul.nav { } #footer ul.nav li { display: inline-block; list-style-type: none; } #footer ul.nav li + li { margin-left: 20px; } #footer ul.nav li a { text-transform: uppercase; display: block; } /* Touch */ #footer .touch { } #footer .touch li { display: inline-block; font-size: 12px; list-style-type: none; } #footer .touch li + li { margin-left: 10px; } #footer .touch li > * { line-height: 1.2; margin: 0; display: inline-block; vertical-align: middle; } #footer .touch li i { line-height: 1; margin-right: 5px; font-size: 36px; } #footer .touch li span { padding: 0 5px; } /* Social */ #footer .social { text-align: left; } #footer .social li { display: inline-block; list-style-type: none; vertical-align: middle; font-size: 22px; } #footer .social li { margin-left: 5px } #footer .social li .icomoon-youtube { font-size: 30px; } #footer .social li a { display: block; } @media (max-width: 991px) { #footer .social, #footer .touch { text-align: center; } } /* Credits */ #footer .credits { color: #fff; padding: 15px 0; background-color: rgba(255,255,255,0.1); text-align: center; font-size: 13px; } #footer .credits a { color: rgba(255, 255, 255, 0.5); } #footer .credits a:hover { color: rgba(255, 255, 255, 1); } #footer .credits span { padding: 0 10px; color: rgba(255, 255, 255, 0.5); } /* :: :::::: :: */ /* :: TO TOP :: */ /* :: :::::: :: */ #toTop { margin-bottom: -60px; padding: 0; color: #fff; border-radius: 3px; right: 10px; bottom: 10px; z-index: 2500; width: 40px; height: 40px; position: fixed; border-radius: 50%; -webkit-transition: margin-bottom 0.2s ease-out, background-color 0.1s linear; transition: margin-bottom 0.2s ease-out, background-color 0.1s linear; } #toTop:active { top: auto; left: auto; right: 9px; bottom: 9px; } html.scroll #toTop { margin-bottom: 0; } /* Push */ .push { height: 50px; } body .push-bottom { margin-bottom: 50px; } body .push-top { margin-top: 50px; } .push.push-big { height: 80px; } .row + .push { height: 20px; } .row + .push.push-big { height: 50px; } /* :: ::::::: :: */ /* :: Animate :: */ /* :: ::::::: :: */ *[data-animate*="In"] { opacity: 0; } .animated.done[data-animate*="In"] { opacity: 1; } .hinge, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .slideInDown, .slideInLeft, .slideInRight, .slideInUp { opacity: 1; } .animated.done[data-animate*="Out"], .animated.done[data-animate*="hinge"] { opacity: 0; } /*Catelog CSS*/ .brochureContainer { clear: both; display: block; margin: 40px 0; overflow: hidden; width: 100%; } .brochureContainer .brochureBlock { float: left; margin-bottom: 3%; margin-right: 3%; overflow: hidden; position: relative; width: 46.5%; } } .brochureContainer .brochureBlock:nth-of-type(2n) { margin-right: 0; } .brochureBlock img { display: block; width: 100%; } .dwnloadbtn { background: #d60a76 none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 12px; line-height: 20px; padding: 15px 20px; position: absolute; right: 0; text-align: right; text-transform: uppercase; transition: background 0.3s ease 0s; z-index: 1; } .dwnloadbtn strong { display: block; font-size: 17px; font-weight: 800; line-height: 17px; } .dwnloadbtn::before { border-right: 20px solid #b2015d; border-top: 20px solid rgba(0, 0, 0, 0); content: ""; left: -20px; position: absolute; top: 0; transition: border 0.3s ease 0s; z-index: -1; } .dwnloadbtn::after { background: #d60a76 none repeat scroll 0 0; content: ""; height: 100px; left: -20px; position: absolute; top: 20px; transition: background 0.3s ease 0s; width: 40%; z-index: -1; } .brochureContainer .brochureBlock:hover .dwnloadbtn { background-color: #333333; } .brochureContainer .brochureBlock:hover .dwnloadbtn::after { background-color: #333333; } .brochureContainer .brochureBlock:hover .dwnloadbtn::before { border-right-color: #000000; } .brochurePage .navContainer { position: absolute; } .tableMailRaw { background: #4E9AF8; } .pdf-container { padding: 20px 10px; } /* Tabs */ .pdf-tabs { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 15px 0; border-bottom: 2px solid #ddd; } .pdf-tabs li { padding: 10px 16px; cursor: pointer; background: #f5f5f5; margin-right: 5px; border-radius: 6px 6px 0 0; font-weight: 600; font-size: 14px; } .pdf-tabs li.active { background: #ffffff; border: 2px solid #ddd; border-bottom: none; } /* PDF Viewer */ .pdf-viewer { width: 100%; height: 80vh; border: 2px solid #ddd; border-radius: 6px; overflow: hidden; } .pdf-viewer iframe { width: 100%; height: 100%; border: none; } /* Mobile */ @media (max-width: 768px) { .pdf-tabs li { font-size: 13px; padding: 8px 12px; } .pdf-viewer { height: 70vh; } } /* :: :: Theme : Jets :: Theme URI : http://labs.funcoders.com/html/Jets :: File : theme-elements.css :: About : Shortcodes styles :: Version : 1.4.1 NOTE!!! Do not edit this file. Use another stylesheet file for changing this or creating new styles. !!! :: */ .iconbox{margin-bottom:30px;text-align:center;display:block;-webkit-backface-visibility:hidden}.iconbox .iconbox-heading{margin-bottom:20px}.iconbox .iconbox-heading .icon{text-align:center;height:100px;line-height:0;font-size:60px;margin-bottom:20px;color:#2d343e;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:1}.iconbox .iconbox-heading .icon i,.iconbox .iconbox-heading .icon span{line-height:100px}.iconbox .iconbox-heading .icon img{max-width:100%;max-height:100%;height:auto;width:auto}.iconbox .iconbox-content .title>*,.iconbox .iconbox-heading .title,.iconbox .iconbox-heading .title>*{margin:0}.iconbox .iconbox-content .thumbnail{width:90px;display:inline-block}.iconbox.iconbox-style1 .iconbox-heading{font-size:0;display:table;width:100%}.iconbox.iconbox-style1 .iconbox-heading>*{display:inline-block;vertical-align:middle;width:50%;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.iconbox.iconbox-style1 .iconbox-heading .icon{padding-right:15px;position:relative;height:100px;margin:0;font-size:60px}.iconbox.iconbox-style1 .iconbox-heading .icon:before{top:10%;right:0;position:absolute;height:80%;width:1px;content:"";background-color:#f1f1f1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.iconbox.iconbox-style1:hover .iconbox-heading .icon:before{-webkit-transform:rotate(0);transform:rotate(0)}.iconbox.iconbox-style1 .iconbox-heading .icon span{font-size:50px}.iconbox.iconbox-style1 .iconbox-heading .title{padding-left:15px}.iconbox.iconbox-style2 .icon,.iconbox.iconbox-style3 .icon{margin-left:auto;margin-right:auto;width:100px;padding:20px;position:relative}.iconbox.iconbox-style2 .iconbox-heading .icon:after,.iconbox.iconbox-style2 .iconbox-heading .icon:before,.iconbox.iconbox-style3 .iconbox-heading .icon:after,.iconbox.iconbox-style3 .iconbox-heading .icon:before{z-index:-1;left:0;top:0;height:100%;width:100%;content:"";position:absolute;background-color:#f9f9f9;border:1px solid #f1f1f1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.iconbox.iconbox-style2 .iconbox-heading .icon:after,.iconbox.iconbox-style3 .iconbox-heading .icon:after{opacity:.9}.iconbox.iconbox-style3 .icon{margin-bottom:40px}.iconbox.iconbox-style2:hover .iconbox-heading .icon:before{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.iconbox.iconbox-style2:hover .iconbox-heading .icon:after{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.iconbox.iconbox-style3 .iconbox-heading .icon:before{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.iconbox.iconbox-style3 .iconbox-heading .icon:after{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.iconbox.iconbox-style3:hover .iconbox-heading .icon:after,.iconbox.iconbox-style3:hover .iconbox-heading .icon:before{-webkit-transform:rotate(0);transform:rotate(0)}.iconbox.iconbox-style4 .iconbox-heading .icon,.iconbox.iconbox-style5 .iconbox-heading .icon{text-align:center;margin-left:auto;margin-right:auto;width:100px;padding:20px;background-color:#f9f9f9;border:1px solid #f1f1f1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.iconbox.iconbox-style4:hover .iconbox-heading .icon,.iconbox.iconbox-style5:hover .iconbox-heading .icon{background-color:#fff}.iconbox.iconbox-style4 .iconbox-heading .icon{border-radius:50%}.iconbox.iconbox-style4 .iconbox-heading .icon img{padding-top:10px;padding-bottom:10px}.iconbox.iconbox-list{text-align:left}.iconbox.iconbox-list .iconbox-heading{margin-bottom:0;width:auto;float:left}.iconbox.iconbox-list .iconbox-heading .icon{height:50px;width:50px;margin:0;padding:0}.iconbox.iconbox-list .iconbox-heading .icon img{padding:0}.iconbox.iconbox-list .iconbox-heading .icon i,.iconbox.iconbox-list .iconbox-heading .icon span{line-height:40px;font-size:30px}.iconbox.iconbox-list .iconbox-content{margin-left:65px}.iconbox.iconbox-list .iconbox-content .title{margin-bottom:10px}.iconbox.iconbox-style1.iconbox-list .iconbox-heading .icon img{padding:8px}.iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon,.iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon{height:40px;width:40px;padding:10px}.iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon span,.iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon span{line-height:40px}.iconbox.iconbox-style2.iconbox-list .iconbox-content,.iconbox.iconbox-style3.iconbox-list .iconbox-content{margin-left:80px}.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon,.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon{padding:5px;height:40px;width:40px;font-size:26px}.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon img,.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon img{padding:5px}.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon span,.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon span{line-height:40px}.container-out.container-dark .iconbox .iconbox-heading .icon,.container-out.container-image .iconbox .iconbox-heading .icon{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.container-dark .iconbox.iconbox-style1 .iconbox-heading .icon:before,.container-image .iconbox.iconbox-style1 .iconbox-heading .icon:before{opacity:.1}.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after,.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before,.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after,.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before,.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after,.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before,.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after,.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before{border:none}.container-dark .iconbox.iconbox-style4 .iconbox-heading .icon,.container-dark .iconbox.iconbox-style5 .iconbox-heading .icon,.container-image .iconbox.iconbox-style4 .iconbox-heading .icon,.container-image .iconbox.iconbox-style5 .iconbox-heading .icon{background-color:rgba(255,255,255,.1);border-color:transparent}.container-dark .iconbox.iconbox-style4:hover .iconbox-heading .icon,.container-dark .iconbox.iconbox-style5:hover .iconbox-heading .icon,.container-image .iconbox.iconbox-style4:hover .iconbox-heading .icon,.container-image .iconbox.iconbox-style5:hover .iconbox-heading .icon{background-color:transparent;border-color:rgba(255,255,255,.1)}.container-light .iconbox.iconbox-style2 .iconbox-heading .icon:after,.container-light .iconbox.iconbox-style2 .iconbox-heading .icon:before,.container-light .iconbox.iconbox-style3 .iconbox-heading .icon:after,.container-light .iconbox.iconbox-style3 .iconbox-heading .icon:before,.container-light .iconbox.iconbox-style4 .iconbox-heading .icon,.container-light .iconbox.iconbox-style5 .iconbox-heading .icon{background-color:#fff}.teaser{position:relative;display:inline-block;margin-bottom:30px;-webkit-backface-visibility:hidden}.teaser .teaser-img{overflow:hidden}.teaser .teaser-img img{max-width:100%;width:100%;height:auto}.teaser .teaser-bg{width:100%;height:100%;left:0;top:0;position:absolute;background-color:#fff;opacity:0;z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-backface-visibility:hidden}.teaser .teaser-info{position:absolute;margin:0 15px;left:0;right:0;margin-top:-25px;top:50%;z-index:2;color:#282e3a;text-align:center;opacity:0;-webkit-transition:all .2s .1s ease-in-out;transition:all .2s .1s ease-in-out;-webkit-backface-visibility:hidden}.teaser-info .title>*{color:#282e3a}.teaser-info .title:last-child{margin-bottom:0}.teaser-info .btn+.btn{margin-left:5px}.teaser.teaser-in .teaser-info{-webkit-transform:scale(0.7);transform:scale(0.7)}.teaser.teaser-in .teaser-bg{-webkit-transform:scale(0.9);transform:scale(0.9)}.teaser.teaser-out .teaser-info{-webkit-transform:scale(1.3);transform:scale(1.3)}.teaser.teaser-out .teaser-bg{-webkit-transform:scale(1.1);transform:scale(1.1)}.teaser.teaser-up .teaser-info{top:40%}.teaser.teaser-up .teaser-bg{top:-10%}.teaser.teaser-right .teaser-bg,.teaser.teaser-right .teaser-info{left:10%}.teaser.teaser-down .teaser-info{top:60%}.teaser.teaser-down .teaser-bg{top:10%}.teaser.teaser-left .teaser-bg,.teaser.teaser-left .teaser-info{left:-10%}.teaser:hover .teaser-bg,.teaser:hover .teaser-info{left:0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.teaser:hover .teaser-info{top:50%}.teaser:hover .teaser-bg{opacity:.6;top:0}.alert,.message{position:relative;margin-bottom:30px;padding:30px;padding-bottom:10px;border:1px solid transparent;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.alert .alert-heading h4,.message .message-heading h4{color:#fff;margin-top:0;font-weight:600}.alert .alert-heading i{width:50px;height:50px;border:5px solid #fff;display:inline-block;line-height:45px;text-align:center;font-size:26px;margin-right:10px;vertical-align:middle}.alert .alert-heading span{display:inline-block;vertical-align:middle}.alert .close,.message .close{float:right}.alert.animated .alert-heading i{-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}@keyframes "pulsate"{0%{-webkit-transform:scale(0.7,.7);transform:scale(0.7,.7);opacity:0}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}}@-webkit-keyframes "pulsate"{0%{-webkit-transform:scale(0.7,.7);transform:scale(0.7,.7);opacity:0}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}}.alert.alert-warning{color:#2d343e;text-shadow:none;background-color:#ffd633;border-color:#fc0}.alert.alert-warning h4{color:#2d343e}.alert.alert-warning .alert-heading i{border-color:#2d343e}.alert.alert-success{background-color:#33c570;border-color:#00B74C}.alert.alert-error{background-color:#ff6259;border-color:#ff3b30}.alert.alert-info{background-color:#5dbbe3;border-color:#34aadc}.message{color:inherit;text-shadow:none;background-color:#f9f9f9;border:1px solid #f1f1f1}.message .message-heading h4{color:#2d343e}.call2action{background-color:#f9f9f9;border:1px solid #f1f1f1;margin-bottom:30px;text-align:center}.call2action>div{padding:30px;padding-bottom:0;display:block}.call2action .btn{margin-bottom:30px}.call2action .btn .icon{font-size:30px}.call2action .btn .icon+span,.call2action .btn span+.icon{margin-left:20px}.call2action .btn>*{display:inline-block;vertical-align:middle}.call2action.call2action-left,.call2action.call2action-right{display:table;width:100%;text-align:left}.call2action.call2action-left>div,.call2action.call2action-right>div{display:table-cell;vertical-align:middle}.call2action.call2action-left .call2action-heading,.call2action.call2action-right .call2action-content{width:1%;white-space:nowrap}.call2action.call2action-colored{text-shadow:1px 1px 0 rgba(0,0,0,.1);color:#fff}.call2action.call2action-colored .title>*{color:#fff}.call2action.call2action-colored .btn{color:#2d343e;background-color:#fff;border-color:#fff}.call2action.call2action-colored .btn:hover{color:#2d343e;background-color:#f9f9f9;border-color:#f9f9f9}.call2action.call2action-colored .btn:active{border-color:#fff}.call2action.call2action-colored a{color:#fff;text-decoration:underline}.call2action.call2action-colored a:hover{text-decoration:none}.call2action.full-width{border:none;margin:0;background-color:transparent}.call2action.full-width>div{padding:0}.call2action.full-width.call2action-left .call2action-heading,.call2action.full-width.call2action-right .call2action-heading{padding-right:30px}.call2action.full-width.call2action-left .call2action-content,.call2action.full-width.call2action-right .call2action-content{padding-left:30px}@media (max-width:767px){.call2action>div{display:block!important;text-align:center;width:100%!important}.call2action.full-width>div{padding-right:0!important;padding-left:0!important}.call2action>.call2action-content{text-align:center!important}}.testimonial-wrap{opacity:0;position:relative;margin-bottom:30px;overflow:hidden;height:100px}.testimonial-nav{position:absolute;z-index:2;bottom:90px;margin:0;left:50%;margin-left:-100px;width:200px}.testimonial-nav li{float:right;display:inline-block}.testimonial-nav li:first-child{float:none}.testimonial-nav li a.btn{width:36px;height:36px;line-height:36px}.testimonial-outer{position:relative;padding-bottom:7px}.testimonial-outer:after,.testimonial-outer:before{bottom:-1px;left:50%;margin-left:-8px;content:'';position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #f1f1f1}.testimonial-outer:after{bottom:0;border-top-color:#f9f9f9}.testimonial-inner{border:1px solid #f1f1f1;background-color:#f9f9f9;padding-bottom:20px}.testimonial{padding:0;margin:0}.testimonial>li{display:block;float:left;margin:0}.testimonial-content{text-align:center;font-style:italic;padding:30px;padding-bottom:0;position:relative;font-size:14px;line-height:24px}.testimonial-content p{line-height:24px}.testimonial .testimonial-heading{display:none}.testimonial-heading{margin-top:20px;width:100%;bottom:0;position:absolute;opacity:0;padding:0 20px;text-align:center}.testimonial-heading.current{left:0;position:relative;opacity:1}.testimonial-heading>*{margin:0;display:inline-block;vertical-align:middle;clear:both}.testimonial-heading .userpic{border-radius:50%;overflow:hidden;width:100px;height:100px;margin-bottom:10px}.testimonial-heading .title{width:100%;text-align:center}.testimonial-heading .title>*{margin:0}.testimonial-heading .title .position{color:#888}.testimonial-heading .title .position:before{content:"- "}.testimonial-heading .title .position:after{content:" -"}.testimonial-pagi{margin-top:20px;text-align:center}.testimonial-pagi a{vertical-align:middle;display:inline-block;width:15px;height:15px;border-radius:2px;text-indent:-99999px;margin:0 2px;position:relative;cursor:pointer;border:1px solid #f1f1f1;background-color:#f9f9f9}.testimonial-pagi a.selected,.testimonial-pagi a:hover{background-color:#fff}.testimonial-wrap.testimonial-left .testimonial-heading{text-align:left}.testimonial-wrap.testimonial-right .testimonial-heading{text-align:right}.testimonial-wrap.testimonial-left .testimonial-heading .title,.testimonial-wrap.testimonial-right .testimonial-heading .title{width:auto}.testimonial-wrap.testimonial-left .testimonial-heading .userpic{margin-bottom:0;margin-right:10px}.testimonial-wrap.testimonial-right .testimonial-heading .userpic{margin-bottom:0;margin-left:10px}.testimonial-wrap.testimonial-left .testimonial-outer:after,.testimonial-wrap.testimonial-left .testimonial-outer:before{left:70px}.testimonial-wrap.testimonial-right .testimonial-outer:after,.testimonial-wrap.testimonial-right .testimonial-outer:before{left:auto;right:62px}.testimonial-wrap.testimonial-left .testimonial-nav,.testimonial-wrap.testimonial-right .testimonial-nav{bottom:112px;width:76px;margin-left:inherit;left:auto}.testimonial-wrap.testimonial-right .testimonial-nav{left:15px}.testimonial-wrap.testimonial-left .testimonial-nav{right:15px}.testimonial-wrap.testimonial-colored .testimonial-inner{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.testimonial-wrap.testimonial-colored .testimonial-nav a{border:1px solid #2d343e;background-color:#2d343e;color:#fff}.testimonial-wrap.testimonial-colored .testimonial-nav a:hover{background-color:#535861}.testimonial-wrap.testimonial-colored .testimonial-pagi a{border-color:#2d343e;background-color:#2d343e}.testimonial-wrap.testimonial-colored .testimonial-pagi a.selected,.testimonial-wrap.testimonial-colored .testimonial-pagi a:hover{border-color:#535861;background-color:#535861}.container-out.container-image .testimonial-inner{color:#fff;border:none;background-color:transparent}.container-out.container-image .testimonial-content{padding:0}.container-out.container-image .testimonial-pagi{margin-top:0}.container-out.container-image .testimonial-heading{margin-top:30px}.container-out.container-image .testimonial-outer:after,.container-out.container-image .testimonial-outer:before{display:none}.container-out.container-image .testimonial-pagi a{border-color:#fff;background-color:#fff;opacity:.4}.container-out.container-image .testimonial-pagi a.selected,.container-out.container-image .testimonial-pagi a:hover{opacity:.9}.container-out.container-image .testimonial-heading .title .position{color:#fff;opacity:.4}.tab{margin-bottom:30px;*zoom:1;line-height:0}.tab>*{line-height:20px}.tab img{max-width:100%;height:auto}.tab-heading{font-size:0;list-style-type:none;padding:0;margin:0;border:1px solid #f1f1f1;background-color:#fff;border-bottom:none;display:inline-block}.tab-heading li{position:relative;vertical-align:top;display:inline-block;border-bottom:1px solid #f1f1f1}.tab-heading li+li{border-left:1px solid #f1f1f1}.tab-heading li>*{margin:0;font-size:14px}.tab-heading li a{padding:20px 30px;display:block}.tab-heading li.current{border-bottom:1px solid #f9f9f9}.tab-heading li a:hover,.tab-heading li.current a{color:#2d343e;background-color:#f9f9f9}.tab-content{margin-top:-1px;padding:0;background-color:#f9f9f9;border:1px solid #f1f1f1}.tab-content:after,.tab-content:before,.tab:after,.tab:before{display:table;content:"";line-height:0}.tab-content:after,.tab:after{clear:both}.tab-content>div{padding:30px;padding-bottom:0;display:none;opacity:0;position:relative}.tab-content>div.current{display:block;opacity:1}.tab.tab-full-width .tab-heading{display:table;width:100%}.tab.tab-full-width .tab-heading li{display:table-cell;text-align:center}.tab.tab-vertical .tab-heading{border-right:none}.tab.tab-vertical .tab-heading li{display:block;border-bottom:1px solid #f1f1f1;border-left:none}.tab.tab-vertical .tab-content{margin-top:0}@media (max-width:767px){.tab.tab-vertical .tab-heading[class*=col-sm]{display:block;border-right:1px solid #f1f1f1;border-bottom:none}.tab.tab-vertical .tab-content[class*=col-sm]{border-top:none}}@media (max-width:991px){.tab.tab-vertical .tab-heading[class*=col-md]{display:block;border-right:1px solid #f1f1f1;border-bottom:none}.tab.tab-vertical .tab-content[class*=col-md]{border-top:none}}@media (max-width:1199px){.tab.tab-vertical .tab-heading[class*=col-lg]{display:block;border-right:1px solid #f1f1f1;border-bottom:none}.tab.tab-vertical .tab-content[class*=col-lg]{border-top:none}}.tab.tab-colored .tab-heading{text-shadow:1px 1px 0 rgba(0,0,0,.1)}.tab.tab-colored .tab-heading li a,.tab.tab-colored .tab-heading li.current a,.tab.tab-colored .tab-heading li:hover a{color:#fff}.tab.tab-colored .tab-content{margin-top:0}.accordion{margin-bottom:30px}.accordion>div{overflow:hidden}.accordion .accordion-heading{cursor:pointer;position:relative;display:inline-block;width:100%}.accordion>div+div .accordion-heading{border-top:1px solid #f1f1f1}.accordion .accordion-heading>*{margin:0}.accordion .accordion-heading a{padding:20px 0;padding-left:50px;display:block;color:#2d343e}.accordion .accordion-heading a:before{content:'';z-index:2;position:absolute;width:1px;top:15px;bottom:15px;left:30px}.accordion .accordion-heading i{text-align:right;height:20px;line-height:20px;position:absolute;top:50%;float:left;width:10px;left:5px;margin-top:-10px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.accordion .accordion-heading:hover i,.accordion .active .accordion-heading i{left:12px}.accordion .active .accordion-heading i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion .accordion-content{display:none;clear:both;padding:20px 10px 0 30px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.accordion .accordion-content .text{padding-left:20px;border-left:1px solid #f1f1f1}.accordion .active .accordion-content{opacity:1;display:block}.accordion.accordion-colored{background-color:#f9f9f9}.accordion.accordion-colored .accordion-heading{text-shadow:1px 1px 0 rgba(0,0,0,.1)}.accordion.accordion-colored .accordion-heading i{left:12px}.accordion.accordion-colored .accordion-heading a{color:#fff}.accordion .accordion-heading a:before{background-color:rgba(255,255,255,.2)}.accordion.accordion-colored .accordion-heading a:hover,.accordion.accordion-colored .active .accordion-heading a{color:#fff}.slider-wrap{position:relative;opacity:0;margin-bottom:30px;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.slider-wrap.created{opacity:1}.slider{display:inline-block;opacity:0;height:30px}.slider-wrap.created .slider{opacity:1}.slider>*{display:block;width:100%;float:left}.slider>* img{max-width:100%;width:100%;height:auto}.slider-nav{left:50%;margin-left:-38px;top:50%;margin-top:-18px!important;position:absolute;z-index:2}.slider-nav li{list-style-type:none;float:left;position:relative;left:-20px;opacity:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}.slider-nav li+li{margin-left:4px;left:20px}.slider-nav a.btn{border:none;background-color:rgba(255,255,255,.4);color:#2d343e}.slider-nav a.btn:hover{color:#2d343e;background-color:rgba(255,255,255,.9)}.slider-wrap:hover .slider-nav li{left:0;opacity:1}.carousel-wrap{margin-bottom:30px;position:relative;overflow:hidden;height:100px;background:url(../img/loader-dark.gif) center center no-repeat transparent}.container-out.container-dark .carousel-wrap,.container-out.container-image .carousel-wrap{background-image:url(../img/loader-light.gif)}.carousel-wrap.created{overflow:visible;height:auto;background:transparent!important}.carousel-wrap>*{opacity:0}.carousel-nav{margin:0;padding:0;margin-bottom:30px}.carousel-nav li{position:relative;list-style-type:none;display:inline-block}.carousel-nav li a.btn{width:36px;height:36px;line-height:36px}.container-out.container-dark .carousel-nav li a,.container-out.container-image .carousel-nav li a{text-shadow:none;border:none;color:#2d343e;background:rgba(255,255,255,.4)}.container-out.container-dark .carousel-nav li a:hover,.container-out.container-image .carousel-nav li a:hover{color:#2d343e;background:rgba(255,255,255,.9)}.carousel-wrap>.carousel-nav{position:absolute;top:50%;margin-top:-15px;width:100%}.carousel-wrap>.carousel-nav li{float:right;right:-60px}.carousel-wrap>.carousel-nav li:first-child{float:left;right:auto;left:-60px}body>#boxed .carousel-wrap>.carousel-nav li,body>#boxed .carousel-wrap>.carousel-nav li:first-child{left:auto;right:auto}body>#boxed .carousel-wrap>.carousel-nav+.carousel-outer{margin-left:80px;margin-right:80px}@media (max-width:1300px){body:not(.w970) .carousel-wrap>.carousel-nav{position:relative;top:auto;display:inline-block;text-align:right}body:not(.w970) .carousel-wrap>.carousel-nav li{float:none;left:auto;right:auto;margin-left:5px}body:not(.w970)>#boxed .carousel-wrap>.carousel-nav+.carousel-outer{margin-left:0;margin-right:0}}@media (max-width:1150px){body.w970 .carousel-wrap>.carousel-nav{position:relative;top:auto;display:inline-block;text-align:right}body.w970 .carousel-wrap>.carousel-nav li{float:none;left:auto;right:auto;margin-left:5px}body.w970>#boxed .carousel-wrap>.carousel-nav+.carousel-outer{margin-left:0;margin-right:0}}.title .carousel-nav{float:right;margin:0}.title.center .carousel-nav{position:absolute;width:100%;top:0}.carousel-pagi{margin-top:30px;text-align:center}.carousel-pagi a{vertical-align:middle;display:inline-block;width:15px;height:15px;text-indent:-99999px;margin:0 2px;position:relative;cursor:pointer;border:1px solid #f1f1f1;background-color:#f9f9f9}.carousel-pagi a.selected,.carousel-pagi a:hover{background-color:#fff}.container-out.container-dark .carousel-pagi a,.container-out.container-image .carousel-pagi a{border-radius:2px;border:none;background-color:#fff;opacity:.4}.container-out.container-dark .carousel-pagi a.selected,.container-out.container-dark .carousel-pagi a:hover,.container-out.container-image .carousel-pagi a.selected,.container-out.container-image .carousel-pagi a:hover{opacity:.9}.carousel-outer{overflow:hidden}.carousel-inner{margin-left:-20px}.carousel{display:inline-block;width:100%;opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear;-webkit-backface-visibility:hidden}.carousel-wrap.created .carousel{opacity:1;-webkit-user-select:none;user-select:none}.carousel>*{float:left;display:block;margin-left:20px}.carousel .slider-wrap,.carousel .slider-wrap .slider{opacity:1}.container-full-width .caroufredsel_wrapper{cursor:grab!important;cursor:-moz-grab!important;cursor:-webkit-grab!important}.container-full-width .caroufredsel_wrapper.active{cursor:grabbing!important;cursor:-moz-grabbing!important;cursor:-webkit-grabbing!important}.carousel-wrap.carousel-no-margins .carousel-inner{margin:0 -5px 0 0!important}.carousel-wrap.carousel-no-margins,.carousel-wrap.carousel-no-margins .carousel>*{margin:0!important}.pricing{width:100%;display:inline-block;margin-bottom:30px}.pricing .pricing-col{text-align:center;margin-right:-15px;margin-left:-15px;position:relative;overflow:hidden}.pricing .pricing-heading{background-color:#f9f9f9;display:table;width:101%}.pricing .pricing-heading .text,.pricing .pricing-heading .title{margin-bottom:0;width:100%}.pricing .pricing-heading .title{display:table-row;line-height:40px}.pricing .pricing-heading .title span{background-color:#fc0;position:absolute;right:-24px;font-size:11px;color:#7E490F;text-shadow:none;top:-9px;padding:20px 20px 3px;line-height:1;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.pricing .pricing-heading .price{position:relative;line-height:1;margin-top:5px;margin-bottom:0;display:inline-block;text-align:center}.pricing .pricing-heading .price span{font-size:13px;margin-left:10px}.pricing .pricing-heading .price span:before{margin-left:-5px;position:absolute;height:100%;width:1px;content:"";background-color:rgba(255,255,255,.4);transform:rotate(20deg);-webkit-transform:rotate(20deg)}.pricing .pricing-heading .price.was{opacity:.2;text-decoration:line-through}.pricing .pricing-heading .text{display:table-cell;text-align:center;width:100%;vertical-align:middle;height:100px}.pricing .pricing-content ul{margin:0}.pricing .pricing-content ul li{list-style-type:none;padding:10px;max-height:40px;min-height:40px;border-bottom:1px solid #f1f1f1}.pricing .pricing-content .fa-check{color:#00B74C}.pricing .pricing-content .fa-minus{color:#ccc}.pricing .pricing-col.featured{margin:0 -25px;z-index:2;margin-top:-15px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.pricing .pricing-col.featured .pricing-heading .text{height:115px}.pricing .pricing-col.featured .pricing-footer .btn{margin:21px 0;padding-top:16px;padding-bottom:16px}.pricing.pricing-style1 .pricing-heading[class*=color-]{text-shadow:-1px -1px 0 rgba(0,0,0,.3);color:#fff;position:relative}.pricing.pricing-style1 .pricing-heading[class*=color-] .price,.pricing.pricing-style1 .pricing-heading[class*=color-] .title{color:#fff}.pricing.pricing-style1 .pricing-heading.color-green{background-color:#00B74C}.pricing.pricing-style1 .pricing-heading.color-dark{background-color:#2d343e}.pricing.pricing-style1 .pricing-heading.color-red{background-color:#ff3b30}.pricing.pricing-style1 .pricing-heading.color-blue{background-color:#007aff}.pricing.pricing-style1 .pricing-heading .title{background-color:#f1f1f1;text-transform:uppercase;position:relative}.pricing.pricing-style1 .pricing-heading[class*=color-] .title{box-shadow:0 0 1px rgba(0,0,0,.1)}.pricing.pricing-style1 .pricing-heading.color-green .title{background-color:#33c570}.pricing.pricing-style1 .pricing-heading.color-dark .title{background-color:#535861}.pricing.pricing-style1 .pricing-heading.color-red .title{background-color:#ff6259}.pricing.pricing-style1 .pricing-heading.color-blue .title{background-color:#3395ff}.pricing.pricing-style1 .pricing-content{border-left:1px solid #f1f1f1}.pricing.pricing-style1>:last-child .pricing-content{border-right:1px solid #f1f1f1}.pricing.pricing-style1 .pricing-content ul li:nth-child(odd){background-color:#fff}.pricing.pricing-style1 .pricing-content ul li:nth-child(even){background-color:#f9f9f9}.pricing.pricing-style1 .pricing-content h5{margin:0;line-height:20px}.pricing.pricing-style1 .pricing-footer{background-color:#f9f9f9;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1}.pricing.pricing-style1>:last-child .pricing-footer{border-right:1px solid #f1f1f1}.pricing .pricing-footer .btn{margin:27px 0}.pricing.pricing-style1 .pricing-col.description{border-top:none;border-left:none}.pricing.pricing-style1 .pricing-col.description .pricing-content{border-top:1px solid #f1f1f1;margin-top:139px;text-align:left}.pricing.pricing-style1 .pricing-col.featured .pricing-content,.pricing.pricing-style1 .pricing-col.featured .pricing-footer{border-right:1px solid #f1f1f1}.pricing.pricing-style2 .pricing-col{background-color:#f9f9f9;border:1px solid #f1f1f1;border-left:none}.pricing.pricing-style2>:first-child .pricing-col{border-left:1px solid #f1f1f1}.pricing.pricing-style2 .pricing-heading{background-color:transparent}.pricing.pricing-style2 .pricing-heading.color-green .title,.pricing.pricing-style2 .pricing-heading.color-green h3{color:#00B74C}.pricing.pricing-style2 .pricing-heading.color-red .title,.pricing.pricing-style2 .pricing-heading.color-red h3{color:#ff3b30}.pricing.pricing-style2 .pricing-heading.color-blue .title,.pricing.pricing-style2 .pricing-heading.color-blue h3{color:#007aff}.pricing.pricing-style2 .pricing-heading.color-dark .title,.pricing.pricing-style2 .pricing-heading.color-dark h3{color:#282e3a}.pricing.pricing-style2 .pricing-heading .title{font-weight:600;text-transform:uppercase;font-size:16px}.pricing.pricing-style2 .pricing-heading .price span:before{background-color:#f1f1f1}.pricing.pricing-style2 .pricing-content ul li{margin-left:15px;margin-right:15px}.pricing.pricing-style2 .pricing-footer{background-color:transparent}.pricing.pricing-style2 .pricing-col.featured{background-color:#fff;border-left:1px solid #f1f1f1}@media (max-width:991px){.pricing [class*=col-md-] .pricing-col.featured{margin-top:0}.pricing.pricing-style1 [class*=col-md-] .pricing-col .pricing-content,.pricing.pricing-style1 [class*=col-md-] .pricing-col .pricing-footer{border-right:1px solid #f1f1f1}.pricing.pricing-style2 [class*=col-md-] .pricing-col{border:1px solid #f1f1f1}}@media (max-width:767px){.pricing [class*=col-sm-] .pricing-col.featured{margin-top:0}.pricing.pricing-style1 [class*=col-sm-] .pricing-col .pricing-content,.pricing.pricing-style1 [class*=col-sm-] .pricing-col .pricing-footer{border-right:1px solid #f1f1f1}.pricing.pricing-style2 [class*=col-sm-] .pricing-col{border:1px solid #f1f1f1}}.fc-media{margin-bottom:30px;background-color:#2d343e}.mejs-container{position:relative}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer;background:rgba(255,255,255,.2);opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.mejs-container:hover .mejs-overlay-play{opacity:1;-webkit-animation-name:hover-bounce;animation-name:hover-bounce}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;font-family:FontAwesome;color:#fff;text-align:center;line-height:100px;font-size:32px;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.mejs-overlay-button:before{content:"\f04b"}.no-svg .mejs-overlay-button{background:0 0}.mejs-overlay-loading{display:none!important}.mejs-container .mejs-controls{position:absolute;background-color:#2d343e;bottom:0;height:40px;width:100%}.mejs-container .mejs-controls div{display:block;float:left;width:40px;height:40px;font-size:11px;line-height:11px;position:relative}.mejs-container .mejs-controls>div:after{position:absolute;bottom:5px;top:5px;content:'';background:rgba(255,255,255,.1);width:1px;left:0}.mejs-controls .mejs-button button{height:40px;width:40px;border:0;padding:0;background:0 0;display:block;font-family:FontAwesome;color:#fff;font-size:18px}.mejs-controls .mejs-play button:before{content:"\f04b"}.mejs-controls .mejs-pause button:before{content:"\f04c"}.mejs-controls .mejs-stop button:before{content:"\f04d"}.mejs-container .mejs-controls .mejs-time{width:auto;padding-right:10px;padding-left:10px;line-height:40px;color:#fff}.mejs-container .mejs-controls .mejs-time span{margin:0}.mejs-controls div.mejs-time-rail{padding-left:10px;padding-right:10px}.mejs-controls .mejs-time-rail span{position:absolute;height:8px;cursor:pointer;top:50%;left:0;margin-top:-4px}.mejs-controls .mejs-time-rail .mejs-time-total{left:10px;background:rgba(255,255,255,.1)}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background:0 0;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.1)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.1)),color-stop(0.75,rgba(255,255,255,.1)),color-stop(0.75,transparent),to(transparent));background-image:linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-size:40px 40px;-webkit-animation:stripes 1.5s linear infinite;animation:stripes 1.5s linear infinite}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:rgba(255,255,255,.1);width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none}.mejs-controls .mejs-time-rail .mejs-time-float{display:none;font-size:10px;background:#fff;width:34px;height:20px;top:-25px;margin-left:-17px;text-align:center}.fc-media.fc-audio .mejs-time-float{display:none!important}.mejs-controls .mejs-time-rail .mejs-time-float-current{position:relative;top:0;display:block;color:#2d343e;line-height:18px;margin:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;top:auto;left:50%;margin-left:-5px;bottom:-6px}.mejs-controls .mejs-fullscreen-button button:before{content:"\f065"}.mejs-controls .mejs-unfullscreen button:before{content:"\f066"}.mejs-controls .mejs-mute button:before{content:"\f028"}.mejs-controls .mejs-unmute button:before{content:"\f026"}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls div.mejs-horizontal-volume-slider{height:8px;width:60px;position:relative;margin-top:16px;margin-right:10px}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.1)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{background:#fff}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none} /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(../assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}*/ .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons90c6.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /* :: :: Theme : Jets :: Theme URI : http://labs.funcoders.com/html/Jets :: File : blue.css :: About : Blue color set :: Version : 1.4.1 NOTE!!! Do not edit this file. Use another stylesheet file for changing this or creating new styles. !!! :: */ /* ::::::::::::: */ /* : Body copy : */ /* ::::::::::::: */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a, .dropcap.clean { color: #E31E23; } .highlight { background-color: #E31E23; } /* ::::::::::::::::: */ /* : END Body copy : */ /* ::::::::::::::::: */ /* :::::::::::: */ /* : Dropcaps : */ /* :::::::::::: */ .dropcap.clean { color: #E31E23; } /* :::::::::::::::: */ /* : END Dropcaps : */ /* :::::::::::::::: */ /* ::::::::::::: */ /* : Bockquote : */ /* ::::::::::::: */ blockquote:before, blockquote .author { color: #E31E23; } /* ::::::::::::::::: */ /* : END Bockquote : */ /* ::::::::::::::::: */ /* :::::::: */ /* : List : */ /* :::::::: */ .arrow li:before, .circle li:before, .check li:before, .plus li:before, .dash li:before { color: #E31E23; } /* :::::::::::: */ /* : END List : */ /* :::::::::::: */ /* ::::::::::: */ /* : Buttons : */ /* ::::::::::: */ .btn { background-color: #E31E23; border: 1px solid #E31E23; } .btn:hover { background-color: #3395ff; border-color: #3395ff; } .btn:active { border-color: #E31E23; } /* ::::::::::::::: */ /* : END Buttons : */ /* ::::::::::::::: */ /* :::::::::::: */ /* : Progress : */ /* :::::::::::: */ .skill .bar, .progress .bar { background-color: #E31E23; } /* :::::::::::::::: */ /* : END Progress : */ /* :::::::::::::::: */ /* :::::::: */ /* : Form : */ /* :::::::: */ select:focus, .form-control:focus { border-color: #E31E23; -webkit-box-shadow: 0 0 0 2px #E31E23; box-shadow: 0 0 0 2px #E31E23; } /* :::::::::::: */ /* : END Form : */ /* :::::::::::: */ /* ::::::::::::::: */ /* : Breadceumbs : */ /* ::::::::::::::: */ body #page-header .breadcrumbs ul li.current a, body #page-header .breadcrumbs ul li a:hover { color: #E31E23; } /* ::::::::::::::::::: */ /* : END Breadceumbs : */ /* ::::::::::::::::::: */ /* :::::::::::::::: */ /* : Filter & Nav : */ /* :::::::::::::::: */ .project-filter ul li a:hover, .project-filter ul li a.active { color: #E31E23; } .project-filter ul:hover li.selector { background-color: #E31E23; } /* :::::::::::::::::::: */ /* : END Filter & Nav : */ /* :::::::::::::::::::: */ /* Twitter */ .tweet-heading .title a:hover, .tweet-content .tweet-actions a:hover { color: #E31E23; } /* Main menu */ #main-menu ul.megamenu-category .category-content .iconbox:hover .title > * { color: #E31E23; } @media (min-width: 992px) { #main-menu > li.active > a, #main-menu > li:hover > a { color: #E31E23; } } /* Section title */ .title.title-section .sticker .icon { background-color: #E31E23; } .title.title-section .sticker .icon:after { border-top-color: #E31E23; } /*Nav list */ #page-content .nav ul li a:hover { color: #E31E23; } /* Date */ .article-date { background-color: #E31E23; } .article-date:after { border-top-color: #E31E23; } /* Article Nav */ .article-nav ul li.selector a:hover { background-color: #E31E23; } .article-nav a:hover, .article-nav a:hover:before, #page-content .article-nav a:hover, #page-content .article-nav a:hover:before { color: #E31E23; } /* Tags */ #footer .tags p a:hover, .tags p a:hover { background: #E31E23; } /* :::: */ /* : POST TYPE : Single /* :::: */ .post-content > .type { background-color: #E31E23; } .post-content > .type:after { border-top-color: #E31E23; } /* Timeline */ .timeline li.year { background-color: #E31E23; } /* :::::::::::: */ /* : Icon Box : */ /* :::::::::::: */ /* Style 2 & 3*/ .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before, .container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after, .container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after { background-color: rgba(0, 122, 255, 0.5); } /* :::::::::::::::: */ /* : END Icon Box : */ /* :::::::::::::::: */ /* ::::::::::::::::: */ /* : Call 2 Action : */ /* ::::::::::::::::: */ /* Colored */ .call2action.call2action-colored { border-color: #E31E23; background-color: #3395ff; } /* ::::::::::::::::::::: */ /* : END Call 2 Action : */ /* ::::::::::::::::::::: */ /* ::::::::::::::: */ /* : Testimonial : */ /* ::::::::::::::: */ /* Colored */ .testimonial-wrap.testimonial-colored .testimonial-inner { border-color: #E31E23; background-color: #3395ff; } .testimonial-wrap.testimonial-colored .testimonial-outer:before { border-top-color: #E31E23; } .testimonial-wrap.testimonial-colored .testimonial-outer:after { border-top-color: #3395ff; } /* ::::::::::::::::::: */ /* : END Testimonial : */ /* ::::::::::::::::::: */ /* ::::::: */ /* : Tab : */ /* ::::::: */ /* Colored */ .tab.tab-colored .tab-heading { border-color: #E31E23; background-color: #3395ff; } .tab.tab-colored .tab-heading li { border-color: #E31E23; } .tab.tab-colored .tab-heading li:hover a, .tab.tab-colored .tab-heading li.current a { background-color: #E31E23; } /* ::::::::::: */ /* : END Tab : */ /* ::::::::::: */ /* ::::::::::::: */ /* : Accordion : */ /* ::::::::::::: */ .accordion > div.active .accordion-heading a, .accordion > div .accordion-heading a:hover { color: #E31E23; } /* Colored */ .accordion.accordion-colored .accordion-heading { border-color: #E31E23; background-color: #3395ff; } .accordion.accordion-colored .active .accordion-heading a, .accordion.accordion-colored .accordion-heading a:hover { background-color: #E31E23; } /* ::::::::::::::::: */ /* : END Accordion : */ /* ::::::::::::::::: */ /* ::::::::::::::::: */ /* : Pricing Table : */ /* ::::::::::::::::: */ .pricing.pricing-style1 .pricing-content h5 { color: #E31E23; } /* ::::::::::::::::::::: */ /* : END Pricing Table : */ /* ::::::::::::::::::::: */ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}