/* Minification failed. Returning unminified contents.
(13154,1): run-time error CSS1019: Unexpected token, found '@import'
(13154,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700)'
(13856,419): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,1012): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,1030): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,1727): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,1752): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,1791): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,1808): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,1904): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,1929): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,2112): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,2129): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,2369): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,2399): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,2862): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,2884): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,3419): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,3444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,3689): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,3706): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,4008): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,4037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,4540): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,4561): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,5217): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,5242): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,5540): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,5557): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,5976): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,6000): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,6425): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,6441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,6920): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,6946): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,7539): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,7557): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,8210): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,8235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,9008): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,9025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,9911): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,9939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,10526): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,10546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,11199): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,11231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,11740): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,11764): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,12351): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,12383): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,12892): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,12916): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,13503): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,13536): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,14045): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,14070): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,14660): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,14690): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,15217): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,15239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,15838): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,15867): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,16101): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,16122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,16425): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,16458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,16716): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,16741): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,17080): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,17113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,17291): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,17316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,17575): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,17609): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,17787): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,17813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,18075): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,18106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,18366): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,18389): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(13856,18724): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,18750): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,18777): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,18795): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,18882): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,18912): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,19051): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,19073): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,19284): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,19317): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,19460): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,19485): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,19709): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,19739): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,19878): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,19900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,20111): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,20144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,20287): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,20312): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,20536): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,20567): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,20704): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,20727): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,20939): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,20973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,21114): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,21140): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,21365): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,21393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,21530): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,21550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,21753): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,21784): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,21925): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,21948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22164): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,22191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22218): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,22237): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22327): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,22358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22457): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,22480): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22654): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,22688): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,22791): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,22817): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23004): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,23035): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23136): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,23159): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23335): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,23369): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23474): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,23500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23689): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,23721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,23820): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,23844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24021): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,24056): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24159): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,24186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24376): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,24405): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24506): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,24527): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24697): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,24729): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,24834): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,24858): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,25041): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,25065): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,25873): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,25889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,26824): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,26851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,27425): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,27444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,28165): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,28192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,28766): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,28785): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,29506): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,29534): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,29825): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,29845): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,30286): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,30314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,30605): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,30625): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,31066): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,31098): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,31397): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,31421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,31876): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,31909): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,32034): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,32059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,32341): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,32369): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,32580): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,32600): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,32877): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,32913): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,33137): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,33165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,33479): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,33516): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,33741): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,33770): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,34088): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,34122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,34344): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,34370): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,34676): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,34711): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,34938): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,34965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,35279): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,35308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,35479): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,35500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,35740): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,35777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,35961): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,35990): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,36267): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,36305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,36494): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,36524): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,36809): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,36844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,37030): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,37057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,37330): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,37366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,37553): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,37581): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,37858): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,37883): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,38437): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,38454): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39065): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,39091): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39262): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,39280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39511): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,39538): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39667): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,39686): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39878): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,39904): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,39996): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,40014): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,40166): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,40196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,40702): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,40724): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,41302): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,41332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,41838): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,41860): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,42438): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,42469): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,42975): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,42998): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,43579): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,43607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,44113): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,44133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,44705): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,44732): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,44831): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,44850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,45012): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,45043): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,45619): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,45642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,46293): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,46324): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,46636): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,46659): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,47046): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,47078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,47392): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,47416): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,47808): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,47837): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,48413): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,48434): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13856,49079): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,49110): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,49266): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,49289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,49520): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,49551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,49707): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,49730): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,49961): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,49993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,50147): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,50171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,50403): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,50432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,50586): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,50607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,50830): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,50862): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,51015): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,51039): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,51270): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,51302): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,51457): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,51481): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,51714): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,51747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,51900): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,51925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,52159): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13856,52189): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,52344): run-time error CSS1019: Unexpected token, found '@keyframes'
(13856,52366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16008,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(16060,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%'
(16478,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(16492,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and calender/images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family:Exo2-Light,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family:Exo2-Light,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("calender/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("calender/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("calender/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("calender/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url("calender/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("calender/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("calender/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and calender/images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("calender/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("calender/images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("calender/images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("calender/images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("calender/images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("calender/images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("calender/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("calender/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("calender/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

/*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fa-lg{
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%
}
.fa-2x{
    font-size:2em
}
.fa-3x{
    font-size:3em
}
.fa-4x{
    font-size:4em
}
.fa-5x{
    font-size:5em
}
.fa-fw{
    width:1.28571429em;
    text-align:center
}
.fa-ul{
    padding-left:0;
    margin-left:2.14285714em;
    list-style-type:none
}
.fa-ul>li{
    position:relative
}
.fa-li{
    position:absolute;
    left:-2.14285714em;
    width:2.14285714em;
    top:.14285714em;
    text-align:center
}
.fa-li.fa-lg{
    left:-1.85714286em
}
.fa-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}
.pull-right{
    float:right
}
.pull-left{
    float:left
}
.fa.pull-left{
    margin-right:.3em
}
.fa.pull-right{
    margin-left:.3em
}
.fa-spin{
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin 2s infinite linear
}
@-webkit-keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-rotate-90{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.fa-rotate-180{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.fa-rotate-270{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.fa-flip-horizontal{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform:scale(-1, 1);
    -ms-transform:scale(-1, 1);
    transform:scale(-1, 1)
}
.fa-flip-vertical{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform:scale(1, -1);
    -ms-transform:scale(1, -1);
    transform:scale(1, -1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{
    filter:none
}
.fa-stack{
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
}
.fa-stack-1x{
    line-height:inherit
}
.fa-stack-2x{
    font-size:2em
}
.fa-inverse{
    color:#fff
}
.fa-glass:before{
    content:"\f000"
}
.fa-music:before{
    content:"\f001"
}
.fa-search:before{
    content:"\f002"
}
.fa-envelope-o:before{
    content:"\f003"
}
.fa-heart:before{
    content:"\f004"
}
.fa-star:before{
    content:"\f005"
}
.fa-star-o:before{
    content:"\f006"
}
.fa-user:before{
    content:"\f007"
}
.fa-film:before{
    content:"\f008"
}
.fa-th-large:before{
    content:"\f009"
}
.fa-th:before{
    content:"\f00a"
}
.fa-th-list:before{
    content:"\f00b"
}
.fa-check:before{
    content:"\f00c"
}
.fa-remove:before,.fa-close:before,.fa-times:before{
    content:"\f00d"
}
.fa-search-plus:before{
    content:"\f00e"
}
.fa-search-minus:before{
    content:"\f010"
}
.fa-power-off:before{
    content:"\f011"
}
.fa-signal:before{
    content:"\f012"
}
.fa-gear:before,.fa-cog:before{
    content:"\f013"
}
.fa-trash-o:before{
    content:"\f014"
}
.fa-home:before{
    content:"\f015"
}
.fa-file-o:before{
    content:"\f016"
}
.fa-clock-o:before{
    content:"\f017"
}
.fa-road:before{
    content:"\f018"
}
.fa-download:before{
    content:"\f019"
}
.fa-arrow-circle-o-down:before{
    content:"\f01a"
}
.fa-arrow-circle-o-up:before{
    content:"\f01b"
}
.fa-inbox:before{
    content:"\f01c"
}
.fa-play-circle-o:before{
    content:"\f01d"
}
.fa-rotate-right:before,.fa-repeat:before{
    content:"\f01e"
}
.fa-refresh:before{
    content:"\f021"
}
.fa-list-alt:before{
    content:"\f022"
}
.fa-lock:before{
    content:"\f023"
}
.fa-flag:before{
    content:"\f024"
}
.fa-headphones:before{
    content:"\f025"
}
.fa-volume-off:before{
    content:"\f026"
}
.fa-volume-down:before{
    content:"\f027"
}
.fa-volume-up:before{
    content:"\f028"
}
.fa-qrcode:before{
    content:"\f029"
}
.fa-barcode:before{
    content:"\f02a"
}
.fa-tag:before{
    content:"\f02b"
}
.fa-tags:before{
    content:"\f02c"
}
.fa-book:before{
    content:"\f02d"
}
.fa-bookmark:before{
    content:"\f02e"
}
.fa-print:before{
    content:"\f02f"
}
.fa-camera:before{
    content:"\f030"
}
.fa-font:before{
    content:"\f031"
}
.fa-bold:before{
    content:"\f032"
}
.fa-italic:before{
    content:"\f033"
}
.fa-text-height:before{
    content:"\f034"
}
.fa-text-width:before{
    content:"\f035"
}
.fa-align-left:before{
    content:"\f036"
}
.fa-align-center:before{
    content:"\f037"
}
.fa-align-right:before{
    content:"\f038"
}
.fa-align-justify:before{
    content:"\f039"
}
.fa-list:before{
    content:"\f03a"
}
.fa-dedent:before,.fa-outdent:before{
    content:"\f03b"
}
.fa-indent:before{
    content:"\f03c"
}
.fa-video-camera:before{
    content:"\f03d"
}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{
    content:"\f03e"
}
.fa-pencil:before{
    content:"\f040"
}
.fa-map-marker:before{
    content:"\f041"
}
.fa-adjust:before{
    content:"\f042"
}
.fa-tint:before{
    content:"\f043"
}
.fa-edit:before,.fa-pencil-square-o:before{
    content:"\f044"
}
.fa-share-square-o:before{
    content:"\f045"
}
.fa-check-square-o:before{
    content:"\f046"
}
.fa-arrows:before{
    content:"\f047"
}
.fa-step-backward:before{
    content:"\f048"
}
.fa-fast-backward:before{
    content:"\f049"
}
.fa-backward:before{
    content:"\f04a"
}
.fa-play:before{
    content:"\f04b"
}
.fa-pause:before{
    content:"\f04c"
}
.fa-stop:before{
    content:"\f04d"
}
.fa-forward:before{
    content:"\f04e"
}
.fa-fast-forward:before{
    content:"\f050"
}
.fa-step-forward:before{
    content:"\f051"
}
.fa-eject:before{
    content:"\f052"
}
.fa-chevron-left:before{
    content:"\f053"
}
.fa-chevron-right:before{
    content:"\f054"
}
.fa-plus-circle:before{
    content:"\f055"
}
.fa-minus-circle:before{
    content:"\f056"
}
.fa-times-circle:before{
    content:"\f057"
}
.fa-check-circle:before{
    content:"\f058"
}
.fa-question-circle:before{
    content:"\f059"
}
.fa-info-circle:before{
    content:"\f05a"
}
.fa-crosshairs:before{
    content:"\f05b"
}
.fa-times-circle-o:before{
    content:"\f05c"
}
.fa-check-circle-o:before{
    content:"\f05d"
}
.fa-ban:before{
    content:"\f05e"
}
.fa-arrow-left:before{
    content:"\f060"
}
.fa-arrow-right:before{
    content:"\f061"
}
.fa-arrow-up:before{
    content:"\f062"
}
.fa-arrow-down:before{
    content:"\f063"
}
.fa-mail-forward:before,.fa-share:before{
    content:"\f064"
}
.fa-expand:before{
    content:"\f065"
}
.fa-compress:before{
    content:"\f066"
}
.fa-plus:before{
    content:"\f067"
}
.fa-minus:before{
    content:"\f068"
}
.fa-asterisk:before{
    content:"\f069"
}
.fa-exclamation-circle:before{
    content:"\f06a"
}
.fa-gift:before{
    content:"\f06b"
}
.fa-leaf:before{
    content:"\f06c"
}
.fa-fire:before{
    content:"\f06d"
}
.fa-eye:before{
    content:"\f06e"
}
.fa-eye-slash:before{
    content:"\f070"
}
.fa-warning:before,.fa-exclamation-triangle:before{
    content:"\f071"
}
.fa-plane:before{
    content:"\f072"
}
.fa-calendar:before{
    content:"\f073"
}
.fa-random:before{
    content:"\f074"
}
.fa-comment:before{
    content:"\f075"
}
.fa-magnet:before{
    content:"\f076"
}
.fa-chevron-up:before{
    content:"\f077"
}
.fa-chevron-down:before{
    content:"\f078"
}
.fa-retweet:before{
    content:"\f079"
}
.fa-shopping-cart:before{
    content:"\f07a"
}
.fa-folder:before{
    content:"\f07b"
}
.fa-folder-open:before{
    content:"\f07c"
}
.fa-arrows-v:before{
    content:"\f07d"
}
.fa-arrows-h:before{
    content:"\f07e"
}
.fa-bar-chart-o:before,.fa-bar-chart:before{
    content:"\f080"
}
.fa-twitter-square:before{
    content:"\f081"
}
.fa-facebook-square:before{
    content:"\f082"
}
.fa-camera-retro:before{
    content:"\f083"
}
.fa-key:before{
    content:"\f084"
}
.fa-gears:before,.fa-cogs:before{
    content:"\f085"
}
.fa-comments:before{
    content:"\f086"
}
.fa-thumbs-o-up:before{
    content:"\f087"
}
.fa-thumbs-o-down:before{
    content:"\f088"
}
.fa-star-half:before{
    content:"\f089"
}
.fa-heart-o:before{
    content:"\f08a"
}
.fa-sign-out:before{
    content:"\f08b"
}
.fa-linkedin-square:before{
    content:"\f08c"
}
.fa-thumb-tack:before{
    content:"\f08d"
}
.fa-external-link:before{
    content:"\f08e"
}
.fa-sign-in:before{
    content:"\f090"
}
.fa-trophy:before{
    content:"\f091"
}
.fa-github-square:before{
    content:"\f092"
}
.fa-upload:before{
    content:"\f093"
}
.fa-lemon-o:before{
    content:"\f094"
}
.fa-phone:before{
    content:"\f095"
}
.fa-square-o:before{
    content:"\f096"
}
.fa-bookmark-o:before{
    content:"\f097"
}
.fa-phone-square:before{
    content:"\f098"
}
.fa-twitter:before{
    content:"\f099"
}
.fa-facebook:before{
    content:"\f09a"
}
.fa-github:before{
    content:"\f09b"
}
.fa-unlock:before{
    content:"\f09c"
}
.fa-credit-card:before{
    content:"\f09d"
}
.fa-rss:before{
    content:"\f09e"
}
.fa-hdd-o:before{
    content:"\f0a0"
}
.fa-bullhorn:before{
    content:"\f0a1"
}
.fa-bell:before{
    content:"\f0f3"
}
.fa-certificate:before{
    content:"\f0a3"
}
.fa-hand-o-right:before{
    content:"\f0a4"
}
.fa-hand-o-left:before{
    content:"\f0a5"
}
.fa-hand-o-up:before{
    content:"\f0a6"
}
.fa-hand-o-down:before{
    content:"\f0a7"
}
.fa-arrow-circle-left:before{
    content:"\f0a8"
}
.fa-arrow-circle-right:before{
    content:"\f0a9"
}
.fa-arrow-circle-up:before{
    content:"\f0aa"
}
.fa-arrow-circle-down:before{
    content:"\f0ab"
}
.fa-globe:before{
    content:"\f0ac"
}
.fa-wrench:before{
    content:"\f0ad"
}
.fa-tasks:before{
    content:"\f0ae"
}
.fa-filter:before{
    content:"\f0b0"
}
.fa-briefcase:before{
    content:"\f0b1"
}
.fa-arrows-alt:before{
    content:"\f0b2"
}
.fa-group:before,.fa-users:before{
    content:"\f0c0"
}
.fa-chain:before,.fa-link:before{
    content:"\f0c1"
}
.fa-cloud:before{
    content:"\f0c2"
}
.fa-flask:before{
    content:"\f0c3"
}
.fa-cut:before,.fa-scissors:before{
    content:"\f0c4"
}
.fa-copy:before,.fa-files-o:before{
    content:"\f0c5"
}
.fa-paperclip:before{
    content:"\f0c6"
}
.fa-save:before,.fa-floppy-o:before{
    content:"\f0c7"
}
.fa-square:before{
    content:"\f0c8"
}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{
    content:"\f0c9"
}
.fa-list-ul:before{
    content:"\f0ca"
}
.fa-list-ol:before{
    content:"\f0cb"
}
.fa-strikethrough:before{
    content:"\f0cc"
}
.fa-underline:before{
    content:"\f0cd"
}
.fa-table:before{
    content:"\f0ce"
}
.fa-magic:before{
    content:"\f0d0"
}
.fa-truck:before{
    content:"\f0d1"
}
.fa-pinterest:before{
    content:"\f0d2"
}
.fa-pinterest-square:before{
    content:"\f0d3"
}
.fa-google-plus-square:before{
    content:"\f0d4"
}
.fa-google-plus:before{
    content:"\f0d5"
}
.fa-money:before{
    content:"\f0d6"
}
.fa-caret-down:before{
    content:"\f0d7"
}
.fa-caret-up:before{
    content:"\f0d8"
}
.fa-caret-left:before{
    content:"\f0d9"
}
.fa-caret-right:before{
    content:"\f0da"
}
.fa-columns:before{
    content:"\f0db"
}
.fa-unsorted:before,.fa-sort:before{
    content:"\f0dc"
}
.fa-sort-down:before,.fa-sort-desc:before{
    content:"\f0dd"
}
.fa-sort-up:before,.fa-sort-asc:before{
    content:"\f0de"
}
.fa-envelope:before{
    content:"\f0e0"
}
.fa-linkedin:before{
    content:"\f0e1"
}
.fa-rotate-left:before,.fa-undo:before{
    content:"\f0e2"
}
.fa-legal:before,.fa-gavel:before{
    content:"\f0e3"
}
.fa-dashboard:before,.fa-tachometer:before{
    content:"\f0e4"
}
.fa-comment-o:before{
    content:"\f0e5"
}
.fa-comments-o:before{
    content:"\f0e6"
}
.fa-flash:before,.fa-bolt:before{
    content:"\f0e7"
}
.fa-sitemap:before{
    content:"\f0e8"
}
.fa-umbrella:before{
    content:"\f0e9"
}
.fa-paste:before,.fa-clipboard:before{
    content:"\f0ea"
}
.fa-lightbulb-o:before{
    content:"\f0eb"
}
.fa-exchange:before{
    content:"\f0ec"
}
.fa-cloud-download:before{
    content:"\f0ed"
}
.fa-cloud-upload:before{
    content:"\f0ee"
}
.fa-user-md:before{
    content:"\f0f0"
}
.fa-stethoscope:before{
    content:"\f0f1"
}
.fa-suitcase:before{
    content:"\f0f2"
}
.fa-bell-o:before{
    content:"\f0a2"
}
.fa-coffee:before{
    content:"\f0f4"
}
.fa-cutlery:before{
    content:"\f0f5"
}
.fa-file-text-o:before{
    content:"\f0f6"
}
.fa-building-o:before{
    content:"\f0f7"
}
.fa-hospital-o:before{
    content:"\f0f8"
}
.fa-ambulance:before{
    content:"\f0f9"
}
.fa-medkit:before{
    content:"\f0fa"
}
.fa-fighter-jet:before{
    content:"\f0fb"
}
.fa-beer:before{
    content:"\f0fc"
}
.fa-h-square:before{
    content:"\f0fd"
}
.fa-plus-square:before{
    content:"\f0fe"
}
.fa-angle-double-left:before{
    content:"\f100"
}
.fa-angle-double-right:before{
    content:"\f101"
}
.fa-angle-double-up:before{
    content:"\f102"
}
.fa-angle-double-down:before{
    content:"\f103"
}
.fa-angle-left:before{
    content:"\f104"
}
.fa-angle-right:before{
    content:"\f105"
}
.fa-angle-up:before{
    content:"\f106"
}
.fa-angle-down:before{
    content:"\f107"
}
.fa-desktop:before{
    content:"\f108"
}
.fa-laptop:before{
    content:"\f109"
}
.fa-tablet:before{
    content:"\f10a"
}
.fa-mobile-phone:before,.fa-mobile:before{
    content:"\f10b"
}
.fa-circle-o:before{
    content:"\f10c"
}
.fa-quote-left:before{
    content:"\f10d"
}
.fa-quote-right:before{
    content:"\f10e"
}
.fa-spinner:before{
    content:"\f110"
}
.fa-circle:before{
    content:"\f111"
}
.fa-mail-reply:before,.fa-reply:before{
    content:"\f112"
}
.fa-github-alt:before{
    content:"\f113"
}
.fa-folder-o:before{
    content:"\f114"
}
.fa-folder-open-o:before{
    content:"\f115"
}
.fa-smile-o:before{
    content:"\f118"
}
.fa-frown-o:before{
    content:"\f119"
}
.fa-meh-o:before{
    content:"\f11a"
}
.fa-gamepad:before{
    content:"\f11b"
}
.fa-keyboard-o:before{
    content:"\f11c"
}
.fa-flag-o:before{
    content:"\f11d"
}
.fa-flag-checkered:before{
    content:"\f11e"
}
.fa-terminal:before{
    content:"\f120"
}
.fa-code:before{
    content:"\f121"
}
.fa-mail-reply-all:before,.fa-reply-all:before{
    content:"\f122"
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
    content:"\f123"
}
.fa-location-arrow:before{
    content:"\f124"
}
.fa-crop:before{
    content:"\f125"
}
.fa-code-fork:before{
    content:"\f126"
}
.fa-unlink:before,.fa-chain-broken:before{
    content:"\f127"
}
.fa-question:before{
    content:"\f128"
}
.fa-info:before{
    content:"\f129"
}
.fa-exclamation:before{
    content:"\f12a"
}
.fa-superscript:before{
    content:"\f12b"
}
.fa-subscript:before{
    content:"\f12c"
}
.fa-eraser:before{
    content:"\f12d"
}
.fa-puzzle-piece:before{
    content:"\f12e"
}
.fa-microphone:before{
    content:"\f130"
}
.fa-microphone-slash:before{
    content:"\f131"
}
.fa-shield:before{
    content:"\f132"
}
.fa-calendar-o:before{
    content:"\f133"
}
.fa-fire-extinguisher:before{
    content:"\f134"
}
.fa-rocket:before{
    content:"\f135"
}
.fa-maxcdn:before{
    content:"\f136"
}
.fa-chevron-circle-left:before{
    content:"\f137"
}
.fa-chevron-circle-right:before{
    content:"\f138"
}
.fa-chevron-circle-up:before{
    content:"\f139"
}
.fa-chevron-circle-down:before{
    content:"\f13a"
}
.fa-html5:before{
    content:"\f13b"
}
.fa-css3:before{
    content:"\f13c"
}
.fa-anchor:before{
    content:"\f13d"
}
.fa-unlock-alt:before{
    content:"\f13e"
}
.fa-bullseye:before{
    content:"\f140"
}
.fa-ellipsis-h:before{
    content:"\f141"
}
.fa-ellipsis-v:before{
    content:"\f142"
}
.fa-rss-square:before{
    content:"\f143"
}
.fa-play-circle:before{
    content:"\f144"
}
.fa-ticket:before{
    content:"\f145"
}
.fa-minus-square:before{
    content:"\f146"
}
.fa-minus-square-o:before{
    content:"\f147"
}
.fa-level-up:before{
    content:"\f148"
}
.fa-level-down:before{
    content:"\f149"
}
.fa-check-square:before{
    content:"\f14a"
}
.fa-pencil-square:before{
    content:"\f14b"
}
.fa-external-link-square:before{
    content:"\f14c"
}
.fa-share-square:before{
    content:"\f14d"
}
.fa-compass:before{
    content:"\f14e"
}
.fa-toggle-down:before,.fa-caret-square-o-down:before{
    content:"\f150"
}
.fa-toggle-up:before,.fa-caret-square-o-up:before{
    content:"\f151"
}
.fa-toggle-right:before,.fa-caret-square-o-right:before{
    content:"\f152"
}
.fa-euro:before,.fa-eur:before{
    content:"\f153"
}
.fa-gbp:before{
    content:"\f154"
}
.fa-dollar:before,.fa-usd:before{
    content:"\f155"
}
.fa-rupee:before,.fa-inr:before{
    content:"\f156"
}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{
    content:"\f157"
}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{
    content:"\f158"
}
.fa-won:before,.fa-krw:before{
    content:"\f159"
}
.fa-bitcoin:before,.fa-btc:before{
    content:"\f15a"
}
.fa-file:before{
    content:"\f15b"
}
.fa-file-text:before{
    content:"\f15c"
}
.fa-sort-alpha-asc:before{
    content:"\f15d"
}
.fa-sort-alpha-desc:before{
    content:"\f15e"
}
.fa-sort-amount-asc:before{
    content:"\f160"
}
.fa-sort-amount-desc:before{
    content:"\f161"
}
.fa-sort-numeric-asc:before{
    content:"\f162"
}
.fa-sort-numeric-desc:before{
    content:"\f163"
}
.fa-thumbs-up:before{
    content:"\f164"
}
.fa-thumbs-down:before{
    content:"\f165"
}
.fa-youtube-square:before{
    content:"\f166"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-xing:before{
    content:"\f168"
}
.fa-xing-square:before{
    content:"\f169"
}
.fa-youtube-play:before{
    content:"\f16a"
}
.fa-dropbox:before{
    content:"\f16b"
}
.fa-stack-overflow:before{
    content:"\f16c"
}
.fa-instagram:before{
    content:"\f16d"
}
.fa-flickr:before{
    content:"\f16e"
}
.fa-adn:before{
    content:"\f170"
}
.fa-bitbucket:before{
    content:"\f171"
}
.fa-bitbucket-square:before{
    content:"\f172"
}
.fa-tumblr:before{
    content:"\f173"
}
.fa-tumblr-square:before{
    content:"\f174"
}
.fa-long-arrow-down:before{
    content:"\f175"
}
.fa-long-arrow-up:before{
    content:"\f176"
}
.fa-long-arrow-left:before{
    content:"\f177"
}
.fa-long-arrow-right:before{
    content:"\f178"
}
.fa-apple:before{
    content:"\f179"
}
.fa-windows:before{
    content:"\f17a"
}
.fa-android:before{
    content:"\f17b"
}
.fa-linux:before{
    content:"\f17c"
}
.fa-dribbble:before{
    content:"\f17d"
}
.fa-skype:before{
    content:"\f17e"
}
.fa-foursquare:before{
    content:"\f180"
}
.fa-trello:before{
    content:"\f181"
}
.fa-female:before{
    content:"\f182"
}
.fa-male:before{
    content:"\f183"
}
.fa-gittip:before{
    content:"\f184"
}
.fa-sun-o:before{
    content:"\f185"
}
.fa-moon-o:before{
    content:"\f186"
}
.fa-archive:before{
    content:"\f187"
}
.fa-bug:before{
    content:"\f188"
}
.fa-vk:before{
    content:"\f189"
}
.fa-weibo:before{
    content:"\f18a"
}
.fa-renren:before{
    content:"\f18b"
}
.fa-pagelines:before{
    content:"\f18c"
}
.fa-stack-exchange:before{
    content:"\f18d"
}
.fa-arrow-circle-o-right:before{
    content:"\f18e"
}
.fa-arrow-circle-o-left:before{
    content:"\f190"
}
.fa-toggle-left:before,.fa-caret-square-o-left:before{
    content:"\f191"
}
.fa-dot-circle-o:before{
    content:"\f192"
}
.fa-wheelchair:before{
    content:"\f193"
}
.fa-vimeo-square:before{
    content:"\f194"
}
.fa-turkish-lira:before,.fa-try:before{
    content:"\f195"
}
.fa-plus-square-o:before{
    content:"\f196"
}
.fa-space-shuttle:before{
    content:"\f197"
}
.fa-slack:before{
    content:"\f198"
}
.fa-envelope-square:before{
    content:"\f199"
}
.fa-wordpress:before{
    content:"\f19a"
}
.fa-openid:before{
    content:"\f19b"
}
.fa-institution:before,.fa-bank:before,.fa-university:before{
    content:"\f19c"
}
.fa-mortar-board:before,.fa-graduation-cap:before{
    content:"\f19d"
}
.fa-yahoo:before{
    content:"\f19e"
}
.fa-google:before{
    content:"\f1a0"
}
.fa-reddit:before{
    content:"\f1a1"
}
.fa-reddit-square:before{
    content:"\f1a2"
}
.fa-stumbleupon-circle:before{
    content:"\f1a3"
}
.fa-stumbleupon:before{
    content:"\f1a4"
}
.fa-delicious:before{
    content:"\f1a5"
}
.fa-digg:before{
    content:"\f1a6"
}
.fa-pied-piper:before{
    content:"\f1a7"
}
.fa-pied-piper-alt:before{
    content:"\f1a8"
}
.fa-drupal:before{
    content:"\f1a9"
}
.fa-joomla:before{
    content:"\f1aa"
}
.fa-language:before{
    content:"\f1ab"
}
.fa-fax:before{
    content:"\f1ac"
}
.fa-building:before{
    content:"\f1ad"
}
.fa-child:before{
    content:"\f1ae"
}
.fa-paw:before{
    content:"\f1b0"
}
.fa-spoon:before{
    content:"\f1b1"
}
.fa-cube:before{
    content:"\f1b2"
}
.fa-cubes:before{
    content:"\f1b3"
}
.fa-behance:before{
    content:"\f1b4"
}
.fa-behance-square:before{
    content:"\f1b5"
}
.fa-steam:before{
    content:"\f1b6"
}
.fa-steam-square:before{
    content:"\f1b7"
}
.fa-recycle:before{
    content:"\f1b8"
}
.fa-automobile:before,.fa-car:before{
    content:"\f1b9"
}
.fa-cab:before,.fa-taxi:before{
    content:"\f1ba"
}
.fa-tree:before{
    content:"\f1bb"
}
.fa-spotify:before{
    content:"\f1bc"
}
.fa-deviantart:before{
    content:"\f1bd"
}
.fa-soundcloud:before{
    content:"\f1be"
}
.fa-database:before{
    content:"\f1c0"
}
.fa-file-pdf-o:before{
    content:"\f1c1"
}
.fa-file-word-o:before{
    content:"\f1c2"
}
.fa-file-excel-o:before{
    content:"\f1c3"
}
.fa-file-powerpoint-o:before{
    content:"\f1c4"
}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{
    content:"\f1c5"
}
.fa-file-zip-o:before,.fa-file-archive-o:before{
    content:"\f1c6"
}
.fa-file-sound-o:before,.fa-file-audio-o:before{
    content:"\f1c7"
}
.fa-file-movie-o:before,.fa-file-video-o:before{
    content:"\f1c8"
}
.fa-file-code-o:before{
    content:"\f1c9"
}
.fa-vine:before{
    content:"\f1ca"
}
.fa-codepen:before{
    content:"\f1cb"
}
.fa-jsfiddle:before{
    content:"\f1cc"
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{
    content:"\f1cd"
}
.fa-circle-o-notch:before{
    content:"\f1ce"
}
.fa-ra:before,.fa-rebel:before{
    content:"\f1d0"
}
.fa-ge:before,.fa-empire:before{
    content:"\f1d1"
}
.fa-git-square:before{
    content:"\f1d2"
}
.fa-git:before{
    content:"\f1d3"
}
.fa-hacker-news:before{
    content:"\f1d4"
}
.fa-tencent-weibo:before{
    content:"\f1d5"
}
.fa-qq:before{
    content:"\f1d6"
}
.fa-wechat:before,.fa-weixin:before{
    content:"\f1d7"
}
.fa-send:before,.fa-paper-plane:before{
    content:"\f1d8"
}
.fa-send-o:before,.fa-paper-plane-o:before{
    content:"\f1d9"
}
.fa-history:before{
    content:"\f1da"
}
.fa-circle-thin:before{
    content:"\f1db"
}
.fa-header:before{
    content:"\f1dc"
}
.fa-paragraph:before{
    content:"\f1dd"
}
.fa-sliders:before{
    content:"\f1de"
}
.fa-share-alt:before{
    content:"\f1e0"
}
.fa-share-alt-square:before{
    content:"\f1e1"
}
.fa-bomb:before{
    content:"\f1e2"
}
.fa-soccer-ball-o:before,.fa-futbol-o:before{
    content:"\f1e3"
}
.fa-tty:before{
    content:"\f1e4"
}
.fa-binoculars:before{
    content:"\f1e5"
}
.fa-plug:before{
    content:"\f1e6"
}
.fa-slideshare:before{
    content:"\f1e7"
}
.fa-twitch:before{
    content:"\f1e8"
}
.fa-yelp:before{
    content:"\f1e9"
}
.fa-newspaper-o:before{
    content:"\f1ea"
}
.fa-wifi:before{
    content:"\f1eb"
}
.fa-calculator:before{
    content:"\f1ec"
}
.fa-paypal:before{
    content:"\f1ed"
}
.fa-google-wallet:before{
    content:"\f1ee"
}
.fa-cc-visa:before{
    content:"\f1f0"
}
.fa-cc-mastercard:before{
    content:"\f1f1"
}
.fa-cc-discover:before{
    content:"\f1f2"
}
.fa-cc-amex:before{
    content:"\f1f3"
}
.fa-cc-paypal:before{
    content:"\f1f4"
}
.fa-cc-stripe:before{
    content:"\f1f5"
}
.fa-bell-slash:before{
    content:"\f1f6"
}
.fa-bell-slash-o:before{
    content:"\f1f7"
}
.fa-trash:before{
    content:"\f1f8"
}
.fa-copyright:before{
    content:"\f1f9"
}
.fa-at:before{
    content:"\f1fa"
}
.fa-eyedropper:before{
    content:"\f1fb"
}
.fa-paint-brush:before{
    content:"\f1fc"
}
.fa-birthday-cake:before{
    content:"\f1fd"
}
.fa-area-chart:before{
    content:"\f1fe"
}
.fa-pie-chart:before{
    content:"\f200"
}
.fa-line-chart:before{
    content:"\f201"
}
.fa-lastfm:before{
    content:"\f202"
}
.fa-lastfm-square:before{
    content:"\f203"
}
.fa-toggle-off:before{
    content:"\f204"
}
.fa-toggle-on:before{
    content:"\f205"
}
.fa-bicycle:before{
    content:"\f206"
}
.fa-bus:before{
    content:"\f207"
}
.fa-ioxhost:before{
    content:"\f208"
}
.fa-angellist:before{
    content:"\f209"
}
.fa-cc:before{
    content:"\f20a"
}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{
    content:"\f20b"
}
.fa-meanpath:before{
    content:"\f20c"
}

body {
    margin: 0 auto;
    padding: 0;
    background-color: #e7ebee;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -o-transition: 0.5s all;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

@font-face {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-family: 'Verdana';
    src: url('../fonts/Exo2-Light.eot');
    src: url('../fonts/Exo2-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo2-Light.woff2') format('woff2'), url('../fonts/Exo2-Light.woff') format('woff'), url('../fonts/Exo2-Light.ttf') format('truetype'), url('../fonts/Exo2-Light.svg#Exo2-Light') format('svg');
    font-weight: 300;
    font-style: normal;*/
}

