/* Minification failed. Returning unminified contents. (674,20): run-time error CSS1038: Expected hex color, found '#none' (4807,1): run-time error CSS1019: Unexpected token, found '}' (4982,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4983,11): run-time error CSS1035: Expected colon, found '{' (4992,1): run-time error CSS1019: Unexpected token, found '}' (6238,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0' (6434,288): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,527): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,910): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,976): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,1091): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,1116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,1271): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,1288): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,1571): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,1601): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,1954): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,1976): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,2567): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,2592): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,2819): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,2836): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,3211): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,3236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6434,3536): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,3553): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6434,4145): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,4169): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,4558): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,4574): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,5189): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,5215): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,5800): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,5818): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,6741): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,6769): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,7010): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,7030): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,7434): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,7466): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,7753): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,7777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,8267): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,8299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,8586): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,8610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,9100): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,9133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,9418): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,9443): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,9933): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,9963): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,10248): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,10270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,10751): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,10780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,11011): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,11032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,11429): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,11462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,11681): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,11706): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,12099): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,12132): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,12351): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,12376): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,12769): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,12803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,13022): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,13048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,13444): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,13475): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,13694): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,13717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14104): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,14130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14159): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,14177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14266): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,14296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14445): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,14467): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14748): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,14781): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,14934): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,14959): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,15255): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,15285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,15434): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,15456): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,15737): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,15770): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,15923): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,15948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,16244): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,16275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,16422): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,16445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,16726): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,16760): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,16911): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,16937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,17233): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,17261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,17408): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,17428): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,17700): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,17731): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,17882): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,17905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,18192): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,18219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,18248): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,18267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,18359): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,18390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,18537): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,18560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,18841): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,18875): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,19026): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,19052): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,19348): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,19379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,19528): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,19551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,19835): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,19869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,20022): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,20048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,20347): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,20379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,20526): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,20550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,20834): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,20869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,21020): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,21047): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,21346): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,21375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,21524): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,21545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,21823): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,21855): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,22008): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,22032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,22325): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,22349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,23484): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,23500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,25159): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,25186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,25607): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,25626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,26428): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,26455): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,26876): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,26895): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,27697): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,27725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,27944): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,27964): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,28470): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,28498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,28717): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,28737): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,29243): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,29275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,29678): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,29702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,30434): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,30467): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,30668): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,30693): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,31137): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,31165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,31442): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,31462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,31929): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,31965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,32232): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,32260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,32736): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,32773): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,33042): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,33071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,33553): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,33587): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,33852): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,33878): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,34345): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,34380): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,34651): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,34678): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,35157): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,35186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,35461): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,35482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,35949): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,35986): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,36251): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,36280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,36756): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,36794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,37065): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,37095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,37583): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,37618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,37885): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,37912): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,38385): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,38421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,38690): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,38718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,39197): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,39228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,39371): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,39394): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,39674): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,39705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,39848): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,39871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,40151): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,40183): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,40324): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,40348): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,40628): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,40660): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,40803): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,40827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,41110): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,41143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,41284): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,41309): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,41592): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,41622): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,41765): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,41787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,42064): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,42093): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,42244): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,42265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,42546): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,42578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,42719): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,42743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,43023): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,43048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,43977): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,43994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,45254): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,45280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,45491): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,45509): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,45871): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,45898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,46105): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,46124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,46483): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,46509): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,46585): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,46603): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,46763): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,46793): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,47157): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,47179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,47702): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,47732): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,48096): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,48118): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,48641): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,48672): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,49036): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,49059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,49585): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,49613): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,49977): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,49997): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,50514): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,50541): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,50678): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,50697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6434,50944): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,50975): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,51323): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,51346): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,51891): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,51922): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,52266): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,52289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,52828): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,52860): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,53206): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,53230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,53775): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6434,53804): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (6434,54146): run-time error CSS1019: Unexpected token, found '@keyframes' (6434,54167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0 !important; } figure { margin: 0; padding: 0; } figure img { width: 100%; height: auto; } figure :not(.icon-overlay) a:hover, figure:not(.icon-overlay) > a:hover { opacity: .7; } img[src*=".svg"] { height: 100%; } iframe { border: none; } * > p:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; } ::selection { background: #AAF2E4; /* Safari */ color: #506A85; } ::-moz-selection { background: #AAF2E4; /* Firefox */ color: #506A85; } html:not(.no-csstransitions) main [class*="col-"] { opacity: 0; /* Hide content for animations on scroll in scripts.js */ } body { font-family: Roboto, 'Karla', 'Source Sans Pro', sans-serif; background-color: #283645; color: #73879C; font-size: 16px; line-height: 150%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; /*-moz-osx-font-smoothing: grayscale;*/ text-rendering: optimizeLegibility; overflow-x: hidden !important; } .skrollr body { height: auto !important; } .navbar, main { background-color: #FFF; } .container { padding-right: 0; padding-left: 0; } p { margin-bottom: 20px; } p a { border-bottom: 1px solid #73879C; } p a:hover { border-color: transparent; } a { color: inherit; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a[ng-click]{ cursor: pointer; } a:hover, a:focus { color: #1ABB9C; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: Roboto, 'Karla', 'Source Sans Pro', sans-serif; font-weight: 700; letter-spacing: 0.025em; color: #506A85; margin-top: 0; /*word-wrap: break-word;*/ } h1 { font-size: 44px; line-height: 130%; margin-bottom: 25px; } h2 { font-size: 26px; line-height: 130%; margin-bottom: 20px; } h3 { font-size: 20px; line-height: 150%; margin-bottom: 15px; } h4 { font-size: 16px; line-height: 150%; margin-bottom: 15px; } h5 { font-size: 14px; line-height: 160%; margin-bottom: 13px; } h6 { font-size: 12px; line-height: 160%; margin-bottom: 10px; } a .logo { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a:hover .logo { opacity: .6; } a.green:hover { background: #1ABB9C !important; } a.blue:hover { background: #3F8DBF !important; } a.red:hover { background: #FA6C65 !important; } a.orange:hover { background: #F27A24 !important; } a.purple:hover { background: #9B59B6 !important; } a.pink:hover { background: #D487BE !important; } a.navy:hover { background: #34495E !important; } a.gray:hover { background: #95A5A6 !important; } ol { position: relative; padding-left: 22px; } ul { list-style: none; position: relative; padding-left: 22px; } ul.arrowed li, ul.circled li, ol li { margin-bottom: 5px; } ul.arrowed li:before { font-family: 'fontello'; font-size: 75%; font-weight: normal; color: #1ABB9C; vertical-align: baseline; content: '\e846'; margin-top: 1px; margin-left: -20px; position: absolute; } ul.circled li:before { font-family: 'fontello-circle'; content: '\e800'; font-size: 8px; font-weight: normal; color: #1ABB9C; padding-top: 1px; margin-left: -20px; vertical-align: top; position: absolute; } ul.contacts { padding-left: 0; } ul.contacts li { margin-bottom: 5px; } footer ul.contacts li { margin-bottom: 2px; } .social-network { position: relative; z-index: 0; padding-top: 25px; } .social-network .social li { display: table-cell; } .social-network .social li a i { width: 55px; height: 80px; font-size: 20px; } #hero h1 { font-size: 78px; line-height: 110%; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 0; -webkit-transition: font 200ms ease-out; -moz-transition: font 200ms ease-out; -o-transition: font 200ms ease-out; transition: font 200ms ease-out; } #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 73px; } #hero h4 { font-size: 33px; line-height: 120%; } #hero p { font-size: 24px; line-height: 150%; font-weight: 400; letter-spacing: .015em; text-transform: none; margin-top: 20px; margin-bottom: 0; -webkit-transition: font 200ms ease-out, margin 200ms ease-out; -moz-transition: font 200ms ease-out, margin 200ms ease-out; -o-transition: font 200ms ease-out, margin 200ms ease-out; transition: font 200ms ease-out, margin 200ms ease-out; } #hero .btn { margin-top: 60px; margin-bottom: 0; -webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; } #hero .btn-large { font-size: 18px; padding: 18px 70px 20px; } header p { font-size: 22px; line-height: 150%; } p + h2, p + h3 { padding-top: 15px; } .text-small { font-size: 16px; line-height: 160%; } .text-normal { font-size: inherit; line-height: inherit; } h2 + .text-small { margin-top: -5px; } header h2 + .text-small { margin-top: 0; } .post-title { margin: 0 0 15px 0; } h1.post-title { font-size: 22px; line-height: 24px; } .bordered .post-title { margin-bottom: 5px; } main header + * { margin-top: 35px !important; } .inner { padding-top: 50px; padding-bottom: 50px; } .inner-md { padding-top: 100px; padding-bottom: 100px; } .inner-sm { padding-top: 80px; padding-bottom: 80px; } .inner-xs { padding-top: 40px; padding-bottom: 40px; } .inner-top { padding-top: 120px; } .inner-top-md { padding-top: 100px; } .inner-top-sm { padding-top: 50px; } .inner-top-xs { padding-top: 40px; } .inner-bottom { padding-bottom: 120px; } .inner-bottom-md { padding-bottom: 100px; } .inner-bottom-sm { padding-bottom: 40px; } .inner-bottom-xs { padding-bottom: 10px; } .inner-left { padding-left: 75px; } .inner-left-md { padding-left: 60px; } .inner-left-sm { padding-left: 45px; } .inner-left-xs { padding-left: 30px; } .inner-right { padding-right: 75px; } .inner-right-md { padding-right: 60px; } .inner-right-sm { padding-right: 45px; } .inner-right-xs { padding-right: 30px; } .outer { margin-top: 120px; margin-bottom: 120px; } .outer-md { margin-top: 100px; margin-bottom: 100px; } .outer-sm { margin-top: 80px; margin-bottom: 80px; } .outer-xs { margin-top: 40px; margin-bottom: 40px; } .outer-top { margin-top: 120px; } .outer-top-md { margin-top: 100px; } .outer-top-sm { margin-top: 80px; } .outer-top-xs { margin-top: 40px; } .outer-bottom { margin-bottom: 120px; } .outer-bottom-md { margin-bottom: 100px; } .outer-bottom-sm { margin-bottom: 80px; } .outer-bottom-xs { margin-bottom: 40px; } .center-block { float: none; } .height-xs { height: 30vh; } .height-sm { height: 44vh; } .height-md { height: 72vh; } .height-lg { height: 90vh; } .dropcap { float: left; display: inline-block; width: 44px; height: 44px; background: #F2F5F7; font-size: 28px; font-weight: 700; line-height: 44px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } .dropcap-lg { float: left; display: inline-block; width: 70px; height: 70px; background: #F2F5F7; font-size: 48px; font-weight: 700; line-height: 70px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } blockquote { padding: 0; margin: 0; border: none; } blockquote p { font-size: 22px; line-height: 160%; font-style: italic; } blockquote footer, blockquote small, blockquote .small { color: #506A85; font-size: 14px; line-height: 150%; font-weight: 700; } blockquote footer:before, blockquote small:before, blockquote .small:before, blockquote footer:after, blockquote small:after, blockquote .small:after { content: ''; display: inline-block; width: 20px; height: 1px; background-color: #506A85; margin-bottom: .28em; } blockquote footer:before, blockquote small:before, blockquote .small:before { margin-right: 10px; } blockquote footer:after, blockquote small:after, blockquote .small:after { margin-left: 10px; } hr { border: 0; border-bottom: 1px solid #CED7E0; margin: 60px 0; } .map iframe { display: block; max-width: 100%; } h1 + figure, p + figure { padding-top: 15px; } h2 + figure, h3 + figure, h2 + .thumbs, h3 + .thumbs, h2 + .thumb, h3 + .thumb { padding-top: 10px; } h4 + figure { padding-top: 5px; } h2 + .owl-carousel, p + .owl-carousel, h2 + .panel-group, p + .panel-group { padding-top: 20px; } figure figcaption { font-size: 14px; line-height: 150%; } figure figcaption h4 { margin-bottom: 10px; } figure * + figcaption { padding-top: 20px; } figure + *, .thumb + figure { padding-top: 25px; } .classic-blog figure + * { padding-top: 35px; } figure.post-media + * { padding-top: 0; } .member .icon-overlay { display: inline-block; } .member .icon-overlay span { border-radius: 50%; } .member .img-circle { max-width: 200px; max-height: 200px; } .member .member-image { position: relative; } .member figcaption { position: relative; padding-top: 35px; z-index: 0; } .member figcaption.bordered { padding: 20px 15px 15px; } .member figcaption h2 span, .member figcaption h3 span { display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: 0.015em; } .member figcaption h3 { font-size: 16px; line-height: 130%; margin-bottom: 10px; } .member figcaption h2 span { font-size: 18px; line-height: 140%; margin-top: 5px; } .member figcaption h3 span { font-size: 14px; line-height: 120%; margin-top: 4px; } .member figcaption blockquote { font-size: 16px; font-style: italic; line-height: 160%; margin-bottom: 20px; } .member figcaption blockquote:before { display: inline; position: relative; content: "\201C"; font-family: inherit; font-size: inherit; margin-right: 2px; } .member figcaption blockquote:after { content: "\201D"; margin-left: 2px; } .member .social { display: inline-block; } .member .social li { display: table-cell; } .member .social li a i { width: 33px; height: 45px; font-size: 15px; } .member .text-overlay .info .social li a i { color: #FFF; } .member .text-overlay .info .social li a:hover .icon-s-facebook { color: #3B5998; color: #4668B3; } .member .text-overlay .info .social li a:hover .icon-s-youtube { color: #DD4B39; color: #9a0606; } .member .text-overlay .info .social li a:hover .icon-s-gplus { color: #DD4B39; color: #DE5745; } .member .text-overlay .info .social li a:hover .icon-s-twitter { color: #00ACED; color: #2FBBED; } .member .text-overlay .info .social li a i:after { background: #FFF; } .img-bg, .img-bg-center { background-position: center !important; background-size: cover; } .img-bg-top { background-position: top !important; background-size: cover; } .img-bg-bottom { background-position: bottom !important; background-size: cover; } .img-bg-soft, .img-bg-softer { background-position: center; position: relative; } .img-bg-soft:before, .img-bg-softer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .light-bg.img-bg-soft:before { background-color: #eaecee; opacity: .66; } .dark-bg.img-bg-soft:before { background-color: #2F4052; opacity: .57; } .tint-bg.img-bg-soft:before { background-color: #none; opacity: .84; } .light-bg.img-bg-softer:before { background-color: #eaecee; opacity: .95; } .dark-bg.img-bg-softer:before { background-color: #2F4052; opacity: .97; } .tint-bg.img-bg-softer:before { background-color: #1ABB9C; opacity: .96; } .screen-container { position: relative; width: 100%; height: auto !important; background: url(/Content/assets/images/art/screen-container.png) no-repeat top / 100%; overflow: hidden; } .screen-container:before{ content: ""; display: block; padding-top: 47%; } .screen-container .tab-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5% 4.5%; padding-bottom: 0; } .sidelines { position: relative; line-height: 100%; margin-top: -.35em; font-size:16px; color:#f28b00 !important; } .sidelines span { position: relative; } .sidelines.text-right span, .text-right .sidelines span { padding: 0 0 0 .5em; } .sidelines.text-center span, .text-center .sidelines span { padding: 0 .5em; } .team-headline.sidelines { margin-top: -20px; margin-bottom: 40px; } .light-bg .sidelines { border-color: #BCC7D1; } .light-bg .sidelines span { background: #eaecee; } .dark-bg .sidelines { border-color: #73879C; } .dark-bg .sidelines span { background: #2F4052; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe + iframe { margin-top: 10px; } .isotope, .owl-carousel .owl-wrapper-outer { z-index: 0; } .green-bg { background-color: #1ABB9C !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .blue-bg { background-color: #3F8DBF !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .red-bg { background-color: #FA6C65 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .orange-bg { background-color: #F27A24 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .purple-bg { background-color: #9B59B6 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .pink-bg { background-color: #D487BE !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .navy-bg { background-color: #34495E !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .gray-bg { background-color: #95A5A6 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .light-bg { background-color: #eaecee; } .dark-bg { background-color: #2F4052; } .dark-bg, .dark-bg p, .dark-bg .item-details li:before { color: #A3B1BF; } .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 { color: #FFF; } .dark-bg .widget h1, .dark-bg .widget h2, .dark-bg .widget h3, .dark-bg .widget h4 { color: #FFF; } .tint-bg { background-color: #1ABB9C; color: #FFF; padding: 2px 8px; margin-top: -2px; } .tint-bg, .tint-bg h1, .tint-bg h2, .tint-bg h3, .tint-bg h4, .tint-bg p, .tint-bg .item-details li:before, .tint-bg .icon i.icn { color: #FFF; } .tint-bg a:hover { color: #506A85; } .light-color, .light-color .dark-bg { color: #FFF !important; } .medium-color { color: #A3B1BF !important; } .dark-color { color: #506A85 !important; } .tint-color { color: #1ABB9C !important; } .green { color: #1ABB9C !important; } .blue { color: #3F8DBF !important; } .red { color: #FA6C65 !important; } .pink { color: #D487BE !important; } .purple { color: #9B59B6 !important; } .orange { color: #F27A24 !important; } .navy { color: #34495E !important; } .gray { color: #95A5A6 !important; } .icon { display: inline-block; margin-bottom: 20px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon.circle { padding: 30px; border: 1px solid #1ABB9C; border-radius: 50%; } .icon.circle.xs { padding: 15px; } .icon.circle.sm { padding: 20px; } .icon.circle.lg { padding: 35px; } .icon i.icn { display: block; color: #1ABB9C; font-size: 65px; line-height: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon i.icn.xs { font-size: 20px; } .icon i.icn.sm { font-size: 35px; } .icon i.icn.lg { font-size: 85px; } i.contact { margin-right: 5px; width: auto; height: auto; line-height: 18px; } .tagcloud { line-height: 25px; } footer { font-size: 14px; line-height: 22px; } footer.dark-bg { color: #A3B1BF; } footer .inner { padding-top: 30px; padding-bottom: 20px; } footer .container > .row { margin-left: -25px; margin-right: -25px; } footer .row .inner { padding: 25px; } footer .logo { height: auto; max-height: 100%; } footer h4 { text-transform: uppercase; margin-bottom: 20px; } footer p { margin-bottom: 15px; } .footer-menu { padding: 0; margin: 0; list-style: none; } .footer-menu li { display: inline; padding-left: 10px; } .footer-menu li:before { display: inline-block; content: "·"; padding-right: 12px; } .footer-menu li:first-child:before { display: none; } .footer-bottom { background: #283645; color: #707E8C; } .footer-bottom .container.inner { padding-top: 30px; padding-bottom: 30px; } .footer-bottom p, .footer-bottom a { color: #707E8C; } .footer-bottom p { padding: 0; margin: 0; } .meta, .more { font-size: 14px; font-weight: 400; line-height: 160%; cursor: default; } .meta span:before { display: inline-block; content: "|"; padding: 0 10px 0 7px; } .meta span:first-child:before { display: none; padding: 0; } .meta a { display: inline !important; } .meta a:hover, .more:hover { color: #1ABB9C; } .meta.tags a:before { content: "#"; display: inline-block; } .bordered .info { text-align: center; } .bordered .info h3, .bordered .info h4 { margin-bottom: 5px; } .bordered .info h3 a, .bordered .info h4 a { color: #506A85; } .bordered .info h3 a:hover, .bordered .info h4 a:hover { color: #1ABB9C; } .bordered .info p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .bordered { border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; padding: 25px; background: #F5F7FA; } .light-bg .bordered { background: #FFF; } .dark-bg .bordered .info h3, .dark-bg .bordered .info h4, .tint-bg .bordered .info h3, .tint-bg .bordered .info h4 { color: #506A85; } .dark-bg .bordered .info p, .tint-bg .bordered .info p { color: #73879C; } .no-top-border { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .border { border: 1px solid #CED7E0; } .border-top-lg, .border-top-md, .border-top-sm, .border-top-xs, .border-top { border-top: 1px solid #CED7E0; } .border-right-lg, .border-right-md, .border-right-sm, .border-right-xs, .border-right { border-right: 1px solid #CED7E0; } .border-bottom-lg, .border-bottom-md, .border-bottom-sm, .border-bottom-xs, .border-bottom { border-bottom: 1px solid #CED7E0; } .border-left-lg, .border-left-md, .border-left-sm, .border-left-xs, .border-left { border-left: 1px solid #CED7E0; } .border-lg, .border-top-lg, .border-right-lg, .border-bottom-lg, .border-left-lg { border-width: 20px; } .border-md, .border-top-md, .border-right-md, .border-bottom-md, .border-left-md { border-width: 10px; } .border-sm, .border-top-sm, .border-right-sm, .border-bottom-sm, .border-left-sm { border-width: 5px; } .border-xs, .border-top-xs, .border-right-xs, .border-bottom-xs, .border-left-xs { border-width: 3px; } .light-bg .border, .light-bg .border-lg, .light-bg .border-md, .light-bg .border-sm, .light-bg .border-xs, .light-bg .border-top-lg, .light-bg .border-top-md, .light-bg .border-top-sm, .light-bg .border-top-xs, .light-bg .border-top, .light-bg .border-right-lg, .light-bg .border-right-md, .light-bg .border-right-sm, .light-bg .border-right-xs, .light-bg .border-right, .light-bg .border-bottom-lg, .light-bg .border-bottom-md, .light-bg .border-bottom-sm, .light-bg .border-bottom-xs, .light-bg .border-bottom, .light-bg .border-left-lg, .light-bg .border-left-md, .light-bg .border-left-sm, .light-bg .border-left-xs, .light-bg .border-left { border-color: #BCC7D1; } .dark-bg .border, .dark-bg .border-lg, .dark-bg .border-md, .dark-bg .border-sm, .dark-bg .border-xs, .dark-bg .border-top-lg, .dark-bg .border-top-md, .dark-bg .border-top-sm, .dark-bg .border-top-xs, .dark-bg .border-top, .dark-bg .border-right-lg, .dark-bg .border-right-md, .dark-bg .border-right-sm, .dark-bg .border-right-xs, .dark-bg .border-right, .dark-bg .border-bottom-lg, .dark-bg .border-bottom-md, .dark-bg .border-bottom-sm, .dark-bg .border-bottom-xs, .dark-bg .border-bottom, .dark-bg .border-left-lg, .dark-bg .border-left-md, .dark-bg .border-left-sm, .dark-bg .border-left-xs, .dark-bg .border-left { border-color: #73879C; } .tint-bg .border, .tint-bg .border-lg, .tint-bg .border-md, .tint-bg .border-sm, .tint-bg .border-xs, .tint-bg .border-top-lg, .tint-bg .border-top-md, .tint-bg .border-top-sm, .tint-bg .border-top-xs, .tint-bg .border-top, .tint-bg .border-right-lg, .tint-bg .border-right-md, .tint-bg .border-right-sm, .tint-bg .border-right-xs, .tint-bg .border-right, .tint-bg .border-bottom-lg, .tint-bg .border-bottom-md, .tint-bg .border-bottom-sm, .tint-bg .border-bottom-xs, .tint-bg .border-bottom, .tint-bg .border-left-lg, .tint-bg .border-left-md, .tint-bg .border-left-sm, .tint-bg .border-left-xs, .tint-bg .border-left { border-color: #FFF; } .last-bottom { } .last-right { padding-right: 0 !important; margin-right: 0 !important; } .reset-margin { margin: 0; } .reset-margin-left { margin-left: 0; } .reset-margin-right { margin-right: 0; } .reset-padding { padding: 0; } .reset-padding-left { padding-left: 0; } .reset-padding-right { padding-right: 0; } .single-block { padding: 0; border: 0; margin: 0; } h1 + .single-line, h2 + .single-line, h3 + .single-line, h4 + .single-line { margin-top: -.5em; } .img-intext { margin-bottom:0px; } aside { font-size: 16px; line-height: 160%; } aside p { margin-bottom: 15px; } aside .txt-btn { font-size: 100%; } aside .thumb figure { margin: 0; } .thumbs.no-gap { margin-left: 0; margin-right: 0; } .thumbs.no-gap .thumb { padding: 0; } .thumbs.gap-xs { margin-left: -5px; margin-right: 0; } .thumbs.gap-xs .thumb { padding: 0 0 5px 5px; } .thumbs.gap-sm { margin-left: -10px; margin-right: 0; } .thumbs.gap-sm .thumb { padding: 0 0 10px 10px; } .thumbs.gap-md { margin-left: -20px; margin-right: 0; } .thumbs.gap-md .thumb { padding: 0 0 20px 20px; } .thumbs.gap-lg { margin-left: -30px; margin-right: 0; } .thumbs.gap-lg .thumb { padding: 0 0 30px 30px; } /*===================================================================================*/ /* HEADER /*===================================================================================*/ .navbar .container { display: table; padding: 0; } .navbar { margin: 0; border-radius: 0; border: none; position: relative; z-index: 8000; min-height: inherit; } .navbar ul { list-style: none; } .navbar-brand { float: none; display: table-cell; vertical-align: middle; padding: 0; max-width: 300px; } .navbar-brand img { max-height: 40px; } .navbar-header .navbar-brand { display: none; } .navbar-header { float: none !important; position: relative; background: #0e2337; border-bottom: 1px solid #E6E9ED; z-index: 0; } .navbar-header li, .navbar-header a { display: table-cell; vertical-align: middle; height: 34px; } .navbar-collapse { position: relative; background-color: #FFF; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E6E9ED; } .navbar-collapse.collapse.stuck { position: fixed; top: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow: 0 10px 10px rgba(0,0,0,0.1); } .navbar-collapse.collapse.stuck .navbar-brand img { max-height: 20px; } .navbar-nav { float: none; display: table-cell; vertical-align: middle; padding-left: 30px; margin: 0; } .navbar-nav > li > a { font-size: 95%; line-height: 20px; font-weight: 500; color: #506A85; padding: 12px 20px; border: 1px solid rgba(255,255,255,0); border-radius: 3px; bottom: -1px; z-index: 1; } .navbar-nav > li.dropdown > a { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .skrollable-after .navbar-nav > li > a { border-radius: 0; margin-top: -1px; } .nav > li.active > a { color: #1ABB9C; } .nav > li > a:focus { background-color: transparent; border-color: transparent; } .nav > li > a:hover { background-color: #fff; border-color: #E6E9ED; color: #1ABB9C; } .navbar .dropdown-menu { padding: 0; margin: 0; width: 240px; background: #fff; border: none; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-bottom-color: #CED2D6; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; border-top-left-radius: 0 !important; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15); z-index: 0; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li { background: transparent; border: none; border-top: 1px solid #E6E9ED; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child { border: none; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a { line-height: 18px; padding: 13px 20px; color: #73879C; font-size:16px; white-space: normal; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active { filter: none; background-color: #F5F7FA; color: #1ABB9C; } .navbar .nav .open > a, .navbar .nav .open > a:hover, .navbar .nav .open > a:focus { background-color: #fff; border-color: #E6E9ED; } .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after { display: none; } .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before { display: none; } .navbar .dropdown-submenu .dropdown-menu { top: -1px !important; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus { background: #1ABB9C; color: #FFF !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-header .info { padding-left: 0; margin: 0; } .navbar-header .info li { font-size: 12px; padding-right: 25px; } .navbar-header .info li a { font-size: 12px; color: #fff; } .navbar-header .info a:hover { color: #1ABB9C; } .navbar-form { padding: 0; margin: 0; } .btn.responsive-menu { display: none; width: 40px; height: 40px; font-size: 15px; padding: 0; margin: 0; } /*===================================================================================*/ /* MEGA MENU /*===================================================================================*/ .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { position: static; } .yamm .navbar-inner, .yamm .container { position: relative; } .yamm .dropdown-menu { top: auto; left: auto; -webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; } .yamm .dropdown-menu > li { display: block; } .yamm .nav.pull-right .dropdown-menu { right: 0; } .yamm .yamm-content { font-size: 14px; line-height: 22px; padding: 30px 40px; margin-left: -20px; margin-right: -20px; } .yamm .yamm-content .inner { padding: 0 20px; } .yamm .yamm-content li { line-height: inherit; } .yamm .yamm-content:before, .yamm .yamm-content:after { display: table; content: ""; line-height: 0; } .yamm .yamm-content:after { clear: both; } .yamm .nav > li > .dropdown-menu:after, .yamm .nav > li > .dropdown-menu:before { display: none; } .yamm .yamm-content img { width: 100%; } .yamm .yamm-content a { color: inherit; } .yamm .yamm-content h4 { text-transform: uppercase; margin-bottom: 20px; } .yamm .yamm-content p { font-size: inherit; line-height: inherit; margin-bottom: 15px; } .yamm .yamm-content .btn { margin: 10px 0; } .yamm .yamm-content a:hover { color: #1ABB9C; } .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; left: 0; right: 0; } /*===================================================================================*/ /* BUTTONS /*===================================================================================*/ #buttons .btn { margin: 5px 3px; } #buttons .btn-wrapper { margin: 30px 0; } .btn { color: #FFF !important; background: #1ABB9C; padding: 11px 20px 13px; margin: 15px 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.02em; text-shadow: none; -webkit-font-smoothing: antialiased; border: none; text-transform: uppercase; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); } .btn-small { padding: 5px 13px 6px; font-size: 13px; } .btn-large { padding: 14px 26px 16px; font-size: 15px; } .btn.btn-green { background: #1ABB9C; } .btn.btn-blue { background: #3F8DBF; } .btn.btn-red { background: #FA6C65; } .btn.btn-pink { background: #D487BE; } .btn.btn-purple { background: #9B59B6; } .btn.btn-orange { background: #F27A24; } .btn.btn-navy { background: #34495E; } .btn.btn-gray { background: #95A5A6; } .btn:hover, .btn:focus, .btn:active, .btn.active { background: #17A78B; color: #FFF !important; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { background: #17A78B !important; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { background: #387EAA !important; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background: #CF4C45 !important; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active { background: #BD78A9 !important; } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { background: #8A4FA2 !important; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background: #D96716 !important; } .btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy.active { background: #2C3E50 !important; } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { background: #859394 !important; } .tint-bg .btn { background: #FFF !important; color: #1ABB9C !important; } .tint-bg .btn:hover { background: #E9E9E9 !important; color: #506A85 !important; } .btn.share-facebook { background: #3d5b9b !important } .btn.share-facebook:hover { background: #334c8e !important } .btn.share-twitter { background: #5aa8cd !important } .btn.share-twitter:hover { background: #499ac8 !important } .btn.share-googleplus { background: #3b3b3b !important } .btn.share-googleplus:hover { background: #2e2e2e !important } .btn.share-pinterest { background: #c53942 !important } .btn.share-pinterest:hover { background: #bc2d32 !important } .btn-share-lg, .btn-share-md, .btn-share-sm, .btn-share-xs { display: table; position: relative; z-index: 0; width: 100%; text-align: center; } .btn-share-lg i, .btn-share-md i, .btn-share-sm i, .btn-share-xs i { display: table-cell; vertical-align: middle; } .btn-share-lg { height: 250px; } .btn-share-lg i { font-size: 80px; } .btn-share-md { height: 180px; } .btn-share-md i { font-size: 60px; } .btn-share-sm { height: 120px; } .btn-share-sm i { font-size: 40px; } .btn-share-xs { height: 80px; } .btn-share-xs i { font-size: 28px; } .btn-share-lg i:after, .btn-share-md i:after, .btn-share-sm i:after, .btn-share-xs i:after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } /*.btn-share-lg:hover i:after, .btn-share-md:hover i:after, .btn-share-sm:hover i:after, .btn-share-xs:hover i:after { height: 100%; }*/ .btn-share-lg:hover .icon-s-facebook:after, .btn-share-md:hover .icon-s-facebook:after, .btn-share-sm:hover .icon-s-facebook:after, .btn-share-xs:hover .icon-s-facebook:after { background: #3B5998; background: #4668B3; } .btn-share-lg:hover .icon-s-youtube:after, .btn-share-md:hover .icon-s-youtube:after, .btn-share-sm:hover .icon-s-youtube:after, .btn-share-xs:hover .icon-s-youtube:after { color: #DD4B39; color: #9a0606; } .btn-share-lg:hover .icon-s-gplus:after, .btn-share-md:hover .icon-s-gplus:after, .btn-share-sm:hover .icon-s-gplus:after, .btn-share-xs:hover .icon-s-gplus:after { background: #DD4B39; background: #DE5745; } .btn-share-lg:hover .icon-s-twitter:after, .btn-share-md:hover .icon-s-twitter:after, .btn-share-sm:hover .icon-s-twitter:after, .btn-share-xs:hover .icon-s-twitter:after { background: #00ACED; background: #2FBBED; } .btn-share-lg p, .btn-share-md p, .btn-share-sm p, .btn-share-xs p { position: absolute; height: 1.1em; font-family: 'Lato', sans-serif; line-height: 100%; color: #FFF; margin: auto; opacity: 0; } .btn-share-lg p, .btn-share-md p { top: 20px; } .btn-share-sm p, .btn-share-xs p { top: 0; bottom: 0; } .btn-share-sm p { font-size: 16px; } .btn-share-xs p { font-size: 15px; } .btn-share-lg:hover p, .btn-share-md:hover p, .btn-share-sm:hover p, .btn-share-xs:hover p { opacity: 1; } .btn-share-lg .name, .btn-share-md .name, .btn-share-sm .name, .btn-share-xs .name { left: 25px; } .btn-share-lg .counter, .btn-share-md .counter, .btn-share-sm .counter, .btn-share-xs .counter { right: 25px; } .btn-share-lg:hover, .btn-share-md:hover, .btn-share-sm:hover, .btn-share-xs:hover { color: #FFF; } h1 .btn, h2 .btn, h3 .btn, h4 .btn, p .btn { margin-left: 15px; } .txt-btn { font-size: 105%; font-weight: 700; } .txt-btn:after { font-family: 'fontello'; font-size: 75%; content: '\e846'; margin-left: 7px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .txt-btn:hover:after { margin-left: 12px; } /*===================================================================================*/ /* SOCIAL ICONS /*===================================================================================*/ .social { padding: 0; margin: 0; } .social li { font-family: 'fontello-social'; margin-right: 4px; } .social li { position: relative; } .text-center .social li { margin: 0 2px; } .social li a { display: table; position: relative; } .social li a i { text-align: center; display: table-cell; vertical-align: middle; color: #fff; width: 30px; height: 30px; font-size: 12px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .social li a i:after { content: ''; z-index: -1; position: absolute; width: 100%; height: 0; top: 0; left: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .social li a:hover i { color: #FFF; } .social li a:hover i:after { height: 100%; } .social a .icon-s-facebook:after { background: #3B5998; } .social a .icon-s-youtube:after { color: #DD4B39; } .social a .icon-s-gplus:after { background: #DD4B39; } .social a .icon-s-twitter:after { background: #00ACED; } .social a .icon-s-linkedin:after { background: #006699; } .social a .icon-s-instagrem:after { background: #895A4D; } .social a .icon-login:after { background: #e74c3c; } .social a .icon-s-pinterest:after { background: #CB2027; } .social a .icon-s-behance:after { background: #1769FF; } .social a .icon-s-dribbble:after { background: #EA4C89; } /*===================================================================================*/ /* TABS ON SIDE /*===================================================================================*/ .tabs-side .etabs { float: left; width: 17%; padding: 0; margin: 0 -2px 0 0; } .tabs-side .tab { display: block; position: relative; z-index: 0; } .tabs-side .tab a { display: block; background: #F5F7FA; color: #506A85; font-size: 14px; line-height: 130%; font-weight: 700; padding: 10px; border: 1px solid #E6E9ED; border-right-color: #CED7E0; border-bottom: none; overflow: hidden; text-align:left; } .tabs-side .tab:first-child a { border-top-left-radius: 3px; } .tabs-side .tab:last-child a { border-bottom: 1px solid #E6E9ED; border-bottom-left-radius: 3px; } .tabs-side .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-side .tab:hover, .tabs-side .tab.active { z-index: 2; } .tabs-side .tab.active a { background: #FFF !important; color: #1ABB9C; border-color: #CED7E0 !important; border-right-color: #FFF !important; } .tabs-side .tab.active + .tab a { border-top-color: #CED7E0; } .tabs-side .tab.active + .tab a:hover { border-top-color: #1ABB9C; } .tabs-side .tab a div { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-side.tab-container .panel-container { position: relative; z-index: 1; overflow: hidden; padding-left: 20px; border-left: 1px solid #CED7E0; } .tabs-side.tab-container .panel-container p { margin: 0; color:#484848; font-size:15px; line-height:24px; } /*===================================================================================*/ /* TABS ON TOP /*===================================================================================*/ .tabs-top .etabs { padding: 0; margin: 0; } .tabs-top .etabs:after { content: ''; display: block; position: relative; z-index: 1; border-top: 1px solid #CED7E0; margin-top: -1px; } .tabs-top .tab { display: inline-block; position: relative; z-index: 0; max-width: 40%; margin: 0 3px; } .tabs-top .tab a { display: inline-block; vertical-align: bottom; background: #F5F7FA; color: #506A85; font-size: 14px; line-height: 130%; font-weight: 700; text-transform: uppercase; padding: 15px; border: 1px solid #E6E9ED; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .tabs-top .tab a div { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-top .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-top .tab.active { z-index: 2; } .tabs-top .tab.active a { background: #FFF !important; color: #1ABB9C; border-color: #CED7E0 !important; } .tabs-top.tab-container .panel-container { margin-top: 70px; } .tabs-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TABS CIRCLED ON TOP /*===================================================================================*/ .tabs-circle-top .etabs { position: relative; padding: 0; margin: 0; z-index: 2; } .tabs-circle-top .etabs:before { content: ''; display: block; border-bottom: 1px solid #CED7E0; margin: 20px 0 -40px; } .tabs-circle-top .tab { display: inline-block; height:60px; position: relative; top: 0; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-circle-top .tab a { display: table-cell; vertical-align: middle; width: 80px; height: 80px; max-width: 80px; background: #FFF; color: #506A85; font-size: 10px; line-height: 90%; font-weight: 600; text-transform: uppercase; padding: 13px; border: 1px solid #CED7E0; border-radius: 50%; overflow: hidden; } .tabs-circle-top .tab a div { /*font-family: 'Lato', sans-serif;*/ font-size: 20px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-circle-top .tab a:hover { /*border: 4px solid #1ABB9C;*/ background-color: #F5F7FA; border-color: #CED7E0 !important; } .tabs-circle-top .tab.active { top: -15px; } .tabs-circle-top .tab.active a { height: 100px; width: 100px; max-width: 110px; background: #1ABB9C; font-size: 11px; line-height: 100%; color: #FFF; border: 1px solid #1ABB9C; } .tabs-circle-top .tab.active a:hover { border-color: transparent !important; } .tabs-circle-top .tab.active a div { font-size: 30px; margin: -13px 0 8px; } .tabs-circle-top.tab-container .panel-container { position: relative; margin-top: 30px; z-index: 1; } .tabs-circle-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TABS 2-BIG ON TOP /*===================================================================================*/ .tabs-2-big-top .etabs { position: relative; padding: 0; margin: 0; z-index: 2; } .tabs-2-big-top .tab { position: relative; display: inline-block; width: 40%; border-bottom: 2px solid transparent; border-radius: 3px; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after { content: ''; position: absolute; top: 100%; left: 50%; height: 0; width: 0; border: solid transparent; pointer-events: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before { border-width: 23px; margin-left: -23px; } .tabs-2-big-top .tab:after { border-width: 20px; margin-left: -20px; } .tabs-2-big-top .tab a { display: block; padding: 35px; color: #506A85; opacity: .5; } .tabs-2-big-top .tab:hover { background: #F7F9FA; border-color: #E6EBF0; } .tabs-2-big-top .tab:hover:before { border-top-color: #E6EBF0; } .tabs-2-big-top .tab:hover:after { border-top-color: #F7F9FA; } .tabs-2-big-top .tab.active { background: #FFF; border-color: #E1E7ED; } .tabs-2-big-top .tab.active:before { border-top-color: #E1E7ED; } .tabs-2-big-top .tab.active:after { border-top-color: #FFF; } .tabs-2-big-top .tab:hover a, .tabs-2-big-top .tab.active a { opacity: 1; } .tabs-2-big-top .tab a p { margin-bottom: 0; } .tabs-2-big-top.tab-container .panel-container { position: relative; margin-top: 80px; z-index: 1; } .tabs-2-big-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TESTIMONIALS / QUOTES /*===================================================================================*/ .format-quote { position: relative; } .format-quote:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(/Content/assets/images/art/pattern-background01.jpg); opacity: .05; } #testimonials #owl-testimonials { margin-top: 10px; } blockquote { position: relative; } #testimonials #owl-testimonials:before, blockquote:before { display: block; position: relative; font-family: 'fontello'; content: '\275e'; font-size: 40px; line-height: 100%; } #testimonials #owl-testimonials:before { top: -10px; opacity: .3; } #testimonials #owl-testimonials blockquote:before { display: none; } blockquote:before { position: absolute; right: 0; bottom: 0; } .post.format-quote { background-color: #1ABB9C; } .format-quote .meta, .format-quote blockquote, .format-quote blockquote footer, .format-quote blockquote small, .format-quote blockquote .small { color: #FFF; } .format-quote blockquote footer:before, .format-quote blockquote small:before, .format-quote blockquote .small:before, .format-quote blockquote footer:after, .format-quote blockquote small:after, .format-quote blockquote .small:after { background-color: #FFF; } .format-quote .meta a:hover { color: #506A85; } /*===================================================================================*/ /* ACCORDION / TOGGLE /*===================================================================================*/ .panel-group { margin-bottom: 0; } .panel-group + .panel-group { margin-top: 20px; } .panel-group .panel { background: #F5F7FA; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; box-shadow: none; } .panel-group .panel + .panel { margin-top: 10px; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: #E6E9ED; } .panel-body { padding: 25px; } .panel-heading { background-color: inherit !important; color: inherit !important; padding: 0; border-color: inherit !important; } .panel-title { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 1.42857; font-weight: 700; text-transform: uppercase; } .panel-title > a { display: block; padding: 15px 25px 15px; } .panel-title > a.collapsed { background: #F5F7FA; color: #506A85; } .panel-title > a, .panel-title > a:hover { background: #EDF0F2; } .panel-title > a { color: #506A85; } .panel-title > a:hover { color: #1ABB9C; } .panel-title > a span { display: block; position: relative; top: 0; color: #506A85; padding-right: 25px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span { padding-left: 25px; padding-right: 0; } .text-center .panel-title > a span { padding-left: 0; padding-right: 0; } .panel-title > a:hover span { color: inherit; } .text-center .panel-title > a:hover span { top: .5em; color: transparent; } .panel-title > a span:after { font-family: "fontello"; content: "\e849"; position: absolute; top: 0; right: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span:after { left: 0; right: auto; } .text-center .panel-title > a span:after { top: -.75em; left: 0; opacity: 0; } .panel-title > a.collapsed span:after { content: "\e84c"; } .text-center .panel-title > a:hover span:after { color: #1ABB9C; top: -.5em; opacity: 1; } .panel-group .bordered { background: #FFF; } .light-bg .panel-group .panel { background: #FFF; } .light-bg .panel-title > a.collapsed, .light-bg .blank .panel-title > a.collapsed { background: #F8FAFD; } .light-bg .panel-title > a, .light-bg .blank .panel-title > a, .light-bg .panel-title > a:hover, .light-bg .blank .panel-title > a:hover { /*background: #E6E9ED;*/ background: #FFF; } .dark-bg .panel-group .panel, .dark-bg .panel-group .panel-heading + .panel-collapse .panel-body { border-color: #485867; } .dark-bg .panel-group .panel { background: #3A4A59; } .dark-bg .panel-title > a.collapsed { background: #566473; } .dark-bg .panel-title > a, .dark-bg .panel-title > a:hover { /*background: #E6E9ED;*/ background: #485867; } .dark-bg .panel-title > a, .dark-bg .panel-title > a span { color: #FFF; } .dark-bg .blank .panel-title > a.collapsed { background: #2F4052; } .dark-bg .blank .panel-title > a.collapsed, .dark-bg .blank .panel-title > a { border-color: #566473; } .dark-bg .blank .panel-title > a, .dark-bg .blank .panel-title > a:hover { background: #485867; } .blank .panel-title > a.collapsed { background: #FFF; } .panel-group.blank .panel { background: none; } .panel-group.blank .panel { border: none; } .blank .panel-title > a.collapsed, .blank .panel-title > a { border: 1px solid #E6E9ED; } .blank .panel-title > a, .blank .panel-title > a:hover { background: #F5F7FA; } .blank .panel-heading, .blank .panel-title > a { border-radius: 3px; } .panel-group.blank .panel-heading + .panel-collapse .panel-body { border: none; } .blank .panel-body { padding: 35px 0; } .blank.panel-group .bordered, .light-bg .panel-group .bordered, .dark-bg .panel-group .bordered { background: #F5F7FA; } .light-bg .blank.panel-group .bordered { background: #FFF; } /*===================================================================================*/ /* PORTFOLIO /*===================================================================================*/ .items { list-style: none; margin: 0; padding: 0; } .items:before, .items:after { display: table; content: ""; line-height: 0; } .items:after { clear: both } .items li { float: left; min-height: 1px; position: relative; } .items.col-3 { margin-left: -8px; margin-bottom: -8px; } .items.col-3 li { width: 318px; margin-left: 8px; margin-bottom: 8px; } .items.col-3.gap { margin-left: -20px; margin-bottom: -20px; } .items.col-3.gap li { width: 310px; margin-left: 20px; margin-bottom: 20px; } .items.col-4 { margin-left: -10px; margin-bottom: -10px; } .items.col-4 li { width: 235px; margin-left: 10px; margin-bottom: 10px; } .items.col-4 .post-title { font-size: 16px; margin-bottom: 3px; } .items.fullscreen { width: 100%; clear: both; margin: 0 0 -1px 0; padding: 0; list-style: none; } .items.fullscreen li { float: left; position: relative; background: none; padding: 0; width: 16.666666666%; } .items.fullscreen li img { display: block; /*position: relative;*/ width: 100%; height: auto; } .items.fullscreen:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .items li img { display: block; width: 100%; } .items li, .items li img, .thumbs .thumb figure, .owl-carousel .item figure { display: block; position: relative; } .items li { overflow: hidden; } .items li .text-overlay, .thumbs .thumb .text-overlay, .owl-carousel .item .text-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; padding: 10%; font: 0px/0 a; /* remove the gap between inline(-block) elements */ background-color: rgba(26,187,156, 0.9); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .items li .text-overlay:before, .thumbs .thumb .text-overlay:before, .owl-carousel .item .text-overlay:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .items li:hover .text-overlay, .thumbs .thumb:hover .text-overlay, .owl-carousel .item:hover .text-overlay { opacity: 1; } .thumbs .thumb:hover .member .text-overlay { opacity: 0; } .thumbs .thumb .member .member-image:hover .text-overlay { opacity: 1; } .items li .text-overlay .info, .thumbs .thumb .text-overlay .info, .owl-carousel .item .text-overlay .info { display: inline-block; vertical-align: middle; width: 100%; height: auto; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 10px; /*color: #FFF;*/ text-align: center; } .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 { color: #FFF; margin-bottom: 2px; } .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p { font-size: 14px; line-height: 22px; color: #FFF; margin-bottom: 0; } .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p, #hero .items li .text-overlay .info.big p, #hero .thumbs .thumb .text-overlay .info.big p, #hero .owl-carousel .item .text-overlay .info.big p { font-size: 18px; line-height: 140%; padding-top: 10px; margin-top: 0; } #owl-clients .item .text-overlay, #clients .thumb .text-overlay { background: none; } #owl-clients .item img, #clients .thumb img { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #owl-clients .item:hover img, #clients .thumb:hover img { opacity: .1; } #owl-clients .item .text-overlay .info h4, #owl-clients .item .text-overlay .info p, #clients .thumb .text-overlay .info h4, #clients .thumb .text-overlay .info p { color: inherit; } .filter, .format-filter { padding: 0; margin-bottom: 40px; } .filter:before, .format-filter:before { content: ""; display: block; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #CED7E0; } .filter li, .format-filter li { display: inline; position: relative; background: #FFF; font-size: 15px; font-weight: 700; line-height: 150%; letter-spacing: .031em; text-transform: uppercase; margin: 0 -2px; } .light-bg .format-filter li { background: #eaecee none repeat scroll 0 0; } .filter li:after, .format-filter li:after { content: "\00b7"; } .filter li:last-child:after, .format-filter li:last-child:after { content: ""; } .filter li a, .format-filter li a { padding: 0 15px; } .light-bg .filter:before { border-color: #BCC7D1; } .light-bg .filter li { background: #F2F5F7; } .dark-bg .filter:before { border-color: #73879C; } .dark-bg .filter li { background: #2F4052; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -ms-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope figure, .items figure { margin: 0; } .post-content .isotope figure { margin: auto; } /*===================================================================================*/ /* OVERLAY /*===================================================================================*/ .icon-overlay { display: block; position: relative; } .icon-overlay img { display: block; max-width: 100%; } .icon-overlay a .icn-more { opacity: 0; height: 100%; position: absolute; left: 0; top: 0; text-decoration: none; width: 100%; z-index: 100; background-color: rgba(26,187,156, 0.9); -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; overflow: hidden; } .icon-overlay-selected a .icn-more { opacity: 1; height: 80%; position: absolute; left: 0; top: 0; text-decoration: none; width: 100%; z-index: 100; background-color: rgba(26,187,156, 0.9); -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; overflow: hidden; } .icon-overlay a:hover .icn-more { opacity: 1; } .icon-overlay a .icn-more:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; position: absolute; text-align: center; content: '\2b'; width: 60px; height: 60px; font-size: 60px; line-height: 1; color: #FFF; top: 50%; left: 50%; z-index: 2; margin: -30px 0 0 -30px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon-overlay a:hover .icn-more:before { font-size: 30px; padding-top: 15px; } .icon-overlay.icn-link a .icn-more:before { content: '\2b'; } /*===================================================================================*/ /* PORTFOLIO POST /*===================================================================================*/ .item-details { list-style: none; font-size: 16px; line-height: 140%; padding-left: 0; margin-bottom: 0; } .item-details li + li { margin-top: 0px; } .item-details li:before { content: ""; font-family: "fontello"; color: #506A85; margin-right: 10px; } .item-details li.date:before { content: "\e82c"; } .item-details li.categories:before { content: "\e70d"; } .item-details li.client:before { content: "\f464"; } .item-details li.url:before { content: "\f30e"; } .item-details li.download:before { content:"\f4e5"; } .item-details li.qrcode:before { content:"\f029"; } .text-center .item-details li { display: inline-block; margin: 0 15px 6px; } /*===================================================================================*/ /* OWL CAROUSEL /*===================================================================================*/ .owl-carousel { text-align: center; cursor: default; } .owl-controls { display: inline-block; position: relative; margin-top: 40px; } .panel-group .panel .owl-controls { margin-top: 25px; } .panel-group.blank .panel .owl-controls { margin-top: 40px; } .owl-pagination { position: relative; line-height: 30px; } .owl-buttons { display: none; } .owl-prev, .owl-next { display: inline-block; position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; font-size: 30px; color: #FFF; background-color: #506A85; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 1; } .owl-prev { left: -35px; } .owl-next { right: -35px; } .owl-carousel:hover .owl-prev { left: -40px; opacity: .25; } .owl-carousel:hover .owl-next { right: -40px; opacity: .25; } .owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover { color: #1ABB9C; opacity: 1; } .owl-outer-nav:after { content: ""; position: absolute; top: 0; left: -15%; width: 130%; height: 100%; z-index: 0; } .owl-outer-nav .owl-wrapper-outer, .owl-outer-nav .owl-pagination, .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next { z-index: 1; } .owl-outer-nav .owl-controls { position: static; } .owl-outer-nav .owl-prev { left: -65px; } .owl-outer-nav .owl-next { right: -65px; } .owl-outer-nav:hover .owl-prev { left: -80px; } .owl-outer-nav:hover .owl-next { right: -80px; } .owl-ui-md .owl-pagination { line-height: 45px; } .owl-ui-md .owl-prev, .owl-ui-md .owl-next { width: 45px; height: 45px; font-size: 45px; } .owl-ui-md .owl-prev { left: -55px; } .owl-ui-md .owl-next { right: -55px; } .owl-ui-md:hover .owl-prev { left: -60px; } .owl-ui-md:hover .owl-next { right: -60px; } .owl-outer-nav.owl-ui-md:after { left: -18%; width: 136%; } .owl-outer-nav.owl-ui-md .owl-prev { left: -85px; } .owl-outer-nav.owl-ui-md .owl-next { right: -85px; } .owl-outer-nav.owl-ui-md:hover .owl-prev { left: -100px; } .owl-outer-nav.owl-ui-md:hover .owl-next { right: -100px; } .owl-ui-lg .owl-pagination { line-height: 60px; } .owl-ui-lg .owl-prev, .owl-ui-lg .owl-next { width: 60px; height: 60px; font-size: 60px; } .owl-ui-lg .owl-prev { left: -75px; } .owl-ui-lg .owl-next { right: -75px; } .owl-ui-lg:hover .owl-prev { left: -80px; } .owl-ui-lg:hover .owl-next { right: -80px; } .owl-outer-nav.owl-ui-lg:after { left: -22%; width: 144%; } .owl-outer-nav.owl-ui-lg .owl-prev { left: -105px; } .owl-outer-nav.owl-ui-lg .owl-next { right: -105px; } .owl-outer-nav.owl-ui-lg:hover .owl-prev { left: -120px; } .owl-outer-nav.owl-ui-lg:hover .owl-next { right: -120px; } .owl-inner-nav .owl-controls { position: static; } .owl-inner-nav .owl-prev { left: 45px; } .owl-inner-nav .owl-next { right: 45px; } .owl-inner-nav:hover .owl-prev { left: 30px; } .owl-inner-nav:hover .owl-next { right: 30px; } .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next, .owl-inner-nav .owl-prev, .owl-inner-nav .owl-next { bottom: 70px; } .owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next, .owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next { bottom: 85px; } .owl-outer-nav.owl-ui-lg .owl-prev, .owl-outer-nav.owl-ui-lg .owl-next, .owl-inner-nav.owl-ui-lg .owl-prev, .owl-inner-nav.owl-ui-lg .owl-next { bottom: 100px; } .owl-inner-pagination .owl-pagination, .owl-inner-pagination .owl-prev, .owl-inner-pagination .owl-next { margin-top: -40px; top: -60px; } .owl-inner-pagination.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-ui-md .owl-prev, .owl-inner-pagination.owl-ui-md .owl-next { margin-top: -50px; top: -65px; } .owl-inner-pagination.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-ui-lg .owl-prev, .owl-inner-pagination.owl-ui-lg .owl-next { margin-top: -60px; top: -75px; } .owl-inner-pagination.owl-outer-nav .owl-prev, .owl-inner-pagination.owl-outer-nav .owl-next, .owl-inner-pagination.owl-inner-nav .owl-prev, .owl-inner-pagination.owl-inner-nav .owl-next { margin: auto; top: 0; bottom: 43px; } .owl-inner-pagination .owl-pagination { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .owl-inner-pagination:hover .owl-pagination { opacity: 1; } .owl-inner-pagination.owl-inner-nav .owl-pagination, .owl-inner-pagination.owl-outer-nav .owl-pagination { top: -45px; } .owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination { top: -50px; } .owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination { top: -60px; } .owl-inner-pagination.owl-inner-nav:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav:hover .owl-pagination { top: -60px; } .owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination { top: -65px; } .owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination { top: -75px; } #owl-main .item { height: 44vh; background-color: #FFF; background-position: center 55%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #owl-main.height-md .item { height: 72vh; } #owl-main.height-lg .item { height: 90vh; } #owl-main .container { display: table; height: inherit; } #owl-main .caption { display: table-cell; } #owl-main .caption.vertical-center { vertical-align: middle; padding-bottom: 3vh; } #owl-main .caption.vertical-top { vertical-align: top; padding-top: 8vh; } #owl-main .caption.vertical-bottom { vertical-align: bottom; padding-bottom: 14vh; } #owl-main .caption.text-center { padding-left: 10%; padding-right: 10%; } #owl-main .caption.text-left { padding-right: 20%; } #owl-main .caption.text-right { padding-left: 20%; } #owl-main .caption h1, #owl-main .caption p, #owl-main .caption div { position: relative; } #owl-main .caption h1 span { padding: .250em 0; line-height: 140%; } #owl-main .caption .light-bg, #owl-main .caption .medium-bg, #owl-main .caption .dark-bg, #owl-main .caption .tint-bg { background: none; padding-left: .500em; padding-right: .500em; } #owl-main .caption h1.light-bg span, #owl-main .caption p.light-bg span { background: #FFF; box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF; } #owl-main .caption h1.medium-bg span, #owl-main .caption p.medium-bg span { background: #A3B1BF; box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF; } #owl-main .caption h1.dark-bg span, #owl-main .caption p.dark-bg span { background: #506A85; box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85; } #owl-main .caption h1.tint-bg span, #owl-main .caption p.tint-bg span { background: #1ABB9C; box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C; } #owl-main .owl-controls { display: block; position: static; margin-top: -47px; } #owl-main .owl-pagination { background: #FFF; line-height: inherit; position: relative; bottom: -40px; padding: 10px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #owl-main:hover .owl-pagination { bottom: -25px; opacity: 1; } #owl-main .owl-prev, #owl-main .owl-next { bottom: 0; } .owl-controls .owl-page { display: inline-block; } .owl-pagination .owl-page span { display: block; width: 15px; height: 15px; background: #506A85; border: none; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 5px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span { background: #1ABB9C; } .owl-item-gap .item { margin: 0 15px; } .owl-item-gap-sm .item { margin: 0 10px; } /* preloading images */ .owl-item.loading { min-height: inherit; background: none; } /*===================================================================================*/ /* PRICING TABLES /*===================================================================================*/ .pricing .plan { border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .pricing .plan header { background: #2F4052; text-align: center; padding: 50px; } .pricing .plan h2 { font-size: 20px; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; color: #FFF; } .pricing .plan .btn { margin-bottom: 0; } .pricing .plan .price { margin-bottom: 15px; } .pricing .plan .price * { font-family: 'Lato', sans-serif; line-height: 100%; } .pricing .plan .price .amount { font-size: 120px; font-weight: 900; color: #FFF; } .pricing .plan .price .currency { position: relative; top: 16px; font-size: 24px; vertical-align: top; margin-right: 5px; } .pricing .plan .price .period { font-size: 16px; text-transform: uppercase; } .pricing .plan .features { background: #F5F7FA; padding: 25px 35px; border: 1px solid #E6E9ED; border-top: none; border-bottom-width: 2px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-top: 0 !important; } .pricing .plan .features li { padding: 15px 0; /*border-top: 1px solid #CED7E0;*/ border-top: 1px solid #BCC7D1; } .pricing .plan .features li:first-child { border: none; } .pricing .plan .features li i { margin-right: 10px; } .pricing.col-4 .plan header { padding: 40px; } .pricing.col-4 .plan h2 { font-size: 18px; } .pricing.col-4 .plan .price .amount { font-size: 90px; } .pricing.col-4 .plan .features { padding: 20px 30px; } /*===================================================================================*/ /* FORMS /*===================================================================================*/ .forms { position: relative; padding: 0; width: 100%; } .form-container .response { display: none; } .forms ol { margin: 0; padding: 0; } .forms ol li { line-height: auto; list-style: none; } input, textarea, .uneditable-input, .form-inline .form-control, .navbar-form .form-control { width: 100%; } select, textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; -webkit-font-smoothing: antialiased; height: 40px; padding: 0 10px; margin-bottom: 20px; font-size: 14px; line-height: 25px; color: #73879C; resize: none; vertical-align: middle; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f5f5f5; border: 1px solid #E6E9ED; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; width:100%; } textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border: 1px solid #BCC7D1; box-shadow: none; } textarea { height: 100%; padding: 10px; margin-bottom: 15px; min-height: 150px; resize: vertical; } textarea.form-control { padding: 10px; } .btn-submit { width: auto; } .forms .btn-submit { margin-bottom: 0; } .forms .error, .forms .error:focus { border: 1px solid #d99898; } .forms label { display: block; float: left; width: 95px; padding-top: 7px; font-size: 13px; clear: both; } .forms input, .forms textarea { background: #F8FAFD; border-radius: 3px; } .light-bg .forms input, .light-bg .forms textarea { background: #FFF; } .form-container:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .newsletter { position: relative; } .newsletter input[type="email"] { background: rgba(255,255,255,0.15); padding-right: 100px; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #FFF !important; } .newsletter input[type="email"]:focus { background: rgba(255,255,255,0.20); } .navbar .searchbox .dropdown-menu { width: 270px; } .search { position: relative; margin: 15px; margin-bottom: 0; } .search input[type="search"] { background: #FFF; padding-right: 40px; } .newsletter .btn-submit, .search .btn-submit { position: absolute; right: 0; top: 0; padding: 0; margin-top: 5px; margin-right: 5px; color: #FFF !important; line-height: 1; } .navbar-form.search .btn-submit { width: 30px; height: 30px; } footer .newsletter .btn-submit { width: 88px; height: 30px; font-size: 13px; } #response ul.errors { margin-bottom: 25px; } #response .btn i { font-size: 12px; } .dark-bg input, .dark-bg button, .dark-bg select, .dark-bg textarea { color: #A3B1BF; } .form-control::-webkit-input-placeholder { color: #C2C7CC; } .form-control:-moz-placeholder { color: #C2C7CC; } .form-control::-moz-placeholder { color: #C2C7CC; } .form-control:-ms-input-placeholder { color: #C2C7CC; } .dark-bg .form-control::-webkit-input-placeholder { color: #828E99; } .dark-bg .form-control:-moz-placeholder { color: #828E99; } .dark-bg .form-control::-moz-placeholder { color: #828E99; } .dark-bg .form-control:-ms-input-placeholder { color: #828E99; } .search .form-control::-webkit-input-placeholder { color: #C2C7CC; } .search .form-control:-moz-placeholder { color: #C2C7CC; } .search .form-control::-moz-placeholder { color: #C2C7CC; } .search .form-control:-ms-input-placeholder { color: #C2C7CC; } input:focus::-webkit-input-placeholder { color: transparent !important; } input:focus:-moz-placeholder { color: transparent !important; } input:focus::-moz-placeholder { color: transparent !important; } input:focus:-ms-input-placeholder { color: transparent !important; } /*===================================================================================*/ /* BLOG /*===================================================================================*/ .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 770px; margin: 0px auto !important; } .blog.no-sidebar .post-title, .blog.no-sidebar .meta { text-align: center } .format-filter li { font-size: 24px; } .format-filter li:after { content: ""; } .format-filter li a { padding: 0 35px; } .classic-blog .meta { margin-right: -5px; margin-left: -25px; } .classic-blog .post-content .meta { padding-right: 80px; } .meta li { display: inline-block; margin: 0 6px; } .meta li.categories:before, .meta li a:before { content: ""; font-family: "fontello"; margin-right: 6px; } .meta li.categories a:before, .meta li.categories:before { margin-right: 0; } /*.meta li.categories:before { content: "\e70d"; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }*/ .meta li.categories:hover:before { color: #1ABB9C; cursor: pointer; } .meta li.url a:before { content: "\f30e"; } .meta li.author-posts a:before { content: "\27a6"; } .meta li.comments a:before { content: "\e718"; } .meta li.comments a:after { content: "Comments"; margin-left: 4px; } .meta li.likes a:before { content: "\2665"; } .meta li.likes a:after { content: "Likes"; margin-left: 4px; } .meta li:after { /*content: "\0399";*/ content: "|"; margin-left: 12px; } .meta li:last-child:after { content: ""; } .classic-blog .sidemeta, .classic-blog .pagination { padding-left: 59px; border-left: 1px solid #CED7E0; margin-left: 40px; } .classic-blog .post .date-wrapper { text-align: center; display: table; float: left; margin-right: 20px; } .classic-blog .post .date { display: table-cell; vertical-align: middle; line-height: 1; width: 60px; height: 60px; border: 1px solid #1ABB9C; -webkit-border-radius: 50%; border-radius: 50%; background: #1ABB9C; font-weight: bold; color: #FFF; line-height: 1; text-transform: uppercase; } .classic-blog .post .date .day { font-size: 20px; margin-bottom: 1px; display: block; } .classic-blog .post .date .month { font-size: 12px; display: block; } .classic-blog .sidemeta .format-wrapper { display: table; } .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination { padding-left: 0; border-left: none; margin-left: 0; padding-right: 59px; border-right: 1px solid #CED7E0; margin-right: 30px; } .classic-blog.sidebar-left .post .date-wrapper { margin-right: 0; margin-left: 20px; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { position: relative; left: -30px; } #blog-post .classic-blog .post { width: 100%; } .classic-blog .post { width: 750px; } .classic-blog .post-title { font-size: 40px; line-height: 46px; } .classic-blog .isotope { overflow: visible !important; } .classic-blog #share { margin-left: 0; margin-right: 0; margin-bottom: 40px; } .classic-blog .panel-group { margin-bottom: 40px; } .post { position: relative; background: #FFF; padding-bottom: 60px; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .sidemeta .format-wrapper a { display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: #FFF; text-align: center; color: #1ABB9C; line-height: 1; border: 1px solid #1ABB9C; border-radius: 50%; } .sidemeta .format-wrapper a:hover { background: #1ABB9C; color: #FFF; } .post-content > * { /*margin-left: 30px; margin-right: 30px;*/ } .post-content *:last-child { margin-bottom: 0; } .post-content > .post-media { margin-left: 0; margin-right: 0; } .post-content > *:first-child, .post-media + * { margin-top: 28px; } .post-content > .post-media:first-child { margin-top: 0; } .owl-carousel.post-media + * { margin-top: 20px; } .post-media iframe { margin-bottom: -7px; } .sidemeta .date-wrapper { position: absolute; top: 0; left: -90px; } .sidemeta .format-wrapper { position: absolute; top: 75px; left: -80px; font-size: 15px; } .classic-blog.sidebar-left .sidemeta .date-wrapper { left: auto; right: -90px; } .classic-blog.sidebar-left .sidemeta .format-wrapper { left: auto; right: -80px; } .grid-blog .post figure { margin-bottom: -1px; } .grid-blog .post .date { display: inline; } .grid-blog:before, .grid-blog:after { display: table; content: ""; line-height: 0; } .grid-blog:after { clear: both; } .grid-blog .post { float: left; min-height: 1px; position: relative; } .grid-blog.col-2 .post, .grid-blog.col-3.no-sidebar .post { padding-bottom: 40px; } .grid-blog.col-2 .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 40px; margin-right: 40px; } .grid-blog.col-2 .post-content > .post-media, .grid-blog.col-3.no-sidebar .post-content > .post-media { margin-left: 0; margin-right: 0; } .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 40px; } .grid-blog.col-2 .post-content > .post-media:first-child, .grid-blog.col-2 .owl-carousel.post-media + *, .grid-blog.col-3.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-3.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2 .post-title, .grid-blog.col-3.no-sidebar .post-title { font-size: 30px; } .grid-blog.col-2 .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post { padding-bottom: 50px; } .grid-blog.col-2.no-sidebar .post-content > * { margin-left: 50px; margin-right: 50px; } .grid-blog.col-2.no-sidebar .post-content > .post-media { margin-left: 0; margin-right: 0; } .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + * { margin-top: 45px; } .grid-blog.col-2.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-2.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2.no-sidebar .post-title { font-size: 33px; } .grid-blog.col-2.no-sidebar .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .post.format-link { background: #2F4052; color: #A3B1BF; } .post.format-link .post-title { color: #FFF; } /*===================================================================================*/ /* AUTHOR /*===================================================================================*/ .author { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700; line-height: 160%; color: #506A85; margin-bottom: 5px; } .author a { border-bottom: none; } .post-author, #comments { background: #FFF; padding: 40px; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .post-author .author-image { float: left; } .post-author .author-image img { width: 120px; } .post-author .author-details { position: relative; font-size: inherit; padding-top: 0; padding-left: 30px; z-index: 0; overflow: hidden; } .post-author .author-details p a { font-weight: 700; border-bottom: none; } .post-author .author-details .social li { display: table-cell; } .post-author .author-details .social li a i { width: 33px; height: 45px; font-size: 15px; } .post-author .author-details .meta { padding-left: 0; margin-top: 12px; } .post-author .author-details .social, .post-author .author-details .meta { float: left; display: inline-block; } /*===================================================================================*/ /* SIDEBAR /*===================================================================================*/ .sidebar { padding-left: 25px !important } .sidebar.left-sidebar { padding: 15px !important } .sidebox + .sidebox { margin-top: 60px; } .sidebox h3 { font-size: 16px; margin-bottom: 15px; } .sidebox.widget form, .sidebox.widget input { margin: 0; } .sidebox.widget input { border-radius: 3px; } .widget .list { list-style: none; margin: 0; } .sidenav { background: #F5F7FA; padding: 0; border: 1px solid #E6E9ED; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; } .sidenav li { border-bottom: 1px solid #E6E9ED; } .sidenav li a { display: block; position: relative; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; color: #506A85; padding: 13px 18px; } .sidenav li a:hover { background: #1ABB9C; color: #FFF; } .sidenav li a:after { position: absolute; right: 18px; content: "\e762"; font-family: 'fontello'; font-size: 18px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .sidenav li a:hover:after { opacity: 1; } /*===================================================================================*/ /* TOOLTIPS /*===================================================================================*/ .tooltip-inner { color: #fff; background-color: #1ABB9C; padding: 5px 12px; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #1ABB9C; } .tooltip.right .tooltip-arrow { border-right-color: #1ABB9C; } .tooltip.left .tooltip-arrow { border-left-color: #1ABB9C; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #1ABB9C; } /*===================================================================================*/ /* PAGINATION /*===================================================================================*/ .pagination { display: block; border-radius: 0; margin: 0; } .pagination > li { display: inline-block; margin-left: 10px; } .pagination > li:first-child { margin-left: 0; } .pagination > li > a, .pagination > li > span { float: none; display: inline-block; color: #fff; font-family: 'Source Sans Pro', sans-serif; background: #1ABB9C; padding: 11px 20px 13px; margin-left: 0; font-weight: 700; font-size: 14px; text-shadow: none; text-transform: uppercase; border: none; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus { background: #17A78B; color: #FFF; } .pagination > li:first-child > a, .pagination > li:last-child > a { border-radius: 3px; } /*===================================================================================*/ /* COMMENTS /*===================================================================================*/ #comments { position: relative; } #comments .commentlist { list-style: none; margin: 0; padding: 0; } #comments .commentlist > .comment { padding-top: 40px; border-top: 1px solid #E6E9ED; margin-top: 40px; } #comments .commentlist > .comment:first-child { border-top: none; padding-top: 0; } #comments .comment *:last-child { margin-bottom: 0; } #comments .commentlist .children { padding-left: 80px; } #comments .commentlist .children .comment { padding-top: 40px; } #comments .avatar { float: left; } #comments .avatar span { border-radius: 50%; } #comments .avatar img { border-radius: 50%; width: 60px; height: 60px; } #comments .commentbody { padding-left: 22px; overflow: hidden; } #comments .author { margin-bottom: 15px; } #comments .author h3 { display: inline-block; margin-bottom: 0; margin-right: 15px; } #comments .author .meta { display: inline-block; /*opacity: .5;*/ color: #BCC7D1; margin: 0; } #comments .message .meta { text-align: right; /*opacity: .5;*/ color: #BCC7D1; padding-left: 0; } #comments .message .meta li { padding-top: 0; border-top: none; margin-top: 0; } #comments .message .meta li.reply { float: left; } #comments .message .meta li.reply a:before { font-family: 'fontello'; content: "\e712"; margin-right: 6px; } #comments .message .meta li a:before, #comments .message .meta li:after { content: ""; margin-left: 0; margin-right: 0; } .comment-form-wrapper p { padding-bottom: 20px } .blog.no-sidebar #comments .meta { text-align: left } /*===================================================================================*/ /* GO TO TOP / SCROLL UP /*===================================================================================*/ #scrollUp { bottom: 20px; right: 20px; font-size: 36px; line-height: 100%; color: #FFF; background-color: #506A85; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: .5; } #scrollUp:hover { color: #1ABB9C; opacity: 1; } /*===================================================================================*/ /* FEATURES / STYLES /*===================================================================================*/ .font-icons { list-style: none; margin: 0; padding: 0; } .font-icons li { display: inline-block; font-size: 25px; margin-bottom: 10px; padding: 0 10px; } .alert .close { line-height: 28px; } .retina-icons-code i { font-size: 18px; } .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { text-align: center; } .retina-icons-code code { color: #73879C; background: none; } .table-bordered { border: 1px solid #E6E9ED; border-left: none; background: #FFF; } .table-bordered th, .table-bordered td { border-left: 1px solid #E6E9ED; } .table th, .table td { border-top: 1px solid #E6E9ED; } .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #F5F7FA; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #E6E9ED; } /*===================================================================================*/ /* MODALS /*===================================================================================*/ .modal { z-index: 9000; background: none; } .modal.fade { -webkit-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .modal-open .modal { overflow: hidden; } .modal-backdrop { background-color: #F2F5F7; } .modal-backdrop.in { opacity: .95; } .modal .container { width: 100%; max-width: 1170px; padding-left: 50px; padding-right: 50px; } .modal-dialog { position: absolute; top: 35px; bottom: 35px; left: 35px; right: 35px; width: calc(100% - 70px); margin: auto; } .modal-full { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; } .modal-lg { max-width: 100%; max-height: 100%; } .modal-md { max-width: 1170px; max-height: 800px; } .modal-sm { max-width: 750px; max-height: 500px; } .modal-xs { max-width: 480px; max-height: 350px; } .modal-content { width: 100%; /* Can use left: 0; right: 0; with position: absolute; as well */ height: 100%; /* Can use top: 0; bottom: 0; with position: absolute; as well */ padding: 0 !important; margin: 0 !important; border: none; border-bottom: 2px solid #CED2D6; border-radius: 3px; -webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.1); box-shadow: 0 30px 30px rgba(0,0,0,0.1); overflow: hidden; } .modal-full .modal-content { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .modal-header { position: relative; z-index: 1; height: 70px; padding: 22px 25px; background-color: #FFF; border-bottom: 1px solid #E6E9ED; } .modal-header .close { float: right; font-size: 24px; font-weight: 400; color: #506A85; text-shadow: none; margin-top: 0; margin-left: 25px; -webkit-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .dark-bg.no-modal-header .modal-header .close, .tint-bg.no-modal-header .modal-header .close { color: #FFF; opacity: .4; } .modal-header .close:hover, .modal-header .close:focus { opacity: 1 !important; } .modal-title { color: #506A85 !important; line-height: 150%; } .no-modal-header .modal-header { background-color: transparent; padding-right: 40px; border-bottom: none; } .no-modal-header .modal-header .modal-title { display: none; } .no-modal-footer .modal-footer { display: none; } .no-modal-header .modal-body { top: 0; } .no-modal-footer .modal-body { bottom: 0; } .modal-body { position: absolute; top: 70px; bottom: 75px; width: 100%; /* Can use left: 0; right: 0; as well */ padding: 0; overflow-x: hidden; overflow-y: auto; } .modal-footer { position: absolute; bottom: 0; width: 100%; /* Can use left: 0; right: 0; as well */ height: 75px; background-color: #FFF; border-top: 1px solid #E6E9ED; } .modal-footer .btn { margin: 0; } .modal-open #scrollUp { -webkit-transition: none; -o-transition: none; transition: none; opacity: 0; } .btn-modal { background: #F5F7FA !important; color: #506A85 !important; border: 1px solid #E6E9ED; border-bottom-width: 2px; box-shadow: none !important; } .btn-modal:hover, .btn-modal:focus, .btn-modal:active, .btn-modal.active { background: #EDF0F2 !important; color: #1ABB9C !important; } .mobiledil{ display:none; text-align:center; margin-left:10%; margin-right:10%; } .mobiledil ul { display: inline-block; } /*===================================================================================*/ /* RESPONSIVE /*===================================================================================*/ @media (min-width: 1200px) { .container { padding-right: 0; padding-left: 0; } .owl-buttons { display: block; } .items.col-4 { margin-left: -10px; margin-bottom: -10px; } .items.col-4 li { width: 285px; margin-left: 10px; margin-bottom: 10px; } .items.col-3 { margin-left: -9px; margin-bottom: -9px; } .items.col-3 li { width: 384px; margin-left: 9px; margin-bottom: 9px; } .items.col-3.gap { margin-left: -21px; margin-bottom: -21px; } .items.col-3.gap li { width: 376px; margin-left: 21px; margin-bottom: 21px; } .items.col-4.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-4.gap li { width: 279px; margin-left: 18px; margin-bottom: 18px; } .grid-blog.col-2 { margin-left: -40px; } .sidebar-left .grid-blog.col-2 { margin-left: -20px; } .sidebar-left .pagination { margin-left: 20px; } .grid-blog.col-2 .post { width: 390px; margin-left: 40px; margin-bottom: 40px; } .grid-blog.col-2.no-sidebar .post { width: 565px; } .grid-blog.col-3 { margin-left: -30px; } .grid-blog.col-3 .post { margin-left: 30px; margin-bottom: 30px; } .grid-blog.col-3.no-sidebar .post { width: 370px; } .sidebar { padding-left: 35px !important; } .navbar .dropdown-submenu > a:after { display: none; } .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) { margin-top: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) { top: 0; left: 100%; margin-top: -6px; } .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) { left: -100%; margin-left: 10px; } .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } .modal-dialog { top: 50px; bottom: 50px; left: 50px; right: 50px; width: calc(100% - 100px); } } @media (min-width: 1025px) { .navbar-collapse.collapse { padding-bottom: 10px; } section#stage { left:50%; } } @media (min-width: 1025px) and (max-width: 1199px) { /* br { display: none; }*/ #team .inner-left { padding-left: 40px; } #team .inner-right { padding-right: 40px; } .classic-blog .post { width: 601px; padding-bottom: 50px; } .classic-blog .post-content > * { margin-left: 50px; margin-right: 50px; } .classic-blog .post-content > .post-media { margin-left: 0; margin-right: 0; } .classic-blog .post-content > *:first-child, .classic-blog .post-media + * { margin-top: 45px; } .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * { margin-top: 0; } .classic-blog .post-title { font-size: 33px; } .classic-blog .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2 { margin-left: -30px; } .grid-blog.col-2 .post { width: 330px; margin-left: 30px; margin-bottom: 30px; } .grid-blog.col-2 .post-title { font-size: 28px; } .grid-blog.col-2.no-sidebar { margin-left: -40px; } .grid-blog.col-2.no-sidebar .post { width: 465px; margin-left: 40px; margin-bottom: 40px; } .grid-blog.col-3.no-sidebar { margin-left: -25px; } .grid-blog.col-3.no-sidebar .post { width: 306px; margin-left: 25px; margin-bottom: 25px; } .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; } .grid-blog.col-3.no-sidebar p { font-size: 16px; } .tabs-circle-top .etabs:before { margin: 55px 0 -55px; } .tabs-circle-top .tab { height: 140px; margin: 0 10px; } .tabs-circle-top .tab a { width: 110px; height: 110px; max-width: 110px; font-size: 12px; } .tabs-circle-top .tab a div { font-size: 36px; } .tabs-circle-top .tab.active a { height: 140px; width: 140px; max-width: 140px; font-size: 14px; } .tabs-circle-top .tab.active a div { font-size: 46px; } .navbar .dropdown-submenu > a:after { display: none; } .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) { margin-top: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) { top: 0; left: 100%; margin-top: -6px; } .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) { left: -100%; margin-left: 10px; } .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } } @media (max-width: 1024px) { /*html { overflow-x: hidden; }*/ #hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big { margin-top: -35px; } .retina-icons-code code { font-size: 11.5px; } .tabs-side.tab-container .panel-container { padding-left: 50px; } br { display: none; } #team .inner-left { padding-left: 30px; } #team .inner-right { padding-right: 30px; } .classic-blog .post { width: 630px; padding-bottom: 50px; } .classic-blog .post-content > * { margin-left: 50px; margin-right: 50px; } .classic-blog .post-content > .post-media { margin-left: 0; margin-right: 0; } .classic-blog .post-content > *:first-child, .classic-blog .post-media + * { margin-top: 45px; } .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * { margin-top: 0; } .classic-blog .post-title { font-size: 33px; } .classic-blog .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { left: auto; } .sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination { padding-left: 20px; padding-right: 0; } .grid-blog.col-2 { padding-right: 20px; margin-left: 0; margin-bottom: 0; } .grid-blog.col-2 .post { width: 100%; margin-left: 0; margin-bottom: 30px; } .grid-blog.col-2 .post-title { font-size: 28px; } .grid-blog.col-2.no-sidebar, .grid-blog.col-3.no-sidebar { padding-right: 0; margin-left: -25px; } .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post { width: 347px; padding-bottom: 40px; margin-left: 25px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 40px; margin-right: 40px; } .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 35px; } .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post-title , .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; } .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p { font-size: 16px; } .format-filter li a { padding: 0 25px; } .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 100%; } .classic-blog .pagination, .classic-blog .comment-form-wrapper { margin-bottom: 120px; } .classic-blog.no-sidebar .pagination, .classic-blog.no-sidebar .comment-form-wrapper { margin-bottom: 0; } [class*="col-md"][class*="inner-left"], [class*="col-md"][class*="inner-right"] { padding-left: 15px; padding-right: 15px; } [class*="col-md"][class*="border-left"] { border-left: none; } [class*="col-md"][class*="border-right"] { border-right: none; } .tabs-circle-top .etabs:before { margin: 60px 0 -40px; } .tabs-circle-top .tab { height: 60px; margin: 0 5px; } .tabs-circle-top .tab a { width: 80px; height: 80px; max-width: 80px; font-size: 10px; } .tabs-circle-top .tab a div { font-size: 20px; } .tabs-circle-top .tab.active a { height: 100px; width: 100px; max-width: 100px; font-size: 11px; } .tabs-circle-top .tab.active a div { font-size: 30px; } #owl-main .caption.text-center, #owl-main .caption.text-left, #owl-main .caption.text-right { padding-left: 0; padding-right: 0; } .navbar-header .navbar-brand { display: inline-block; } .navbar-collapse .navbar-brand { display: none; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar .container { display: block; } .navbar .social, .navbar .info { display: none; } .navbar-header { background: #FFF; padding: 25px 0; } .btn.responsive-menu { display: table; } .btn.responsive-menu i { display: table-cell; vertical-align: middle; } .navbar-collapse { position: static !important; background: #F5F7FA; max-height: inherit; padding-top: 0; padding-bottom: 0; } .navbar-collapse:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { float: none; position: relative; } .yamm .dropdown-menu { position: relative; left: inherit; top: inherit; float: none; width: 100%; /* display: block !important;*/ } .yamm .yamm-content { padding: 12px 0; font-size: 13px; } .navbar-nav { float: none !important; display: block; padding: 15px 0; } .navbar-nav > li { float: none; display: block; } .navbar-nav > li + li { border-top: 1px solid #E6E9ED; } .navbar-nav > li > a { padding-left: 0; padding-right: 0; border: none; border-radius: 0; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { background: none; } .navbar-nav .dropdown-menu { border: none; box-shadow: none; } .navbar-nav .dropdown-submenu .dropdown-menu { top: 0 !important; padding-left: 20px; } .navbar-nav .dropdown-menu > li:last-child { margin-bottom: 20px; } .navbar-nav .searchbox { float: left !important; display: block; width: 100%; } .navbar-header { float: left; width: 100%; } .navbar-header:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .mobiledil{ display:block; } } @media (max-width: 969px) { .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; } } @media (min-width: 768px) and (max-width: 979px) { .navbar .container, .container { padding-right: 15px; padding-left: 15px; } .tabs-side .etabs { width: 240px; } .tabs-side.tab-container .panel-container { width: 480px; } .tabs-top.left .tab { margin-right: 2px; } .tabs-top.left .tab a { padding: 5px 10px; } .items.col-4 { margin-left: -9px; margin-bottom: -9px; } .items.col-4 li { width: 234px; margin-left: 9px; margin-bottom: 9px; } .items.col-3 { margin-left: -9px; margin-bottom: -9px; } .items.col-3 li { width: 234px; margin-left: 9px; margin-bottom: 9px; } .items.col-3.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-3.gap li { width: 351px; margin-left: 18px; margin-bottom: 18px; } .items.col-4.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-4.gap li { width: 351px; margin-left: 18px; margin-bottom: 18px; } } @media (max-width: 767px) { /*body { height: 100vh; }*/ h1, h2, h3, h4 { letter-spacing: .0125em; } h1 { font-size: 33px; line-height: 120%; margin-bottom: 20px; } header p { font-size: 20px; } footer .inner { padding-top: 35px; padding-bottom: 25px; } footer .row .inner { padding-left: 20px; padding-right: 20px; } footer .container > .row { margin-left: -20px; margin-right: -20px; } .row, #share { overflow: hidden; } #share .container { width: auto; padding: 0; margin-left: -15px; margin-right: -15px; } /*.owl-controls { display: inline; } .owl-pagination { top: 0 !important; }*/ .last-bottom { padding-bottom: 20px !important; } .last-bottom + .last-bottom { padding-bottom: 0 !important; } .thumbs.gap-lg { margin-left: -15px; } .thumbs.gap-lg .thumb { padding: 0 0 15px 15px; } .icon.pull-right { margin-left: 10px; } .inner { padding-top: 80px; padding-bottom: 80px; } .inner-md { padding-top: 65px; padding-bottom: 65px; } .inner-sm { padding-top: 50px; padding-bottom: 50px; } .inner-xs { padding-top: 40px; padding-bottom: 40px; } .inner-top { padding-top: 80px; } .inner-top-md { padding-top: 65px; } .inner-top-sm { padding-top: 50px; } .inner-top-xs { padding-top: 40px; } .inner-bottom { padding-bottom: 80px; } .inner-bottom-md { padding-bottom: 65px; } .inner-bottom-sm { padding-bottom: 50px; } .inner-bottom-xs { padding-bottom: 40px; } .height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item { height: 88vh; } #hero h1 { font-size: 38px; line-height: 115%; letter-spacing: 0.031em; } #hero p { font-size: 20px; line-height: 135%; margin-top: 15px; } #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 33px; } #hero .btn { margin-top: 25px; } #hero .btn-large { font-size: 16px; padding: 12px 30px 15px; } .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { max-width: 30px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { line-height: 100%; padding-left: 4px; padding-right: 4px; } .table > thead > tr > th { font-size: 11px; } .retina-icons-code i { font-size: 14px; } .retina-icons-code code { font-size: 10px; } .tabs-side .etabs { float: none; width: 100%; } .tabs-side .tab a { border-right-color: #E6E9ED; } .tabs-side .tab:first-child a { border-top-right-radius: 3px; } .tabs-side .tab:last-child a { border-bottom-right-radius: 3px; } .tabs-side .tab.active a { border-right-color: #CED7E0 !important; } .tabs-side.tab-container .panel-container { padding-left: 0; border-left: none; margin-top: 30px; } .tabs-top .etabs:after { display: none; } .tabs-top .tab { display: block; max-width: 100%; margin: 0; } .tabs-top .tab a { display: block; border-top-left-radius: 0; border-top-right-radius: 0; } .tabs-top .tab:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px; } .tabs-top .tab:last-child a { border-bottom: 1px solid #E6E9ED; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .tabs-top .tab.active + .tab a { border-top-color: #CED7E0; } .tabs-top .tab.active + .tab a:hover { border-top-color: #1ABB9C; } .filter:before, .format-filter:before { display: none; } h1.single-block .btn { margin-left: 0; } .sidemeta .date-wrapper, .classic-blog.sidebar-left .sidemeta .date-wrapper { top: -80px; left: 50%; margin-left: -60px; } .sidemeta .format-wrapper, .classic-blog.sidebar-left .sidemeta .format-wrapper { top: -70px; left: 50%; margin-left: 10px; } .classic-blog .sidemeta, .classic-blog .pagination { padding-left: 0; border-left: none; margin-left: 0; } .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination { padding-right: 0; border-right: none; margin-right: 0; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { left: 0; } .classic-blog .post { margin-top: 80px; width: 100%; } .grid-blog.col-2 { padding-right: 0; } .sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination { padding-left: 0; } .classic-blog .post, .grid-blog.col-2 .post, .grid-blog.col-3 .post, .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post { padding-bottom: 30px; } .classic-blog .post-content > *, .grid-blog.col-2 .post-content > *, .grid-blog.col-3 .post-content > *, .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 30px; margin-right: 30px; } .classic-blog .post-content .meta, .grid-blog.col-2 .post-content .meta, .grid-blog.col-3 .post-content .meta, .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 30px; padding-right: 30px; margin-bottom: 20px; } .classic-blog .post-content > *:first-child, .classic-blog .post-media + *, .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3 .post-content > *:first-child, .grid-blog.col-3 .post-media + *, .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 30px; } .classic-blog .post-title, .grid-blog.col-2 .post-title, .grid-blog.col-3 .post-title, .grid-blog.col-2.no-sidebar .post-title, .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; } .classic-blog p, .grid-blog.col-2 p, .grid-blog.col-3 p, .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p { font-size: 16px; line-height: 150%; margin-bottom: 10px; } .classic-blog .pagination, .classic-blog .comment-form-wrapper, .pagination { margin-bottom: 100px; } .grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination { margin-bottom: 0; } .classic-blog .pagination, .classic-blog.sidebar-left .pagination, .grid-blog.col-2 + .pagination, .grid-blog.col-3 + .pagination, .grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination { margin-left: -10px; } .pagination > li:first-child { margin-left: 10px; } .pagination li { margin-bottom: 10px; } #blog-post .post h2 { font-size: 19px; margin-bottom: 15px; } #blog-post .post h3 { font-size: 16px; } #blog-post .post h4 { font-size: 14px; } #blog-post .post figure figcaption p { font-size: 14px; line-height: 150%; } [class*="col"] > figcaption:first-child { padding-top: 20px; } .post-author, #comments { padding: 30px; } .post-author .author-image { float: none; display: inline-block; margin-bottom: 20px; } .post-author .author-details { padding-left: 0; } #comments .avatar { float: none; display: inline-block; margin-bottom: 15px; } #comments .commentbody { padding-left: 0; } #comments .commentlist .children { padding-left: 0; } [class*="col"][class*="border-left"] { border-left: none; } [class*="col"][class*="border-right"] { border-right: none; } .filter li { display: block; } .filter li + li { margin-top: 15px; } .filter li:after { display: none; } #hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big { margin-top: -25px; } .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 { font-size: 16px; line-height: 150%; } .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p, .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p, #hero .items li .text-overlay .info.big p, #hero .thumbs .thumb .text-overlay .info.big p, #hero .owl-carousel .item .text-overlay .info.big p { font-size: 14px; line-height: 140%; padding-top: 0; } .tabs-2-big-top .tab { width: 100%; margin: 0 0 50px 0; } .tabs-2-big-top .tab a { padding: 25px; } .tabs-2-big-top.tab-container .panel-container { margin-top: 0; } [class*="col"][class*="inner-left"], [class*="col"][class*="inner-right"], [class*="col"][class*="reset-padding"] { padding-left: 15px; padding-right: 15px; } [class*="inner-top"].reset-xs { padding-top: 0 !important; } .tabs-circle-top .etabs:before { border-bottom: none; margin: 0; } .tabs-circle-top .tab { display: table; width: 100%; height: auto; margin: 0; } .tabs-circle-top .tab.active { top: 0; } .tabs-circle-top .tab a, .tabs-circle-top .tab.active a { width: 100%; max-width: 100%; height: auto; font-size: 18px; text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: none; border-radius: 0; } .tabs-circle-top .tab a:hover { border-width: 1px; border-color: #CED7E0 !important; border-top: none; } .tabs-circle-top .tab.active a:hover { border-color: transparent !important; } .tabs-circle-top .tab:first-child a { border-top: 1px solid #CED7E0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .tabs-circle-top .tab:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .tabs-circle-top .tab a div, .tabs-circle-top .tab.active a div { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 120%; padding-bottom: 5px; margin: 0 10px 0 0; } .yamm-content { margin-top: 25px; } .yamm-content > [class*="col"] { margin-bottom: 50px; } .navbar .container, .container { padding-right: 20px; padding-left: 20px; } .navbar-collapse { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .footer-bottom p.pull-left, .footer-bottom ul.pull-right { float: none !important; text-align: center; } .footer-bottom p { margin-bottom: 20px; } .footer-menu li { padding: 0 5px; } img { max-width: 100%; height: auto; } .filter li a:before { display: none; } .items { margin-left: 0 !important; /*margin-bottom: -20px !important;*/ } .items li { width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important; } .items.fullscreen li { margin: 0 !important; } .sidebar { margin-top: 70px; padding-left: 15px !important; } .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 100% } .blog.no-sidebar .pagination ul { margin: 0 } .grid-blog { margin-left: 0 !important; margin-bottom: 20px !important; } .grid-blog .post { width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important; } #comments ul.children { padding: 0 0 0 20px; } #comments .arrow-box { margin-left: 0; } .panel-title { line-height: 18px; } .yamm .yamm-content.row { margin-bottom: -30px } .modal .container { padding-left: 35px; padding-right: 35px; } .modal-dialog { top: 25px; bottom: 25px; left: 25px; right: 25px; width: calc(100% - 50px); } .modal-open { background-color: #F2F5F7; } } @media (min-width: 768px) { .modal-open { margin-left: -17px; margin-right: -17px; } .modal-open .navbar-collapse.stuck { padding-right: 32px; right: 0; } } @media (min-width: 768px) and (max-height: 1024px) { .height-xs, .height-sm, #owl-main .item { height: 480px; } #hero h1 { font-size: 56px; line-height: 115%; } #hero p { font-size: 22px; line-height: 135%; margin-top: 17px; } #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 50px; } #hero .btn { margin-top: 35px; } #hero .btn-large { font-size: 16px; padding: 15px 35px 17px; } } @media (min-width: 768px) and (max-height: 768px) { .height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item { height: 480px; } } @media (max-width: 480px) { a.siparis{ margin :5px !important; } .Navigator{ top :-77px !important; } .tasarimsihirbazi { border-width:84px 1px 20px 1px !important; } .tabBaslik { top:-64px !important; vertical-align:middle; } .breadcrumb-arrow li:last-child { margin-left: 0px !important;} .modal .container { padding-left: 25px; padding-right: 25px; } .modal-dialog { top: 15px; bottom: 15px; left: 15px; right: 15px; width: calc(100% - 30px); } .modal-header { padding: 14px 15px; } .modal-title { font-size: 16px; line-height: 120%; } } .anket {font-size: 26px;color: #fff; margin-bottom: 1em;text-align: left !important;} .anket-slogan {color: #fff;text-align: left !important;font-size: 22px;line-height: 30px;opacity: 0.85;} .anket-container {padding: 1.5em 0 0 0;background-color: #f9f9f9;background-image: url(/Content/assets/images/anket-bg.jpg);} .anket-container .btn {background: #fff none repeat scroll 0 0 !important;color: #1abb9c !important;transition:0.35s;} .anket-container .btn:hover {background: #e9e9e9 none repeat scroll 0 0 !important;color: #506a85 !important;} /*section#blog figure img {width:100%; height:auto;}*/ menu#header-nav {margin:5px 0 10px;} #header-nav ul li .active {background-color: #f5f7fa;border-color: #e6e9ed;color: #1abb9c;} .tabs-side ul li:first-child a {background: #f5f7fa none repeat scroll 0 0; color: #506a85;} #sidebar-nav ul li .active { background: #1abb9c none repeat scroll 0 0;border-color: #1abb9c;color: #fff;} #pageHead {margin: -26px 0 30px 0;} #pageHead::after {background: rgba(0, 0, 0, 0) url(/Content/assets/images/ik-hover.png) no-repeat scroll 0 0; content: ""; left: 0;z-index: 1;} #pageHead-title.active {left: 0;opacity: 1;} #pageHead-title { color: #fff;font-size: 36px;font-weight: 900; left: -50px;opacity: 0; text-shadow: 0 2px 3px #3c566f; transition: opacity 1s ease 0s, left 1s ease 0s; z-index: 2;} #pageHead::after, #pageHead-title {height: 100%;position: absolute;top: 0;width: 100%;} #pageHead, #pageHead-title .pageHead-container {position: relative;} .pageHead-container {width: 1170px; top:50px; margin:0 auto;} #ListTable td,th {padding:20px 8px !important; text-align:center;} #ListTable td a:hover {background:#1abb9c; color:#fff;} #ListTable td a {padding:2px 4px; transition:0.35s;} #ListTable thead > tr > th {border-bottom-width: 4px !important; text-align:center;} .tasarimsihirbazi {border-color: #8d9198; border-style: solid; border-width: 44px 1px 20px 1px; margin-top:60px !important; padding:40px 0;} .tasarimsihirbazi .col-md-offset-1 {margin:0 !important;} .ts-left {position:absolute; top:160px; color:#fff; padding-left:10px; font-size:16px; font-weight:500; z-index:2;} .ts-right {position:absolute; top:160px; color:#fff; padding-right:26px; font-size:16px; font-weight:500; z-index:2; right:0;} .irs-single {font-size:13px !important;} .ts-label {font-size:15px; font-weight:500; margin-left:-20px; margin-bottom:10px;} .kabin-bilgileri {width:50%; margin-left:-22px;} .kabin-bilgileri ul li {float:left; padding:6px 10px 4px; background:#0070a8; color:#fff; margin-right:11px;} .kabin-bilgileri ul li:first-child {background:#2cbbea; color:#fff;} .kabin-bilgileri ul li:nth-child(2) {background:#d83b46; color:#fff;} .kabin-bilgileri ul li:last-child {margin-right:0 !important; background:#f39d31; color:#fff;} .kabin-bilgileri label {font-size:17px; font-weight:500;} .kabin-bilgileri ul li span {font-size:14px;} ul.deneme li {float:left;} hr.ayir { height: 30px; border-style: solid; border-color: #8c8b8b; border-width: 1px 0 0 0; border-radius: 20px; margin:15px 0;} hr.ayir:before {display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px;} h3.tasarim-h3 {background:#3498db; color:#fff; padding:4px 4px; text-align:left; border-radius:0 4px; margin-bottom:10px; font-size:18px;} .thumbnail p {font-size:14px;} .thumbnail a:hover {color:#3498db;} .thumbnail a:focus {color:#3498db;} .selected a {border-bottom:1px solid #fff !important;} .selected a:hover {color:#fff;} .selected a:focus {color:#fff;} #KapiSecimiRow {margin-bottom:20px;} .btn-info { background-color: #5bc0de !important; border-color: #46b8da; color: #fff;} .btn-primary {background-color: #337ab7 !important;border-color: #2e6da4; color: #fff;} .tabBaslik {position:absolute; color:#fff; top:50px; font-size:16px; left:45%; top:-34px; padding:0 5px; background:#545965;} ul.item-details li {float:left; margin:10px 0; width:50%;} .text-small ul li {float:left; margin:10px 0; width:100%;} .text-small ul{margin-left:-22px;} .btn-danger {background-color: #d9534f; border-color: #d9534f; color: #fff;} .modal-backdrop.in {display:none !important;} .rdb {margin: 0px 55px} .UstUrunResize { margin-right:1em 0; height:400px; text-align:center; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; border-bottom:1px dotted;} .UstUrunResize img {max-height: 100%;max-width: 90%;vertical-align: middle;} .helper {display: inline-block;height: 100%;vertical-align: middle;} .AltUrunResize { margin-right:1em 0; height:250px; text-align:center;} .AltUrunResize img {max-height: 100%;max-width: 70%;vertical-align: middle;} #menuUrunlerTab a {text-align:left !important; font-weight:500; font-family:'Titillium Web', sans-serif;} #menuUrunlerTab h3 {font-family:'Titillium Web', sans-serif;} #menuUrunlerTab .col-md-4 {min-height:124px;} #menuUrunlerTab .tab-content a:hover {color:#fff !important; background:#1abb9c; } #menuUrunlerTab .tab-content a {transition:0.35s; padding:0 2px; margin-left:-2px; line-height:28px;} ul .etabs .tab a {font-weight:600 !important; letter-spacing:0.5px;} .header-menu-img {max-height: 140px; width:auto;} .breadcrumb-arrow {height: 28px;padding: 0;line-height: 26px;list-style: none;} .breadcrumb-arrow li:first-child a {border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px} .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {display: inline-block;vertical-align: top} .breadcrumb-arrow li:not(:first-child) { margin-left: -5px} .breadcrumb-arrow li+li:before {padding: 0;content: ""} .breadcrumb-arrow li span { padding: 0 10px} .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {height: 28px;padding: 0 10px 0 25px;line-height: 26px} .breadcrumb-arrow li:first-child a {padding: 0 10px} .breadcrumb-arrow li a { position: relative; color: #fff; text-decoration: none;background-color: #3bafda; border: 1px solid #3bafda} .breadcrumb-arrow li:first-child a {padding-left: 10px} .breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {position: absolute;top: -1px; width: 0;height: 0;content: '';border-top: 14px solid transparent;border-bottom: 14px solid transparent} .breadcrumb-arrow li a:before { right: -10px;z-index: 3;border-left-color: #3bafda;border-left-style: solid;border-left-width: 11px} .breadcrumb-arrow li a:after {right: -11px; z-index: 2;border-left: 11px solid #2494be} .breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {background-color: #4fc1e9; border: 1px solid #4fc1e9} .breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {border-left-color: #4fc1e9} .breadcrumb-arrow li a:active { background-color: #2494be; border: 1px solid #2494be} .breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before { border-left-color: #2494be} .breadcrumb-arrow li span {color: #434a54} .breadcrumb {margin-bottom:0 !important;} .breadcrumb-arrow li a { transition: none !important;} .Navigator {padding:0 5px; position:absolute; top:-32px; } a.siparis {padding:4px 8px !important; background:#f28b00 !important; color: #fff !important; transition:0.25s;} a.siparis:hover { background:#de7f00 !important; } .urundetay .tabs-circle-top .tab a {padding:0;} .DuyuruAlt header p {font-size:18px;} .DuyuruAlt .btn-large {padding:15px 10px;} .urunler header h1 {font-size:34px; margin-bottom:10px;} .urunler header p {font-size:20px;} .urunler .inner {padding:25px 0;} .urunler .inner-top-sm {padding-top:30px;} .isortaklari header h1 {font-size:34px; margin-bottom:0px;} .isortaklari header p {font-size:20px;} .anket-container h1 {font-size:24px; margin:10px 0;} .anket-container p {font-size:18px;} /* .tasarimsihirbazi figure img {max-height:500px; width:auto;}*/ section#blog .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {left:0;} .haberlerSayfa .haberImgResize {position: relative;width: 100%; height: 520px;overflow: hidden;} .haberlerSayfa .haberImgResize img {position: absolute;left: 50%;top: 50%;width: 94%; height:auto; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .haberImgResize img.portrait { width: 100%;height: auto;} .haberlerSayfa .post-title {font-size:20px;} .haberlerSayfa .line {background: rgba(0, 0, 0, 0) url(/Content/img//bgnoise_lg.png) repeat scroll 0 0;clear: both;display: block;height: 6px; margin-bottom:20px;} .haberlerSayfa .post-title {line-height:30px; margin:10px 30px 10px;} .haberlerSayfa .classic-blog .post {width:92%;} .haberlerSayfa .btn-large {padding:12px 20px; color:#fff !important;} .HeaderSayfa .pull-right {margin-top:-2px;} .siparisUrunNav {list-style-type:none; display:block; padding:8px 4px; background:#edeff0; overflow:hidden; border-radius:2px 4px;margin-bottom:20px;} .siparisUrunNav li {float:left; margin:0;} .siparisUrunNav li h3::after {color: #959fa5;content: "»";display: inline-block;margin: 0 0.5em; 0 0.3em;} .siparisUrunNav li h3:last-child::after {content: none;} .siparisUrunNav li h3 {margin:0; padding:0; font-weight:400; font-size:18px;} .siparisImg {text-align:center;} .siparisImg img {max-height:520px; width:auto;} #sihirbaztab .ts-left {top:110px;} #sihirbaztab .ts-right {top:110px;} .digerhaberler ol {list-style-type:none; margin:0; padding:0;} .digerhaberler ol li {border-bottom:1px solid #ddd; padding:15px 5px; transition:0.5s; margin:0;} .digerhaberler ol li:hover {background:#fff;} section#blog-post .sidemeta {border:none; margin:0; padding:0;} .haberDetay .line {background: rgba(0, 0, 0, 0) url(/Content/img//bgnoise_lg.png) repeat scroll 0 0;clear: both;display: block;height: 6px; margin-bottom:14px;} .digerhaberlerBaslik {background:#f5f7fa;} .digerhaberlerBaslik h2 {text-align:center;margin:0; padding:18px 0 6px; font-size:24px;} .digerhaberlerBaslik .line {background: rgba(0, 0, 0, 0) url(/Content/img//bgnoise_lg.png) repeat scroll 0 0;clear: both;display: block;height: 6px; margin-bottom:0px;} .haberDetay .post-title {font-size:28px; line-height:20px; margin:6px 0 14px 0;} .digerhaberlerAciklama {font-size:16px; margin-bottom:14px; text-align:center; display:block;} .haberDetay .digerhaberler a:hover{color:#73879c;} /*===================================================================================*/ /* DEMO ONLY /*===================================================================================*/ a.changecolor { cursor: pointer; } /*===================================================================================*/ /* SKROLLR ANIMATIONS /*===================================================================================*/ .navbar .navbar-collapse { -skrollr-animation-name: shrink-header; } .navbar .navbar-brand img { -skrollr-animation-name: shrink-logo; } @-skrollr-keyframes shrink-header { 40 { padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0); box-shadow: 0 10px 10px rgba(0,0,0,0); } 300 { padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow: 0 10px 10px rgba(0,0,0,0.1); } } @-skrollr-keyframes shrink-logo { 40 { max-height: 40px; } 300 { max-height: 30px; } } a:hover, a:focus, .bordered .info h3 a:hover, .bordered .info h4 a:hover, .icon i.icn, .meta a:hover, .meta li.categories:hover:before, .more:hover, .navbar.basic .nav > li > a:hover, .navbar.basic .nav > li > a:focus, .navbar.basic .nav .open > a, .navbar.basic .nav .open > a:hover, .navbar.basic .nav .open > a:focus, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active, .navbar-header .info a:hover, .nav > li > a:hover, .owl-carousel:hover .owl-next:hover, .owl-carousel:hover .owl-prev:hover, .panel-title > a:hover, #scrollUp:hover, .sidemeta .format-wrapper a, .tabs-side .tab.active a, .tabs-top .tab.active a, .text-center .panel-title > a:hover span:after, ul.arrowed li:before, ul.circled li:before, .yamm .yamm-content a:hover { color: #1ABB9C; } .tint-bg .btn, .tint-color { color: #1ABB9C !important; } .btn, .classic-blog .post .date, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-submenu:hover > a, .owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span, #owl-main .caption h1 span.tint-bg, #owl-main .caption p span.tint-bg, .pagination > li > a, .pagination > li > span, .post.format-quote, .sidemeta .format-wrapper a:hover, .sidenav li a:hover, .tabs-circle-top .tab.active a, .tabs-side .tab a:hover, .tabs-top .tab a:hover, .tooltip-inner { background-color: #1ABB9C; } .btn:hover, .btn:focus, .btn:active, .btn.active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus { background-color: #17A78B; } .icon-overlay a .icn-more, .items li .text-overlay, .owl-carousel .item .text-overlay, .thumbs .thumb .text-overlay { background-color: rgba(26, 187, 156, 0.9); } .classic-blog .post .date, .icon.circle, .sidemeta .format-wrapper a, .tabs-circle-top .tab.active a, .tabs-circle-top .tab a:hover, .tabs-side .tab a:hover, .tabs-top .tab a:hover { border-color: #1ABB9C; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #1ABB9C; } .tooltip.right .tooltip-arrow { border-right-color: #1ABB9C; } .tooltip.left .tooltip-arrow { border-left-color: #1ABB9C; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #1ABB9C; } #owl-main .caption h1 span.tint-bg, #owl-main .caption p span.tint-bg { box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C; } ::selection { background: #AAF2E4; /* Safari */ } ::-moz-selection { background: #AAF2E4; /* Firefox */ } @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%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{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)}}.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}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} /*! * jQuery.CanvasLoader * jQuery wrapper for heartcodes CanvasLoader * * @version v3.0.0 * @link https://github.com/orianda/jQuery.CanvasLoader * @author Orianda * @license MIT */ .canvasLoader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: rgba(247, 247, 247, .5); z-index:9999; } body > .canvasLoader { position: fixed; } .canvasLoader div { position: absolute; left: 50%; top: 50%; } .canvasLoader canvas { display: block; }