/*@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Exo2-Regular_gdi.eot');
    src: url('../fonts/Exo2-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo2-Regular_gdi.woff') format('woff'), url('../fonts/Exo2-Regular_gdi.ttf') format('truetype'), url('../fonts/Exo2-Regular_gdi.svg#Exo2-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'Verdana';
    src: url('../fonts/Exo2-Medium_gdi.eot');
    src: url('../fonts/Exo2-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo2-Medium_gdi.woff') format('woff'), url('../fonts/Exo2-Medium_gdi.ttf') format('truetype'), url('../fonts/Exo2-Medium_gdi.svg#Exo2-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'Exo2-SemiBold';
    src: url('../fonts/Exo2-SemiBold_gdi.eot');
    src: url('../fonts/Exo2-SemiBold_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo2-SemiBold_gdi.woff') format('woff'), url('../fonts/Exo2-SemiBold_gdi.ttf') format('truetype'), url('../fonts/Exo2-SemiBold_gdi.svg#Exo2-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'fonts/Rajdhani-Medium';
    src: url('../fonts/Rajdhani-Medium_gdi.eot');
    src: url('../fonts/Rajdhani-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Rajdhani-Medium_gdi.woff') format('woff'), url('../fonts/Rajdhani-Medium_gdi.ttf') format('truetype'), url('../fonts/Rajdhani-Medium_gdi.svg#Rajdhani-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2265;
}*/

.col-md-2_2 {
    width: 13.66666667% !important;
}

.col-md-10_10 {
    width: 86.33333333% !important;
}

#wrapper {
    min-height: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
}

#main-wrapper {
    height: 100%;
    padding: 0px 0 0px 0;
}

#sidebar-wrapper {
    /*height: 100%;*/
    padding: 0px 0 0px 0;
    position: relative;
    float: right;
}

.main_header {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
}

#sidebar {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: #f1f8ff;
}

@media (max-width: 992px) {
    body {
        padding-top: 0px;
    }
}

.logo_space {
    background-color: #0e4c8c;
    text-align: center;
    padding: 0px 0;
    height: 94.5px;
    position: relative;
}

.responsive_logo {
    display: none;
}

    .responsive_logo img {
        display: inline-block;
    }

/*nav {
    background: #ffffff;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    font-size: 15px;
    top: 0;
    width: 15em;
    z-index: 2000;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}*/

/*.nav-expanded nav {
    right: 0;
}*/

@media (max-width: 767px) {
    .responsive_logo {
        display: none;
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 18%;
    }

    .logo_space {
        padding: 2px 0;
        height: auto;
    }

    .col-md-2_2 {
        width: 100% !important;
    }

    .col-md-10_10 {
        width: 100% !important;
    }
}

.logo_space img {
    display: inline-block;
}

@media (max-width: 960px) {
    .logo_space img {
        padding: 5px;
    }
}

ul.sid_button {
    padding: 0;
    margin: 0px;
    /*min-width: 143px;*/
}

@media screen and (max-width:1024px) {
    ul.sid_button {
        min-width: inherit;
    }
}

.sid_button li {
    padding-left: 15px;
    list-style: none;
    padding: 1px 3px 0px 4px;
    position: relative;
    cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

@media (max-width: 767px) {
    .sid_button li {
        padding: 2px 2px 2px 15px;
    }
}

.sid_button li:hover:before, .sid_button li.active:before {
    position: absolute;
    width: 5px;
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    top: 0;
}

.sid_button li a {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    width: 100%;
    line-height: 27px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

    .sid_button li a span {
        height: 27px;
        width: 40px;
        float: left;
        margin: 5px 15px 0 10px;
    }

@media screen and (max-width:1280px) {
    .sid_button li a {
        font-size: 11px;
    }
}

@media screen and (max-width:1150px) {
    .sid_button li a {
        font-size: 11px;
    }

        .sid_button li a span {
            margin: 5px 4px 0 0px;
        }
}


.header {
    position: absolute;
    top: 0;
    z-index: 100;
}

@media screen and (max-width: 991px) {
    .header {
        position: relative;
    }
}

.top_setting {
    text-align: right;
    height: 50px;
    vertical-align: middle;
}

.slide_icon {
    float: left;
    padding: 8px 15px;
}

@media screen and (max-width: 1024px) {
    .slide_icon {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .slide_icon {
        padding: 8px 10px;
    }
}

.right_nave {
    float: right;
}

ul.top_nv {
    margin: 0;
    padding: 0;
}

.top_nv li {
    display: inline-block;
    list-style: none;
    padding: 11px 15px;
}

    .top_nv li a img {
        /*padding: 11px 15px;*/
    }

@media screen and (max-width: 525px) {
    .top_nv li a img {
        padding: 2px 10px;
    }
}

.user_deta {
    float: left;
    padding: 5px;
}

.user_img {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #fff;
    overflow: hidden;
    display: inline-block;
    float: left;
}

    .user_img img {
        max-width: 36px;
    }

.user_name {
    /*display: inline-block;
    float: left;*/
    color: #fff;
    /*padding: 7px;*/
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

@media screen and (max-width:991px) {
    ul.listslider li {
        width: auto;
    }
}

.widthA {
    border-left: 1px solid;
    color: #fff;
    font-size: 26px;
    padding: 6px 0px 1px 0px;
    margin-top: -7px;
}

.user_label {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.logoutlabel {
    float: left;
    margin-top: 4px;
}

.bottom_part {
    /*padding: 10px;*/
    padding: 7px 0px 0px 0px;
    display: block;
}

    .bottom_part ul {
        margin: 0px 0px 0px 10px;
        /*padding: 0;*/
        padding: 5px 0px 0px 0px;
    }

        .bottom_part ul li {
            display: inline-block;
            list-style: none;
            /*font-family: 'Verdana';*/
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #fff;
        }

            .bottom_part ul li a {
                color: #fff;
                text-decoration: none;
                /*font-family: 'Verdana';*/
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            }

            .bottom_part ul li span {
                margin: 0 8px;
                font-size: 16px;
            }

.search_ic {
    background: #fff url(images/search_icon.svg) no-repeat 5px 3px;
    width: 240px;
    display: inline-block;
    border-radius: 0;
    height: 25px;
    padding: 0px 0 0px 26px;
    border: none;
    outline: none;
}

.search_f {
    text-align: right;
}

@media screen and (max-width: 575px) {
    .top_setting {
        height: auto;
    }
}

@media screen and (max-width: 650px) {
    .search_f {
        text-align: center;
        margin-top: 5px;
    }

    .bottom_part ul {
        text-align: center;
    }
}
/*inner contain css*/
.inner_contain {
    position: absolute;
    margin-top: 95px;
    bottom: 0;
    top: 0;
    width: 100%;
}

@media screen and (max-width:767px) {
    .inner_contain {
        margin-top: 169px;
    }
}

@media screen and (max-width:475px) {
    .inner_contain {
        margin-top: 202px;
    }
}

.right_contain {
    width: 100%;
    height: 100%;
}

.inn_right_contain {
    height: 100%;
}

.pr_right_contain {
    height: 100%;
}

.left_contain_big {
    float: left;
    position: relative;
    width: auto;
}

.left_contain {
    width: 4%;
    float: left;
    position: relative;
}

    .left_contain .side_menu_space .sm {
        width: 100%;
        transition: width 0.2s ease 0s;
    }

    .left_contain:hover .side_menu_space .sm {
        width: 340%;
    }

.li_title {
    position: absolute;
    left: 6px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    opacity: 0;
    visibility: collapse;
}

.left_contain:hover .li_title {
    left: 50px;
    opacity: 1;
    visibility: visible;
}

.pr_title_2 {
    position: absolute;
    left: 30px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    opacity: 0;
}

.left_contain:hover .pr_title_2 {
    left: 40px;
    opacity: 1;
}

.dropdown_show {
    visibility: hidden;
    opacity: 0;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    position: absolute;
    height: 0;
}

.left_contain:hover .dropdown_show {
    visibility: visible;
    opacity: 1;
    position: relative;
    height: 100%;
}

.dpr_btn {
    display: block;
    border-radius: 0;
    text-align: left;
    padding-left: 40px;
}

.menu_parents .dropdown-menu {
    left: 99.5%;
    top: -1px;
}

.menu_parents ul {
    margin: 0;
    padding: 0;
}

    .menu_parents ul li {
        margin: 0px 0;
        padding: 0px 0;
    }

    .menu_parents ul.dropdown-menu {
        border: none;
        border-radius: 0;
    }

    .menu_parents ul li a {
        border-radius: 0;
        font-size: 12px;
        line-height: 32px;
        padding: 0px 5px;
    }

        .menu_parents ul li a:hover, .menu_parents ul li a:focus, .menu_parents ul li.active a {
            color: #fff;
        }

    .menu_parents ul li:hover:before, .menu_parents ul li.active:before {
        display: none;
    }

    .menu_parents ul li a span {
        height: 28px;
        width: 25px;
        float: left;
        margin: 5px 10px 0 0px;
    }

@media screen and (max-width:1024px) {
    .left_contain {
        width: 53px !important;
    }
}

@media screen and (max-width:1024px) {
    .pr_title {
        display: block;
    }

    .pr_title_2 {
        display: none;
    }

    .left_contain_big {
        width: auto;
    }
}

.footer {
    position: relative;
    padding: 0px 3px 3px 0px;
    background-color: #f1f8ff;
}

    .footer p, .pr_footer p {
        /*font-family: 'fonts/Rajdhani-Medium';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        font-size: 15px;
        color: #fff;
        padding-top: 5px;
    }

        .footer p img, .pr_footer p img {
            margin-top: -3px;
        }

#main {
    position: relative;
    height: 100%;
    /* overflow-y: auto; */
    background-color: #fff;
    /*padding-bottom: 37px;*/
    box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.4);
    /*overflow-y: scroll;*/
    overflow-x: hidden;
}

.full-height {
    height: calc(100% - 37px);
    /*overflow-y: scroll;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.fx-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border: 1px solid #cfcfcf;
}

@media (max-width: 767px) {
    .fx-footer {
        position: fixed;
        bottom: 0;
        right: 0;
        width: -webkit-calc(100% - 55px);
        width: -moz-calc(100% - 55px);
        width: calc(100% - 55px);
    }
}
/*@media (max-width: 1366px) {.full-height {min-height: 93.6%;}}*/
.content {
    overflow: auto;
    position: relative;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .left_contain {
        /* float: left; */
        position: absolute;
        left: 0;
        top: 0;
        /*z-index: 9999;*/
        height: 100%;
        box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.3);
    }

    .pr_right_contain {
        margin-left: 55px;
    }

    .pr_footer {
        left: 55px;
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    /*.dropdown:hover .dropdown-menu {
    display: block;
}*/

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
        font-size: 14px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.sid_button .panel {
    border: none;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

@media screen and (max-width: 1024px) {
    .menu_parents ul li a span {
        margin: 5px 10px 0 10px;
    }
}

/*inner page css*/
.top_form {
    background-color: #f1f8ff;
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 20px 0px 5px 0px;
    position: relative;
}

.sub_nave {
    margin-top: -20px;
    margin-bottom: 10px;
}

.inn_sub_nave {
    padding: 0px 15px;
    display: inline-block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .inn_sub_nave ul {
        margin: 0;
        padding: 0;
    }

        .inn_sub_nave ul li {
            list-style: none;
            display: inline-block;
            margin: 0 10px;
            position: relative;
            padding: 6px 0;
        }

            .inn_sub_nave ul li a {
                /*font-family: 'Verdana';*/
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
            }

            .inn_sub_nave ul li:hover:after, .inn_sub_nave ul li.active:after {
                content: "";
                position: absolute;
                bottom: 0px;
                height: 2px;
                width: 100%;
                display: inline-block;
                left: 0%;
                line-height: 22px;
                background-color: #ffffff;
            }

            .inn_sub_nave ul li:before {
                content: "|";
                position: absolute;
                bottom: 3px;
                display: inline-block;
                right: -100%;
                line-height: 22px;
                font-size: 16px;
                color: #fff;
            }

            .inn_sub_nave ul li:last-child:before {
                content: '';
            }

@media screen and (max-width: 767px) {
    .inn_sub_nave ul li {
        margin: 0 5px;
    }

        .inn_sub_nave ul li:before {
            display: none;
        }
}

.showcase #content-6.horizontal-images.content {
    padding: 10px 0 5px 0;
}

    .showcase #content-6.horizontal-images.content .mCSB_scrollTools {
        margin-left: 0px;
        margin-right: 0px;
    }

    .showcase #content-6.horizontal-images.content ul {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0;
    }

        .showcase #content-6.horizontal-images.content ul li {
            display: inline-block;
            list-style: none;
            text-align: center;
            width: 16%;
        }

@media screen and (max-width: 1024px) {
    .showcase #content-6.horizontal-images.content ul li {
        width: 200px;
    }
}

.showcase #content-6.horizontal-images.content ul li:first-child {
    border-left: none;
}

.showcase #content-6.horizontal-images.content ul li h4 {
    /*font-family: 'Exo2-SemiBold';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 0 0;
}

.showcase #content-6.horizontal-images.content ul li a {
    text-decoration: none;
}

.showcase #content-6.horizontal-images.content ul li p {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 5px 0 0 0;
}

@media only screen and (min-width: 1229px) {
    .showcase .horizontal-images.content {
        width: 100%;
    }
}

@media only screen and (min-width: 1629px) {
    .showcase .horizontal-images.content {
        width: 100%;
    }
}
/*calenndar css*/
.calender_section {
    background-color: #fff;
    display: block;
    position: relative;
    padding: 10px;
}

@media screen and (max-width: 991px) {
    .calender_section {
        padding: 10px 0 30px 0;
    }
}

.app-container {
    border-radius: 0px;
    width: 100%;
    height: auto;
    max-width: 100%;
    position: relative;
    margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
    .app-container {
        overflow-x: scroll;
    }

    .ng-isolate-scope {
        min-width: 1300px;
    }
}

.buttons-container {
    position: absolute;
    bottom: 15px;
    right: 0;
    height: 40px;
    /*font-family: "Roboto", sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.cancel-button,
.save-button {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 2px;
    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.cancel-button {
    background: white;
    color: #0DAD83;
}

.save-button {
    background: #0DAD83;
    color: white;
}

/* Datepicker Stuff */
.datepicker {
    position: relative;
    width: 100%;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*font-family: "Roboto", sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
}

    .datepicker.am {
        background: white;
    }

    .datepicker.pm {
        background: #0DAD83;
    }

.datepicker-header {
    width: 100%;
    color: white;
    overflow: hidden;
}

.datepicker-title {
    width: 50%;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    text-align: left;
    font-size: 20px;
}

.datepicker-subheader {
    width: 50%;
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 15px;
    text-align: right;
}

.datepicker-calendar {
    width: 100%;
    float: left;
    padding: 0px;
    max-width: 100%;
    display: block;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
}

.calendar-header {
    color: black;
    font-weight: normal;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    position: relative;
    width: 220px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #231f20;
}

.current-month-container {
    display: inline-block;
    height: 30px;
    position: relative;
}

.goback,
.goforward {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 0px;
}

    .goback path,
    .goforward path {
        -webkit-transition: stroke 0.15s ease;
        -moz-transition: stroke 0.15s ease;
        -ms-transition: stroke 0.15s ease;
        transition: stroke 0.15s ease;
    }

.goback {
    float: left;
    margin-left: 3.8%;
}

.goforward {
    float: right;
    margin-right: 3.8%;
}

.calendar-day-header {
    width: 100%;
    position: relative;
}

.day-label {
    color: #000000;
    padding: 5px 0;
    width: 7.1428571%;
    display: inline-block;
    text-align: center;
    /*font-family: 'Exo2-SemiBold';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.datecontainer {
    width: 7.1428571%;
    display: inline-block;
    text-align: center;
    padding: 4px 0;
}

.datenumber {
    max-width: 35px;
    max-height: 35px;
    line-height: 35px;
    margin: 0 auto;
    color: #000000;
    position: relative;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}

.no-hover .datenumber,
.no-hover .datenumber:hover,
.no-hover .datenumber:before,
.no-hover .datenumber:hover::before {
    cursor: default;
    color: #3e454c;
    background: transparent;
    opacity: 0.8;
}

    .no-hover .datenumber.day-selected {
        color: white;
    }

.datenumber:hover {
    color: white;
}

.datenumber:before {
    content: '';
    display: block;
    position: absolute;
    height: 35px;
    width: 35px;
    border-radius: 100px;
    z-index: -1;
    background: transparent;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    -webkit-transition-property: background, color, border, -webkit-transform;
    transition-property: background, color, border, -webkit-transform;
    transition-property: background, transform, color, border;
    transition-property: background, transform, color, border, -webkit-transform;
}

.datenumber:hover::before {
    background: #FFAB91;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.day-selected {
    color: white;
}

.datenumber.day-selected:before {
    background: #ee514b;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: select-date .25s forwards;
    animation: select-date .25s forwards;
}

@-webkit-keyframes select-date {
    0% {
        background: #FFAB91;
    }

    100% {
        background: #FF6E40;
    }
}

@keyframes select-date {
    0% {
        background: #FFAB91;
    }

    100% {
        background: #FF6E40;
    }
}
/* timepicker styles */
.timepicker {
    display: none;
}

.timepicker-container-outer {
    width: 50%;
    max-width: 700px;
    float: left;
    display: block;
    padding: 40px 30px 30px;
    position: relative;
    top: 50px;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
}

.timepicker-container-inner {
    width: 100%;
    height: 100%;
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.timeline-container {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 36px;
}

.current-time {
    display: block;
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: -25px;
    left: -20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .current-time::after {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        background: #FF6E40;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 20px 20px 3px 20px;
        z-index: -1;
        top: 0;
    }

.actual-time {
    color: white;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.timeline {
    display: block;
    z-index: 1;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
}

    .timeline::before, .timeline::after {
        content: '';
        display: block;
        width: 2px;
        height: 10px;
        top: -6px;
        position: absolute;
        background: #0DAD83;
        left: -1px;
        -webkit-transition: background 0.15s ease;
        transition: background 0.15s ease;
    }

    .timeline::after {
        left: auto;
        right: -1px;
    }

.hours-container {
    display: block;
    z-index: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 31px;
    left: 1px;
}

.hour-mark {
    width: 2px;
    display: block;
    float: left;
    height: 4px;
    background: #0DAD83;
    position: relative;
    margin-left: calc((100% / 12) - 2px);
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
}

    .hour-mark:nth-child(3n) {
        height: 6px;
        top: -1px;
    }

.display-time {
    width: calc(60% - 30px);
    display: block;
    margin-top: 30px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    float: left;
    position: relative;
    font-size: 20px;
    text-align: center;
    -webkit-transition: color 0.15s ease;
    transition: color 0.15s ease;
}

.decrement-time,
.increment-time {
    cursor: pointer;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 6px;
    font-size: 20px;
}

.decrement-time {
    left: 0;
    text-align: left;
}

.increment-time {
    right: 0;
    text-align: right;
}

    .increment-time path,
    .decrement-time path {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

.time {
    width: calc(100% - 48px);
    position: relative;
    left: 24px;
    height: 36px;
}

    .time:after {
        content: '';
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: white;
        left: 0;
        right: 0;
        opacity: 0.5;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .time.time-active:after {
        display: none;
    }

.time-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 34px;
    line-height: 34px;
    bottom: 2px;
    width: 100%;
    border: none;
    background: none;
    text-align: center;
    color: white;
    font-size: inherit;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

    .time-input:focus, .time-input:active {
        outline: none;
    }

.formatted-time {
    cursor: pointer;
}

.time-input:focus {
    cursor: auto;
}

    .time-input:focus ~ .formatted-time {
        border-radius: 2px;
        background: #0DAD83;
        color: white;
        cursor: default;
    }

.am-pm-container {
    width: 40%;
    padding-left: 15px;
    float: right;
    height: 36px;
    line-height: 36px;
    display: block;
    position: relative;
    margin-top: 30px;
}

.am-pm-button {
    width: calc(50% - 5px);
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: white;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}

    .am-pm-button:first-child {
        background: #0DAD83;
        color: white;
    }

    .am-pm-button:last-child {
        background: white;
        color: #0DAD83;
        margin-left: 10px;
    }

@-webkit-keyframes select-date-pm {
    0% {
        background: rgba(255, 255, 255, 0.5);
    }

    100% {
        background: #FFF;
    }
}

@keyframes select-date-pm {
    0% {
        background: rgba(255, 255, 255, 0.5);
    }

    100% {
        background: #FFF;
    }
}

.datepicker.am .datepicker-header {
    color: white;
    background: #0DAD83;
}

.datepicker.am .current-time::after {
    background: #0DAD83;
}

.datepicker.am .actual-time {
    color: white;
}

.datepicker.am .display-time {
    color: #FF6E40;
}

.datepicker.am .time-input {
    color: #FF693C;
}

.datepicker.am .time:after {
    background: #FF693C;
}

.datepicker.am .increment-time path,
.datepicker.am .decrement-time path {
    stroke: #FF693C;
}

.datepicker.pm .datepicker-header {
    background: white;
    color: #FF693C;
}

.datepicker.pm .datepicker-subheader {
    color: #0DAD83;
}

.datepicker.pm .goback:before,
.datepicker.pm .goback:after,
.datepicker.pm .goforward:before,
.datepicker.pm .goforward:after {
    background: white;
}

.datepicker.pm .day-label {
    color: white;
}

.datepicker.pm .datenumber {
    color: white;
}

    .datepicker.pm .datenumber:hover::before {
        background: rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .datepicker.pm .datenumber.day-selected {
        color: #FF693C;
    }

        .datepicker.pm .datenumber.day-selected:before {
            background: white;
            -webkit-animation: select-date-pm .25s forwards;
            animation: select-date-pm .25s forwards;
        }

.datepicker.pm .current-month-container {
    color: white;
}

.datepicker.pm .current-time::after {
    background: white;
}

.datepicker.pm .actual-time {
    color: #FF6E40;
}

.datepicker.pm .display-time {
    color: white;
}

.datepicker.pm .timeline::before, .datepicker.pm .pm .timeline::after {
    background: white;
}

.datepicker.pm .hour-mark {
    background: white;
}

.datepicker.pm .am-pm-button:last-child {
    color: #FF6E40;
}

.datepicker.pm .cancel-button {
    background: none;
    color: white;
}

.datepicker.pm .save-button {
    background: white;
    color: #FF693C;
}

.datepicker.pm .goback path,
.datepicker.pm .goforward path {
    stroke: white;
}

.datepicker.pm .time-input:focus ~ .formatted-time {
    background: white;
    color: #FF693C;
}

.datepicker.compact .datepicker-title,
.datepicker.compact .datepicker-subheader {
    width: 100%;
    text-align: center;
}

.datepicker.compact .datepicker-title {
    height: 50px;
    line-height: 50px;
}

.datepicker.compact .datepicker-subheader {
    height: 30px;
    line-height: 30px;
}

.datepicker.compact .display-time {
    width: 60%;
    font-size: 20px;
    line-height: 36px;
}

.datepicker.compact .app-container {
    width: 100%;
}

.datepicker.compact .datepicker-calendar {
    width: 100%;
    margin: 0 auto;
    float: none;
}

.datepicker.compact .timepicker-container-outer {
    width: 100%;
    margin: 0 auto;
    float: none;
    top: -15px;
}

.datepicker.compact .buttons-container {
    position: relative;
    float: right;
}
/*end calendar css*/
.table_section {
    background-color: #e7ebee;
    padding: 0 0 30px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}

.zoom_space {
    position: absolute;
    right: 0;
    top: -24px;
    padding: 2px 10px;
    border-top-left-radius: 5px;
    z-index: 0;
    text-align: center;
}

    .zoom_space a {
        font-size: 6px;
        color: #fff;
        text-decoration: none;
        vertical-align: middle;
    }

.no-more-tables {
    position: relative;
}

    .no-more-tables table {
        background-color: #ffffff;
        text-align: center;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        font-size: 13px;
        width: 100%;
    }

        .no-more-tables table tr td {
            text-align: center;
            min-width: 60px;
        }

            .no-more-tables table tr td:first-child {
                text-align: center;
                min-width: 40px;
            }

            .no-more-tables table tr td p {
                margin: 0;
            }

@media screen and (max-width: 767px) {
    .no-more-tables table tr td {
        text-align: left;
    }
}

.no-more-tables .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.no-more-tables .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    padding: 2px 0;
}

@media only screen and (max-width: 800px) {
    .zoom_space {
        display: none;
    }
    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        min-height: 30px;
    }

        .no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
    Label the data
    */
        .no-more-tables td:before {
            content: attr(data-title);
        }
}

.table_bottom {
    margin-top: 20px;
}

.save-btn {
    border: none;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 4px 30px;
}
/*end inner page css*/
/*sidbar css*/
.side_bar_box {
    top: 96px;
    background-color: #f4faff;
    margin: 0;
    padding: 0;
    height: calc(100% - 96px);
}

a#nav-close {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    margin-right: 5px;
    position: absolute;
    right: 0;
}

.side_bar_box ul li {
    padding: 25px 20px 10px;
}

    .side_bar_box ul li:last-child {
        border-bottom: none;
        padding: 10px 20px 0px;
        text-align: center;
    }

    .side_bar_box ul li h4 {
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        position: relative;
        margin-bottom: 20px;
    }

        .side_bar_box ul li h4:after {
            content: "";
            position: absolute;
            width: 40px;
            height: 3px;
            left: 0;
            bottom: -8px;
        }

    .side_bar_box ul li p {
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #231f20;
    }

        .side_bar_box ul li p span {
            font-size: 15px !important;
            color: #000 !important;
        }

        .side_bar_box ul li p .bld_fn {
            font-family: 'Exo2-SemiBold';
            color: #000;
            font-size: 13px !important;
        }

a.read_m {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    padding: 7px 18px;
    text-decoration: none;
    float: right;
}

.side_bar_box::-webkit-scrollbar {
    width: 6px; /* for vertical scrollbars */
    height: 6px; /* for horizontal scrollbars */
}

.side_bar_box::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.side_bar_box::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1600px) {
    .ft_bottom {
        position: absolute;
        bottom: 8px;
        width: 100%;
        border-top: solid 1px #88bef5;
    }

    .none_brd {
        border-bottom: none !important;
    }
}

@media screen and (max-width: 991px) {
    .side_bar_box {
        top: 0px;
        height: 100% !important;
    }
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
/*.side_bar_box ul li:first-child {border-bottom: none;}*/
/*end sidbar css*/

.dxgvSelectedRow, .dxgvFocusedRow {
    background-color: #d5e6f6 !important;
    color: #000;
}

.ulwidth211 {
    width: 211px;
}

.boxes-par {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.white-bx {
    float: left;
    background-color: #fff;
    width: 320px;
    height: 205px;
    border: solid 1px #dfdfdf;
    padding: 12px 15px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ee514b;
    margin: 17px;
}

    .white-bx h5 {
        font-size: 24px;
        margin-top: 0;
    }

.orange-bx {
    float: left;
    background-color: #ff6600;
    width: 320px;
    height: 205px;
    border: solid 1px #dfdfdf;
    padding: 12px 15px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    margin: 17px 17px 17px 0;
}

@media screen and (max-width: 440px) {
    .white-bx, .orange-bx {
        width: 100%;
    }
}
/*End White Box css*/
p.ft-download {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    padding-left: 50px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
}

.ft-download span {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ft-download a {
    /*font-family: 'Exo2-SemiBold';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d83ec;
}
/*Check box List */
.checkboxlist {
    padding: 3px 5px 5px 25px !important;
}

    .checkboxlist label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 3px;
        float: left;
        max-width: 400px;
        min-width: 40px;
        width: auto !important;
        margin-right: 25px;
    }
/*Check box and Radio css*/
/*
.checkbox { padding-left: 0px; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    visibility:collapse;
    position:absolute;
    left:0px;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 3px;
    float:left;
    max-width:200px; 
    
    min-width:auto;
    width:auto!important; 
    margin-right: 30px;
}
.check-par .checkbox label {cursor: default;}
.check-par .checkbox, .check-par .radio {margin-bottom: 0;margin-top: 0;}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #1d83ec;border-color: rgba(122, 122, 122, 0.5);}
.checkbox label::before {
    content: "";display: inline-block;position: absolute;width: 15px;height: 15px;left: 0;margin-left: -20px;border: 1px solid #cccccc;
    border-radius: 4px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;margin-top:2px;
}
input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
    content: "";
    background: url(../images/check-arrow.png) no-repeat 3px 4px;
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    content: "";
    background: url(../images/check-arrow.png) no-repeat 3px 4px;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: -1px;
    margin-left: -20px;
    padding-left: 2px;
    padding-top: 0px;
    font-size: 11px;
    color: #555555;
    margin-top:2px;
}
.radio-par .checkbox input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
.check-par.radio-par .checkbox label::before {
    border-radius: 50%;
    width: 17px;
    height: 17px;
}
.check-par.radio-par .checkbox label::after {
    top: 1px;
    left: 1px;
}*/
/*End Check box and Radio css*/
/*Browse css*/
.browse-secrion {
    float: left;
    display: inline-block;
    position: relative;
    top: 0px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.browse-secrion .fileUpload .brse {
    /*font-family: "Exo2-SemiBold";*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d83ec;
    width: 173px;
    float: left;
}

.browse-secrion .fileUpload {
    background-color: #f1f8ff;
    border: dashed 1px #b9bbbd;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 1px 5px;
    display: inline-block;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    width: 100%;
}

    .browse-secrion .fileUpload:hover, .browse-secrion .fileUpload:focus {
        background-color: #f1f8ff;
        border: dashed 1px #b9bbbd;
    }

.pro-sect {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    top: -115px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    padding: 0px;
}

    .pro-sect ul {
        margin: 0;
        padding: 0;
    }

        .pro-sect ul li {
            display: block;
            list-style: none;
            /*font-family: 'Verdana';*/
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #848484;
            border-bottom: solid 1px #dddddd;
            padding: 5px 5px;
        }

    .pro-sect .progress {
        height: 6px;
        box-shadow: none;
        border: solid 1px #c6c6c6;
        margin: 0;
        display: block;
    }

    .pro-sect .progress-bar {
        height: 6px;
        background-color: #1d83ec;
    }

@media screen and (max-width: 991px) {
    p.ft-download {
        display: block;
        margin: 15px 0;
        padding-left: 0px;
        text-align: left;
    }

    .browse-secrion {
        float: none;
    }
}
/*End Browse css*/

/*Dropdown css*/
.drop-down-par .bootstrap-select {
    z-index: 99999;
    text-transform: capitalize;
    margin: -10px 0;
}

    .drop-down-par .bootstrap-select .btn-default {
        color: #000000;
        background-color: #fff;
        border: solid 1px #e7e7e7;
        border-radius: 0;
        font-size: 12px;
    }

        .drop-down-par .bootstrap-select .btn-default:hover, .drop-down-par .bootstrap-select .btn-default:focus {
            background-color: #fff;
            border: solid 1px #e7e7e7;
        }

.drop-down-par .dropdown-menu {
    border-radius: 0;
}

    .drop-down-par .dropdown-menu > li > a {
        font-size: 12px;
        padding: 7px 10px;
    }

        .drop-down-par .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: #f1f8ff;
        }

    .drop-down-par .dropdown-menu > li:hover a:before {
        content: "";
        position: absolute;
        left: 0;
        background-color: #0d6bcd;
        width: 3px;
        display: inline-block;
        height: 100%;
        top: 0;
    }

.drop-down-par .bootstrap-select .caret {
    border: none;
    background: url(../images/blue-arrow.png) no-repeat 0px 0px;
    height: 10px;
    width: 13px;
    margin-top: -4px !important;
}
/*End Dropdown css*/
/*activity_contentbox Box css*/
.activity_contentbox {
    background-color: #fff;
    margin: 0px 0;
    padding: 0px;
    display: block;
    position: relative;
}

    .activity_contentbox h6 {
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #0e4c8c;
        margin-bottom: 20px;
    }

    .activity_contentbox .inner-group:nth-child(2n) {
        border-top: none;
        background-color: #f1f8ff;
    }
/*Grouping Box css*/
.grouping-box-section {
    background-color: #fff;
    margin: 0 0 20px;
    padding: 0px;
    display: block;
    position: relative;
}

    .grouping-box-section h6 {
        /*font-family: 'Exo2-Regular' !important;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 14px;
        color: #0e4c8c;
        margin-top: 0px;
        margin-bottom: 10px;
    }

.inner-group {
    background-color: #fff;
    border-bottom: solid 1px #e3e5e8;
    border-top: solid 1px #e3e5e8;
    padding: 8px 30px 11px;
}

.grouping-form .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
}

    .grouping-form .form-group label {
        display: table-cell;
        width: 150px;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #585858;
        font-weight: normal;
        vertical-align: middle;
        text-align: left !important;
    }

.labeltop {
    vertical-align: top !important;
    padding-top: 3px;
}

.grouping-form .form-group .inline-bx {
    display: table-cell;
}

.grouping-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.grouping-form .bootstrap-select > .dropdown-toggle {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #585858;
    border-radius: 4px;
    border-color: #e4e4e4;
    background-color: #fff;
    outline: none !important;
    height: 28px;
    box-shadow: none;
    padding: 0px 30px 0 12px;
    margin-bottom: 2px;
    width: 94%;
}

.grouping-form .bootstrap-select.btn-group .dropdown-menu li a {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #767676;
    padding: 4px 20px;
}

    .grouping-form .bootstrap-select.btn-group .dropdown-menu li a:focus {
        outline: none !important;
    }

    .grouping-form .bootstrap-select.btn-group .dropdown-menu li a:hover {
        transition: all 0s !important;
        background-color: #f1f8ff !important;
        padding-left: 17px;
        border-left: 3px solid #0d6bcd;
        color: #585858 !important;
    }

.grouping-form .bootstrap-select.btn-group .dropdown-menu li.selected a {
    transition: all 0s !important;
    background-color: #f1f8ff !important;
    padding-left: 17px;
    border-left: 3px solid #0d6bcd;
    color: #585858 !important;
}

.grouping-form .bootstrap-select > .dropdown-toggle:hover, .grouping-form .bootstrap-select > .dropdown-toggle:focus {
    border-color: #e4e4e4;
    background-color: #fff;
}

.grouping-form .form-group .btn-group .caret {
    right: 12px;
    top: 35%;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0) url("../Content/Images/blue-arrow.png") no-repeat scroll 0 0;
    border: medium none;
    height: 10px;
    margin-top: 0px !important;
    width: 13px;
}

.grouping-box-section .inner-group:nth-child(2n) {
    border-top: none;
    background-color: #f1f8ff;
}

@media screen and (max-width: 991px) {
    .grouping-form .form-group {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .grouping-form .form-group {
        display: block;
    }

        .grouping-form .form-group label {
            display: block;
            width: auto;
        }

        .grouping-form .form-group .inline-bx {
            display: block;
        }

    .inner-group {
        padding: 10px 30px 11px;
    }
}
/*End Grouping Box css*/
/*Remarked for required Field css*/
.required-field-sect {
    background-color: #f1f8ff;
    border-top: solid 1px #dde1e4;
    border-right: solid 1px #dde1e4;
    display: block;
    padding: 10px 50px;
    position: absolute;
    top: -55px;
    width: 100%;
    z-index: 999;
}

    .required-field-sect .form-group {
        margin-bottom: 0;
    }

    .required-field-sect label {
        display: inline-block;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #585858;
        font-weight: normal;
    }

    .required-field-sect input {
        display: inline-block;
        width: auto;
        background-color: #fff;
        border: solid 1px #e4e4e4;
        height: 34px;
        border-radius: 0;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        box-shadow: none;
    }

        .required-field-sect input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #ee514b;
        }

        .required-field-sect input::-moz-placeholder { /* Firefox 19+ */
            color: #ee514b;
        }

        .required-field-sect input:-ms-input-placeholder { /* IE 10+ */
            color: #ee514b;
        }

        .required-field-sect input:-moz-placeholder { /* Firefox 18- */
            color: #ee514b;
        }

@media screen and (max-width: 767px) {
    .required-field-sect {
        padding: 10px;
    }
}
/*End Remarked for required Field css*/
/*Error Popup css*/
.error-model-popup-mask {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10000;
}

.error-popup .modal-content {
    box-shadow: none;
    margin-top: 60%;
    width: 300px;
}

.error-popup .modal-header {
    background-color: #f1f8ff;
    border-bottom: 1px solid #dde1e4;
    padding: 10px 28px;
    text-align: center;
}

    .error-popup .modal-header .close {
        background-color: #ffffff;
        border: 1px solid #d7d8d9;
        border-radius: 50%;
        float: none;
        font-size: 25px;
        height: 45px;
        margin: 20px 0;
        opacity: 1;
        outline: medium none;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        width: 45px;
    }

        .error-popup .modal-header .close span img {
            display: inline-block;
        }

    .error-popup .modal-header h4 {
        color: #000000;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .error-popup .modal-header p.red {
        color: #ee514b;
    }

    .error-popup .modal-header p {
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin: 0;
        word-wrap: break-word;
    }

.error-popup .modal-footer {
    border-top: medium none;
    text-align: center;
    margin-top: 0;
}

    .error-popup .modal-footer button {
        background-color: #ffffff;
        border: 1px solid #d9d9d9;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
        color: #1d83ec;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        ;
        font-size: 14px;
        padding: 2px 12px;
    }

.pad10 {
    padding-top: 7px;
}
/*End Error Popup css*/

.activity_year {
    margin-top: -7.09%;
    position: fixed;
    right: 9%;
    z-index: 999;
    width: auto !important;
}

/*Start Devexpress Dropdown*/
.dxeButtonEdit {
    background-color: #ffffff;
    border-color: #e4e4e4;
    border-radius: 4px;
    box-shadow: none;
    color: #767676;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 28px;
    margin-bottom: 2px;
    outline: medium none;
    padding: 0 10px 0 12px;
    color: #000000 !important;
}

.dxEditors_edtDropDownDisabled {
    right: 12px;
    top: 50%;
    opacity: 0.50;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0;
    border: medium none;
    height: 10px;
    margin-top: 0px !important;
    width: 13px;
}

.dxEditors_edtDropDown {
    right: 12px;
    top: 50%;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0;
    border: medium none;
    height: 10px;
    margin-top: 0px !important;
    width: 13px;
}

.dxeButtonEditButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    background: none;
    border: 0px solid #7f7f7f;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dxeEditAreaSys, .dxeMemoEditAreaSys, input.dxeEditAreaSys[type="text"], input.dxeEditAreaSys[type="password"] {
    color: #585858 !important;
}

.dxeListBoxItemRow {
    color: #585858 !important;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
}

.dxeListBoxItem {
    padding: 7px 17px 7px 10px;
}

    .dxeListBoxItem:hover {
        color: #585858 !important;
        background-color: #f1f8ff !important;
        border-left: 3px solid #0D6BCD;
    }

.dxeListBoxItemSelected {
    color: #585858 !important;
    background-color: #f1f8ff !important;
    border-left: 3px solid #0D6BCD;
}

.dxeListBoxItemHover {
    background-color: transparent;
    color: #585858 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #dddddd;
}
/*End Devexpress Dropdown*/
/*Grid Paging*/
.dxpLite .dxp-num:hover {
    background-color: #0d6bcd;
    border: 1px solid #0d6bcd;
    border-radius: 4px;
    color: #ffffff;
}

.dxpLite .dxp-num:active {
    background-color: #0d6bcd;
    border: 1px solid #0d6bcd;
    border-radius: 4px;
    color: #ffffff;
}

.dxpLite .dxp-num {
    border: 1px solid;
    border-radius: 4px;
    color: #0d6bcd;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px;
    text-decoration: none;
    min-height: 28px !important;
    min-width: 25px !important;
    text-align: center;
}

.dxWeb_pPrev {
    background: rgba(0, 0, 0, 0) url("../images/blue-left-arrow.svg") no-repeat scroll -2px -3px;
    color: Red;
    height: 26px;
    width: 25px;
}

.dxWeb_pPrevDisabled {
    background: rgba(0, 0, 0, 0) url("../images/blue-left-arrow.svg") no-repeat scroll -2px -3px !important;
    height: 26px !important;
    width: 25px !important;
}

.dxWeb_pNext {
    background: rgba(0, 0, 0, 0) url("../images/blue-right-arrow.svg") no-repeat scroll -3px -3px;
    height: 26px;
    width: 25px;
}

.dxWeb_pNextDisabled {
    background: rgba(0, 0, 0, 0) url("../images/blue-right-arrow.svg") no-repeat scroll -3px -3px;
    height: 26px;
    width: 25px;
}

.dxp-button {
    border: 1px solid #0d6bcd;
    border-radius: 4px;
    color: #0d6bcd;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px;
    text-decoration: none;
    min-height: 26px !important;
    min-width: 25px !important;
    text-align: center;
}

    .dxp-button:hover {
        background-color: #0d6bcd;
        border: 1px solid #0d6bcd;
        border-radius: 4px;
        color: #ffffff;
    }

.dxGridView_gvHeaderFilter {
    background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0 !important;
    height: 10px;
    width: 13px;
    cursor: pointer !important;
}

.dxGridView_gvHeaderFilterActive {
    background: rgba(0, 0, 0, 0) url("../images/blue-arrow.png") no-repeat scroll 0 0 !important;
    height: 10px;
    width: 13px;
    cursor: pointer !important;
}

/*.dxpcDropDown > .dxpc-mainDiv > .dxpc-contentWrapper > .dxpc-content > table > tbody > table > tbody > tr > .dxeListBoxItemRow {
    color: #585858 !important;
    font-family: 'Verdana';
    font-size: 14px!important;
}*/

/*end Grid Paging*/
.errorAlert {
    float: left;
    left: 8px;
    position: relative;
    color: Red;
    top: 3px;
}

.grouping-form .form-group label {
    position: relative;
    top: 0px;
}

.PvGridScrollDiv {
    overflow: scroll;
    width: 100%;
}

.textCss {
    text-align: left;
    width: 94%;
    float: left;
}

.dxICBFocused {
    outline: none;
}

.dxWeb_edtCheckBoxChecked {
    background: url("../images/Checkbox.png") no-repeat scroll 0 0;
    height: 15px;
    width: 15px;
}

.dxWeb_edtCheckBoxUnchecked {
    background: url("../images/Checkbox_UNCHECHED.png") no-repeat scroll 0 0;
    height: 15px;
    width: 15px;
}

.dxWeb_edtCheckBoxCheckedDisabled {
    background: url("../images/Checkbox.png") no-repeat scroll 0 0;
    height: 15px;
    width: 15px;
    opacity: 0.4;
}

.dxWeb_edtCheckBoxUncheckedDisabled {
    background: url("../images/Checkbox_UNCHECHED.png") no-repeat scroll 0 0;
    height: 15px;
    width: 15px;
    opacity: 0.4;
}

.dxWeb_edtCheckBoxGrayed {
    background: url("../images/Checkbox_UNCHECHED.png") no-repeat scroll 0 0;
    height: 15px;
    width: 15px;
}

.dxeIRadioButton {
    outline: none;
}

.dxEditors_edtRadioButtonChecked {
    background: url("../images/Radio_check.png") no-repeat scroll 0 0;
    height: 19px;
    width: 19px;
    margin-top: -2px;
}

.dxEditors_edtRadioButtonUnchecked {
    background: url("../images/Radio_uncheck.png") no-repeat scroll 0 0;
    height: 19px;
    width: 19px;
    margin-top: -2px;
}

.dxEditors_edtRadioButtonCheckedDisabled {
    background: url("../images/Radio_check.png") no-repeat scroll 0 0;
    height: 19px;
    width: 19px;
    margin-top: -2px;
    opacity: 0.4;
}

.dxEditors_edtRadioButtonUncheckedDisabled {
    background: url("../images/Radio_uncheck.png") no-repeat scroll 0 0;
    height: 19px;
    width: 19px;
    margin-top: -2px;
    opacity: 0.4;
}

.dxeBase {
    font-size: 14px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.tebal_text_footer {
    color: #FFFFFF;
    background-color: #1D83EC !important;
    font-size: 12px;
    font-weight: bold !important;
    border: 1px solid #CFCFCF !important;
    text-align: left;
}

    .tebal_text_footer td {
        border-color: #CE6817;
        color: #FFFFFF;
        background-color: #1D83EC !important;
        font-size: 12px;
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold !important;
        text-align: left;
    }

    .tebal_text_footer a {
        color: #fff !important;
        text-decoration: none;
    }

        .tebal_text_footer a:hover {
            color: #fff !important;
            text-decoration: underline;
        }

.dxWeb_pPrevDisabled {
    background-position: -160px -223px;
    height: 17px;
    width: 16px;
}

.dxpLite {
    color: #fff !important;
}

    .dxpLite .dxp-current {
        color: #fff !important;
    }

.datepickerText {
    margin-right: -2px;
    width: 55%;
    float: left;
    color: #555;
}

.mar12 {
    margin-left: 12px;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.lblwidthparent > label {
    width: 128px !important;
}

.drpwidth82 {
    width: 82%;
}

.top_form_tab {
    margin: 0;
    padding: 21px 0px 25px 0px;
    position: relative;
}

.btnseprator {
    color: #fff;
    margin-left: 4px;
}

#ui-id-1 {
    display: none;
    height: 261px;
    left: 1115.98px;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 85px;
    width: 251px !important;
    z-index: 9999;
    margin-top: 2px;
    list-style: none !important;
    font-size: 13px;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    line-height: 26px;
}

    #ui-id-1 > hover {
        background: #0e4c8c;
        color: #fff;
        border-radius: 5px;
    }
/*Start ASP Grid CSS*/
.aspGridvw {
    border-collapse: collapse !important;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    overflow-x: hidden;
    width: 100%;
}

    .aspGridvw > tbody > tr > td {
        background-color: #ffffff !important;
    }

    .aspGridvw > thead > tr:first-child > th, .aspGridvw > tbody > tr:first-child > th {
        padding: 14px !important;
        color: #ffffff;
        font-weight: normal !important;
        background-color: #1d83ec !important;
        border: 1px solid #cfcfcf;
        text-align: center;
    }

    .aspGridvw > thead > tr:first-child > td, .aspGridvw > tbody > tr:first-child > td {
        padding: 14px !important;
        color: #ffffff;
        font-weight: normal !important;
        background-color: #1d83ec !important;
        border: 1px solid #cfcfcf;
    }

    .aspGridvw > tfoot > tr > th, .aspGridvw > thead > tr > td, .aspGridvw > tbody > tr > td {
        padding: 3px 6px 4px !important;
        border: 1px solid #cfcfcf;
    }

    .aspGridvw > tbody > .tebal_text_footer > td {
        background-color: #1d83ec !important;
        border: 0 solid #cfcfcf;
        color: #ffffff;
        font-weight: normal !important;
        padding: 11px !important;
    }

    .aspGridvw > tbody > .tebal_text_footer {
        border: 1px solid #cfcfcf !important;
    }
/*End ASP Grid CSS*/
/*Start DevExpres Panel CSS*/
.dxtcLite.dxtc-top > .dxtc-stripContainer {
    padding-top: 0px;
}

.dxtc-stripContainer {
    width: 100%;
}

.dxtc-spacer {
    display: none !important;
}

.dxtc-leftIndent {
    display: none !important;
}

.dxtc-sbIndent {
    display: none !important;
}

.dxtc-rightIndent {
    display: none !important;
}

.dxtc-sbSpacer {
    display: none !important;
}

.dxtc-strip {
    width: auto !important;
    border-bottom: 4px solid #0e4c8c;
    border-left: 4px solid #0e4c8c;
    border-right: 4px solid #0e4c8c;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background-color: #0e4c8c !important;
}

.dxtcLite > .dxtc-stripContainer, .dxtcLite > .dxtc-stripContainer .dxtc-strip {
    width: auto !important;
    position: absolute !important;
    left: 3.5% !important;
    top: -1px !important;
    background-color: #fff;
}

    .dxtcLite > .dxtc-stripContainer, .dxtcLite > .dxtc-stripContainer > li {
        margin: 0 23px;
        padding: 2px;
    }

.dxtcLite {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.dxtc-tab {
    background-color: #0E4C8C !important;
}

.dxtc-activeTab dxtc-lead dxtc-activeTabHover {
    background-color: #0E4C8C !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    background-color: #0E4C8C !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab:hover {
    background-color: #0E4C8C !important;
}

.dxtcLite.dxtc-top > .dxtc-content {
    margin-top: 0px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab, .dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    border: 0px solid transparent;
}

.dxtcLite.dxtc-top {
    padding: 0px !important;
}

.dxtcLite > .dxtc-content {
    padding: 55px 11px 11px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link {
    color: #fff !important;
    font-weight: normal !important;
    margin-top: 2px;
    min-height: 22px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab > .dxtc-link {
    border-bottom: 2px solid #ffffff;
}

.dxtcLite > .dxtc-stripContainer, .dxtcLite > .dxtc-stripContainer > li {
    background-color: White;
}

.dxtc-sbWrapper {
    display: none;
}
/*End DevExpres Panel CSS*/
.bullet {
    background: url("Images/bullet.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
    height: 13px;
    width: 13px;
    margin: 5px !important;
}

.save_icon {
    background: url("../images/save-icon.jpg") no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.cancel_icon {
    background: url("../images/close_icon_.svg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.delete_icon {
    background: url("../images/close_icon.svg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.download_icon {
    background: url("../images/download_i.svg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.send_icon {
    background: url("../images/download_i.svg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.execute_icon {
    background: url("../images/check-icon.jpg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.execute_icon_pHeader {
    background: url("../images/check-icon.jpg") no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.cancel_button {
    background: url("../images/cancel-icon.jpg") no-repeat;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 2px;
}

/*Button CSS */
.btnStyle {
    background: #21a0d2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    color: #ffffff;
    /*font-family: "Verdana" !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border: 0;
    font-size: 14px;
    padding: 4px 13px;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
}

    .btnStyle:hover {
        background: #21a0d2;
    }

    .btnStyle:active {
        position: relative;
        top: 1px;
    }

    .btnStyle:disabled {
        background: #aec8e3;
        color: #565656;
    }

.btnStyle_disabled {
    background: #aec8e3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    color: #565656;
    /*font-family: "Verdana" !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border: 0;
    font-size: 14px;
    padding: 4px 13px;
    text-decoration: none;
    cursor: not-allowed;
    margin-right: 10px;
}

.btnStyle_disabled_Tab {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    color: #565656;
    /*font-family: "Verdana" !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border: 0;
    font-size: 14px;
    padding: 4px 13px;
    text-decoration: none;
    opacity: 0.65;
    cursor: not-allowed;
    margin-right: 10px;
}

/*End Button CSS */
.width250 {
    width: 250px !important;
}

.width150 {
    width: 150px !important;
}

.width100 {
    width: 100px !important;
}


.width110 {
    width: 110px !important;
}

.width120 {
    width: 120px !important;
}

.width140 {
    width: 120px !important;
}

.width90 {
    width: 90px !important;
}

.width70 {
    width: 70px !important;
}

.width50 {
    width: 50px !important;
}

.errorred {
    color: #ee514b;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
}

.errorredbold {
    color: #ee514b;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    font-weight: bold;
}

.textAlRgt {
    text-align: right !important;
}

.textAlCnt {
    text-align: center !important;
}

.textAlLft {
    text-align: left !important;
}

.tableHeaderCenter > td {
    text-align: center !important;
}

.marl21 {
    margin-left: 21px;
    float: left;
}

.dxgvControl span.checkbox {
    margin-left: 35px !important;
}
/*.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv .checkbox, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv span.checkbox
{
    margin-left:35px!important;
}*/
.col-md-2_12 {
    width: 12% !important;
}

.col-md-2_20 {
    width: 20% !important;
}

.dxeEditArea_DevInput {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
    display: block !important;
    font-size: 14px !important;
    height: 15px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    float: left !important;
    text-align: left !important;
    width: 94% !important;
}

.dxeTextBoxSys td.dxic {
    overflow: visible !important;
}

.fontfamily {
    /*font-family: 'Exo2-Regular' !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/*fieldset {border-color: #c9d6e9!important;border-radius: 8px!important;border:2px solid #CCC!important;padding: 0!important;}*/
fieldset > legend {
    margin-left: 10px;
    padding: 0px 12px;
    font-weight: bold;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666262;
}

fieldset > .row {
    padding: 4px 15px;
}

.pad20 {
    padding-top: 20px;
}

.dxpcLite .dxpc-content, .dxdpLite .dxpc-content {
    padding: 0 12px !important;
}

button, input, select, textarea {
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
}

.dxeRadioButtonList td.dxe, .dxeCheckBoxList td.dxe {
    padding-left: 0px !important;
}

.dxichCellSys {
    padding: 3px 12px 1px 3px !important;
}

.dxgvHeader, .dxgvHeader table {
    color: #fff !important;
    font-weight: normal !important;
}

.dxeCalendarFastNav td {
    color: black !important;
    font-weight: normal !important;
}

.dxeCalendarFastNavFooter td {
    color: black !important;
    font-weight: normal !important;
}

.dxeCalendar td {
    color: Black !important;
    font-weight: normal !important;
}

input[type="text"].dxeEditAreaSys {
    font-weight: normal !important;
}

.dxeCalendarHeader, .dxeCalendarFooter {
    background-color: White !important;
}

.dxeCalendar td.dxMonthGridWithWeekNumbers {
    padding: 0px !important;
}

.dxeCalendar {
    font-size: 11px !important;
}

.dxeCalendarWeekNumber {
    padding: 2px 3px 2px 2px;
    font-size: 11px;
}

.dxeCalendarDay {
    padding: 2px 6px;
}

.centerIcon {
    width: 4%;
    top: 75px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.width170 {
    width: 170px !important;
}

.width300 {
    width: 300px !important;
}


.width500 {
    width: 500px !important;
}


.width60 {
    width: 60px !important;
}

.width50 {
    width: 50px !important;
}

.width45 {
    width: 45px !important;
}

.width40 {
    width: 40px !important;
}

.width30 {
    width: 30px !important;
}

.width20 {
    width: 20px !important;
}

.width15 {
    width: 15px !important;
}

.width10 {
    width: 10px !important;
}

.width5 {
    width: 5px !important;
}
 



.width200 {
    width: 200px !important;
}

.width180 {
    width: 180px !important;
}


.underline {
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    width: 100%;
}

.ListDiv {
    overflow-y: scroll;
    width: 100%;
    height: 200px;
    border: 1px solid;
    border-color: Gray;
}

.pad20 {
    padding-top: 20px;
}

.dxucInputs {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.pad20 {
    padding-top: 20px;
}

.top40 {
    top: 40px;
}

.positioncenter {
    padding: 0px 10px;
}

fieldset > legend .checkbox {
    padding: 10px 20px;
    bottom: 10px;
    width: auto !important;
}

.dxgvTitlePanel {
    background-color: #1d83ec !important;
}

.pad5 {
    padding-left: 10px;
}

.padright10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padtop5 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}



.top40 {
    top: 40px;
}

.dxichTextCellSys > label {
    width: auto !important;
}

.positioncenter {
    padding: 0px 10px;
}

fieldset > legend .checkbox {
    padding: 10px 20px;
    bottom: 10px;
    width: auto !important;
}

.dxgvTitlePanel {
    background-color: #1d83ec !important;
}

.fieldsetHeader {
    background-color: menu;
    border-radius: 8px 8px 0 0;
    height: 27px;
    position: relative;
    top: -10px;
}

.fieldsetHeaderOnlineVisit {
    background-color: menu;
    border-radius: 8px 8px 0 0;
    height: 27px;
    position: relative;
    top: 0px;
}

.fieldsetHeader_radio {
    left: 27px !important;
    top: 3px !important;
}

.fieldsetHeader_radio {
    top: 3px !important;
}

.listbox option {
    padding: 2px 5px;
    color: #585858;
    /*font-family: 'Verdana';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.dxeRadioButtonList td.dxe, .dxeCheckBoxList td.dxe {
    padding: 4px 2px 5px 11px !important;
}

.dxeRadioButtonList, .dxeCheckBoxList {
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

.datalst_UC > tbody > tr > td {
    padding: 0 2px 2px;
}

    .datalst_UC > tbody > tr > td > .btnStyle {
        /*font-family: 'Verdana';*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        padding: 4px 13px;
    }

.dxeRadioButtonList, .dxeCheckBoxList {
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

img, from {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.titleContainer {
    background-color: #ffffff !important;
}

.DivHeaderClr {
    background-color: #0555ab;
}

.dxeTAR > tbody > tr > .dxichTextCellSys {
    padding-right: 10px !important;
}

.dxeTAR > tbody > tr > .dxichCellSys {
    padding-right: 5px !important;
}

.textAlCnt1 > td {
    text-align: center !important;
}

.dxgvEmptyDataRow > .dxgv {
    font-size: 16px !important;
}

.dxgvTitlePanel, .dxgvTable caption {
    background-color: #0E4C8C;
    color: #fff;
    /*font-family: "Exo2-Regular" !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    border-bottom: 1px solid #ccc;
}
/*
    added by navnit start
*/
.btn {
    height: 28px;
    padding: 2px 12px !important;
}

.checkbox {
    padding-left: 0px;
}

    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
    }

    .checkbox label {
        display: inline-block;
        position: relative;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            left: 0;
            border-radius: 3px;
            border: 1px solid #cccccc;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            vertical-align: middle;
            /*margin-right: 2px;
            margin-top: -5px;*/
        }

.form-group .checkbox label::before {
    margin-right: 5px;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background: url("../Content/Images/Checkbox.png") no-repeat scroll 0 0 !important;
    border: none;
}

.checkbox-primary-header input[type="checkbox"]:checked + label::before {
    background: url("../Content/Images/Checkbox.png") no-repeat scroll 0 0;
    border: 1px solid;
    border-color: white;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    background: url("../Content/Images/Checkbox_UNCHECHED.png") no-repeat scroll 0 0;
    border: none;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
    margin-left: 5px;
}

.checkbox-primary input[type="radio"]:checked + label::before {
    background: url("../Content/Images/Checkbox.png") no-repeat scroll 0 0;
    border: none;
}

.checkbox.grid label::before {
    margin-left: -5px;
    margin-top: -14px;
}

select {
    border: none;
    background: url(../Content/Images/blue-arrow.png) right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: 95%;
    padding: 0px 25px 0 10px !important;
}

    select::-ms-expand {
        display: none;
    }

.form-control {
    height: 28px !important;
}

.marginright {
    margin-right: 5px;
}

a {
    color: #337ab7;
    text-decoration: underline; /*underline*/
    font-size: 13px;
}

.fieldset {
    border-color: #c9d6e9 !important;
    border-radius: 8px !important;
    border: 2px solid #CCC !important;
    padding: 0 !important;
}

.btnDropDown {
    background: url(../Content/Images/blue-arrow.png) right no-repeat;
    background-position: 98%;
    padding: 4px 9px;
    text-align: left;
}

    .btnDropDown .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: #f1f8ff !important;
        cursor: pointer;
        color: black;
        border-left: 3px solid #0D6BCD;
    }

.dropdown-menu .selected {
    background-color: #f1f8ff !important;
    cursor: default;
    color: black;
    border-left: 3px solid #0D6BCD;
}

.loading-spiner-holder {
    height: 100%;
    position: absolute;
    width: 100%;
    opacity: 0.5;
    z-index: 9999;
    background: white;
}

.loading-spiner {
    top: 50%;
    position: absolute;
    left: 50%;
    z-index: 10000;
}

.label_90 {
    width: 90px !important;
}
/*
    added by navnit ends
*/
.checkbox-primary input[type="checkbox"]:disabled + label::before {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 0.5;
}



.blink_Green {
    animation: blinkgreen 0.4s infinite;
    /*color: #c5ebfd;*/
    color: #ee514b;
    text-align: right;
    float: right;
    font-size: 14px;
}


.blink_GreenBack {
    animation: blinkgreenBack 0.4s infinite;
}



@keyframes blinkgreen {
    from {
        color: #FFFFFF;
    }

    to {
        color: #c5ebfd;
    }
}



@keyframes blinkgreenBack {
    from {
        background-color: #FFFFFF;
    }

    to {
        background-color: #c5ebfd;
    }
}

.blink_me {
    animation: blink 0.8s infinite;
    background-color: #ff0000;
    cursor: pointer;
    text-align: center;
    font-weight: 800;
}

@keyframes blink {
    from {
        background-color: black;
        color: white;
    }

    to {
        background-color: #ff0000;
        color: white;
    }
}

.requiredfield {
    color: red;
}


.fl {
    float: left;
}

.notification_icon {
    border-right: 1px solid;
    margin-right: 10px;
    padding: 0 0px 0 0px;
    height: auto;
    /* margin-right: 10px; */
    margin-top: -6px;
    font-size: 26px;
    padding: 15px 0px 1px 0px;
}
input[type="radio"] {
  margin-top: 0px !important;
  vertical-align: middle !important;
}

/*For MandatoryFileds by Bhaumik on 22-09-2020*/

.mSpan {
    color: red;
    font-weight: bold;
}

.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

/* [ For TPP and Vehicle Style ] */
.GridRowWrapStyle {
    width: 250px;
    word-wrap: break-word;
    white-space: normal;
}
.logo_space {
    border-bottom: solid 1px #153960;
    border-right: solid 1px #153960;
}
.sid_button li {
    border-bottom: solid 1px #164172;
    background-color: #014B96;
}
.sid_button li.active{
    background-color: #0e4c8c;
    border-bottom: solid 5px #1d83ec;
}
.menu_parents ul li.active{
    border-bottom: solid 1px #164172;
}
.sid_button li a:hover{
    background-color:lightblue;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.sid_button li a .field_work_icon {
    background: url(images/white_sideicon.svg) no-repeat 0 0px;
}
.menu_parents ul li a .visit_reports { background: url(../images/sub_icon.svg) no-repeat 1px 0px; background-size: 22px;}
.menu_parents ul li a:hover .visit_reports, .menu_parents ul li.active a .visit_reports { background: url(../images/sub_icon_hover.svg) no-repeat 1px 0px; background-size: 22px;}

.menu_parents ul li a .visual_aid_i { background: url(../images/sub_icon.svg) no-repeat 1px -40px; background-size: 21px;}
.menu_parents ul li a:hover .visual_aid_i, .menu_parents ul li.active a .visual_aid_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -40px; background-size: 21px;}

.menu_parents ul li a .customer_profile_i { background: url(../images/sub_icon.svg) no-repeat 1px -78px; background-size: 20px;}
.menu_parents ul li a:hover .customer_profile_i, .menu_parents ul li.active a .customer_profile_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -78px; background-size: 20px;}

.menu_parents ul li a .visit_reports_i { background: url(../images/sub_icon.svg) no-repeat 1px -129px; background-size: 21px;}
.menu_parents ul li a:hover .visit_reports_i, .menu_parents ul li.active a .visit_reports_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -129px; background-size: 21px;}

.menu_parents ul li a .rcpa_i { background: url(../images/sub_icon.svg) no-repeat 1px -129px; background-size: 21px;}
.menu_parents ul li a:hover .rcpa_i, .menu_parents ul li.active a .rcpa_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -129px; background-size: 21px;}

.menu_parents ul li a .plan_agenda_i { background: url(../images/sub_icon.svg) no-repeat 1px -168px; background-size: 21px;}
.menu_parents ul li a:hover .plan_agenda_i, .menu_parents ul li.active a .plan_agenda_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -168px; background-size: 21px;}

.menu_parents ul li a .secondary_sales_i { background: url(../images/sub_icon.svg) no-repeat 1px -213px; background-size: 21px;}
.menu_parents ul li a:hover .secondary_sales_i, .menu_parents ul li.active a .secondary_sales_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -213px; background-size: 21px;}

.menu_parents ul li a .supply_i { background: url(../images/sub_icon.svg) no-repeat 1px -259px; background-size: 22px;}
.menu_parents ul li a:hover .supply_i, .menu_parents ul li.active a .supply_i { background: url(../images/sub_icon_hover.svg) no-repeat 1px -259px; background-size: 22px;}


.header {
    background-color: #1d83ec;
    border-bottom: solid 1px #153960;
}
.top_setting {
    background-color: #014B96; 
    border-bottom: solid 1px #1567bc;
}
.top_nv li { border-left: solid 1px #1d83ec;}
.top_nv li.nav_space { background-color: #1d83ec;}

.dpr_btn {
    background-color: #0d6bcd;
    border-top: solid 1px #165193;
    border-bottom: solid 1px #165193;
}
.dpr_btn:hover, .dpr_btn:focus { background-color: #0e4c8c;}
.menu_parents ul li{background-color: #0d6bcd;}
.menu_parents ul li li {background-color: #0e4c8c;}
.menu_parents ul li a:hover, .menu_parents ul li a:focus, .menu_parents ul li.active a{background-color: #0e4c8c;}
.menu_parents .nav-pills>li.active>a, .menu_parents .nav-pills>li.active>a:focus, .menu_parents .nav-pills>li.active>a:hover {background-color: #0e4c8c;}



.inner_contain {
    /*background-color: #0d6bcd;*/
}
.inn_sub_nave {background-color: #0e4c8c;}
.showcase #content-6.horizontal-images.content ul li {border-left: solid 2px #0e4c8c;}
.showcase #content-6.horizontal-images.content ul li h4 {color: #224d79;}
.showcase #content-6.horizontal-images.content ul li p {color: #1760af;}
.current-month-container {color: #153960; border-bottom: solid 2px #0e4c8c;}
.am-pm-button {background: #2196F3;}
.zoom_space {background-color: #1d83ec;}
#no-more-tables table {border-top: solid 2px #0e4c8c;}
#no-more-tables .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {background-color: #1d83ec;border: 1px solid #1b74d0;}
.save-btn {background-color: #156daf;}
.dark-save-btn {background-color: #0e4c8c !important;}
a.read_m {background-color: #0e4c8c;}
a.read_m:hover {background-color: #1d83ec;}
.side_bar_box ul li {border-bottom: solid 1px #88bef5;}
.side_bar_box ul li h4 {color: #0e4c8c;}
.side_bar_box ul li h4:after {background-color: #0e4c8c;}


.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #2098d1;
    color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
    color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
    color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
    color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none;
}

/* Trim */
.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
    opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

/* Outline In */
.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
    border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
    left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
    left: 0;
    right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
    left: 0;
}

/* Reveal */
.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

/* Icon Down */
.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-up {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

/* Icon Up */
.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%,
    100% {
        opacity: 1;
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%,
    100% {
        opacity: 1;
    }
}

/* Icon Drop */
.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
    color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

/* Icon Float Away */
.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
}
.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px;
}


.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	/*overflow: hidden;*/
	overflow: visible;
	width: auto;
	height: auto;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right: 10px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -5px;
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 8px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	width: 30px; /* minimum dragger width */
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; /* auto-expanded scrollbar */
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; /* auto-expanded scrollbar */
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
	margin-right: 0; /* non-visible scrollbar */
	margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s,
	margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
	margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
	opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }



.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image: url(mCSB_buttons.png); /* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp{
	background-position: 0 0;
	/*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown{
	background-position: 0 -20px;
	/*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft{
	background-position: 0 -40px;
	/*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight{
	background-position: 0 -56px;
	/*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
	width: 4px;
	background-color: #fff; background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 6px;
	background-color: #fff; background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 2px;
	margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	width: 16px; /* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 16px; /* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 4px; /* auto-expanded scrollbar */
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
	opacity: 1;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
	width: 8px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
	opacity: 1;
	filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
	background-color: #000; background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
	background-color: #fff; background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	bottom: 0;
	margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
	left: 0;
	right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.2);
	filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.5);
	filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.2);
	filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.5);
	filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
	width: 6px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
	width: 12px;
	background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,0.2);
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* ---------------------------------------- */

.jumbotron {
    text-align: center;
    margin: 60px 0;
}
.jumbotron h1 {
    font-size: 72px;
    line-height: 1;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
#login {
    max-width: 300px;
    padding: 19px 29px 14px 29px;
    margin: 20px auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
#login h2 {
    font-size: 31.5px;
    line-height: 40px;
    margin-bottom: 10px;
}
#register label.required {
	font-weight: bold;
}
/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
	padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	margin: -3px 15px 0 0;
	padding: 0;
	width: 32px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	border-width: 1px;
 	border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
	content: '+';
	font-family: monospace;
	font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
	content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
	padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left: 0;
	right: auto;
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:1001;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
.sm-blue
{
    background: transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/*.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
   make room for the toggle button (sub indicator) 
  padding-right: 58px;
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
  background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  color: white;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}*/
.sm-blue a.current
{
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
    background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: white;
}
.sm-blue a.disabled
{
    color: #a1d1e8;
}
/*.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}*/
/*.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}*/
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.sm-blue ul
{
    background: white;
}
.sm-blue ul ul
{
    background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, /* .sm-blue ul a:hover,*/ .sm-blue ul a:focus, .sm-blue ul a:active
{
    background: transparent;
    color: #fff;
    font-size: 12px;
    text-shadow: none;
    border-left: 8px solid transparent;
}
.sm-blue ul a.current
{
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
    background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: white;
}
.sm-blue ul a.disabled
{
    color: #b3b3b3;
}
.sm-blue ul ul a, .sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active
{
    border-left: 16px solid transparent;
}
.sm-blue ul ul ul a, .sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active
{
    border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a, .sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active
{
    border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a, .sm-blue ul ul ul ul ul a:hover, .sm-blue ul ul ul ul ul a:focus, .sm-blue ul ul ul ul ul a:active
{
    border-left: 40px solid transparent;
}
.sm-blue ul li
{
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child
{
    border-top: 0;
}

@media (min-width: 768px)
{
    /* Switch to desktop layout
          -----------------------------------------------
             These transform the menu tree from
             collapsible to desktop (navbar + dropdowns)
          -----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-blue ul
    {
        position: absolute;
        width: 12em;
    }

    .sm-blue li
    {
        float: left;
    }

    .sm-blue.sm-rtl li
    {
        float: right;
    }

    .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li
    {
        float: none;
    }

    .sm-blue a
    {
        white-space: nowrap;
    }

    .sm-blue ul a, .sm-blue.sm-vertical a
    {
        white-space: normal;
    }

    .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a
    {
        white-space: nowrap;
    }

    /* ...end */
    /*.sm-blue {
            background: ##0D6BCD;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
            background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
          }
          .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
            padding: 13px 24px;
            background: transparent;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
            background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
            color: white;
          }
          .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
            background: #2b82ac;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #2d89b4), color-stop(100%, #297ca3));
            background-image: -webkit-linear-gradient(to bottom, #2d89b4, #297ca3);
            background-image: -moz-linear-gradient(to bottom, #2d89b4, #297ca3);
            background-image: -o-linear-gradient(to bottom, #2d89b4, #297ca3);
            background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
          }
          .sm-blue a.current {
            background: #006892;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
            background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
            background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
            background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
            background-image: linear-gradient(to bottom, #006188, #006f9c);
            color: white;
          }
          .sm-blue a.disabled {
            background: #3092c0;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
            background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
            color: #a1d1e8;
          }*/
    .sm-blue a span.sub-arrow
    {
        top: auto;
        margin-top: 0;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        right: auto;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        border-color: #a1d1e8 transparent transparent transparent;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
    .sm-blue a.highlighted span.sub-arrow:before
    {
        display: none;
    }
    /* .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
            -webkit-border-radius: 8px 0 0 8px;
            -moz-border-radius: 8px 0 0 8px;
            -ms-border-radius: 8px 0 0 8px;
            -o-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
          }*/
    /*.sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
            -webkit-border-radius: 0 8px 8px 0 !important;
            -moz-border-radius: 0 8px 8px 0 !important;
            -ms-border-radius: 0 8px 8px 0 !important;
            -o-border-radius: 0 8px 8px 0 !important;
            border-radius: 0 8px 8px 0 !important;
          }*/
    .sm-blue > li
    {
        border-left: 1px solid #2b82ac;
    }
    .sm-blue ul a, /*.sm-blue ul a:hover,*/ .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted
    {
        border: 0 !important;
        padding: 9px 23px;
        background: transparent;
        color: #fff;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    /*.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
            background: #3092c0;
            background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
            background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
            background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
            color: white;
          }*/
    .sm-blue ul a.current
    {
        background: #006892;
        background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
        background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
        background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
        background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
        background-image: linear-gradient(to bottom, #006188, #006f9c);
        color: white;
    }
    .sm-blue ul a.disabled
    {
        background: white;
        color: #b3b3b3;
    }
    .sm-blue ul a span.sub-arrow
    {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a1d1e8;
    }
    .sm-blue ul li
    {
        border: 0;
    }
    .sm-blue span.scroll-up, .sm-blue span.scroll-down
    {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: white;
        height: 20px;
    }
    .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow
    {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #2b82ac transparent;
    }
    .sm-blue span.scroll-down-arrow
    {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #2b82ac transparent transparent transparent;
    }
    .sm-blue.sm-rtl.sm-vertical a span.sub-arrow
    {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent;
    }
    .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a
    {
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        -ms-border-radius: 0 8px 8px 0;
        -o-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
    }
    .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a
    {
        -webkit-border-radius: 8px 0 0 8px !important;
        -moz-border-radius: 8px 0 0 8px !important;
        -ms-border-radius: 8px 0 0 8px !important;
        -o-border-radius: 8px 0 0 8px !important;
        border-radius: 8px 0 0 8px !important;
    }
    .sm-blue.sm-rtl > li:first-child
    {
        border-left: 1px solid #2b82ac;
    }
    .sm-blue.sm-rtl > li:last-child
    {
        border-left: 0;
    }
    .sm-blue.sm-rtl ul a span.sub-arrow
    {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #a1d1e8 transparent transparent;
    }
    .sm-blue.sm-vertical
    {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    /*  .sm-blue.sm-vertical a {
            padding: 9px 23px;
          }*/
    .sm-blue.sm-vertical a span.sub-arrow
    {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: -7px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a1d1e8;
    }
    /*.sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
            -webkit-border-radius: 8px 8px 0 0;
            -moz-border-radius: 8px 8px 0 0;
            -ms-border-radius: 8px 8px 0 0;
            -o-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
          }*/
    /* .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
            -webkit-border-radius: 0 0 8px 8px !important;
            -moz-border-radius: 0 0 8px 8px !important;
            -ms-border-radius: 0 0 8px 8px !important;
            -o-border-radius: 0 0 8px 8px !important;
            border-radius: 0 0 8px 8px !important;
          }*/
    .sm-blue.sm-vertical > li
    {
        border-left: 0 !important;
    }
    .sm-blue.sm-vertical ul
    {
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border-radius: 4px !important;
    }
    .sm-blue.sm-vertical ul a
    {
        padding: 3px 23px;
    }
    .left7
    {
        left: 8px !important;
        border-left: 1px solid #fff;
    }
    .left4
    {
        left: 4px !important;
        border-left: 1px solid #fff;
    }
    .left9
    {
        left: 8px !important;
        border-left: 1px solid #fff;
    }
}

/* Styles go here */

.custom-select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    width: 195px;
    /*width:100%;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



    .custom-select.small {
        width: 104px;
    }

    .custom-select.medium {
        width: 164px;
    }

    .custom-select.large {
        width: 300px;
    }

    .custom-select.xlarge {
        width: 380px;
    }

    .custom-select > select {
        display: none !important;
    }

    .custom-select > a.dropdown-toggle {
        border-radius: 0;
        /*line-height: 28px;*/
        box-shadow: none;
        /*background: #ffffff;*/
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0 0 0 0px;
        /*border: 1px solid #aaa;*/
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        color: #888;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 30px;
    }

        .custom-select > a.dropdown-toggle.disabled,
        .custom-select > a.dropdown-toggle.disabled:hover {
            cursor: not-allowed;
            color: #aaa;
            /*background: #eee;*/
        }

        .custom-select > a.dropdown-toggle:hover,
        .custom-select.open > a.dropdown-toggle {
            color: #333;
        }

    .custom-select.open > a.dropdown-toggle {
        border-bottom: 0;
        /*line-height: 29px;*/
    }

.control-group.error .custom-select > a.dropdown-toggle {
    border-color: #f09784;
    color: #d68273;
}

.custom-select > a.dropdown-toggle > span {
    display: block;
    overflow: hidden;
    margin-right: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-select > a.dropdown-toggle > b {
    /*position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;*/
    /*background: url(../Content/Images/blue-arrow.png) right no-repeat;
    background-position: 95%;
    padding: 4px 9px;
    text-align: left;*/
}

    .custom-select > a.dropdown-toggle > b:before {
        /*content: "\f0d7";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	position: relative;
	top: -1px;
	left: 1px;*/
        background: url(../Content/Images/blue-arrow.png) right no-repeat;
        background-position: 95%;
        padding: 4px 9px;
        text-align: left;
    }

.custom-select.open > a.dropdown-toggle > b:before {
    content: "\f0d8";
}

.custom-select > .dropdown-menu {
    margin-top: 0;
    border-color: #aaa;
    border-top: 0;
    padding-bottom: 0;
    width: auto;
    min-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

    .custom-select > .dropdown-menu > .custom-select-search {
        position: relative;
        z-index: 1010;
        margin: 0;
        padding: 0 4px;
        white-space: nowrap;
    }

        .custom-select > .dropdown-menu > .custom-select-search > input {
            width: 100%;
            height: 30px;
            margin: 0;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 4px 20px 4px 5px;
            border-radius: 0;
        }

        .custom-select > .dropdown-menu > .custom-select-search:after {
            content: "\2";
            display: inline-block;
            color: #888;
            /*font-family: FontAwesome;*/
            font-size: 14px;
            position: absolute;
            top: 4px;
            right: 10px;
            background: url(../Content/Images/search_icon.svg) right no-repeat;
            background-size: 16px 16px;
            background-position: 95%;
            padding: 0px 10px;
            text-align: left;
        }

    .custom-select > .dropdown-menu > ul {
        border-color: #aaa;
        border-top: 0;
        margin: 4px 0;
        padding: 0;
        list-style: none;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 180px;
        /*padding-right: 14px;*/
    }

        .custom-select > .dropdown-menu > ul > li > a {
            font-size: 13px;
            margin-bottom: 1px;
            margin-top: 1px;
            display: block;
            padding: 3px 8px;
            clear: both;
            font-weight: normal;
            line-height: 20px;
            color: #333;
            cursor: pointer;
            width: 100%;
        }

            .custom-select > .dropdown-menu > ul > li > a:hover,
            .custom-select > .dropdown-menu > ul > li > a:focus {
                color: #fff;
                text-decoration: none;
                background-repeat: repeat-x;
            }

            .custom-select > .dropdown-menu > ul > li > a:hover {
                /*background: #4f99c6;*/
                /*background:rgba(29, 131, 236, 0.74);*/
                background-color: #d0e4f7 !important;
                cursor: default;
                color: black;
                border-left: 3px solid #0D6BCD;
            }

            .custom-select > .dropdown-menu > ul > li > a:focus {
                /*background: #2283c5;*/
                background-color: #d0e4f7 !important;
                color: black;
                cursor: default;
                border-left: 3px solid #0D6BCD;
            }

        .custom-select > .dropdown-menu > ul > li.empty-result > em {
            text-align: center;
            padding: 4px 8px;
            display: block;
        }

    .custom-select > .dropdown-menu > .custom-select-action > button {
        border-radius: 0;
        background-image: none;
    }

.btnDropDown {
    padding: 0px 0px;
}

.select2-btnDropDown {
    background: url(../Content/Images/blue-arrow.png) right no-repeat;
    background-position: 92%;
    padding: 0px 0px;
    text-align: left;
    max-height: 100px !important;
    height: 100px !important;
    padding: 0;
    overflow-y: auto;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;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%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-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;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

    nav.bootsnav .megamenu-content .title {
        margin-top: 0;
    }

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    border: none;
    /*border-bottom: solid 1px #e0e0e0;*/
    z-index: 100;
}

    nav.navbar.bootsnav ul.nav > li > a {
        color: #6f6f6f;
        background-color: transparent !important;
    }

    nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a {
        background-color: transparent;
    }

    nav.navbar.bootsnav .navbar-toggle {
        background-color: transparent !important;
        border: none;
        padding: 0;
        font-size: 18px;
        position: relative;
        top: 5px;
    }

    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        top: 0;
        left: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
        white-space: normal;
        font-size: 13px;
        letter-spacing: 0.025em;
    }

        nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a > i {
            font-size: 11px;
            padding-right: 5px;
        }

ul.menu-col {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.menu-col li a {
        color: #6f6f6f;
    }

        ul.menu-col li a:hover, ul.menu-col li a:focus {
            text-decoration: none;
        }

#navbar-menu {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

nav.bootsnav.navbar-full {
    padding-bottom: 10px;
    padding-top: 10px;
}

    nav.bootsnav.navbar-full .navbar-header {
        display: block;
        width: 100%;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        margin-right: 0;
        position: relative;
        top: 0;
        font-size: 24px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        position: fixed;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        padding: 0;
        display: none !important;
        z-index: 9;
    }

        nav.bootsnav.navbar-full .navbar-collapse.in {
            display: block !important;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full {
            overflow: auto;
        }

        nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
            display: table-cell;
            vertical-align: middle;
            background-color: #fff;
            overflow: auto;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse ul.nav {
            display: block;
            width: 100%;
            overflow: auto;
        }

            nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
                background-color: transparent;
            }

            nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
                float: none;
                display: block;
                text-align: center;
            }

                nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
                    display: table;
                    margin: auto;
                    text-transform: uppercase;
                    font-weight: 700;
                    letter-spacing: normal;
                    font-size: 14px;
                    padding: 15px;
                }

                    nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a:hover {
                        letter-spacing: 7px;
                    }

                nav.bootsnav.navbar-full .navbar-collapse ul.nav > li.close-full-menu > a:hover {
                    letter-spacing: normal;
                }

li.close-full-menu > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    li.close-full-menu > a i {
        font-size: 32px;
    }

li.close-full-menu {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 13px;
    /*margin-right: -15px;*/
}

    .attr-nav > ul {
        padding: 0;
        margin: 0 0 -7px;
        list-style: none;
        display: inline-block;
    }

        .attr-nav > ul > li {
            float: left;
            display: block;
        }

            .attr-nav > ul > li > a {
                color: #21a0d2;
                display: block;
                padding: 15px 15px;
                /*padding: 28px 15px;*/
                position: relative;
            }

                .attr-nav > ul > li > a span.badge {
                    position: absolute;
                    top: 50%;
                    margin-top: -15px;
                    right: 5px;
                    font-size: 10px;
                    padding: 0;
                    width: 15px;
                    height: 15px;
                    padding-top: 2px;
                }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                -moz-box-shadow: 0 0 0;
                -webkit-box-shadow: 0 0 0;
                -o-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
                border: solid 1px #e0e0e0;
            }

ul.cart-list {
    padding: 0 !important;
    width: 300px !important; /*250px !important;*/
    max-height: 400px; /*200px;*/
    margin: 0;
    list-style: none;
    overflow-x: hidden;
}

    ul.cart-list li.header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #ffffff;
        padding: 7px 10px;
        border-bottom: 1px solid #f4f4f4;
        color: #444444;
        font-size: 14px;
    }

    ul.cart-list > li {
        position: relative;
        /*border-bottom: solid 1px #efefef;*/
        /*padding: 15px 15px 23px !important;*/
        /*padding:0px !important;*/
    }

        ul.cart-list > li > a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 10px !important;
        }
/*ul.cart-list > li > a.photo {
            padding: 0 !important;
            margin-right: 15px;
            float: left;
            display: block;
            width: 50px;
            height: 50px;
            left: 15px;
            top: 15px;
        }

        ul.cart-list > li img {
            width: 50px;
            height: 50px;
            border: solid 1px #efefef;
        }

        ul.cart-list > li > h6 {
            margin: 0;
        }

            ul.cart-list > li > h6 > a.photo {
                padding: 0 !important;
                display: block;
            }

        ul.cart-list > li > p {
            margin-bottom: 0;
        }

        ul.cart-list > li.total {
            background-color: #f5f5f5;
            padding-bottom: 15px !important;
        }

            ul.cart-list > li.total > .btn {
                display: inline-block;
                border: none !important;
                height: auto !important;
            }

        ul.cart-list > li .price {
            font-weight: 700;
        }

        ul.cart-list > li.total > span {
            padding-top: 8px;
        }*/

.top-search {
    background-color: #222;
    padding: 10px 0;
    display: none;
}

    .top-search input.form-control {
        background-color: transparent;
        border: none;
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        color: #fff;
        height: 40px;
        padding: 0 15px;
    }

    .top-search .input-group-addon {
        background-color: transparent;
        border: none;
        color: #fff;
        padding-left: 0;
        padding-right: 0;
    }

        .top-search .input-group-addon.close-search {
            cursor: pointer;
        }

body {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    body.on-side {
        margin-left: -280px;
    }

.side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #222;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 9;
}

    .side.on {
        right: 0;
    }

    .side .close-side {
        float: right;
        color: #fff;
        position: relative;
        z-index: 2;
        font-size: 16px;
    }

    .side .widget {
        position: relative;
        z-index: 1;
        margin-bottom: 25px;
    }

        .side .widget .title {
            color: #fff;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .side .widget ul.link {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .side .widget p {
            color: #9f9f9f;
        }

        .side .widget ul.link li a {
            color: #9f9f9f;
            letter-spacing: 1px;
            padding: 5px 0;
            display: block;
        }

            .side .widget ul.link li a:focus, .side .widget ul.link li a:hover {
                color: #fff;
                text-decoration: none;
            }

nav.navbar.bootsnav .share {
    padding: 0 30px;
    margin-bottom: 30px;
}

    nav.navbar.bootsnav .share ul {
        display: inline-block;
        padding: 0;
        margin: 0 0 -7px;
        list-style: none;
    }

        nav.navbar.bootsnav .share ul > li {
            float: left;
            display: block;
            margin-right: 5px;
        }

            nav.navbar.bootsnav .share ul > li > a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 35px;
                height: 35px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background-color: #cfcfcf;
                color: #fff;
            }

nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.wrap-sticky {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .wrap-sticky nav.navbar.bootsnav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

        .wrap-sticky nav.navbar.bootsnav.sticked {
            position: fixed;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            -webkit-box-shadow: 0px 3px 5px 0px rgba(195, 195, 195, 0.30);
            -moz-box-shadow: 0px 3px 5px 0px rgba(195, 195, 195, 0.30);
            box-shadow: 0px 3px 5px 0px rgba(195, 195, 195, 0.30);
            z-index: 1200;
        }

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: -280px;
}

@media(min-width:1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(min-width:1024px) {
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu .dropdown-menu {
        left: -200px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu {
        right: auto;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-left .dropdown-menu {
        right: 0;
        left: auto;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-weight: 400;
        font-size: 12px;
        /*text-transform: uppercase;*/
        letter-spacing: .06em;
    }

    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
        font-family: fontawesome;
        content: "\f107";
        margin-left: 5px;
        margin-top: 2px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 0;
        width: 245px!important;
        background: #fff;
        max-height: 450px;
        overflow-y: auto;
        /*border: solid 1px #e0e0e0;*/
    }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
            background-color: transparent;
        }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
            padding: 10px 15px;
            border-bottom: solid 1px #eee;
            color: #707070;
        }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
            border-bottom: none;
        }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
        text-align: left;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li a {
        text-align: right;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: fontawesome;
        float: right;
        content: "\f105";
        margin-top: 0;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: fontawesome;
        float: right;
        content: "\f105";
        margin-top: 0;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown.dropdown-left ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: fontawesome;
        float: left;
        content: "\f104";
        margin-top: 0;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        top: 1px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
        padding: 0 15px !important;
    }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
            padding: 25px 0 20px;
        }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
            padding: 0;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
                padding: 0;
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
            padding: 0 30px;
            margin: 0 -.5px;
            border-left: solid 1px #f0f0f0;
            border-right: solid 1px #f0f0f0;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
                border-left: none;
            }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
                border-right: none;
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
            display: none;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
                text-align: left;
                padding: 10px 0;
                display: block;
                width: 100%;
                margin-bottom: 0;
                border-bottom: none;
                color: #6f6f6f;
            }

    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
        display: block !important;
        height: auto !important;
    }

    nav.navbar.bootsnav.no-background {
        background-color: transparent;
        border: none;
    }

    nav.navbar.bootsnav.navbar-transparent .attr-nav {
        padding-left: 15px;
        margin-left: 30px;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        background-color: rgba(255,255,255,.3);
        border-bottom: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(0,0,0,.3);
        border-bottom: solid 1px #555;
    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
        border-left: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #555;
    }

    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {
        color: #fff;
    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
        color: #eee;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 25px; /*0;*/
        margin-left: 55px;
        width: 250px;
        left: -140px; /*-250px;*/
    }

    nav.navbar.bootsnav.menu-center .container {
        position: relative;
    }

    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav {
        position: absolute;
    }

    nav.navbar.bootsnav.menu-center .attr-nav {
        right: 15px;
    }

    nav.bootsnav.navbar-brand-top .navbar-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
        display: inline-block;
        float: none;
        margin: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-collapse {
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav {
        display: inline-block;
        float: none;
        margin: 0 0 -5px;
    }

    nav.bootsnav.brand-center .navbar-header {
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }

    nav.bootsnav.brand-center .navbar-brand {
        display: inline-block;
        float: none;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block;
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            text-align: right;
            padding-right: 100px;
        }

        nav.bootsnav.brand-center .navbar-collapse .col-half.right {
            text-align: left;
            padding-left: 100px;
        }

    nav.bootsnav.brand-center ul.nav {
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }

        nav.bootsnav.brand-center ul.nav.navbar-right {
            margin: 0;
        }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
        text-align: left;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
        text-align: right;
        padding-left: 100px;
    }

    body.wrap-nav-sidebar .wrapper {
        padding-left: 260px;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar {
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0 !important;
        background: #fff;
        -moz-box-shadow: 1px 0 1px 0 #eee;
        -webkit-box-shadow: 1px 0 1px 0 #eee;
        -o-box-shadow: 1px 0 1px 0 #eee;
        box-shadow: 1px 0 1px 0 #eee;
    }

        nav.bootsnav.navbar-sidebar .scroller {
            width: 280px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container {
            padding: 0 !important;
        }

        nav.bootsnav.navbar-sidebar .navbar-header {
            float: none;
            display: block;
            width: 260px;
            padding: 10px 15px;
            margin: 10px 0 0 !important;
        }

        nav.bootsnav.navbar-sidebar .navbar-collapse {
            padding: 0 !important;
            width: 260px;
        }

        nav.bootsnav.navbar-sidebar ul.nav {
            float: none;
            display: block;
            width: 100%;
            padding: 0 15px !important;
            margin: 0 0 30px;
        }

            nav.bootsnav.navbar-sidebar ul.nav li {
                float: none !important;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li > a {
                padding: 10px 15px;
                font-weight: 700;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
                float: right;
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                left: 100%;
                top: 0;
                position: relative !important;
                left: 0 !important;
                width: 100% !important;
                height: auto !important;
                background-color: transparent;
                border: none !important;
                padding: 0;
                -moz-box-shadow: 0 0 0;
                -webkit-box-shadow: 0 0 0;
                -o-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
            }

            nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
                border: none !important;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
                margin-bottom: 15px;
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                padding-left: 0;
                float: none;
                margin-bottom: 0;
            }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
                    padding: 5px 15px;
                    color: #6f6f6f;
                    border: none;
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
                    padding-left: 15px;
                    margin-top: 0;
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
                    font-family: fontawesome;
                    content: "\f105";
                    float: right;
                }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
                content: "\f107";
            }

        nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
            padding: 0 !important;
        }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            display: block;
            float: none !important;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
                padding: 7px 0;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 0;
                margin-bottom: 0;
                cursor: pointer;
                color: #6f6f6f;
            }

                nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
                    font-family: fontawesome;
                    content: "\f105";
                    float: right;
                }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
                content: "\f107";
            }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            border: none;
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
                padding: 0 0 0 15px;
            }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
                padding: 3px 0 !important;
            }
}

@media(max-width:992px) {
    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }

    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        /*padding-left: 30px;
        padding-right: 30px;*/
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        /*margin-top: 10px;*/
        left: 15px;
    }

    nav.navbar.bootsnav .navbar-collapse {
        border: none;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.no-full .navbar-collapse {
        /*max-height: 350px;*/
        max-height: 440px;
        overflow-y: auto !important;
    }

    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }

        nav.navbar.bootsnav .navbar-collapse.collapse.in {
            display: block !important;
        }

    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 -15px;
        margin-bottom: 30px;
    }

        nav.navbar.bootsnav .navbar-nav > li {
            float: none;
        }

    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
        font-family: fontawesome;
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }

    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }

    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
        border-top: none;
    }

    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px !important;
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0 0 0;
        -webkit-border-radius: 0 0 0;
        -o-border-radius: 0 0 0;
        border-radius: 0 0 0;
    }

        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #e0e0e0;
            padding: 10px 0;
            color: #6f6f6f;
        }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
        background-color: transparent;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: 0 0;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
        display: inline-block;
        margin-top: -10px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
        display: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
        font-family: fontawesome;
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
        position: relative;
        right: -15px;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        display: block;
    }

    nav.bootsnav.brand-center ul.nav {
        margin-bottom: 0 !important;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 100%;
        float: none;
        display: block;
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            margin-bottom: 0;
        }

    nav.bootsnav .megamenu-content {
        padding: 0;
    }

        nav.bootsnav .megamenu-content .col-menu {
            padding-bottom: 0;
        }

        nav.bootsnav .megamenu-content .title {
            cursor: pointer;
            display: block;
            padding: 10px 15px;
            margin-bottom: 0;
            font-weight: 400;
        }

        nav.bootsnav .megamenu-content .content {
            display: none;
        }

    .attr-nav {
        position: absolute;
        right: 15px;
        /*right: 60px;*/
    }

        .attr-nav > ul {
            padding: 0;
            margin: 0 -15px -7px 0;
        }

            .attr-nav > ul > li > a {
                padding: 16px 15px 15px;
            }

            .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
                display: none;
            }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                margin-top: -1px;
                margin-left: 55px;
                width: 250px;
                left: -250px;
                border-top: solid 1px #F5f5f5;
            }

    .top-search .container {
        padding: 0 45px;
    }

    nav.bootsnav.navbar-full ul.nav {
        margin-left: 0;
    }

        nav.bootsnav.navbar-full ul.nav > li > a {
            border: none;
        }

    nav.bootsnav.navbar-full .navbar-brand {
        float: left !important;
        padding-left: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav .megamenu-content.tabbed {
        padding-left: 0 !mportant;
    }

    nav.navbar.bootsnav .tabbed > li {
        padding: 25px 0;
        margin-left: -15px !important;
    }

    body > .wrapper {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
            left: 0;
        }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }

        nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
            padding: 15px;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
            padding-right: 15px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
            padding-right: 30px !important;
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none !important;
    }

    nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {
        width: 100%;
        display: block;
    }
}

@media(max-width:767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.navbar.bootsnav .navbar-nav {
        /*padding-left: 15px;
        padding-right: 15px;*/
        padding-left: 20px;
        padding-right: 20px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        /*margin-top: 10px;*/
        left: 0px;
    }

    .attr-nav {
        right: 15px;
        /*right: 30px;*/
    }

        .attr-nav > ul {
            margin-right: -10px;
        }

            .attr-nav > ul > li > a {
                /*padding: 16px 10px 15px;*/
                /*padding-left: 0 !important;*/
            }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                left: -229px;
            }

    .top-search .container {
        padding: 0 15px;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        left: 15px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-right: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        font-size: 18px !important;
        line-height: 14px !important;
        padding: 10px !important;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px !important;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 0 !important;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
        padding: 30px 15px !important;
        margin-bottom: 0;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        margin-left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        margin-left: -15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        border-top: solid 1px #fff;
    }

    li.close-full-menu {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media(min-width:480px) and (max-width:640px) {
    nav.bootsnav.navbar-full ul.nav {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}



html, body {
    height: 100%;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*color: #61727f;*/
    background: #eff4fa;
    font-size: 14px;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
}

    body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
        margin-right: 0px;
    }

/*::-webkit-scrollbar {
    height: 10px;
    background: #ffffff;
    border: 1px solid #97979738;
    border-radius: 10px;
}*/

/*::-webkit-scrollbar-thumb:horizontal {
    background: #21a0d2;
    border-radius: 10px;
    width: 10px;
}*/

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #21a0d2;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #74787a;
    }

input[type=text]::-ms-clear {
    display: none;
}

a {
    cursor: pointer;
}

    a:focus {
        outline: 0 solid;
    }

    a:hover {
        text-decoration: none;
    }

a, .navbar a, .form-control {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
}

h1 {
    font-size: 40px;
    line-height: 50px;
}

h2 {
    font-size: 34px;
    line-height: 44px;
}

h3 {
    font-size: 22px;
    line-height: 30px;
}

h4 {
    font-size: 20px;
    line-height: 26px;
}

h5 {
    font-size: 18px;
    line-height: 22px;
}

h6 {
    font-size: 16px;
    line-height: 20px;
}


.btn-sm {
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 400;
}

input:focus, textarea:focus {
    outline: none;
}

.alert {
    padding: 12px 15px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle !important;
    border-style: none;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
    padding: 6px 12px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #3c8dbc;
        box-shadow: none;
    }


.contact-form .form-group textarea {
    min-height: 210px;
    padding: 15px 20px;
    position: relative;
    z-index: 20;
}

@media(max-width:991px) {
    .contact-form {
        margin-bottom: 30px;
    }
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 90px;
}

.darker-bg {
    background: #f4f7f7;
}


.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px !important;
    font-size: 18px;
    line-height: 20px;
}

.header-top-area {
    /*height: 50px;*/
    height: 80px;
    background: #21a0d2;
    font-size: 14px;
    color: #fff;
    /*font-family: titillium web,sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contact p {
    float: left;
    margin-right: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

@media(max-width:768px) {
    .contact p {
        line-height: 35px;
    }
}

.contact p i {
    margin-right: 10px;
}

.contact a {
    color: #fff;
}

.social-icon {
    margin-top: 10px;
}

    .social-icon ul {
        float: right;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .social-icon ul li {
            float: left;
        }

            .social-icon ul li a {
                color: #fff;
                font-size: 14px;
                width: 28px;
                height: 28px;
                text-align: center;
                margin-left: 12px;
                display: block;
                line-height: 28px;
                transition: all .3s;
            }

                .social-icon ul li a:hover, .social-icon ul li.active a {
                    background: #fff;
                    color: #3452ff;
                    border-radius: 3px;
                }

@media(max-width:768px) {
    .social-icon ul {
        float: none;
        text-align: center;
    }

        .social-icon ul li {
            float: none;
            display: inline-block;
        }

            .social-icon ul li a {
                text-align: center;
            }

    .header-top-area {
        /*height: 35px;*/
    }

    .social-icon {
        margin-top: 3px;
    }
}

nav.navbar.bootsnav ul.nav > li > a {
    color: #21a0d2 !important;
    /*font-family: 'Helvetica Neue',sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.025em;
}

    nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav ul.nav > li > .dropdown-menu li > a:hover, nav.navbar.bootsnav ul.nav > li > .dropdown-menu li.active > a, nav.navbar.bootsnav ul.nav > li > .dropdown-menu.megamenu-content li > a:hover, nav.navbar.bootsnav ul.nav > li > .dropdown-menu.megamenu-content .menu-col li.active > a {
        color: #000;
    }

.dropdown-menu.cart-list h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

    .dropdown-menu.cart-list h2 a {
        color: #3f4b5a;
    }

        .dropdown-menu.cart-list h2 a:hover {
            color: #3452ff;
        }

@media(min-width:993px) {
    nav.navbar.bootsnav ul.nav > li > a {
        /*padding: 30px 15px;*/
        padding: 15px 15px;
        font-weight: 500;
        font-size: 14px;
        /*text-transform: uppercase;*/
    }
}

@media(min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-top: 15px;
    }
}

.attr-nav > ul > li > a span.badge {
    background-color: #c50022;
}

ul.cart-list > li.total > a.btn {
    color: #fff !important;
}

    ul.cart-list > li.total > a.btn:hover {
        background-color: #3452ff !important;
    }

.slider-bg1 {
    background: url(assets/img/slider-bg/1.jpg) no-repeat;
}

.slider-bg2 {
    background: url(assets/img/slider-bg/2.jpg) no-repeat;
}

.slider-bg3 {
    background: url(assets/img/slider-bg/3.jpg) no-repeat;
}

.homepage-slider {
    width: 100%;
    height: 850px;
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

    .homepage-slider:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(46,46,46,.4);
        z-index: -1;
    }

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.slider-content h1 {
    color: #fff;
    font-size: 67px;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 55px;
}

.slider-content p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 75px;
}

.slider-content a {
    border-radius: 5px;
    background: #3452ff;
    padding: 15px 25px;
    border: none;
    color: #fff;
    /*font-family: 'Helvetica Neue',sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
}

    .slider-content a:hover {
        background: #0f32fd;
    }

    .slider-content a i {
        padding-left: 8px;
    }

@media(max-width:768px) {
    .homepage-slider {
        height: 400px;
    }

    .slider-content h1 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 20px;
    }

    .slider-content p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 24px;
    }

    .slider-content a {
        padding: 8px 15px;
    }
}

.owl-nav div {
    display: inline-block;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    transition: all .3s;
}

.owl-nav i {
    background: #3452ff none repeat scroll 0 0;
    color: #fff;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    transition: all .3s;
    opacity: .5;
    border-radius: 3px;
}

    .owl-nav i:hover {
        opacity: .9;
    }

.owl-nav .owl-prev {
    left: -15px;
    opacity: 0;
}

.owl-nav .owl-next {
    right: -15px;
    opacity: 0;
}

.slider-area.owl-carousel {
    overflow: hidden;
}

    .slider-area.owl-carousel:hover .owl-nav .owl-prev {
        left: 15px;
        opacity: 1;
    }

    .slider-area.owl-carousel:hover .owl-nav .owl-next {
        right: 15px;
        opacity: 1;
    }

.block.block2 {
    padding: 40px 0 0;
    background: #f4f7f7;
}

.block2 .block-text {
    margin-top: 128px;
}

.block-text h2 {
    margin-bottom: 50px;
}

.block-text p {
    margin-bottom: 60px;
}

.block.about-us-block .block-img {
    margin-top: 0;
}

.block.about-us-block h2 {
    margin-top: 30px;
}

.block-img {
    margin-top: 50px;
}

@media(max-width:768px) {
    .block2 .block-text {
        margin-top: 40px;
    }
}

@media(min-width:768px) {
    .block2 .block-text {
        margin-top: 50px;
    }
}

@media(min-width:992px) {
    .block2 .block-text {
        margin-top: 38px;
    }

    .block-text h2 {
        font-size: 28px;
    }
}

@media(min-width:1200px) {
    .block2 .block-text {
        margin-top: 128px;
    }

    .block-text h2 {
        font-size: 32px;
    }
}

.intro-bg1 {
    background: url(assets/img/intro/1.jpg) no-repeat;
}

.intro-bg2 {
    background: url(assets/img/intro/2.jpg) no-repeat;
}

.intro-bg3 {
    background: url(assets/img/intro/3.jpg) no-repeat;
}

.intro-title p {
    margin-bottom: 50px;
}

.single-intro {
    overflow: hidden;
}

.intro-img {
    width: 100%;
    height: 222px;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .intro-img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(52,82,255,.8);
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
    }

.single-intro:hover .intro-img:after {
    opacity: 1;
}

.single-intro:hover .intro-details {
    border-bottom: 4px solid #3452ff;
}

.intro-details {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 2px 29px 0 rgba(15,46,64,.12);
    max-height: 210px;
    margin: -70px auto 30px;
    padding: 30px 25px;
    position: relative;
    width: 88%;
    overflow: hidden;
    border-bottom: 4px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .intro-details h3 {
        margin-top: 0;
    }

.template-title p {
    margin-bottom: 55px;
}

.services-tiem {
    margin-bottom: 50px;
    overflow: hidden;
}

    .services-tiem img {
        float: left;
        margin-right: 25px;
        padding-left: 5px;
    }

    .services-tiem h3, .services-tiem p {
        margin-left: 92px;
        margin-top: 0;
        transition: all .3s;
    }

        .services-tiem h3:hover {
            color: #000;
        }

    .services-tiem a {
        color: #212121;
        transition: all .3s;
    }

        .services-tiem a:hover {
            color: #3452ff;
        }

.client-logo {
    padding: 80px 0;
}

    .client-logo img {
        height: auto;
        margin: 0 20px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        width: 16%;
    }

        .client-logo img:hover {
            -webkit-filter: grayscale(100%);
            filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMC4yMTI2IDAuNzE1MiAwLjA3MjIgMCAwIDAuMjEyNiAwLjcxNTIgMC4wNzIyIDAgMCAwLjIxMjYgMC43MTUyIDAuMDcyMiAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
            filter: grayscale(100%);
        }

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.services-tiem img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.services-tiem:hover img {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.page-title {
    background: url(assets/img/breadcrumb.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 95px 0;
    color: #fff;
    z-index: 1;
    position: relative;
}

    .page-title:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: -1;
    }

.page-breadcrumbd h2, .page-breadcrumbd a {
    margin: 0;
    color: #fff;
}

.panel-default > .panel-heading {
    background-color: #f4f7f7;
    border: none;
}

.panel-default {
    border: none;
    background: #f4f7f7;
}

.panel-heading {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.panel-title > a {
    background: #f4f7f7;
    display: block;
    padding: 10px 15px;
    color: #212121;
    font-size: 18px;
    position: relative;
}

    .panel-title > a[aria-expanded=true] {
        background: #3452ff;
        color: #fff;
    }

        .panel-title > a[aria-expanded=true]:after {
            content: "-";
            background: #fff;
            color: #3452ff;
        }

    .panel-title > a:focus {
        text-decoration: none;
    }

    .panel-title > a:after {
        background: #3452ff none repeat scroll 0 0;
        border-radius: 2px;
        color: #fff;
        content: "+";
        height: 20px;
        line-height: 16px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 9px;
        width: 20px;
        font-weight: 700;
    }

.panel-group .panel + .panel {
    margin-top: 6px;
}

.accordian-right-content h2 {
    margin-bottom: 13px;
}

.portfolio-item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .portfolio-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(77,103,254,.9);
    }

.portfolio-details {
    position: absolute;
    left: 0;
    bottom: -30%;
    width: 100%;
    padding: 20px;
}

.portfolio-item:hover .portfolio-details {
    bottom: 0;
}

.portfolio-details, .portfolio-item::before {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.portfolio-item:hover::before, .portfolio-item:hover .portfolio-details {
    opacity: 1;
    visibility: visible;
}

.portfolio-details h3 {
    margin: 0;
}

.portfolio-details span {
    display: block;
}

.portfolio-details h3 a, .portfolio-details a {
    color: #fff;
}

.single-portfolio-wrapper, .single-portfolio-wrapper a {
    /*font-family: 'Helvetica Neue',sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.single-portfolio-title a {
    color: #3452ff;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

.single-portfolio-title h2 {
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.portfolio-details-panel p {
    line-height: 27px;
    margin-bottom: 25px;
}

.portfolio-details-panel ul span {
    display: inline-block;
    width: 140px;
}

.portfolio-details-panel ul {
    color: #aaa;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

    .portfolio-details-panel ul span {
        color: #000;
        text-transform: uppercase;
    }

    .portfolio-details-panel ul li {
        padding-bottom: 15px;
    }

    .portfolio-details-panel ul a {
        color: #aaa;
        margin-right: 6px;
    }

        .portfolio-details-panel ul a:hover {
            color: #3452ff;
        }

.single-portfolio-images img {
    margin-bottom: 30px;
}

.divider {
    background: #eee;
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

.company-address {
    margin: 0 15px;
}

    .company-address ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .company-address ul li {
            padding-left: 50px;
            position: relative;
            margin-bottom: 40px;
        }

            .company-address ul li i {
                left: 0;
                position: absolute;
                top: 4px;
                color: #4860f0;
                font-size: 22px;
            }

            .company-address ul li a {
                color: #61727f;
            }

.testimonial {
    padding: 120px 0;
    background: #f4f7f7;
    color: #212121;
}

    .testimonial h3 {
        font-size: 30px;
        margin-bottom: 30px;
        line-height: 45px;
    }

    .testimonial a {
        color: #212121;
        font-size: 25px;
        color: #212121;
        font-weight: 700;
    }

a:focus {
    text-decoration: none;
}

.testimonial span {
    font-size: 15px;
}

#loading {
    background-color: #21a0d2;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0;
    top: 0;
    margin-left: inherit;
}

/*#loading {
    background-color: #21a0d2;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    margin-top: 0;
    top: 0;
}*/

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
}

.object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

#object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

#object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

#object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

#object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.blog-item {
    margin-bottom: 30px;
    box-shadow: 0 49px 72px 0 rgba(25,25,25,.12);
}

    .blog-item a {
        /*font-family: 'Helvetica Neue',sans-serif;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .blog-item .blog-thumb {
        overflow: hidden;
    }

        .blog-item .blog-thumb img {
            transition: all .3s;
            width: 100%;
            height: auto;
        }

.blog-content {
    padding: 0 10px 20px 30px;
}

.blog-header .tag {
    margin-top: 20px;
    overflow: hidden;
}

.entry-title {
    color: #212121;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 25px;
}

    .entry-title a {
        color: #212121;
        transition: all .3s;
    }

        .entry-title a:hover {
            color: #3452ff;
        }

.blog-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .blog-header ul li {
        float: left;
        position: relative;
        padding-right: 2px;
        margin-right: 3px;
    }

        .blog-header ul li:last-child:before {
            content: "";
        }

        .blog-header ul li:before {
            bottom: 4px;
            content: ",";
            position: absolute;
            right: 0;
            font-size: 14px;
        }

        .blog-header ul li a {
            display: block;
            margin-right: 5px;
            margin-bottom: 3px;
            color: #61727f;
            transition: all .3s;
        }

            .blog-header ul li a:hover {
                color: #000;
            }

.entry-content a {
    color: #000;
    font-weight: 700;
    transition: all .3s;
}

    .entry-content a:hover {
        color: #3452ff;
    }

.post-wrapper {
    box-shadow: 0 49px 72px 0 rgba(25,25,25,.12);
    padding-bottom: 30px;
}

    .post-wrapper .blog-content {
        padding: 15px 20px 15px 40px;
    }

.single-post-title h2 {
    font-size: 29px;
    font-weight: 700;
    padding-top: 20px;
    margin-bottom: 10px;
}

    .single-post-title h2 a {
        color: #212121;
    }

.post-meta ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.post-meta li {
    float: left;
}

.post-meta {
    overflow: hidden;
    margin-bottom: 30px;
}

    .post-meta > ul > li > a {
        color: #888;
        margin-right: 19px;
        transition: all .3s;
        font-size: 13px;
    }

        .post-meta > ul > li > a:hover {
            color: #000;
        }

    .post-meta li a i {
        margin-right: 7px;
    }

    .post-meta li.rating ul {
        display: inline;
        float: right;
    }

    .post-meta a {
        /*font-family: 'Helvetica Neue',sans-serif;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

li.rating > a {
    margin-right: 8px !important;
}

li.rating > ul a {
    font-size: 13px;
    margin: 0;
}

li.rating ul i {
    margin: 1px;
    color: #fe6000;
}

.entry-content p {
    margin-bottom: 30px;
}

.full-width-img {
    margin-bottom: 30px;
    margin-left: -40px;
    margin-right: -20px;
}

.social-link {
    overflow: hidden;
}

    .social-link ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .social-link ul li {
            float: left;
        }

            .social-link ul li a {
                color: #fff;
                display: block;
                font-size: 15px;
                text-align: center;
                width: 45px;
                background: #ddd;
                white-space: nowrap;
                margin-right: 6px;
                padding: 7px 0;
                width: 45px;
                overflow: hidden;
                font-size: 15px;
                transition: all 400ms ease 0s;
                border-radius: 3px;
                position: relative;
                margin-bottom: 10px;
            }

                .social-link ul li a.facebook {
                    background: #286196;
                }

                .social-link ul li a.twitter {
                    background: #1aa2f6;
                }

                .social-link ul li a.google {
                    background: #e7462a;
                }

                .social-link ul li a.linkedin {
                    background: #0078b4;
                }

                .social-link ul li a.pinterest {
                    background: #bd081b;
                }

                .social-link ul li a.reddit {
                    background: #f40;
                }

                .social-link ul li a.message {
                    background: #9fa3a4;
                }

                .social-link ul li a:hover {
                    width: 90px;
                }

            .social-link ul li i {
                width: 45px;
            }

            .social-link ul li span {
                width: 45px;
                text-align: center;
                padding-right: 15px;
            }

.comments-wrapper {
    padding: 15px 40px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.comment-title h2 {
    margin-bottom: 40px;
}

.comments-responsed-wrapper {
    border-top: 1px solid #ddd;
    margin-top: 50px;
    padding: 20px 40px;
}

.comments-media ol {
    border: 1px solid #eaeaea;
    list-style: outside none none;
    padding: 15px;
    margin-bottom: 15px;
}

    .comments-media ol ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.comments-media img {
    border-radius: 50%;
    height: 80px;
    width: 80px;
}

.comment-avatar {
    float: left;
    margin-right: 15px;
    padding-top: 15px;
}

.comment-section {
    margin-left: 95px;
    overflow: hidden;
}

    .comment-section h2 {
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .comment-section span {
        color: #aaa;
        font-size: 13px;
        margin-left: 20px;
    }

.comment-content a.btn-comment-replay {
    border: 1px solid #aaa;
    border-radius: 3px;
    color: #aaa;
    padding: 0 10px;
    margin-top: 10px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.42857143;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

    .comment-content a.btn-comment-replay:hover {
        background: #011a48 none repeat scroll 0 0;
        border-color: #011a48;
        color: #fff;
    }

.comments-media li .comment-inner {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 22px;
    overflow: hidden;
}

.comments-media ol ul {
    margin-left: 60px;
}

.comments-media ul li:last-child .comment-inner {
    border-bottom: none;
    padding-bottom: 0;
}

@media(max-width:768px) {
    .comments-media ol ul {
        margin-left: 0;
    }
}

@media(min-width:992px) {
    .comments-media ol ul {
        margin-left: 60px;
    }
}

@media(max-width:480px) {
    .comment-avatar {
        float: none;
        margin-right: 0;
    }

    .comment-section {
        margin-left: 0;
    }
}

.primary-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.primary-footer {
    background: #00043b;
    padding: 90px 0 50px;
}

.footer-widget {
    margin-bottom: 50px;
}

    .footer-widget span {
        font-size: 13px;
        color: #fff;
    }

    .footer-widget p, .footer-widget a {
        color: #7592a8;
    }

    .footer-widget h3 {
        color: #fff;
        margin-top: 0;
        margin-bottom: 30px;
    }

.about-us p {
    margin-bottom: 30px;
}

.about-us img {
    margin-bottom: 28px;
}

.online-card img {
    margin-right: 5px;
}

.usefull-link ul li a {
    display: block;
    padding: 7px 0;
    -webkit-transition: .3s;
    transition: .3s;
}

    .usefull-link ul li a:hover {
        padding-left: 15px;
        color: #fff;
    }

    .usefull-link ul li a i {
        color: #fff;
        margin-right: 10px;
    }

.usefull-link ul li:first-child {
    padding-top: 0;
}

.latest-post ul li {
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}

    .latest-post ul li img {
        float: left;
        margin-right: 15px;
        border-radius: 3px;
    }

    .latest-post ul li p a {
        font-size: 17px;
        margin-bottom: 0;
        /*font-family: 'Helvetica Neue',sans-serif;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        transition: all .3s;
    }

        .latest-post ul li p a:hover {
            color: #fff;
        }

    .latest-post ul li p {
        margin-bottom: 2px;
    }

.news-letter p {
    margin-bottom: 23px;
}

.subscribe-form {
    position: relative;
}

    .subscribe-form button {
        display: block;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 0;
        top: 0;
        border: 0;
        color: #3452ff;
        font-size: 20px;
        background: 0 0;
    }

.subscription-success {
    margin-top: 20px;
    margin-bottom: 0;
    color: #3c763d !important;
}

.copyright-wrapper {
    background: #00021c;
    padding: 40px 0;
}

    .copyright-wrapper p {
        color: #a0a2b1;
    }

    .copyright-wrapper a {
        color: #fff;
    }

.pad-l5 {
    padding-left: 5px;
}

.bracumb {
    background-color: #dcdcdc;
    margin-bottom: -10px;
    margin-left: 15px;
}

.breadcrumb {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    /*padding: 5px 0px 5px;*/
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 0.025em;
}

    .breadcrumb > .active {
        color: #454545;
        font-weight: 400;
    }

.databox {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    background-color: #FFF;
    /*display: inline-block;*/
    width: 100%;
    /*min-height: calc(100vh - 169px);*/
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.custom_input {
    padding: 0.2rem 1rem;
    font-size: 13px !important;
    color: #495057;
    background-color: #EEF4F9;
    background-clip: padding-box;
    border: .5px solid #4a90e27a;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    font-size: 13px !important;
    letter-spacing: 0.025em;
    /*color: #4a4a4a !important;*/
}

.formbox.formborder {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

.formbox h3 {
    font-size: 18px;
    margin: 0px;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #333;
    font-weight: 400;
}

.formbox {
    padding: 10px 0px 7px;
}

.blue_theme_btn {
    background-color: #21a0d2 !important;
    color: #FFF !important;
}

.red_theme_btn {
    background-color: #c50022 !important;
    color: #FFF !important;
}

.defult_theme_btn {
    background-color: #A6C0DA !important;
    color: #FFF !important;
}

.disabled_theme_btn {
    background-color: #707070 !important;
    color: #d2d6de !important;
}

/*LOGIN*/

/*login*/

.login_bg {
    /*background: url(../images/mainbg.jpg) no-repeat 50% 50%;*/
    background: url(../BASF_Trackingfiles/Images/mainbg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.logo_strip {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 80px;
    background-color: #21a0d2;
    text-align: left;
    /*padding-right: 20px;*/
}

.color-overlay {
    background: rgb(173, 213, 255);
    height: 100vh;
    width: 400px;
    overflow: hidden;
    overflow-y: auto;
    right: 0;
    float: right;
    padding: 0px 60px;
}

.loginbox {
    margin-top: 25%;
    display: inline-block;
    max-width: 350px;
}

.dpaxlogo {
    /*width: 150px;*/
    width: 100px;
    position: absolute;
    bottom: 30px;
}

    .dpaxlogo p {
        font-size: 16px;
        color: #4a4a4a;
    }

.loginbox h1 {
    /*margin-top: 20%;*/
    margin-top: 10%;
    font-weight: 300;
    font-size: 42px;
    color: #000;
}

.loginbox h4 {
    margin-bottom: 10%;
    font-weight: 400;
    font-size: 20px;
    color: #232323;
}

.loginform {
    position: absolute;
    top: 100px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.loginform .input-group-addon, .custom-input {
    color: #000;
    background: none !important;
    border: 0;
    border-radius: 0;
    border-bottom: solid 1px #515254 !important;
    font-size: 18px;
    padding: 11px;
    height: auto;
    box-shadow: none !important;
    outline: none;
    width: auto !important;
}

.sign-in-button {
    background-color: #21a0d2;
    color: #FFF !important;
    font-size: 18px;
    font-weight: 400;
    /*font-family: 'Helvetica Neue', Source Sans Pro, Arial, sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -webkit-box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.18);
    padding: 8px 20px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1366px) {
    .loginbox h1 {
        /*margin-top: 38%;*/
    }
}

@media screen and (max-width: 767px) {
    .color-overlay {
        background: rgba(173, 213, 255, 0.92);
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        overflow-y: auto;
        right: 0;
        float: right;
    }

    .loginbox h1 {
        margin-top: 10%;
    }

    .logo_strip {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 80px;
        background-color: #21a0d2;
        text-align: left;
        padding-left: 40px;
    }
}

@media screen and (max-width: 640px) {
    .color-overlay {
        background: rgba(173, 213, 255, 0.92);
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        overflow-y: auto;
        right: 0;
        float: right;
        padding: 0px 50px;
    }
}

@media screen and (max-width: 480px) {
    .color-overlay {
        background: rgba(173, 213, 255, 0.92);
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        overflow-y: auto;
        right: 0;
        float: right;
        padding: 0px 30px;
    }

    .loginbox h1 {
        margin-top: 10%;
    }

    .logo_strip {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 80px;
        background-color: #21a0d2;
        text-align: left;
        padding-left: 10px;
    }
}

.spacer20 {
    height: 40px;
}

.version {
    position: absolute;
    bottom: 2%;
    margin-left: 5%;
}

/* Table */


.bighwhite {
    overflow: auto;
}

.listbox thead th {
    /*font-family: 'Helvetica Neue';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    background-color: #21a0d2 !important;
    color: #ffffff;
    text-align: center;
    padding: 10px !important;
}

.listbox th:last-child {
    background-image: none;
}

.listbox td {
    /*text-align: center;*/
    /*font-family: 'Helvetica Neue';*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    /*padding:8px 10px;*/
    padding: 5px;
}

.formin {
    padding: 0.2rem 1rem;
    font-size: 12px;
    line-height: .5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #979797;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 73%;
    margin: 1rem 0;
}

.secform {
    background-color: #F5F9FF;
    padding: 1.2rem 1rem;
}

/*.listbox tr, td {
    border: 1px solid #dddddd;
}*/
.listbox tr, th, td {
    border: 1px solid #dddddd;
}

.secform2 {
    padding: 1.2rem 1rem;
}

.listbox th {
    /*background-image: url(../BASF_Trackingfiles/Images/v-line.svg);*/
    background-position: right;
    background-repeat: no-repeat;
}

    .listbox th:last-child {
        background-image: none;
    }

.table_searchbox {
    padding: 2px 10px !important;
    height: auto;
}

.text-red {
    color: #dd4b39 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

/*.text-aqua {
    color: #00c0ef !important;
}*/

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #111111 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.link-muted {
    color: #7a869d;
}

.black {
    color: #000 !important;
}

/*FOOTER*/
.main-footer {
    background: #9bd4eb;
    padding: 6px 15px;
    color: #444;
    border-top: 1px solid #8cc2d8;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

.footer-text {
    position: relative;
    top: 2px;
    color: #000 !important;
    font-size: 13px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #a6c0da !important;
    border-radius: 0;
    /*padding: 6px 6px;*/
    padding: 2.5px 6px;
    /*height: 34px !important;*/
    height: 28px !important;
    border-radius: 0.25rem;
    background-color: #EEF4F9;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #4a4a4a;
        line-height: 20px !important;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #21a0d2 !important;
    color: #FFF;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #21a0d2 !important;
    border: 1px solid #21a0d2 !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #FFF !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: default;
    float: left;
    margin-right: 6px;
    margin-top: 5px;
    padding: 0 7px;
}

.datepicker thead {
    background-color: #21a0d2;
    color: #FFF;
    font-weight: normal;
    font-size: 13px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: rgba(238, 238, 238, 0.6) !important;
}

.datepicker td, .datepicker th {
    font-weight: normal !important;
    font-size: 12px !important;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 0px;
    font-weight: 500 !important;
    /*text-transform: uppercase !important;*/
}

.datepicker {
    padding: 0px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*z-index: 100 !important;*/
}

    .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
        background-color: #21a0d2 !important;
        background-image: -moz-linear-gradient(to bottom,#21a0d2,#21a0d2 ) !important;
        background-image: -ms-linear-gradient(to bottom,#21a0d2,#21a0d2 );
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#21a0d2 ),to(#21a0d2 )) !important;
        background-image: -webkit-linear-gradient(to bottom,#21a0d2,#21a0d2 ) !important;
        background-image: -o-linear-gradient(to bottom,#21a0d2,#21a0d2 ) !important;
        background-image: linear-gradient(to bottom,#21a0d2,#21a0d2 ) !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a96', endColorstr='#004a96', GradientType=0) !important;
        border-color: #21a0d2 #21a0d2 #21a0d2;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom,#21a0d2,#21a0d2);
        background-image: -ms-linear-gradient(to bottom,#21a0d2,#21a0d2);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#21a0d2),to(#21a0d2));
        background-image: -webkit-linear-gradient(to bottom,#21a0d2,#21a0d2);
        background-image: -o-linear-gradient(to bottom,#21a0d2,#21a0d2);
        background-image: linear-gradient(to bottom,#21a0d2,#21a0d2);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21a0d2', endColorstr='#21a0d2', GradientType=0);
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

/* blue */
.icheckbox_minimal-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../images/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

    .icheckbox_minimal-blue:hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-blue.checked {
        background-position: -40px 0;
    }

.iradio_minimal-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../images/redio.png) no-repeat;
    border: none;
    cursor: pointer;
}

    .iradio_minimal-blue:hover {
        background-position: -20px 0;
    }

    .iradio_minimal-blue.checked {
        background-position: -40px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal-blue {
        background-image: url(../images/blue@2x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}

.btn-success {
    color: #fff;
    background-color: #21a0d2;
    border-color: #21a0d2;
}

    .btn-success:hover {
        color: #fff;
        background-color: #008ec6;
        border-color: #008ec6;
    }

.username a {
    padding-right: 0px !important;
    padding-left: 10px !important;
    font-size: 14px !important;
}

.scm {
    width: 160px;
    height: auto;
    padding: 23px 18px;
}

.vline {
    float: left;
    margin: 20px 0px;
    width: 1px;
    height: 40px;
    border-left: solid 1px #6CC5EF;
}

.mt20 {
    margin-top: 23px;
}

.mt15 {
    margin-top: 15px;
}

.welcome_h {
    min-height: 400px;
}

.wel_t h1 {
    margin: 0px;
    /*padding: 150px 20px 10px;*/
    padding: 50px 20px 50px;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #333;
    font-weight: 500;
    text-align: center;
}

.wel_t p {
    font-size: 17px;
    margin: 0px;
    padding: 10px;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #707070;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.025em;
}

.shipment_track {
    font-size: 21px;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #333;
    font-weight: 400;
    padding-bottom: 15px;
    /*border-bottom:solid 1px #eff4fa;*/
}

.img_icon {
    color: #21a0d2 !important;
    background-color: transparent;
    padding: 2px 10px;
    font-size: 20px;
    font-weight: normal;
    box-shadow: none !important;
    outline: none;
}

.record {
    float: right;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

    .record p {
        text-align: right;
        color: #4a4a4a;
        margin-bottom: 0;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0px 0px 10px;
    border-radius: 4px;
    float: left;
}

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 10px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #4a4a4a;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

.page-input {
    border: 0;
    width: 20px;
    padding: 0;
    text-align: center;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #21a0d2;
    border-color: #21a0d2;
}

@media(max-width:480px) {
    .record {
        float: left;
        margin: 10px 10px 0px 10px;
        padding: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 12px;
    }
}

@media(max-width:320px) {
    .record {
        float: left;
        margin: 10px 10px 0px 10px;
        padding: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 10px;
    }
}


/* PROGRESS STEPS */

.steps-wrapper {
    margin: 25px 0px;
}

.circle-steps {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: #ccc;
    border: dashed 1px #FFF;
    border-radius: 50%;
    text-align: center;
    z-index: 100;
    box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
}

.circle-steps-active {
    width: 70px;
    height: 70px;
    line-height: 65px;
    background-color: #21a0d2;
    border: dashed 1px #FFF;
    border-radius: 50%;
    text-align: center;
    z-index: 100;
    box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
}

.steps {
    display: flex;
    flex-wrap: wrap;
    counter-reset: counter;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0;
    margin-left: 15px;
}

    .steps li {
        width: calc(100% / 2);
        position: relative;
        margin: 10px 0;
    }

        .steps li:before {
            float: left;
            margin-right: -50px;
            box-sizing: border-box;
            display: inline-block;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            color: #FFF;
            text-align: center;
            font-size: 20px;
            line-height: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #21a0d2;
        }

        .steps li.active:before {
            background-color: #21a0d2;
        }

        .steps li.active ~ li:before {
            background-color: #95a5a6;
        }

        .steps li a, .steps li span {
            text-decoration: none;
            display: inline-block;
            padding-left: 0px !important;
            color: #4a4a4a !important;
            font-size: 14px;
            line-height: 16px;
            padding-top: 17px;
            padding-bottom: 17px;
            letter-spacing: 0.025em;
            /*font-family: 'Helvetica Neue', sans-serif;*/
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

            .steps li a small {
                color: #21a0d2;
            }

            .steps li a:hover, .steps li a:active, .steps li a:focus {
                color: #21a0d2;
            }


@media (min-width: 640px) {
    .steps-wrapper {
        margin: 25px 15px 15px 10px;
    }

    .circle-steps-active {
        width: 70px;
        height: 70px;
        line-height: 65px;
        background-color: #21a0d2;
        border: dashed 1px #FFF;
        border-radius: 50%;
        text-align: center;
        z-index: 100;
        box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
        -webkit-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
    }

    .steps {
        display: flex;
        flex-wrap: wrap;
        counter-reset: counter;
        list-style: none;
        /*padding-left: 0;*/
        margin-bottom: 0;
        margin-left: 15px;
    }

        .steps li {
            width: calc(100% / 6);
            position: relative;
        }

            .steps li:before {
                float: none;
                margin-right: 0;
            }

            .steps li::after {
                content: '';
                display: inline-block;
                position: absolute;
                top: 34px;
                left: 80px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 0;
                height: 15px;
                width: calc(100% - 91px);
                border-radius: 15px;
                background-color: #4aa3df;
            }

            .steps li a, .steps li span {
                padding-left: 0px !important;
                text-decoration: none;
                display: inline-block;
                color: #4a4a4a !important;
                font-size: 14px;
                line-height: 16px;
                padding-top: 17px;
                padding-bottom: 17px;
                letter-spacing: 0.025em;
                /*font-family: 'Helvetica Neue', sans-serif;*/
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            }

            .steps li:last-of-type:after {
                display: none;
            }

            .steps li.active:after {
                background-color: #bdc3c7;
            }

            .steps li.active ~ li:after {
                background-color: #ecf0f1;
            }
}


/* DASHBOARD */
.widget_title {
    font-size: 18px;
    /*font-family: 'Helvetica Neue', sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #333;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 5px;
}

@media (max-width: 480px) {
    .widget_title {
        font-size: 16px;
        /*font-family: 'Helvetica Neue', sans-serif !important;*/
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
}

.in-out-bound {
    float: right;
}

    .in-out-bound ul {
        list-style: inside !important;
        padding-left: 0px;
    }

        .in-out-bound ul li {
            display: inline-block;
            margin: 5px 3px;
        }


            .in-out-bound ul li a {
                padding: 6px 12px;
                color: #4a4a4a;
                font-size: 12px;
                border-radius: 3px;
            }

                .in-out-bound ul li a:hover {
                    background-color: #21a0d2;
                    padding: 6px 12px;
                    color: #FFF !important;
                }

.in-out-bound-active {
    background-color: #21a0d2;
    padding: 6px 12px;
    color: #FFF !important;
}

.in-out-bound ul li a i {
    font-size: 10px;
    padding-right: 5px;
}

.box-table-height {
    min-height: 300px;
}

/* BOX */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.summary-box {
    margin-bottom: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(33,160,210,0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(33,160,210,0.4);
    box-shadow: 0px 0px 20px 0px rgba(33,160,210,0.4);
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    .summary-box h4 {
        font-size: 13px;
        width: 55%;
        float: left;
        line-height: normal;
        font-weight: 400;
    }

    .summary-box p {
        font-size: 11px;
        width: 45%;
        float: right;
        text-align: right;
    }

.chart-box {
    width: 50%;
    float: left;
}

.chart-value {
    width: 50%;
    float: right;
}

    .chart-value .ontime {
        font-size: 12px;
        width: 100%;
        float: right;
        text-align: left;
        color: #65AC1E;
        padding-left: 20px;
        padding-top: 10px;
        margin-bottom: 5px;
    }

    .chart-value .delayed {
        font-size: 12px;
        width: 100%;
        float: right;
        text-align: left;
        color: #c50022;
        padding-left: 20px;
        padding-top: 10px;
        margin-bottom: 5px;
    }

.text-deco {
    text-decoration: underline;
}

.table-responsive {
    border: 0px solid #ddd;
}

.chat_widget_icon {
    background-color: #ccc;
    padding: 2px 2px;
    font-weight: normal;
    box-shadow: none !important;
    outline: none;
    border: solid 1px #ccc;
    width: 30px;
    height: 30px;
}

.chart_active {
    border: solid 1px #21a0d2;
    background-color: #21a0d2;
    width: 30px;
    height: 30px;
}

.d-hide {
    display: none;
}

.content {
    width: 100%;
}

/*.modal-dialog {
    margin: 200px auto 0px;
}*/
.modal-dialog-w500 {
    width: 500px;
    margin: 200px auto 0px;
}

.modal-content {
    border-radius: 0px;
    border: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-title {
    font-weight: normal;
    margin: 0;
    line-height: 1.42857143;
    color: #000;
}

.model_subtitle {
    font-weight: normal;
    font-size: 16px;
    color: #707070;
    padding: 10px 10px 10px 10px;
}

.modal-body {
    position: relative;
    padding: 5px 5px 10px 10px;
}
/*.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}*/

.fixheighttable {
    height: 200px;
    overflow-y: scroll;
}

/*.modal-backdrop.fade + .modal-backdrop.fade {
    transition: opacity 0.40s linear 0s;
}*/

.margin {
    margin-left: 10px !important;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
}

/*.btnGenerateInvoice {
    margin-right: 215px;
}*/

.detailbox > .row {
    padding: 3px 15px !important;
}

.dropdown-menu > li > a {
    text-decoration: none !important;
}

.setWidth_Single {
    width: 18% !important;
}

.setWidth {
    width: 200px !important;
}

.setLeft {
    float: left !important;
}

.wlcome_outer {
    /*max-width: 945px;*/
    max-width: 1225px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.welcome_bot_box {
    width: 100%;
    min-height: 140px;
    background-color: #FFF;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    -moz-box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    box-shadow: 0px 0px 12px 0px rgba(155,212,235,0.5);
    background-color: #FFF;
    border-radius: 10px;
    border-top: solid 10px #21a0d2;
    border-bottom: solid 10px #21a0d2;
    text-align: center;
}

    .welcome_bot_box a {
        display: block;
    }

    .welcome_bot_box img {
        padding: 10px;
    }

    .welcome_bot_box .box_tile {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        padding: 0px 30px 10px;
    }

@media screen and (max-width:962px) {
    .wlcome_outer {
        padding: 0px 50px;
    }
}

@media screen and (max-width:480px) {
    .wlcome_outer {
        padding: 0px 30px;
    }
}

.shipment_track {
    font-size: 21px;
    font-family: 'Helvetica Neue', sans-serif !important;
    color: #333;
    font-weight: 400;
    padding-bottom: 15px;
    /*border-bottom:solid 1px #eff4fa;*/
}

.img_icon {
    color: #21a0d2 !important;
    background-color: transparent;
    padding: 2px 10px;
    font-size: 20px;
    font-weight: normal;
    box-shadow: none !important;
    outline: none;
}

.record {
    float: right;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

    .record p {
        text-align: right;
        color: #4a4a4a;
        margin-bottom: 0;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0px 0px 10px;
    border-radius: 4px;
    float: left;
}

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 10px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #4a4a4a;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

.page-input {
    border: 0;
    width: 20px;
    padding: 0;
    text-align: center;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #21a0d2;
    border-color: #21a0d2;
}

@media(max-width:480px) {
    .record {
        float: left;
        margin: 10px 10px 0px 10px;
        padding: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 12px;
    }
}

@media(max-width:320px) {
    .record {
        float: left;
        margin: 10px 10px 0px 10px;
        padding: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 10px;
    }
}

.menuhistory {
    width: 100%;
    max-width: 600px;
    margin: 25px auto;
    text-align: left;
    border: dashed 1px #ccc;
    padding: 30px;
    background-color: #fefefe;
}

.m_history_title {
    font-size: 18px;
    color: #21a0d2;
}

.m_history_title_sub {
    font-size: 16px;
    color: #707070;
}

.menuacess_histoy ul {
    list-style: circle;
    padding-left: 25px !important;
}

.menuacess_histoy li a {
    font-size: 16px;
    color: #4a4a4a !important;
    /*padding-bottom: 20px;*/
    text-decoration: underline;
    display: block;
}

.table-tracking {
    width: 100%;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }
}

.sts_t {
    color: #21a0d2;
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
    padding-left: 10px;
}

/*::-webkit-scrollbar-thumb {
        background: #21a0d2;
        border-radius: 10px;
    }

        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }*/
.setWidthNew {
    /*width: 55%;*/
    width: 250px !important;
}

.setWidthPer {
    width: 57%;
}

.width225 {
    width: 225px !important;
}

.width135 {
    width: 135px !important;
}

.marginLeft {
    margin-left: -110px;
}

.cursor {
    cursor: pointer !important;
}

.datetimepicker-months table {
    width: 100% !important;
}

.datetimepicker-days table {
    width: 100% !important;
}

.datetimepicker-years table {
    width: 100% !important;
}

label.myLabel input[type="file"] {
    position: absolute;
    top: -1000px;
}

/***** Example custom styling *****/
.myLabel {
    border: 2px solid #cccccc;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #ffffff;
    display: inline-block;
}

    .myLabel:hover {
        background: #CCC;
    }

    .myLabel:active {
        background: #CCC;
    }

    .myLabel :invalid + span {
        color: #A44;
    }

    .myLabel :valid + span {
        color: #4A4;
    }

.form-control[readonly] {
    cursor: pointer !important;
}

input::-ms-clear {
    display: none;
}

.top10 {
    top: -12px !important;
}

.attr-nav > ul > li > a {
    color: #21a0d2 !important;
}

.padBottom {
    padding-bottom: 10px !important;
}

textarea:disabled {
    cursor: not-allowed !important;
}

.confirmation {
    text-align: center;
    padding: 20px;
    margin-top: -15px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    /*background-color: #fff;*/
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 35%;
        right: 1px;
        width: 20px;
        background: rgba(0, 0, 0, 0) url(../Content/Images/blue-arrow.png) no-repeat scroll 0 0;
        border: medium none;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

/*.select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }*/

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}