/* Minification failed. Returning unminified contents. (554,2): run-time error CSS1030: Expected identifier, found '.' (554,2): run-time error CSS1019: Unexpected token, found '.' (1327,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (1564,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (3695,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3698,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3701,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3708,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3712,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3716,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3720,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3724,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3728,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (3733,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (3738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (3743,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3748,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3753,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3758,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3759,6): run-time error CSS1035: Expected colon, found '{' (3761,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3762,6): run-time error CSS1035: Expected colon, found '{' (3764,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3765,6): run-time error CSS1035: Expected colon, found '{' (3767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3768,8): run-time error CSS1035: Expected colon, found '{' (3770,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3771,8): run-time error CSS1035: Expected colon, found '{' (3773,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3774,8): run-time error CSS1035: Expected colon, found '{' (3777,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3778,8): run-time error CSS1035: Expected colon, found '{' (3780,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3781,8): run-time error CSS1035: Expected colon, found '{' (3783,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3784,8): run-time error CSS1035: Expected colon, found '{' (3787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3788,6): run-time error CSS1035: Expected colon, found '{' (3790,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3791,6): run-time error CSS1035: Expected colon, found '{' (3793,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3794,6): run-time error CSS1035: Expected colon, found '{' (4378,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4685,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (4722,419): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,1144): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,1162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,1991): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,2016): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4722,2057): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,2074): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4722,2172): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,2201): run-time error CSS1035: Expected colon, found ',' (4722,2344): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,2365): run-time error CSS1035: Expected colon, found ',' (4722,2565): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,2599): run-time error CSS1035: Expected colon, found ',' (4722,3022): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,3048): run-time error CSS1035: Expected colon, found ',' (4722,3543): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,3572): run-time error CSS1035: Expected colon, found ',' (4722,3825): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,3846): run-time error CSS1035: Expected colon, found ',' (4722,4156): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,4185): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4722,4688): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,4709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4722,5365): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,5390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,5768): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,5785): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,6284): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,6312): run-time error CSS1035: Expected colon, found ',' (4722,6745): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,6765): run-time error CSS1035: Expected colon, found ',' (4722,7252): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,7282): run-time error CSS1035: Expected colon, found ',' (4722,7915): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,7937): run-time error CSS1035: Expected colon, found ',' (4722,8630): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,8655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (4722,9430): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,9447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (4722,10335): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,10363): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,10962): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,10982): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,11647): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,11679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,12190): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,12214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,12803): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,12835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,13346): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,13370): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,13959): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,13992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,14505): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,14530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,15124): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,15154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,15695): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,15717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '60%' (4722,16330): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,16359): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,16593): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,16614): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,16917): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,16950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,17208): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,17233): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,17572): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,17605): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,17783): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,17808): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,18067): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,18101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,18279): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,18305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,18567): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,18598): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,18858): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,18881): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (4722,19216): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,19246): run-time error CSS1035: Expected colon, found '{' (4722,19271): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,19293): run-time error CSS1035: Expected colon, found '{' (4722,19378): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,19412): run-time error CSS1035: Expected colon, found '{' (4722,19549): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,19575): run-time error CSS1035: Expected colon, found '{' (4722,19784): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,19821): run-time error CSS1035: Expected colon, found '{' (4722,19962): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,19991): run-time error CSS1035: Expected colon, found '{' (4722,20213): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,20247): run-time error CSS1035: Expected colon, found '{' (4722,20384): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,20410): run-time error CSS1035: Expected colon, found '{' (4722,20619): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,20656): run-time error CSS1035: Expected colon, found '{' (4722,20797): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,20826): run-time error CSS1035: Expected colon, found '{' (4722,21048): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,21083): run-time error CSS1035: Expected colon, found '{' (4722,21218): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,21245): run-time error CSS1035: Expected colon, found '{' (4722,21455): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,21493): run-time error CSS1035: Expected colon, found '{' (4722,21632): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,21662): run-time error CSS1035: Expected colon, found '{' (4722,21885): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,21917): run-time error CSS1035: Expected colon, found '{' (4722,22052): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,22076): run-time error CSS1035: Expected colon, found '{' (4722,22277): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,22312): run-time error CSS1035: Expected colon, found '{' (4722,22451): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,22478): run-time error CSS1035: Expected colon, found '{' (4722,22692): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,22723): run-time error CSS1035: Expected colon, found '{' (4722,22748): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,22771): run-time error CSS1035: Expected colon, found '{' (4722,22859): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,22894): run-time error CSS1035: Expected colon, found '{' (4722,22991): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,23018): run-time error CSS1035: Expected colon, found '{' (4722,23190): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,23228): run-time error CSS1035: Expected colon, found '{' (4722,23329): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,23359): run-time error CSS1035: Expected colon, found '{' (4722,23544): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,23579): run-time error CSS1035: Expected colon, found '{' (4722,23678): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,23705): run-time error CSS1035: Expected colon, found '{' (4722,23879): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,23917): run-time error CSS1035: Expected colon, found '{' (4722,24020): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,24050): run-time error CSS1035: Expected colon, found '{' (4722,24237): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,24273): run-time error CSS1035: Expected colon, found '{' (4722,24370): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,24398): run-time error CSS1035: Expected colon, found '{' (4722,24573): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,24612): run-time error CSS1035: Expected colon, found '{' (4722,24713): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,24744): run-time error CSS1035: Expected colon, found '{' (4722,24932): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,24965): run-time error CSS1035: Expected colon, found '{' (4722,25064): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,25089): run-time error CSS1035: Expected colon, found '{' (4722,25257): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,25293): run-time error CSS1035: Expected colon, found '{' (4722,25396): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,25424): run-time error CSS1035: Expected colon, found '{' (4722,25605): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,25633): run-time error CSS1035: Expected colon, found '{' (4722,26642): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,26662): run-time error CSS1035: Expected colon, found '{' (4722,27798): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,27829): run-time error CSS1035: Expected colon, found '{' (4722,28526): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,28549): run-time error CSS1035: Expected colon, found '{' (4722,29458): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,29489): run-time error CSS1035: Expected colon, found '{' (4722,30186): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,30209): run-time error CSS1035: Expected colon, found '{' (4722,31007): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,31039): run-time error CSS1035: Expected colon, found '{' (4722,31356): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,31380): run-time error CSS1035: Expected colon, found '{' (4722,31801): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,31833): run-time error CSS1035: Expected colon, found '{' (4722,32150): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,32174): run-time error CSS1035: Expected colon, found '{' (4722,32641): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,32677): run-time error CSS1035: Expected colon, found '{' (4722,32976): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,33004): run-time error CSS1035: Expected colon, found '{' (4722,33459): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,33496): run-time error CSS1035: Expected colon, found '{' (4722,33619): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,33648): run-time error CSS1035: Expected colon, found '{' (4722,33928): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,33960): run-time error CSS1035: Expected colon, found '{' (4722,34211): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,34235): run-time error CSS1035: Expected colon, found '{' (4722,34552): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,34592): run-time error CSS1035: Expected colon, found '{' (4722,34861): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,34893): run-time error CSS1035: Expected colon, found '{' (4722,35252): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,35293): run-time error CSS1035: Expected colon, found '{' (4722,35564): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,35597): run-time error CSS1035: Expected colon, found '{' (4722,35961): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,35999): run-time error CSS1035: Expected colon, found '{' (4722,36266): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,36296): run-time error CSS1035: Expected colon, found '{' (4722,36647): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,36686): run-time error CSS1035: Expected colon, found '{' (4722,36959): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,36990): run-time error CSS1035: Expected colon, found '{' (4722,37350): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,37383): run-time error CSS1035: Expected colon, found '{' (4722,37594): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,37619): run-time error CSS1035: Expected colon, found '{' (4722,37899): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,37940): run-time error CSS1035: Expected colon, found '{' (4722,38169): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,38202): run-time error CSS1035: Expected colon, found '{' (4722,38524): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,38566): run-time error CSS1035: Expected colon, found '{' (4722,38801): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,38835): run-time error CSS1035: Expected colon, found '{' (4722,39166): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,39205): run-time error CSS1035: Expected colon, found '{' (4722,39436): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,39467): run-time error CSS1035: Expected colon, found '{' (4722,39785): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,39825): run-time error CSS1035: Expected colon, found '{' (4722,40058): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,40090): run-time error CSS1035: Expected colon, found '{' (4722,40413): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,40438): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4722,41131): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,41148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4722,41898): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,41928): run-time error CSS1035: Expected colon, found '{' (4722,42113): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,42135): run-time error CSS1035: Expected colon, found '{' (4722,42380): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,42411): run-time error CSS1035: Expected colon, found '{' (4722,42554): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,42577): run-time error CSS1035: Expected colon, found '{' (4722,42783): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,42813): run-time error CSS1035: Expected colon, found '{' (4722,42903): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,42925): run-time error CSS1035: Expected colon, found '{' (4722,43075): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,43109): run-time error CSS1035: Expected colon, found '{' (4722,43613): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,43639): run-time error CSS1035: Expected colon, found '{' (4722,44215): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,44249): run-time error CSS1035: Expected colon, found '{' (4722,44753): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,44779): run-time error CSS1035: Expected colon, found '{' (4722,45355): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,45390): run-time error CSS1035: Expected colon, found '{' (4722,45894): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,45921): run-time error CSS1035: Expected colon, found '{' (4722,46500): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,46532): run-time error CSS1035: Expected colon, found '{' (4722,47036): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,47060): run-time error CSS1035: Expected colon, found '{' (4722,47630): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,47661): run-time error CSS1035: Expected colon, found '{' (4722,47764): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,47787): run-time error CSS1035: Expected colon, found '{' (4722,47953): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,47984): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,48560): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,48583): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,49234): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,49265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,49577): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,49600): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,49987): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,50019): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,50333): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,50357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,50749): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,50778): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,51354): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,51375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4722,52020): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,52055): run-time error CSS1035: Expected colon, found '{' (4722,52219): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,52246): run-time error CSS1035: Expected colon, found '{' (4722,52485): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,52520): run-time error CSS1035: Expected colon, found '{' (4722,52684): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,52711): run-time error CSS1035: Expected colon, found '{' (4722,52950): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,52986): run-time error CSS1035: Expected colon, found '{' (4722,53148): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,53176): run-time error CSS1035: Expected colon, found '{' (4722,53416): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,53449): run-time error CSS1035: Expected colon, found '{' (4722,53611): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,53636): run-time error CSS1035: Expected colon, found '{' (4722,53867): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,53903): run-time error CSS1035: Expected colon, found '{' (4722,54064): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,54092): run-time error CSS1035: Expected colon, found '{' (4722,54331): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,54367): run-time error CSS1035: Expected colon, found '{' (4722,54530): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,54558): run-time error CSS1035: Expected colon, found '{' (4722,54799): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,54836): run-time error CSS1035: Expected colon, found '{' (4722,54997): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,55026): run-time error CSS1035: Expected colon, found '{' (4722,55268): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4722,55302): run-time error CSS1035: Expected colon, found '{' (4722,55465): run-time error CSS1019: Unexpected token, found '@keyframes' (4722,55491): run-time error CSS1035: Expected colon, found '{' (4729,1612): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4729,1639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4729,1760): run-time error CSS1019: Unexpected token, found '@keyframes' (4729,1779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4761,1352): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4761,1373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4761,1440): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4761,1464): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4761,1619): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (4761,1639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4761,1704): run-time error CSS1019: Unexpected token, found '@keyframes' (4761,1720): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12950,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found '=' (19282,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19283,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19293,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19294,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19446,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (19447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19482,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /** ************************************* ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update Thusday, Jun 08, 2017 ~ ~ ~ UPDATE REASONS ~ ~ ~ DO NOT CHANGE ANYTHING HERE! REWRITE IN A CUSTOM CSS FILE IF REQUIRED! ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ NOTE: - Only minifying this file, 10% is reduced! - Using gzip or deflate compression via your .htaccess, this file will be reduced by 83% TABLE CONTENTS --------------------------- 01. Resets 02. Headings 03. Placeholder 04. Commons 05. Progress Bars & Pie Charts 06. Dropcap 07. Table 08. Nav Pills 09. Blockquotes [shortcode] 10. Background Patterns 11. Colors [v2.0.0] 12. Magnific Popup [v1.0.0] 13. OWL Carousel [v1.3.3 & v2.2.1] 14. Animate [v3.5.1] 15. Fontawesome [v4.7.0] 16. Et-Line & Font Icons [v0.0.0] 17. Social Icons 18. Buttons [shortcode] 19. Counters & Countdown [shortcode] 20. Clients [shortcode] 21. Alerts [shortcode] 22. Dividers [shortcode] 23. Headings [shortcode] 24. Word Rotator [shortcode] 25. Icon Boxes [shortcode] 26. Labels & Badges [shortcode] 27. Lightbox Ajax [shortcode] 28. Panels [shortcode] 29. Modals [shortcode] 30. Toastr [shortcode] 31. Navigations [shortcode] 32. Paginations [shortcode] 33. Tables [shortcode] 34. Callouts [shortcode] 35. Process Steps [shortcode] 36. Price Table [shortcode] 37. Styled Icons [shortcode] 38. Pickers [plugins] 39. Select2 [plugin] 40. Tabs [shortcode] 41. Toggles & Accordions [shortcode] 42. Box Shadow [shortcode] 43. Testimonials [shortcode] 44. Flexslider [plugin] 45. Widgets [plugin] 46. Side Nav 47. Star Rating 48. Image Zoom [plugin] 49. Forms 50. Sky Form [plugin] 51. Summernote [HTML EDITOR] 52. Markdown [HTML EDITOR] 53. Bootstrap 4 Elements [will be removed on BS4 final release] --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } :active, :focus { outline:none !important; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::selection { color:#fff; text-shadow:none; background: #333; } ::-moz-selection { color:#fff; text-shadow:none; background: #333; /* Firefox */ } ::-webkit-selection { color:#fff; text-shadow:none; background: #333; /* Safari */ } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; height: 46px; padding: 12px; outline: none; line-height:1 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label { font-weight:400; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 0.1em; -webkit-margin-after: 0.1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 30px; } canvas { width: 100% !important; /* max-width: 800px; causes panorama gmap problems */ height: auto !important; } :active, :focus { outline: none !important; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } pre { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark pre { color:#ccc; border-color:rgba(0,0,0,0.2); background-color:rgba(0,0,0,0.2); } img.img-responsive { display:inline-block; } /* IE & Mozilla fix */ div.row>div img.img-responsive { width: 100%; } /** 02. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { font-family:'Open Sans',Arial,Helvetica,sans-serif; font-weight:600; color:#414141; margin: 0 0 30px 0; line-height:1.5; -webkit-font-smoothing: antialiased; } h1 { font-size: 36px; margin: 0 0 44px 0; } h2 { font-size: 30px; margin: 0 0 32px 0; } h3 { font-size: 24px; letter-spacing: normal; margin: 0 0 32px 0; } h4 { font-size: 18px; letter-spacing: normal; margin: 0 0 14px 0; } h5 { font-size: 14px; letter-spacing: normal; margin: 0 0 20px 0; } h6 { font-size: 12px; letter-spacing: normal; margin: 0 0 20px 0; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #1ABC9C; } /** 03. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 04. Commons Quick Positioning and Styling **************************************************************** **/ /* font size */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fs-18 { font-size: 18px !important; } .fs-19 { font-size: 19px !important; } .fs-20 { font-size: 20px !important; } .fs-21 { font-size: 21px !important; } .fs-22 { font-size: 22px !important; } .fs-23 { font-size: 23px !important; } .fs-24 { font-size: 24px !important; } .fs-25 { font-size: 25px !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } .fs-55 { font-size: 55px !important; } .fs-60 { font-size: 60px !important; } .fs-65 { font-size: 65px !important; } .fs-70 { font-size: 70px !important; } .fs-75 { font-size: 75px !important; } .fs-80 { font-size: 80px !important; } .fs-90 { font-size: 90px !important; } .fs-100 { font-size: 100px !important; } .fs-120 { font-size: 120px !important; } .fs-130 { font-size: 130px !important; } .fs-140 { font-size: 140px !important; } .fs-150 { font-size: 150px !important; } .fs-200 { font-size: 200px !important; } /* font weight */ .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } /* margins */ .mb-0 { margin-bottom:0px !important; } .mb-1 { margin-bottom:1px !important; } .mb-2 { margin-bottom:2px !important; } .mb-3 { margin-bottom:3px !important; } .mb-4 { margin-bottom:4px !important; } .mb-5 { margin-bottom:5px !important; } .mb-6 { margin-bottom:6px !important; } .mb-7 { margin-bottom:7px !important; } .mb-8 { margin-bottom:8px !important; } .mb-9 { margin-bottom:9px !important; } .mb-10 { margin-bottom:10px !important; } .mb-12 { margin-bottom:12px !important; } .mb-15 { margin-bottom:15px !important; } .mb-18 { margin-bottom:18px !important; } .mb-20 { margin-bottom:20px !important; } .mb-25 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-35 { margin-bottom:35px !important; } .mb-40 { margin-bottom:40px !important; } .mb-45 { margin-bottom:45px !important; } .mb-50 { margin-bottom:50px !important; } .mb-60 { margin-bottom:60px !important; } .mb-70 { margin-bottom:70px !important; } .mb-80 { margin-bottom:80px !important; } .mb-90 { margin-bottom:90px !important; } .mb-100 { margin-bottom:100px !important; } .mb-110 { margin-bottom:110px !important; } .mb-120 { margin-bottom:120px !important; } .mb-130 { margin-bottom:130px !important; } .mb-140 { margin-bottom:140px !important; } .mb-150 { margin-bottom:150px !important; } .mb-200 { margin-bottom:200px !important; } .mt-0 { margin-top:0px !important; } .mt-1 { margin-top:1px !important; } .mt-2 { margin-top:2px !important; } .mt-3 { margin-top:3px !important; } .mt-4 { margin-top:4px !important; } .mt-5 { margin-top:5px !important; } .mt-6 { margin-top:6px !important; } .mt-7 { margin-top:7px !important; } .mt-8 { margin-top:8px !important; } .mt-9 { margin-top:9px !important; } .mt-10 { margin-top:10px !important; } .mt-12 { margin-top:12px !important; } .mt-15 { margin-top:15px !important; } .mt-18 { margin-top:18px !important; } .mt-20 { margin-top:20px !important; } .mt-25 { margin-top:20px !important; } .mt-30 { margin-top:30px !important; } .mt-35 { margin-top:35px !important; } .mt-40 { margin-top:40px !important; } .mt-45 { margin-top:45px !important; } .mt-50 { margin-top:50px !important; } .mt-60 { margin-top:60px !important; } .mt-70 { margin-top:70px !important; } .mt-80 { margin-top:80px !important; } .mt-90 { margin-top:90px !important; } .mt-100 { margin-top:100px !important; } .mt-110 { margin-top:110px !important; } .mt-120 { margin-top:120px !important; } .mt-130 { margin-top:130px !important; } .mt-140 { margin-top:140px !important; } .mt-150 { margin-top:150px !important; } .mt-200 { margin-top:200px !important; } .ml-0 { margin-left:0px !important; } .ml-1 { margin-left:1px !important; } .ml-2 { margin-left:2px !important; } .ml-3 { margin-left:3px !important; } .ml-4 { margin-left:4px !important; } .ml-5 { margin-left:5px !important; } .ml-6 { margin-left:6px !important; } .ml-7 { margin-left:7px !important; } .ml-8 { margin-left:8px !important; } .ml-9 { margin-left:9px !important; } .ml-10 { margin-left:10px !important; } .ml-12 { margin-left:12px !important; } .ml-15 { margin-left:15px !important; } .ml-18 { margin-left:18px !important; } .ml-20 { margin-left:20px !important; } .ml-25 { margin-left:20px !important; } .ml-30 { margin-left:30px !important; } .ml-35 { margin-left:35px !important; } .ml-40 { margin-left:40px !important; } .ml-45 { margin-left:45px !important; } .ml-50 { margin-left:50px !important; } .ml-60 { margin-left:60px !important; } .ml-70 { margin-left:70px !important; } .ml-80 { margin-left:80px !important; } .ml-90 { margin-left:90px !important; } .ml-100 { margin-left:100px !important; } .ml-110 { margin-left:110px !important; } .ml-120 { margin-left:120px !important; } .ml-130 { margin-left:130px !important; } .ml-140 { margin-left:140px !important; } .ml-150 { margin-left:150px !important; } .ml-200 { margin-left:200px !important; } .mr-0 { margin-right:0px !important; } .mr-1 { margin-right:1px !important; } .mr-2 { margin-right:2px !important; } .mr-3 { margin-right:3px !important; } .mr-4 { margin-right:4px !important; } .mr-5 { margin-right:5px !important; } .mr-6 { margin-right:6px !important; } .mr-7 { margin-right:7px !important; } .mr-8 { margin-right:8px !important; } .mr-9 { margin-right:9px !important; } .mr-10 { margin-right:10px !important; } .mr-12 { margin-right:12px !important; } .mr-15 { margin-right:15px !important; } .mr-18 { margin-right:18px !important; } .mr-20 { margin-right:20px !important; } .mr-25 { margin-right:20px !important; } .mr-30 { margin-right:30px !important; } .mr-35 { margin-right:35px !important; } .mr-40 { margin-right:40px !important; } .mr-45 { margin-right:45px !important; } .mr-50 { margin-right:50px !important; } .mr-60 { margin-right:60px !important; } .mr-70 { margin-right:70px !important; } .mr-80 { margin-right:80px !important; } .mr-90 { margin-right:90px !important; } .mr-100 { margin-right:100px !important; } .mr-110 { margin-right:110px !important; } .mr-120 { margin-right:120px !important; } .mr-130 { margin-right:130px !important; } .mr-140 { margin-right:140px !important; } .mr-150 { margin-right:150px !important; } .mr-200 { margin-right:200px !important; } .m-0 { margin:0px !important; } .m-1 { margin:1px !important; } .m-2 { margin:2px !important; } .m-3 { margin:3px !important; } .m-4 { margin:4px !important; } .m-5 { margin:5px !important; } .m-6 { margin:6px !important; } .m-7 { margin:7px !important; } .m-8 { margin:8px !important; } .m-9 { margin:9px !important; } .m-10 { margin:10px !important; } .m-12 { margin:12px !important; } .m-15 { margin:15px !important; } .m-18 { margin:18px !important; } .m-20 { margin:20px !important; } .m-25 { margin:20px !important; } .m-30 { margin:30px !important; } .m-35 { margin:35px !important; } .m-40 { margin:40px !important; } .m-45 { margin:45px !important; } .m-50 { margin:50px !important; } .m-60 { margin:60px !important; } .m-70 { margin:70px !important; } .m-80 { margin:80px !important; } .m-90 { margin:90px !important; } .m-100 { margin:100px !important; } .m-110 { margin:110px !important; } .m-120 { margin:120px !important; } .m-130 { margin:130px !important; } .m-140 { margin:140px !important; } .m-150 { margin:150px !important; } .m-200 { margin:200px !important; } /* paddings */ ..pb-0 { padding-bottom:0px !important; } .pb-1 { padding-bottom:1px !important; } .pb-2 { padding-bottom:2px !important; } .pb-3 { padding-bottom:3px !important; } .pb-4 { padding-bottom:4px !important; } .pb-5 { padding-bottom:5px !important; } .pb-6 { padding-bottom:6px !important; } .pb-7 { padding-bottom:7px !important; } .pb-8 { padding-bottom:8px !important; } .pb-9 { padding-bottom:9px !important; } .pb-10 { padding-bottom:10px !important; } .pb-12 { padding-bottom:12px !important; } .pb-15 { padding-bottom:15px !important; } .pb-18 { padding-bottom:18px !important; } .pb-20 { padding-bottom:20px !important; } .pb-25 { padding-bottom:20px !important; } .pb-30 { padding-bottom:30px !important; } .pb-35 { padding-bottom:35px !important; } .pb-40 { padding-bottom:40px !important; } .pb-45 { padding-bottom:45px !important; } .pb-50 { padding-bottom:50px !important; } .pb-60 { padding-bottom:60px !important; } .pb-70 { padding-bottom:70px !important; } .pb-80 { padding-bottom:80px !important; } .pb-90 { padding-bottom:90px !important; } .pb-100 { padding-bottom:100px !important; } .pb-110 { padding-bottom:110px !important; } .pb-120 { padding-bottom:120px !important; } .pb-130 { padding-bottom:130px !important; } .pb-140 { padding-bottom:140px !important; } .pb-150 { padding-bottom:150px !important; } .pb-200 { padding-bottom:200px !important; } .pt-0 { padding-top:0px !important; } .pt-1 { padding-top:1px !important; } .pt-2 { padding-top:2px !important; } .pt-3 { padding-top:3px !important; } .pt-4 { padding-top:4px !important; } .pt-5 { padding-top:5px !important; } .pt-6 { padding-top:6px !important; } .pt-7 { padding-top:7px !important; } .pt-8 { padding-top:8px !important; } .pt-9 { padding-top:9px !important; } .pt-10 { padding-top:10px !important; } .pt-12 { padding-top:12px !important; } .pt-15 { padding-top:15px !important; } .pt-18 { padding-top:18px !important; } .pt-20 { padding-top:20px !important; } .pt-25 { padding-top:20px !important; } .pt-30 { padding-top:30px !important; } .pt-35 { padding-top:35px !important; } .pt-40 { padding-top:40px !important; } .pt-45 { padding-top:45px !important; } .pt-50 { padding-top:50px !important; } .pt-60 { padding-top:60px !important; } .pt-70 { padding-top:70px !important; } .pt-80 { padding-top:80px !important; } .pt-90 { padding-top:90px !important; } .pt-100 { padding-top:100px !important; } .pt-110 { padding-top:110px !important; } .pt-120 { padding-top:120px !important; } .pt-130 { padding-top:130px !important; } .pt-140 { padding-top:140px !important; } .pt-150 { padding-top:150px !important; } .pt-200 { padding-top:200px !important; } .pl-0 { padding-left:0px !important; } .pl-1 { padding-left:1px !important; } .pl-2 { padding-left:2px !important; } .pl-3 { padding-left:3px !important; } .pl-4 { padding-left:4px !important; } .pl-5 { padding-left:5px !important; } .pl-6 { padding-left:6px !important; } .pl-7 { padding-left:7px !important; } .pl-8 { padding-left:8px !important; } .pl-9 { padding-left:9px !important; } .pl-10 { padding-left:10px !important; } .pl-12 { padding-left:12px !important; } .pl-15 { padding-left:15px !important; } .pl-18 { padding-left:18px !important; } .pl-20 { padding-left:20px !important; } .pl-25 { padding-left:20px !important; } .pl-30 { padding-left:30px !important; } .pl-35 { padding-left:35px !important; } .pl-40 { padding-left:40px !important; } .pl-45 { padding-left:45px !important; } .pl-50 { padding-left:50px !important; } .pl-60 { padding-left:60px !important; } .pl-70 { padding-left:70px !important; } .pl-80 { padding-left:80px !important; } .pl-90 { padding-left:90px !important; } .pl-100 { padding-left:100px !important; } .pl-110 { padding-left:110px !important; } .pl-120 { padding-left:120px !important; } .pl-130 { padding-left:130px !important; } .pl-140 { padding-left:140px !important; } .pl-150 { padding-left:150px !important; } .pl-200 { padding-left:200px !important; } .pr-0 { padding-right:0px !important; } .pr-1 { padding-right:1px !important; } .pr-2 { padding-right:2px !important; } .pr-3 { padding-right:3px !important; } .pr-4 { padding-right:4px !important; } .pr-5 { padding-right:5px !important; } .pr-6 { padding-right:6px !important; } .pr-7 { padding-right:7px !important; } .pr-8 { padding-right:8px !important; } .pr-9 { padding-right:9px !important; } .pr-10 { padding-right:10px !important; } .pr-12 { padding-right:12px !important; } .pr-15 { padding-right:15px !important; } .pr-18 { padding-right:18px !important; } .pr-20 { padding-right:20px !important; } .pr-25 { padding-right:20px !important; } .pr-30 { padding-right:30px !important; } .pr-35 { padding-right:35px !important; } .pr-40 { padding-right:40px !important; } .pr-45 { padding-right:45px !important; } .pr-50 { padding-right:50px !important; } .pr-60 { padding-right:60px !important; } .pr-70 { padding-right:70px !important; } .pr-80 { padding-right:80px !important; } .pr-90 { padding-right:90px !important; } .pr-100 { padding-right:100px !important; } .pr-110 { padding-right:110px !important; } .pr-120 { padding-right:120px !important; } .pr-130 { padding-right:130px !important; } .pr-140 { padding-right:140px !important; } .pr-150 { padding-right:150px !important; } .pr-200 { padding-right:200px !important; } .p-0 { padding:0px !important; } .p-1 { padding:1px !important; } .p-2 { padding:2px !important; } .p-3 { padding:3px !important; } .p-4 { padding:4px !important; } .p-5 { padding:5px !important; } .p-6 { padding:6px !important; } .p-7 { padding:7px !important; } .p-8 { padding:8px !important; } .p-9 { padding:9px !important; } .p-10 { padding:10px !important; } .p-12 { padding:12px !important; } .p-15 { padding:15px !important; } .p-18 { padding:18px !important; } .p-20 { padding:20px !important; } .p-25 { padding:20px !important; } .p-30 { padding:30px !important; } .p-35 { padding:35px !important; } .p-40 { padding:40px !important; } .p-45 { padding:45px !important; } .p-50 { padding:50px !important; } .p-60 { padding:60px !important; } .p-70 { padding:70px !important; } .p-80 { padding:80px !important; } .p-90 { padding:90px !important; } .p-100 { padding:100px !important; } .p-110 { padding:110px !important; } .p-120 { padding:120px !important; } .p-130 { padding:130px !important; } .p-140 { padding:140px !important; } .p-150 { padding:150px !important; } .p-200 { padding:200px !important; } /* borders */ .b-0 { border: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .bl-0 { border-left: 0 !important; } .br-0 { border-right: 0 !important; } .bw-0 { border-width: 0px !important; } .bw-1 { border-width: 1px !important; } .bw-2 { border-width: 2px !important; } .bw-3 { border-width: 3px !important; } .bw-4 { border-width: 4px !important; } .bw-5 { border-width: 5px !important; } .bw-10 { border-width: 10px !important; } .btw-0 { border-top-width: 0px !important; } .btw-1 { border-top-width: 1px !important; } .btw-2 { border-top-width: 2px !important; } .btw-3 { border-top-width: 3px !important; } .btw-4 { border-top-width: 4px !important; } .btw-5 { border-top-width: 5px !important; } .btw-10 { border-top-width: 10px !important; } .bbw-0 { border-bottom-width: 0px !important; } .bbw-1 { border-bottom-width: 1px !important; } .bbw-2 { border-bottom-width: 2px !important; } .bbw-3 { border-bottom-width: 3px !important; } .bbw-4 { border-bottom-width: 4px !important; } .bbw-5 { border-bottom-width: 5px !important; } .bbw-10 { border-bottom-width: 10px !important; } .blw-0 { border-left-width: 0px !important; } .blw-1 { border-left-width: 1px !important; } .blw-2 { border-left-width: 2px !important; } .blw-3 { border-left-width: 3px !important; } .blw-4 { border-left-width: 4px !important; } .blw-5 { border-left-width: 5px !important; } .blw-10 { border-left-width: 10px !important; } .brw-0 { border-right-width: 0px !important; } .brw-1 { border-right-width: 1px !important; } .brw-2 { border-right-width: 2px !important; } .brw-3 { border-right-width: 3px !important; } .brw-4 { border-right-width: 4px !important; } .brw-5 { border-right-width: 5px !important; } .brw-10 { border-right-width: 10px !important; } /* width */ .w-10 { width:10px !important; } .w-20 { width:20px !important; } .w-30 { width:30px !important; } .w-40 { width:40px !important; } .w-50 { width:50px !important; } .w-60 { width:60px !important; } .w-70 { width:70px !important; } .w-80 { width:80px !important; } .w-90 { width:90px !important; } .w-100 { width:100px !important; } .w-110 { width:110px !important; } .w-120 { width:120px !important; } .w-130 { width:130px !important; } .w-140 { width:140px !important; } .w-150 { width:150px !important; } .w-200 { width:200px !important; } .w-250 { width:250px !important; } .w-300 { width:300px !important; } .w-350 { width:350px !important; } .w-400 { width:400px !important; } .w-450 { width:450px !important; } .w-500 { width:500px !important; } .w-550 { width:550px !important; } .w-600 { width:600px !important; } .w-650 { width:650px !important; } .w-700 { width:700px !important; } .w-750 { width:750px !important; } .w-800 { width:800px !important; } /* width percent */ .w-100p { width: 100% !important; } .w-75p { width: 75% !important; } .w-50p { width: 50% !important; } .w-33p { width: 33% !important; } .w-25p { width: 25% !important; } .w-20p { width: 20% !important; } .w-10p { width: 10% !important; } /* height */ .h-1 { height:1px !important; } .h-2 { height:2px !important; } .h-3 { height:3px !important; } .h-4 { height:4px !important; } .h-5 { height:5px !important; } .h-6 { height:6px !important; } .h-7 { height:7px !important; } .h-8 { height:8px !important; } .h-9 { height:9px !important; } .h-10 { height:10px !important; } .h-15 { height:15px !important; } .h-20 { height:20px !important; } .h-25 { height:25px !important; } .h-30 { height:30px !important; } .h-35 { height:35px !important; } .h-40 { height:40px !important; } .h-45 { height:45px !important; } .h-50 { height:50px !important; } .h-60 { height:60px !important; } .h-70 { height:70px !important; } .h-80 { height:80px !important; } .h-90 { height:90px !important; } .h-100 { height:100px !important; } .h-110 { height:110px !important; } .h-120 { height:120px !important; } .h-130 { height:130px !important; } .h-140 { height:140px !important; } .h-150 { height:150px !important; } .h-200 { height:200px !important; } .h-250 { height:250px !important; } .h-300 { height:300px !important; } .h-350 { height:350px !important; } .h-400 { height:400px !important; } .h-450 { height:450px !important; } .h-500 { height:500px !important; } .h-550 { height:550px !important; } .h-600 { height:600px !important; } .h-650 { height:650px !important; } .h-700 { height:700px !important; } .h-750 { height:750px !important; } .h-800 { height:800px !important; } /* height percent */ .h-100p { height: 100vh !important; } .h-75p { height: 75vh !important; } .h-50p { height: 50vh !important; } .h-33p { height: 33vh !important; } .h-25p { height: 25vh !important; } .h-20p { height: 20vh !important; } .h-10p { height: 10vh !important; } /* border radius */ .rad-3 { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .rad-4 { -webkit-border-radius: 4px !important; border-radius: 4px !important; } .rad-6 { -webkit-border-radius: 6px !important; border-radius: 6px !important; } .rad-8 { -webkit-border-radius: 8px !important; border-radius: 8px !important; } .rad-10 { -webkit-border-radius: 10px !important; border-radius: 10px !important; } .rad-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .rad-tl-0 { /* radius top left */ -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rad-tr-0 { /* radius top right */ -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rad-bl-0 { /* radius bottom left */ -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rad-br-0 { /* radius bottom right */ -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* mobile */ @media only screen and (max-width: 768px) { .block-xs { display: block !important; float: none !important; } .pl-xs-0 { padding-left: 0 !important; } .pr-xs-0 { padding-right: 0 !important; } .pt-xs-0 { padding-top: 0 !important; } .pb-xs-0 { padding-bottom: 0 !important; } .p-xs-0 { padding: 0 !important; } .ml-xs-0 { margin-left: 0 !important; } .mr-xs-0 { margin-right: 0 !important; } .mt-xs-0 { margin-top: 0 !important; } .mb-xs-0 { margin-bottom: 0 !important; } .m-xs-0 { margin: 0 !important; } .rad-xs-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } } /** ****************** **/ /* utils - will be removed in the future! */ .size-11 { font-size:11px !important; line-height:15px !important; } .size-12 { font-size:12px !important; line-height:16px !important; } .size-13 { font-size:13px !important; line-height:17px !important; } .size-14 { font-size:14px !important; line-height:18px !important; } .size-15 { font-size:15px !important; line-height:19px !important; } .size-16 { font-size:16px !important; line-height:20px !important; } .size-17 { font-size:17px !important; line-height:23px !important; } .size-18 { font-size:18px !important; line-height:24px !important; } .size-19 { font-size:19px !important; line-height:25px !important; } .size-20 { font-size:20px !important; line-height:26px !important; } .size-25 { font-size:25px !important; line-height:30px !important; } .size-30 { font-size:30px !important; line-height:36px !important; } .size-40 { font-size:40px !important; line-height:46px !important; } .size-50 { font-size:50px !important; line-height:56px !important; } .size-60 { font-size:60px !important; line-height:66px !important; } .size-70 { font-size:70px !important; line-height:76px !important; } .size-80 { font-size:80px !important; line-height:86px !important; } .size-90 { font-size:90px !important; line-height:96px !important; } .size-100 { font-size:100px !important; line-height:106px !important; } .size-150 { font-size:150px !important; line-height:166px !important; } .size-200 { font-size:200px !important; line-height:216px !important; } .weight-300 { font-weight:300 !important; } .weight-400 { font-weight:400 !important; } .weight-500 { font-weight:500 !important; } .weight-600 { font-weight:600 !important; } .weight-700 { font-weight:700 !important; } .weight-800 { font-weight:800 !important; } .width-10 { width:10px !important; } .width-20 { width:20px !important; } .width-30 { width:30px !important; } .width-40 { width:40px !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .height-10 { height:10px !important; } .height-20 { height:20px !important; } .height-30 { height:30px !important; } .height-50 { height:50px !important; } .height-100 { height:100px !important; } .height-150 { height:150px !important; } .height-200 { height:200px !important; } .height-250 { height:250px !important; } .height-300 { height:300px !important; } .height-350 { height:350px !important; } .height-400 { height:400px !important; } .height-450 { height:450px !important; } .height-500 { height:500px !important; } .height-550 { height:550px !important; } .height-600 { height:600px !important; } .height-650 { height:650px !important; } .height-700 { height:700px !important; } .height-750 { height:750px !important; } .height-800 { height:800px !important; } .padding-0 { padding:0 !important; } .padding-3 { padding:3px !important; } .padding-6 { padding:6px !important; } .padding-8 { padding:8px !important; } .padding-10 { padding:10px !important; } .padding-15 { padding:15px !important; } .padding-20 { padding:20px !important; } .padding-30 { padding:30px !important; } .padding-40 { padding:40px !important; } .padding-50 { padding:50px !important; } .padding-60 { padding:60px !important; } .padding-70 { padding:70px !important; } .padding-80 { padding:80px !important; } .padding-90 { padding:90px !important; } .padding-100 { padding:100px !important; } .padding-top-0 { padding-top:0 !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top:15px !important; } .padding-top-20 { padding-top:20px !important; } .padding-top-30 { padding-top:30px !important; } .padding-top-40 { padding-top:40px !important; } .padding-top-50 { padding-top:50px !important; } .padding-top-60 { padding-top:60px !important; } .padding-top-80 { padding-top:80px !important; } .padding-top-100 { padding-top:100px !important; } .padding-top-130 { padding-top:130px !important; } .padding-top-150 { padding-top:150px !important; } .padding-top-180 { padding-top:180px !important; } .padding-top-200 { padding-top:200px !important; } .padding-bottom-0 { padding-bottom:0 !important; } .padding-bottom-10 { padding-bottom:10px !important; } .padding-bottom-15 { padding-bottom:15px !important; } .padding-bottom-20 { padding-bottom:20px !important; } .padding-bottom-30 { padding-bottom:30px !important; } .padding-bottom-40 { padding-bottom:40px !important; } .padding-bottom-50 { padding-bottom:50px !important; } .padding-bottom-60 { padding-bottom:60px !important; } .padding-bottom-80 { padding-bottom:80px !important; } .padding-bottom-100 { padding-bottom:100px !important; } .padding-bottom-130 { padding-bottom:130px !important; } .padding-bottom-150 { padding-bottom:150px !important; } .padding-bottom-180 { padding-bottom:180px !important; } .padding-bottom-200 { padding-bottom:200px !important; } .margin-top-0 { margin-top:0 !important; } .margin-top-1 { margin-top:1px !important; } .margin-top-2 { margin-top:2px !important; } .margin-top-3 { margin-top:3px !important; } .margin-top-6 { margin-top:6px !important; } .margin-top-8 { margin-top:8px !important; } .margin-top-10 { margin-top:10px !important; } .margin-top-15 { margin-top:15px !important; } .margin-top-20 { margin-top:20px !important; } .margin-top-25 { margin-top:25px !important; } .margin-top-30 { margin-top:30px !important; } .margin-top-40 { margin-top:40px !important; } .margin-top-50 { margin-top:50px !important; } .margin-top-60 { margin-top:60px !important; } .margin-top-80 { margin-top:80px !important; } .margin-top-100 { margin-top:100px !important; } .margin-top-130 { margin-top:130px !important; } .margin-top-150 { margin-top:150px !important; } .margin-top-180 { margin-top:180px !important; } .margin-top-200 { margin-top:200px !important; } .margin-bottom-0 { margin-bottom:0 !important; } .margin-bottom-1 { margin-bottom:1px !important; } .margin-bottom-2 { margin-bottom:2px !important; } .margin-bottom-3 { margin-bottom:3px !important; } .margin-bottom-6 { margin-bottom:6px !important; } .margin-bottom-8 { margin-bottom:8px !important; } .margin-bottom-10 { margin-bottom:10px !important; } .margin-bottom-20 { margin-bottom:20px !important; } .margin-bottom-15 { margin-bottom:15px !important; } .margin-bottom-30 { margin-bottom:30px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .margin-bottom-50 { margin-bottom:50px !important; } .margin-bottom-60 { margin-bottom:60px !important; } .margin-bottom-80 { margin-bottom:80px !important; } .margin-bottom-100 { margin-bottom:100px !important; } .margin-bottom-130 { margin-bottom:130px !important; } .margin-bottom-150 { margin-bottom:150px !important; } .margin-bottom-180 { margin-bottom:180px !important; } .margin-bottom-200 { margin-bottom:200px !important; } .margin-left-0 { margin-left:0 !important; } .margin-left-3 { margin-left:3px !important; } .margin-left-6 { margin-left:6px !important; } .margin-left-8 { margin-left:8px !important; } .margin-left-10 { margin-left:10px !important; } .margin-left-15 { margin-left:15px !important; } .margin-left-20 { margin-left:20px !important; } .margin-left-30 { margin-left:30px !important; } .margin-left-40 { margin-left:40px !important; } .margin-left-50 { margin-left:50px !important; } .margin-left-60 { margin-left:60px !important; } .margin-left-80 { margin-left:80px !important; } .margin-left-100 { margin-left:100px !important; } .margin-left-130 { margin-left:130px !important; } .margin-left-150 { margin-left:150px !important; } .margin-left-180 { margin-left:180px !important; } .margin-left-200 { margin-left:200px !important; } .margin-left-250 { margin-left:250px !important; } .margin-left-300 { margin-left:300px !important; } .margin-right-0 { margin-right:0 !important; } .margin-right-3 { margin-right:3px !important; } .margin-right-6 { margin-right:6px !important; } .margin-right-8 { margin-right:8px !important; } .margin-right-10 { margin-right:10px !important; } .margin-right-15 { margin-right:15px !important; } .margin-right-20 { margin-right:20px !important; } .margin-right-30 { margin-right:30px !important; } .margin-right-40 { margin-right:40px !important; } .margin-right-50 { margin-right:50px !important; } .margin-right-60 { margin-right:60px !important; } .margin-right-80 { margin-right:80px !important; } .margin-right-100 { margin-right:100px !important; } .margin-right-130 { margin-right:130px !important; } .margin-right-150 { margin-right:150px !important; } .margin-right-180 { margin-right:180px !important; } .margin-right-200 { margin-right:200px !important; } .margin-right-250 { margin-right:250px !important; } .margin-right-300 { margin-right:300px !important; } .line-height-0 { line-height:0 !important; } .line-height-10 { line-height:10px !important; } .line-height-20 { line-height:20px !important; } .line-height-30 { line-height:30px !important; } .line-height-40 { line-height:40px !important; } .line-height-50 { line-height:50px !important; } .line-height-60 { line-height:60px !important; } .line-height-70 { line-height:70px !important; } .line-height-80 { line-height:80px !important; } .line-height-90 { line-height:90px !important; } .line-height-100 { line-height:100px !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noborder-left { border-left:0 !important; } .noborder-right { border-right:0 !important; } .noborder-top { border-top:0 !important; } .noborder-bottom { border-bottom:0 !important; } .nobg { background:transparent; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .font-style-italic { font-style:italic; } .font-style-normal { font-style:normal; } .pointer { cursor:pointer; } .block { display:block !important; } .block-inline { display:inline-block !important; } .inline-block { display:inline-block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; max-width:100% !important; } .halfwidth { width:50% !important; } .justify { text-align:justify; } .relative { position:relative; } .absolute { position:absolute !important; top:0; left:0; right:0; bottom:0; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .noshadow { box-shadow:none !important; text-shadow:none !important; } .nofloat { float:none !important; } .display-table { display:table; width:100%; height:100%; position:relative; z-index:99; } .display-table-cell { display:table-cell; width:100%; height:100%; } .vertical-align-middle { vertical-align:middle; } .txt-no-decoration { text-decoration:none !important; } .softhide { display:none; } img.pull-left { margin:0 20px 10px 0; } img.pull-right { margin:0 0 10px 20px; } ul>li>i { margin-right:10px; } .text-underline { text-decoration: underline !important; } .no-text-underline, .no-text-decoration { text-decoration:none; } .line-through { text-decoration: line-through; } .btn>i { padding-right:6px; } video.fullvideo { width:100%; height:100%; } .nortl { direction: ltr; } .rtl { direction: rtl; } .ltr { direction: ltr; } .z-index-0 { z-index:0 !important; } .z-index-1 { z-index:1 !important; } .pull-left { float: left; } .pull-right { float: right; } .text-vertical { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width: 960px) { .text-vertical { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media only screen and (max-width: 760px) { .text-xs-center { text-align:center !important; } .nofloat-xs { float: none !important; } .nomargin-xs { margin: 0 !important; } .nopadding-xs { padding: 0 !important; } .block-xs { display: block !important; } .btn-lg-xs { display: block !important; width: 100% !important; } } .cover-column { background-position: left top; background-repeat: no-repeat; background-size: cover; min-height: 200px; height: 100%; } /* borders */ .border-top-1 { border-top: 1px solid #ddd; } .border-top-2 { border-top: 2px solid #ddd; } .border-top-3 { border-top: 3px solid #ddd; } .border-bottom-1 { border-bottom: 1px solid #ddd; } .border-bottom-2 { border-bottom: 2px solid #ddd; } .border-bottom-3 { border-bottom: 3px solid #ddd; } section.dark .border-top-1, section.dark .border-top-2, section.dark .border-top-3, section.dark .border-bottom-1, section.dark .border-bottom-2, section.dark .border-bottom-3 { border-color:#555; } .box-border-shadow { border: 1px solid rgba(0,0,0,.125); display: block; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); } .border-bottom-dashed:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dashed #999; } .border-bottom-dotted:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dotted #999; } /* break words */ .break-word { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* No Tramsition */ .no-transition { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } /* greyscale */ .grayscale-hover-color, .grayscale { filter: url(/Content/Theme/data:image/svg+xml;utf8,#grayscale); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .grayscale-hover-color:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: color; } /* ellipsis */ .elipsis { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } /* no selectrion */ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* text color */ .text-default { color:#c6c6c6 !important; } .text-danger { color:#b92c28 !important; } .text-warning { color:#e38d13 !important; } .text-info { color:#28a4c9 !important; } .text-primary { color:#245580 !important; } .text-success { color:#02B700 !important; } .tex-white { color:#fff !important; } .tex-black { color:#111 !important; } /* badge color (from bootstrap 4) */ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; line-height: 1; color: #fff; vertical-align: baseline; border-radius: .25rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #0275d8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-success { background-color: #5cb85c; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #d9534f; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } /* absolute/fixed position */ .top-left { top:0; bottom:auto; left:0; right:auto; } .top-right { top:0; bottom:auto; left:auto; right:0; } .bottom-left { top:auto; bottom:0; left:0; right:auto; } .bottom-right { top:auto; bottom:0; left:auto; right:0; } .top-center { top:0; bottom:auto; left:auto; right:auto; } .bottom-center { top:auto; bottom:0; left:auto; right:auto; } .position-bottom { top:auto; bottom:0; } .position-top { top:0; bottom:auto; } .opacity-0 { filter: Alpha(Opacity=0); opacity:0; } .opacity-1 { filter: Alpha(Opacity=10); opacity:0.1; } .opacity-2 { filter: Alpha(Opacity=20); opacity:0.2; } .opacity-3 { filter: Alpha(Opacity=30); opacity:0.3; } .opacity-4 { filter: Alpha(Opacity=40); opacity:0.4; } .opacity-5 { filter: Alpha(Opacity=50); opacity:0.5; } .opacity-6 { filter: Alpha(Opacity=60); opacity:0.6; } .opacity-7 { filter: Alpha(Opacity=70); opacity:0.7; } .opacity-8 { filter: Alpha(Opacity=80); opacity:0.8; } .opacity-9 { filter: Alpha(Opacity=90); opacity:0.9; } .opacity-10 { filter: Alpha(Opacity=100); opacity:1; } hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } section.dark hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } /* black and white image */ img.image-bw { filter: url(/Content/Theme/data:image/svg+xml;utf8,#grayscale); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } /* box color */ .box-default { color:#111; background-color:#c6c6c6 !important; } .box-danger { color:#fff; background-color:#b92c28 !important; } .box-warning { color:#fff; background-color:#e38d13 !important; } .box-info { color:#fff; background-color:#28a4c9 !important; } .box-primary { color:#fff; background-color:#245580 !important; } .box-success { color:#fff; background-color:#02B700 !important; } .box-white { color:#111; background-color:#fff !important; } .box-black { background-color:#111 !important; } /* radius */ .radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .radius-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .radius-4{ -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .radius-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .radius-7 { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; } .radius-8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } /* letter spacing */ .letter-spacing-0 { letter-spacing: 0em !important; } .letter-spacing-1 { letter-spacing: 0.1em !important; } .letter-spacing-2 { letter-spacing: 0.2em !important; } .letter-spacing-3 { letter-spacing: 0.3em !important; } .letter-spacing-4 { letter-spacing: 0.4em !important; } .letter-spacing-5 { letter-spacing: 0.5em !important; } .letter-spacing-6 { letter-spacing: 0.6em !important; } .letter-spacing-7 { letter-spacing: 0.7em !important; } .letter-spacing-8 { letter-spacing: 0.8em !important; } .letter-spacing-9 { letter-spacing: 0.9em !important; } .letter-spacing-10 { letter-spacing: 1em !important; } /* Tag Cloud */ .tag { position:relative; display:inline-block; margin: 0 6px 3px 0; } .tag>span.txt { border: 1px solid #e3e3e3; color: #666; display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; float:left; } .tag>span.num { background: rgba(0,0,0,0.01); border-color: #e3e3e3; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #aaa; position: relative; margin-left: -1px; float:left; } .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #C6C6C6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } section.dark .tag>span.txt { border: 1px solid #666; color: #ccc; } section.dark .tag>span.num { background: rgba(0,0,0,0.01); border-color: #666; color: #ccc; } section.dark .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #666; } section.dark .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #212121; } /* Inline Search */ .inline-search { display:block; position:relative; } .inline-search form input.serch-input { background: #fff; border:#e3e3e3 1px solid; color: #aaa; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .inline-search form button { background: rgba(0, 0, 0, 0); border-left: #e3e3e3 1px solid; font-size: 17px; width: 39px; height: 39px; line-height: 39px; vertical-align: bottom; position: absolute; right: 0; } section.dark .inline-search form input.serch-input { background:rgba(0,0,0,0.1); border:#666 1px solid; color:#aaa; } section.dark .inline-search form button { border-left: #666 1px solid; color:#999; } section.dark .inline-search form button:hover { color:#fff; } /* parallax */ @media only screen and (max-width: 768px) { section.page-header-parallax, section.parallax { background-attachment: fixed !important; background-size: auto 150% !important; background-position: 50% -50px !important; background-attachment: scroll !important; } section.parallax-xs-fixed { background-attachment: scroll !important; background-size: 200% !important; background-position: 50% -50px !important; } } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn, .parallax img, .parallax div, .parallax { color:#fff; position:relative; z-index:10; } .parallax .btn-default { background-color:transparent; } .parallax .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } .parallax h1 { font-size:70px; } .parallax h2 { font-size:60px; } .parallax h3 { font-size:50px; } @media only screen and (max-width: 760px) { /* .parallax { background-position:center center !important; } */ .parallax h1 { font-size:55px; } .parallax h2 { font-size:45px; } .parallax h3 { font-size:45px; } } @media only screen and (max-width: 500px) { .parallax h1 { font-size:36px; } .parallax h2 { font-size:30px; } .parallax h3 { font-size:30px; } } /* video background */ section.section-video { border:0; } section.section-video .section-container-video { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; overflow:hidden; z-index: 0; } section.section-video .section-container-video>video { position:absolute; top:0; left:0; } section.section-video h1, section.section-video h2, section.section-video h3, section.section-video h4, section.section-video h5, section.section-video h6, section.section-video p, section.section-video .btn, section.section-video img, section.section-video div, section.section-video { color:#fff; position:relative; z-index:10; } section.section-video .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } section.section-video h1 { font-size:70px; } section.section-video h2 { font-size:60px; } section.section-video h3 { font-size:50px; } @media only screen and (max-width: 760px) { section.section-video h1 { font-size:55px; } section.section-video h2 { font-size:45px; } section.section-video h3 { font-size:45px; } } @media only screen and (max-width: 500px) { section.section-video h1 { font-size:36px; } section.section-video h2 { font-size:30px; } section.section-video h3 { font-size:30px; } } /* Columnize Text */ .columnize-2 { margin: 0 0 1.313em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-3 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-4 { margin: 0 0 1.313em; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-5 { margin: 0 0 1.313em; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } @media only screen and (max-width: 767px) { .columnize-4, .columnize-5, .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } } @media only screen and (max-width: 480px) { .columnize-2, .columnize-3, .columnize-4, .columnize-5, .columnize-6 { font-size:13px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; /* required for IE */ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } a.overlay:hover { background:rgba(255,255,255, 0.2); } /* dark overlay */ .overlay.dark-0 { background-color: rgba(0,0,0,0); } .overlay.dark-1 { background-color: rgba(0,0,0,.1); } .overlay.dark-2 { background-color: rgba(0,0,0,.2); } .overlay.dark-3 { background-color: rgba(0,0,0,.3); } .overlay.dark-4 { background-color: rgba(0,0,0,.4); } .overlay.dark-5 { background-color: rgba(0,0,0,.5); } .overlay.dark-6 { background-color: rgba(0,0,0,.6); } .overlay.dark-7 { background-color: rgba(0,0,0,.7); } .overlay.dark-8 { background-color: rgba(0,0,0,.8); } .overlay.dark-9 { background-color: rgba(0,0,0,.9); } .overlay.dark-10 { background-color: rgba(0,0,0,1); } /* light overlay */ .overlay.light-0 { background-color: rgba(255,255,255,0); } .overlay.light-1 { background-color: rgba(255,255,255,.1); } .overlay.light-2 { background-color: rgba(255,255,255,.2); } .overlay.light-3 { background-color: rgba(255,255,255,.3); } .overlay.light-4 { background-color: rgba(255,255,255,.4); } .overlay.light-5 { background-color: rgba(255,255,255,.5); } .overlay.light-6 { background-color: rgba(255,255,255,.6); } .overlay.light-7 { background-color: rgba(255,255,255,.7); } .overlay.light-8 { background-color: rgba(255,255,255,.8); } .overlay.light-9 { background-color: rgba(255,255,255,.9); } .overlay.light-10 { background-color: rgba(255,255,255,1); } /* raster */ .raster { background-image:url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg==); } .image-raster { position: relative; } .image-raster:after { content:' '; position: absolute; left:0; right:0; top:0; bottom:0; width: 100%; height: 100%; background-image:url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg==); z-index: 1; } .image-raster.opacity-3:before { opacity:0.3; } .image-raster.opacity-4:before { opacity:0.4; } .image-raster.opacity-5:before { opacity:0.5; } .image-raster.opacity-6:before { opacity:0.6; } .image-raster.opacity-7:before { opacity:0.7; } .image-raster.opacity-8:before { opacity:0.8; } .image-raster.opacity-9:before { opacity:0.9; } .shadow-0 { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .hover-shadow:hover { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* img hover switch */ .img-hover-switch { position: relative; overflow: hidden; } .img-hover-switch>figure>img { opacity: 0; position: absolute; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .img-hover-switch>figure>img:last-child { opacity: 0; z-index: 0; position: absolute; left:0; top:0; } .img-hover-switch>figure>img:first-child { opacity: 1; z-index:1; position: relative; } .img-hover-switch:hover>figure>img:first-child { opacity: 0; z-index: 0; position: absolute; left:0; top:0; } .img-hover-switch:hover>figure>img:last-child { opacity: 1; z-index: 1; position: relative; } /* rounded */ .rounded { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /** ICON LIST **/ ul.list-icons { margin-left: 1.75em; position:relative; } ul.list-icons>li { position:relative; } ul.list-icons>li>i { position: absolute; left: -1.75em; width: 14px; text-align: center; top: 5px; } /** Ribbon **/ .ribbon { width: 115px; height: 118px; overflow: hidden; position: absolute; right: -2px; top: -2px; z-index: 1; } .ribbon .ribbon-inner { width: 160px; left: -8px; top: 28px; } .ribbon-inner { font-family: "Open Sans",Helvetica,Arial,sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #1abc9c; letter-spacing: 4px; text-align: center; position: relative; font-weight: 700; font-size: 14px; padding: 7px 0; width: 100px; color: #fff; z-index: 1; left: 3px; top: 6px; } /* shadow box */ .box-shadow { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); } /** Bootstrap 5 column equal grid ******************************** **/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } @media only screen and (max-width: 992px) { .col-md-5th { width:100%; float:none; display:block; } .col-md-5th.col-sm-5th { width: 20%; float: left; } } @media only screen and (max-width: 769px) { .col-md-5th.col-sm-5th { width:100%; float:none; display:block; } } /** Non Bootstrap Grid [visible lines] ******************************** **/ ul.grid { border: 1px solid rgba(0,0,0,.1); border-right:0; border-bottom:0; list-style: none; margin: 0; padding: 0; display: table; clear: both; direction: ltr !important; width: 100%; } ul.grid>li a { text-decoration: none; } ul.grid>li { display: inline-block; width: 25%; text-align: center; line-height: 1; position: relative; float: left; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); } ul.grid>li img { vertical-align: middle; } ul.grid.grid-1 { border: 0; } ul.grid.grid-1>li { width: 100%; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid rgba(0,0,0,.1);; } ul.grid.grid-2>li { width: 50%; } ul.grid.grid-3>li { width: 33.333333%; } ul.grid.grid-4>li { width: 25%; } ul.grid.grid-5>li { width: 20%; height: 190px; line-height: 190px; } ul.grid.grid-6>li { width: 16.666%; height: 160px; line-height: 160px; } ul.grid.grid-7>li { width: 14.2%; height: 160px; line-height: 160px; } ul.grid.grid-8>li { width: 12.5%; height: 160px; line-height: 160px; } ul.grid.grid-9>li { width: 11.1%; height: 160px; line-height: 160px; } ul.grid.grid-10>li { width: 10%; height: 160px; line-height: 160px; } @media only screen and (max-width: 1024px) { ul.grid.grid-7>li, ul.grid.grid-8>li, ul.grid.grid-9>li, ul.grid.grid-10>li { width: 25%; } ul.grid.grid-6>li, ul.grid.grid-5>li { width: 25%; } } @media only screen and (max-width: 768px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li { width: 33.333333%; } ul.grid.grid-4>li { width: 50%; } ul.grid.grid-8>li { width: 12.5% } ul.grid.grid-sm-10>li { width: 10% !important; } ul.grid.grid-sm-9>li { width: 11.1% !important; } ul.grid.grid-sm-8>li { width: 12.5% !important; } ul.grid.grid-sm-7>li { width: 14.2% !important; } ul.grid.grid-sm-6>li { width: 16.6% !important; } ul.grid.grid-sm-5>li { width: 20% !important; } ul.grid.grid-sm-4>li { width: 25% !important; } ul.grid.grid-sm-3>li { width: 33.33% !important; } ul.grid.grid-sm-2>li { width: 50% !important; } ul.grid.grid-sm-1>li { width: 100% !important; } } @media only screen and (max-width: 600px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li, ul.grid.grid-4>li, ul.grid.grid-3>li { width: 50%; } ul.grid.grid-3>li:last-child { width: 100%; } ul.grid.grid-8>li { width: 25%; } ul.grid.grid-xs-10>li { width: 10% !important; } ul.grid.grid-xs-9>li { width: 11.1% !important; } ul.grid.grid-xs-8>li { width: 12.5% !important; } ul.grid.grid-xs-7>li { width: 14.2% !important; } ul.grid.grid-xs-6>li { width: 16.6% !important; } ul.grid.grid-xs-5>li { width: 20% !important; } ul.grid.grid-xs-4>li { width: 25% !important; } ul.grid.grid-xs-3>li { width: 33.33% !important; } ul.grid.grid-xs-2>li { width: 50% !important; } ul.grid.grid-xs-1>li { width: 100% !important; } } @media only screen and (min-width: 768px) { ul.grid.grid-md-10>li { width: 10% !important; } ul.grid.grid-md-9>li { width: 11.1% !important; } ul.grid.grid-md-8>li { width: 12.5% !important; } ul.grid.grid-md-7>li { width: 14.2% !important; } ul.grid.grid-md-6>li { width: 16.6% !important; } ul.grid.grid-md-5>li { width: 20% !important; } ul.grid.grid-md-4>li { width: 25% !important; } ul.grid.grid-md-3>li { width: 33.33% !important; } ul.grid.grid-md-2>li { width: 50% !important; } ul.grid.grid-md-1>li { width: 100% !important; } } /* required for BS4 and ZOOM - do not remove! */ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } /** 05. Progress Bars & Pie Charts **************************************************************** **/ .progress { overflow:visible; background:rgba(0,0,0,0.1); margin-bottom: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .progress { background-color:#333; } .progress.progress-xxs { height:3px; } .progress.progress-xs { height:6px; } .progress.progress-lg { height:36px; overflow:hidden; } .progress.progress-lg span { line-height:36px; text-overflow:ellipsis; white-space: nowrap; } .progress.progress-lg span.inline-text { text-align:left; padding:8px; display:block; font-size:14px; position:absolute; min-width:50%; } .progress-bar-default { background-color:rgba(11,11,11,0.9); } /* align */ .progress-bar.text-left>span { padding-left:10px; } .progress-bar.text-right>span { padding-right:10px; } /** Easy Pie Chart ******************** **/ .piechart { position:relative; display:inline-block; text-align:center; display: inline-block; margin: 0 15px 15px; } .piechart > i { position:absolute; display:block; text-align:center; font-size: 42px; } .piechart > span { position:absolute; display:block; text-align:center; font-size:17px; font-weight:bold; } .piechart > span.countTo { font-size:30px; } .piechart > span[class^="size-"], .piechart > span[class*=" size-"] { line-height:inherit; } .easyPieChart { display: inline-block; position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #333; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } /** 06. Dropcap **************************************************************** **/ .dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: -3px; display:inline-block; color:#333; } .dropcap.color:first-letter { color:#fff; background:#333; margin-top: 8px; padding: 0 8px 3px 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .dropcap:first-letter { color:#fff; } /** 07. Table **************************************************************** **/ /* table { background-color:rgba(0,0,0,0.01); } table thead { background-color:rgba(0,0,0,0.08); } */ table .btn { margin:0 3px; } section.dark table tr.odd { color:#ddd; background-color:#777; } section.dark table tr.odd:hover { background-color:#888; } section.dark table tr.even { color:#ddd; } section.dark table tr.even:hover { background-color:rgba(0,0,0,0.5); } section.dark .table-bordered { border-color:#666; } section.dark .table-bordered>tbody>tr>td, section.dark .table-bordered>tbody>tr>th, section.dark .table-bordered>tfoot>tr>td, section.dark .table-bordered>tfoot>tr>th, section.dark .table-bordered>thead>tr>td, section.dark .table-bordered>thead>tr>th { border-color:#666; } table.table-vertical-middle td { vertical-align: middle !important; } /** 08. Nav Pills **************************************************************** **/ section .nav-pills { display:inline-block; } section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus { background-color:rgba(0,0,0,0.1) !important; } section .nav-pills>li>a { padding:6px 15px; margin-bottom:6px; letter-spacing:1px; } @media only screen and (max-width: 550px) { section .nav-pills { background-color:rgba(0,0,0,0.02); } section .nav-pills, section .nav-pills>li, section .nav-pills>li>a { display:block !important; float:none; } } /** 09. Blockquotes **************************************************************** **/ blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-weight:bold; position:relative; } blockquote { border-left: 5px solid rgba(0,0,0,0.1); font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0; padding: 0 0 0 25px; position: relative; } blockquote.reverse { border-left: 0; border-right: 5px solid rgba(0,0,0,0.1); margin: 25px 0; padding: 0 25px 0 0; text-align:right; } section.dark blockquote { border-left-color:#666; } section.dark blockquote.reverse { border-right-color:#666; } blockquote.quote { border:0; } blockquote.quote:before { font-family: font-icons; font-weight: 400; content: "\e7ad"; position: absolute; width: 43px; height: 43px; line-height: 43px; font-size: 43px; top: 0; left: 0; color: #EEE; z-index:0; } blockquote.quote.reverse:before { left:auto; right:0; text-align:right; } blockquote.pull-left { max-width:350px; padding-right: 20px; padding-bottom: 10px; } blockquote.pull-right { max-width:350px; padding-left: 20px; padding-bottom: 10px; } blockquote p { margin-bottom:20px; position:relative; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } blockquote cite:before { content: '\2014 \00A0'; padding-right:8px; } blockquote cite:after { content: '\2014 \00A0'; padding-left:10px; } /** 10. Background Patterns *************************************************** **/ .pattern1 { background:url(/Content/images/_smarty/patterns/pattern1.png) repeat fixed; } .pattern2 { background:url(/Content/images/_smarty/patterns/pattern2.png) repeat fixed; } .pattern3 { background:url(/Content/images/_smarty/patterns/pattern3.png) repeat fixed; } .pattern4 { background:url(/Content/images/_smarty/patterns/pattern4.png) repeat fixed; } .pattern5 { background:url(/Content/images/_smarty/patterns/pattern5.png) repeat fixed; } .pattern6 { background:url(/Content/images/_smarty/patterns/pattern6.png) repeat fixed; } .pattern7 { background:url(/Content/images/_smarty/patterns/pattern7.png) repeat fixed; } .pattern8 { background:url(/Content/images/_smarty/patterns/pattern8.png) repeat fixed; } .pattern9 { background:url(/Content/images/_smarty/patterns/pattern9.png) repeat fixed; } .pattern10 { background:url(/Content/images/_smarty/patterns/pattern10.png) repeat fixed; } .pattern11 { background:url(/Content/images/_smarty/patterns/pattern11.png) repeat fixed; } /** 11. Colors colors.css v2.0.0 http://clrs.cc SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Text Color */ .text-navy { color: #001F3F !important; } .text-blue { color: #0074D9 !important; } .text-aqua { color: #7FDBFF !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-green { color: #2ECC40 !important; } .text-lime { color: #01FF70 !important; } .text-yellow { color: #FFDC00 !important; } .text-orange { color: #FF851B !important; } .text-red { color: #FF4136 !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #B10DC9 !important; } .text-maroon { color: #85144B !important; } .text-white { color: #fff !important; } .text-silver { color: #ddd !important; } .text-gray { color: #aaa !important; } .text-black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /** 12. Magnific Popup v1.0.0 *************************************************** **/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** 13. Owl Carousel v1.3.3 *************************************************** **/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 0; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel.featured .owl-controls .owl-prev { margin-right:3px; } #progressBar { width: 100%; background: rgba(0,0,0,0.05); } #progressBar #bar { height:3px; width: 100%; background-color:#333; } /* mouse grab icon */ .grabbing { cursor:url(/Content/images/_smarty/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /** CUSTOM REWRITE **/ .owl-carousel { overflow:hidden; margin-bottom:20px; position:relative; } .owl-carousel.owl-padding-0 .owl-item { padding:0 !important; } .owl-carousel.owl-padding-1 .owl-item { padding:0 1px; } .owl-carousel.owl-padding-2 .owl-item { padding:0 2px; } .owl-carousel.owl-padding-3 .owl-item { padding:0 3px; } .owl-carousel.owl-padding-6 .owl-item { padding:0 6px; } .owl-carousel.owl-padding-10 .owl-item { padding:0 10px; } .owl-carousel.owl-padding-15 .owl-item { padding:0 15px; } .owl-carousel.owl-padding-20 .owl-item { padding:0 20px; } /* Cause width problems - better to leave left/right margins .owl-carousel .owl-item:first-child { padding-left:0; } .owl-carousel .owl-item:last-child { padding-right:0; } */ .owl-carousel img { display:inline-block; } .owl-carousel.buttons-autohide .owl-buttons { filter: Alpha(Opacity=0); opacity:0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .owl-carousel.buttons-autohide:hover .owl-buttons { filter: Alpha(Opacity=100); opacity:1; } .owl-theme .owl-controls .owl-buttons div { color:#121212; background:#fff; border:#fff 1px solid; opacity:1; filter: Alpha(Opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .owl-theme .owl-controls .owl-buttons div { color:#fff; background:#212121; border:#212121 1px solid; } .controlls-over .owl-controls .owl-prev { position: absolute; top: 50%; margin-top: -28px; right:auto; left: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-controls .owl-next { position: absolute; top: 50%; margin-top: -28px; left:auto; right: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-pagination { text-align:center; position:absolute; width:60%; margin:auto; bottom:-20px; left:0; right:0; z-index:1; } .owl-theme.controlls-over .owl-controls .owl-page { background:rgba(0,0,0,0.3); margin-bottom:30px; position:relative; display:inline-block; } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-top-left: 10px; -moz-border-radius-bottom-left: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-top-right: 10px; -moz-border-radius-bottom-right: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background:#fff; } .bottom-pagination .owl-controls .owl-page { margin-bottom:-40px !important; } /* top text caption */ .owl-carousel .owl-item div { position:relative; text-align:center; } .owl-carousel .owl-caption { padding:10px; position:absolute !important; left:0; top:0; right:0; margin-top:0; max-width:100%; background:rgba(0,0,0,0.3); display:block; color:#fff; } .owl-carousel .owl-caption p { color:#fff; font-size:13px; line-height:20px; padding:0; margin:0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color:#fff; font-size:21px; line-height:21px; font-weight:bold; margin-bottom:10px; } .owl-carousel .owl-caption a { color:#fff; font-weight:bold; } .owl-carousel.controls-hover-only .owl-controls { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .slider:hover .owl-carousel.controls-hover-only .owl-controls, .owl-carousel.controls-hover-only:hover .owl-controls { filter: alpha(opacity=100); opacity: 1; } /* Featured Item */ .owl-carousel.featured .owl-featured-item { width:99%; padding-bottom:15px; text-align:center; display:block; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover { background-color: #eaeaea; } .owl-carousel.featured .owl-featured-item a.figure { margin:0; padding:0; display:block; width:100%; height:auto; overflow:hidden; text-align:center; z-index:0; position:relative; } .owl-carousel.featured .owl-featured-item a.figure>img { height:auto !important; width:100% !important; max-width: 100% !important; vertical-align:top; } .owl-carousel.featured .owl-featured-detail { position:relative; padding-top:6px; } .owl-carousel.featured .owl-featured-detail:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left: 50%; margin-left: -10px; top: -10px; z-index:10; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom: 10px solid #eaeaea; } .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#333; margin-top:6px; display:block; } .owl-carousel.featured .owl-featured-detail>span.price { display:block; margin-bottom:6px; } .owl-carousel.featured { margin-top:6px; } .owl-carousel.featured .owl-controls.clickable { top:0 !important; margin-top:-45px; position:absolute; right:0; } h2.owl-featured { font-size:16px; line-height:19px; border-bottom:rgba(0,0,0,0.2) 1px dashed; padding-bottom:6px; margin-bottom:10px;; } .owl-carousel.featured a.figure>span { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.3); filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .owl-carousel.featured a.figure>span>i { color:#333; position:absolute; left:50%; top:50%; background:#fff; font-size:21px; width:50px; height:50px; line-height: 50px !important; text-align:center; margin-left:-20px; margin-top:-20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottom-right: 20px; -moz-border-radius-top-left: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .owl-carousel.featured a.figure:hover>span { filter: alpha(opacity=100); opacity: 1; } .owl-carousel.featured { overflow:inherit !important; } .owl-carousel.featured .owl-prev, .owl-carousel.featured .owl-next { display:inline-block !important; color:#999 !important; width:30px !important; height:30px !important; line-height:30px !important; font-size:20px !important; } .owl-carousel.featured .owl-prev:hover, .owl-carousel.featured .owl-next:hover { color:#121212 !important; } section.dark .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#fff; } section.dark .owl-carousel.featured .owl-featured-detail:after { border-bottom-color: #212121; } section.dark .owl-carousel.featured .owl-featured-item:hover { background-color: #111; } section.dark .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom-color: #111; } section.dark .owl-carousel.featured .owl-prev, section.dark .owl-carousel.featured .owl-next { color:#999 !important } section.dark .owl-carousel.featured .owl-prev:hover, section.dark .owl-carousel.featured .owl-next:hover { color:#fff !important } section.dark h2.owl-featured { border-bottom-color:#666; } @media only screen and (max-width: 768px) { /* .owl-carousel.featured .owl-controls { display:none !important } */ } /* buttons bottom */ .owl-carousel.buttons-bottom .owl-controls{ top:auto !important; } .owl-carousel.buttons-bottom .owl-next, .owl-carousel.buttons-bottom .owl-prev { margin-top:-20px !important; } /* special carousel title */ .owl-carousel .owl-carousel-caption { background-color:rgba(0,0,0,0.5); position:absolute !important; top:0; left:0; right:0; color:#fff; padding:20px; height:96px; overflow:hidden; } .owl-carousel .owl-carousel-caption.top { top:0; bottom:auto; } .owl-carousel .owl-carousel-caption.bottom { top:auto; bottom:29px; } .owl-carousel .owl-carousel-caption h2, .owl-carousel .owl-carousel-caption h3, .owl-carousel .owl-carousel-caption h4 { color:#fff; font-size:16px; line-height:16px; margin-bottom:10px; font-weight:bold; overflow:hidden; display:block; width:100%; text-overflow:ellipsis; white-space: nowrap; } .owl-carousel .owl-carousel-caption p { color:#fff; font-size:12px; line-height:15px; padding:0; margin:0; } .owl-theme .owl-controls .owl-buttons div { /* padding:6px 13px; */ } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .controlls-over .owl-controls .owl-prev { margin-left:10px; } .controlls-over .owl-controls .owl-next { margin-right:10px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 5px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } @media only screen and (max-width: 600px) { .owl-pagination { display:none; } } /** 13. OWL Carousel v2.2.1 *************************************************** **/ .owl-carousel-2 { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel-2 .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel-2 .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel-2 .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel-2 .owl-wrapper, .owl-carousel-2 .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel-2 .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel-2 .owl-item img { display: block; width: 100%; } .owl-carousel-2 .owl-nav.disabled, .owl-carousel-2 .owl-dots.disabled { display: none; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-loaded { display: block; } .owl-carousel-2.owl-loading { opacity: 0; display: block; } .owl-carousel-2.owl-hidden { opacity: 0; } .owl-carousel-2.owl-refresh .owl-item { visibility: hidden; } .owl-carousel-2.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-grab { cursor: move; cursor: grab; } .owl-carousel-2.owl-rtl { direction: rtl; } .owl-carousel-2.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel-2 { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel-2 .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel-2 .owl-animated-in { z-index: 0; } .owl-carousel-2 .owl-animated-out { z-index: 1; } .owl-carousel-2 .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel-2 .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel-2 .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel-2 .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel-2 .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/Content/Theme/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel-2 .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel-2 .owl-video-playing .owl-video-tn, .owl-carousel-2 .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel-2 .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel-2 .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* plugin rewrite */ .owl-carousel-2 { position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* navigation */ .owl-carousel-2 .owl-nav, .owl-carousel-2 .owl-dots { text-align:center; display: inline-block; } .owl-carousel-2 .owl-nav { margin: 8px 0; position: absolute; bottom:0; right:6px; } .owl-carousel-2 .owl-nav>.owl-prev, .owl-carousel-2 .owl-nav>.owl-next { background-color: rgba(255,255,255,0.7); color: #111 !important; font-size:30px !important; } .owl-carousel-2 .owl-nav>.owl-prev:hover, .owl-carousel-2 .owl-nav>.owl-next:hover { background-color: #fff; } .owl-carousel-2 .owl-dots { margin: 18px 0 0 0; float: left; max-width: calc(100% - 90px); overflow: hidden; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next { width: 30px; height: 30px; border: #eaeaea 1px solid; margin:3px; color:#ccc; font-size:17px; border-radius:3px; } .owl-carousel-2 .owl-nav .owl-prev:hover, .owl-carousel-2 .owl-nav .owl-next:hover { color:#121212; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { display: inline-block; zoom: 1; } .owl-carousel-2 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color:#333; } .owl-carousel-2 .owl-caption, .owl-carousel-2 .owl-caption-top-left, .owl-carousel-2 .owl-caption-top-right, .owl-carousel-2 .owl-caption-bottom-left, .owl-carousel-2 .owl-caption-bottom-right, .owl-carousel-2 .owl-caption-top-center, .owl-carousel-2 .owl-caption-bottom-center { position: absolute; bottom: 0; left: 0; color: #fff; display: inline-block; font-size:17px; font-weight:400; padding:15px; -webkit-text-shadow: #333 1px 1px; -moz-text-shadow: #333 1px 1px; -o-text-shadow: #333 1px 1px; text-shadow: #333 1px 1px; z-index:1000; } .owl-carousel-2 .owl-caption-top-left { top:0; left:0; bottom: auto; right:auto; text-align:left; } .owl-carousel-2 .owl-caption-top-right { top:0; left:auto; bottom: auto; right:0; text-align:right; } .owl-carousel-2 .owl-caption-bottom-left { top:auto; left:0; bottom: 0; right:auto; text-align: left; } .owl-carousel-2 .owl-caption-bottom-right { top:auto; left:0; bottom: 0; right:0; text-align: right; } .owl-carousel-2 .owl-caption-top-center { top:0; left:0; bottom: auto; right:0; text-align: center; } .owl-carousel-2 .owl-caption-bottom-center { top:auto; left:0; bottom: 0; right:0; text-align: center; } .owl-carousel-2 .owl-subtitle { display: block; font-size:14px; } .owl-caption-text-light { color:#fff !important; -webkit-text-shadow: #333 1px 1px !important; -moz-text-shadow: #333 1px 1px !important; -o-text-shadow: #333 1px 1px !important; text-shadow: #333 1px 1px !important; } .owl-caption-text-dark { color:#121212 !important; -webkit-text-shadow: #fff 1px 1px !important; -moz-text-shadow: #fff 1px 1px !important; -o-text-shadow: #fff 1px 1px !important; text-shadow: #fff 1px 1px !important; } /* centered focus */ .owl-carousel-2.owl-centered-focus .owl-item:before { content: ''; background-color: rgba(255,255,255,0.8); position: absolute; left:0; right:0; top:0; bottom:0; z-index:100; } .owl-carousel-2.owl-centered-focus .owl-item.active.center:before { display: none; } /* dot navigation */ .owl-carousel-2.controlls-over .owl-dots { margin: -35px 10px 0 10px; position: absolute; z-index:9999; background-color: rgba(0,0,0,0.4); line-height: 1; padding-bottom: 6px; -webkit-border-radius: 4px; border-radius: 4px; } .owl-carousel-2 .owl-dots .owl-dot span { background: #fff; margin: 0 7px 0 7px; width:20px; height: 5px; -webkit-border-radius: 0; border-radius: 0; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color: #0275d8; } /* zoom image viewer */ .owl-carousel-2.zoom-more .owl-nav { top: auto !important; bottom: 0 !important; margin-top: 0; margin-bottom: -10px; right: -10px; } .owl-carousel-2.zoom-more a, .owl-carousel-2.zoom-more a>img { text-align: center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel-2.zoom-more a>img { opacity:0.5; filter: alpha(opacity=80); filter: url(/Content/Theme/data:image/svg+xml;utf8,#grayscale); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .owl-carousel-2.zoom-more a.active>img { opacity:1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } .owl-carousel-2.zoom-more .owl-nav { margin-bottom: -36px; } .owl-carousel-2.zoom-more .owl-nav .owl-prev, .owl-carousel-2.zoom-more .owl-nav .owl-next { border:0; margin: 0; padding: 0; background-color: transparent; opacity: 0.5; } .owl-carousel-2.zoom-more .owl-nav .owl-prev:hover, .owl-carousel-2.zoom-more .owl-nav .owl-next:hover { opacity: 1; } /** 14. Animate v3.5.1 https://github.com/daneden/animate.css *************************************************** **/ .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{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-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{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-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{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,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{11.1%,from,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{20%,40%,60%,80%,from,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:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,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:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,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{60%,75%,90%,from,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{60%,75%,90%,from,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{60%,75%,90%,from,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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{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:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{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:translate3d(0,0,0);transform:translate3d(0,0,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{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{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{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{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{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{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{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{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{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{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{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{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{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{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{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{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{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{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{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{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{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-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}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}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{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{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{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{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{from{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{from{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{from{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{from{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{from{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{from{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{from{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{from{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{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}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{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** 15. Fontawesome v4.7.0 http://fortawesome.github.io/Font-Awesome/ *************************************************** **/ @font-face{font-family:'FontAwesome';src:url(/Content/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/Content/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/Content/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/Content/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/Content/fonts/fontawesome-webfont.svg?v=4.7.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}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.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}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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,.fa-gratipay: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-pp: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /** 16. Et-Line & Font Icons *************************************************** **/ /* Et-Line */ @font-face { font-family: 'et-line'; src:url(/Content/fonts/et-line.eot); src:url(/Content/fonts/et-line.eot?#iefix) format('embedded-opentype'), url(/Content/fonts/et-line.woff) format('woff'), url(/Content/fonts/et-line.ttf) format('truetype'), url(/Content/fonts/et-line.svg#et-line) format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before{font-family:et-line;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.et-adjustments,.et-alarmclock,.et-anchor,.et-aperture,.et-attachment,.et-bargraph,.et-basket,.et-beaker,.et-bike,.et-book-open,.et-briefcase,.et-browser,.et-calendar,.et-camera,.et-caution,.et-chat,.et-circle-compass,.et-clipboard,.et-clock,.et-cloud,.et-compass,.et-desktop,.et-dial,.et-document,.et-documents,.et-download,.et-dribbble,.et-edit,.et-envelope,.et-expand,.et-facebook,.et-flag,.et-focus,.et-gears,.et-genius,.et-gift,.et-global,.et-globe,.et-googleplus,.et-grid,.et-happy,.et-hazardous,.et-heart,.et-hotairballoon,.et-hourglass,.et-key,.et-laptop,.et-layers,.et-lifesaver,.et-lightbulb,.et-linegraph,.et-linkedin,.et-lock,.et-magnifying-glass,.et-map,.et-map-pin,.et-megaphone,.et-mic,.et-mobile,.et-newspaper,.et-notebook,.et-paintbrush,.et-paperclip,.et-pencil,.et-phone,.et-picture,.et-pictures,.et-piechart,.et-presentation,.et-pricetags,.et-printer,.et-profile-female,.et-profile-male,.et-puzzle,.et-quote,.et-recycle,.et-refresh,.et-ribbon,.et-rss,.et-sad,.et-scissors,.et-scope,.et-search,.et-shield,.et-speedometer,.et-strategy,.et-streetsign,.et-tablet,.et-target,.et-telescope,.et-toolbox,.et-tools,.et-tools-2,.et-trophy,.et-tumblr,.et-twitter,.et-upload,.et-video,.et-wallet,.et-wine{font-family:et-line;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.et-mobile:before{content:"\e000"}.et-laptop:before{content:"\e001"}.et-desktop:before{content:"\e002"}.et-tablet:before{content:"\e003"}.et-phone:before{content:"\e004"}.et-document:before{content:"\e005"}.et-documents:before{content:"\e006"}.et-search:before{content:"\e007"}.et-clipboard:before{content:"\e008"}.et-newspaper:before{content:"\e009"}.et-notebook:before{content:"\e00a"}.et-book-open:before{content:"\e00b"}.et-browser:before{content:"\e00c"}.et-calendar:before{content:"\e00d"}.et-presentation:before{content:"\e00e"}.et-picture:before{content:"\e00f"}.et-pictures:before{content:"\e010"}.et-video:before{content:"\e011"}.et-camera:before{content:"\e012"}.et-printer:before{content:"\e013"}.et-toolbox:before{content:"\e014"}.et-briefcase:before{content:"\e015"}.et-wallet:before{content:"\e016"}.et-gift:before{content:"\e017"}.et-bargraph:before{content:"\e018"}.et-grid:before{content:"\e019"}.et-expand:before{content:"\e01a"}.et-focus:before{content:"\e01b"}.et-edit:before{content:"\e01c"}.et-adjustments:before{content:"\e01d"}.et-ribbon:before{content:"\e01e"}.et-hourglass:before{content:"\e01f"}.et-lock:before{content:"\e020"}.et-megaphone:before{content:"\e021"}.et-shield:before{content:"\e022"}.et-trophy:before{content:"\e023"}.et-flag:before{content:"\e024"}.et-map:before{content:"\e025"}.et-puzzle:before{content:"\e026"}.et-basket:before{content:"\e027"}.et-envelope:before{content:"\e028"}.et-streetsign:before{content:"\e029"}.et-telescope:before{content:"\e02a"}.et-gears:before{content:"\e02b"}.et-key:before{content:"\e02c"}.et-paperclip:before{content:"\e02d"}.et-attachment:before{content:"\e02e"}.et-pricetags:before{content:"\e02f"}.et-lightbulb:before{content:"\e030"}.et-layers:before{content:"\e031"}.et-pencil:before{content:"\e032"}.et-tools:before{content:"\e033"}.et-tools-2:before{content:"\e034"}.et-scissors:before{content:"\e035"}.et-paintbrush:before{content:"\e036"}.et-magnifying-glass:before{content:"\e037"}.et-circle-compass:before{content:"\e038"}.et-linegraph:before{content:"\e039"}.et-mic:before{content:"\e03a"}.et-strategy:before{content:"\e03b"}.et-beaker:before{content:"\e03c"}.et-caution:before{content:"\e03d"}.et-recycle:before{content:"\e03e"}.et-anchor:before{content:"\e03f"}.et-profile-male:before{content:"\e040"}.et-profile-female:before{content:"\e041"}.et-bike:before{content:"\e042"}.et-wine:before{content:"\e043"}.et-hotairballoon:before{content:"\e044"}.et-globe:before{content:"\e045"}.et-genius:before{content:"\e046"}.et-map-pin:before{content:"\e047"}.et-dial:before{content:"\e048"}.et-chat:before{content:"\e049"}.et-heart:before{content:"\e04a"}.et-cloud:before{content:"\e04b"}.et-upload:before{content:"\e04c"}.et-download:before{content:"\e04d"}.et-target:before{content:"\e04e"}.et-hazardous:before{content:"\e04f"}.et-piechart:before{content:"\e050"}.et-speedometer:before{content:"\e051"}.et-global:before{content:"\e052"}.et-compass:before{content:"\e053"}.et-lifesaver:before{content:"\e054"}.et-clock:before{content:"\e055"}.et-aperture:before{content:"\e056"}.et-quote:before{content:"\e057"}.et-scope:before{content:"\e058"}.et-alarmclock:before{content:"\e059"}.et-refresh:before{content:"\e05a"}.et-happy:before{content:"\e05b"}.et-sad:before{content:"\e05c"}.et-facebook:before{content:"\e05d"}.et-twitter:before{content:"\e05e"}.et-googleplus:before{content:"\e05f"}.et-rss:before{content:"\e060"}.et-tumblr:before{content:"\e061"}.et-linkedin:before{content:"\e062"}.et-dribbble:before{content:"\e063"} /* Font Icons */ @font-face { font-family: 'font-icons'; src:url(/Content/fonts/font-icons.eot); src:url(/Content/fonts/font-icons.eot) format('embedded-opentype'), url(/Content/fonts/font-icons.woff) format('woff'), url(/Content/fonts/font-icons.ttf) format('truetype'), url(/Content/fonts/font-icons.svg) format('svg'); font-weight: normal; font-style: normal; } .side-header #primary-menu ul>li.sub-menu>a:after,[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:font-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.icon-2x{font-size:2em}.icon-3x{font-size:3em}.icon-4x{font-size:4em}.icon-5x{font-size:5em}.icon-fw{width:1.2857142857142858em;text-align:center}.iconlist{padding-left:0;margin-left:1.75em;list-style-type:none}.iconlist li{position:relative}.iconlist ul{list-style-type:none;margin:5px 0 5px 25px}.iconlist>li [class*=" icon-"],.iconlist>li [class^=icon-]{position:absolute;left:-1.75em;text-align:center;top:1px;width:14px}.iconlist.iconlist-large{font-size:16px}.iconlist.iconlist-large li{margin:4px 0}.iconlist.iconlist-large>li [class*=" icon-"],.iconlist.iconlist-large>li [class^=icon-]{width:16px;margin-right:5px}.iconlist-color li i{color:#1ABC9C}.icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.icon.pull-left{margin-right:.3em}.icon.pull-right{margin-left:.3em}.icon-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.icon-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icon-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.icon-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.icon-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.icon-stacked{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.icon-stacked-1x,.icon-stacked-2x{position:absolute;left:0;width:100%;text-align:center}.icon-stacked-1x{line-height:inherit}.icon-stacked-2x{font-size:2em}.icon-inverse{color:#fff}.icon-type:before{content:"\e600"}.icon-box:before{content:"\e601"}.icon-archive:before{content:"\e602"}.icon-envelope:before{content:"\e603"}.icon-email:before{content:"\e604"}.icon-files:before{content:"\e605"}.icon-printer2:before{content:"\e606"}.icon-folder-add:before{content:"\e607"}.icon-folder-settings:before{content:"\e608"}.icon-folder-check:before{content:"\e609"}.icon-wifi-low:before{content:"\e60a"}.icon-wifi-mid:before{content:"\e60b"}.icon-wifi-full:before{content:"\e60c"}.icon-connection-empty:before{content:"\e60d"}.icon-battery-full:before{content:"\e60e"}.icon-settings:before{content:"\e60f"}.icon-arrow-left:before{content:"\e610"}.icon-arrow-up:before{content:"\e611"}.icon-arrow-down:before{content:"\e612"}.icon-arrow-right:before{content:"\e613"}.icon-reload:before{content:"\e614"}.icon-download:before{content:"\e615"}.icon-tag:before{content:"\e616"}.icon-trashcan:before{content:"\e617"}.icon-search:before{content:"\e618"}.icon-zoom-in:before{content:"\e619"}.icon-zoom-out:before{content:"\e61a"}.icon-chat:before{content:"\e61b"}.icon-clock:before{content:"\e61c"}.icon-printer:before{content:"\e61d"}.icon-home:before{content:"\e61e"}.icon-flag:before{content:"\e61f"}.icon-meter:before{content:"\e620"}.icon-switch:before{content:"\e621"}.icon-forbidden:before{content:"\e622"}.icon-phone-landscape:before{content:"\e623"}.icon-tablet:before{content:"\e624"}.icon-tablet-landscape:before{content:"\e625"}.icon-laptop:before{content:"\e626"}.icon-camera:before{content:"\e627"}.icon-microwave-oven:before{content:"\e628"}.icon-credit-cards:before{content:"\e629"}.icon-map-marker:before{content:"\e62a"}.icon-map:before{content:"\e62b"}.icon-support:before{content:"\e62c"}.icon-newspaper2:before{content:"\e62d"}.icon-barbell:before{content:"\e62e"}.icon-stopwatch:before{content:"\e62f"}.icon-atom:before{content:"\e630"}.icon-image:before{content:"\e631"}.icon-cube:before{content:"\e632"}.icon-bars:before{content:"\e633"}.icon-chart:before{content:"\e634"}.icon-pencil:before{content:"\e635"}.icon-measure:before{content:"\e636"}.icon-eyedropper:before{content:"\e637"}.icon-file-settings:before{content:"\e638"}.icon-file-add:before{content:"\e639"}.icon-file:before{content:"\e63a"}.icon-align-left:before{content:"\e63b"}.icon-align-right:before{content:"\e63c"}.icon-align-center:before{content:"\e63d"}.icon-align-justify:before{content:"\e63e"}.icon-file-broken:before{content:"\e63f"}.icon-browser:before{content:"\e640"}.icon-windows:before{content:"\e641"}.icon-window:before{content:"\e642"}.icon-folder:before{content:"\e643"}.icon-connection-25:before{content:"\e644"}.icon-connection-50:before{content:"\e645"}.icon-connection-75:before{content:"\e646"}.icon-connection-full:before{content:"\e647"}.icon-list:before{content:"\e648"}.icon-grid:before{content:"\e649"}.icon-stack3:before{content:"\e64a"}.icon-battery-charging:before{content:"\e64b"}.icon-battery-empty:before{content:"\e64c"}.icon-battery-25:before{content:"\e64d"}.icon-battery-50:before{content:"\e64e"}.icon-battery-75:before{content:"\e64f"}.icon-refresh:before{content:"\e650"}.icon-volume:before{content:"\e651"}.icon-volume-increase:before{content:"\e652"}.icon-volume-decrease:before{content:"\e653"}.icon-mute:before{content:"\e654"}.icon-microphone:before{content:"\e655"}.icon-microphone-off:before{content:"\e656"}.icon-book:before{content:"\e657"}.icon-checkmark:before{content:"\e658"}.icon-checkbox-checked:before{content:"\e659"}.icon-checkbox:before{content:"\e65a"}.icon-paperclip:before{content:"\e65b"}.icon-chat-1:before{content:"\e65c"}.icon-chat-2:before{content:"\e65d"}.icon-chat-3:before{content:"\e65e"}.icon-comment:before{content:"\e65f"}.icon-calendar:before{content:"\e660"}.icon-bookmark:before{content:"\e661"}.icon-email2:before{content:"\e662"}.icon-heart:before{content:"\e663"}.icon-enter:before{content:"\e664"}.icon-cloud:before{content:"\e665"}.icon-book2:before{content:"\e666"}.icon-star:before{content:"\e667"}.icon-lock:before{content:"\e668"}.icon-unlocked:before{content:"\e669"}.icon-unlocked2:before{content:"\e66a"}.icon-users:before{content:"\e66b"}.icon-user:before{content:"\e66c"}.icon-users2:before{content:"\e66d"}.icon-user2:before{content:"\e66e"}.icon-bullhorn:before{content:"\e66f"}.icon-share:before{content:"\e670"}.icon-screen:before{content:"\e671"}.icon-phone:before{content:"\e672"}.icon-phone-portrait:before{content:"\e673"}.icon-calculator:before{content:"\e674"}.icon-bag:before{content:"\e675"}.icon-diamond:before{content:"\e676"}.icon-drink:before{content:"\e677"}.icon-shorts:before{content:"\e678"}.icon-vcard:before{content:"\e679"}.icon-sun:before{content:"\e67a"}.icon-bill:before{content:"\e67b"}.icon-coffee:before{content:"\e67c"}.icon-tv2:before{content:"\e67d"}.icon-newspaper:before{content:"\e67e"}.icon-stack:before{content:"\e67f"}.icon-syringe:before{content:"\e680"}.icon-health:before{content:"\e681"}.icon-bolt:before{content:"\e682"}.icon-pill:before{content:"\e683"}.icon-bones:before{content:"\e684"}.icon-lab:before{content:"\e685"}.icon-clipboard:before{content:"\e686"}.icon-mug:before{content:"\e687"}.icon-bucket:before{content:"\e688"}.icon-select:before{content:"\e689"}.icon-graph:before{content:"\e68a"}.icon-crop:before{content:"\e68b"}.icon-heart2:before{content:"\e68c"}.icon-cloud2:before{content:"\e68d"}.icon-star2:before{content:"\e68e"}.icon-pen:before{content:"\e68f"}.icon-diamond2:before{content:"\e690"}.icon-display:before{content:"\e691"}.icon-paperplane:before{content:"\e692"}.icon-params:before{content:"\e693"}.icon-banknote:before{content:"\e694"}.icon-vynil:before{content:"\e695"}.icon-truck:before{content:"\e696"}.icon-world:before{content:"\e697"}.icon-tv:before{content:"\e698"}.icon-sound:before{content:"\e699"}.icon-video:before{content:"\e69a"}.icon-trash:before{content:"\e69b"}.icon-user3:before{content:"\e69c"}.icon-key:before{content:"\e69d"}.icon-search2:before{content:"\e69e"}.icon-settings2:before{content:"\e69f"}.icon-camera2:before{content:"\e6a0"}.icon-tag2:before{content:"\e6a1"}.icon-lock2:before{content:"\e6a2"}.icon-bulb:before{content:"\e6a3"}.icon-location:before{content:"\e6a4"}.icon-eye:before{content:"\e6a5"}.icon-bubble:before{content:"\e6a6"}.icon-stack2:before{content:"\e6a7"}.icon-cup:before{content:"\e6a8"}.icon-phone2:before{content:"\e6a9"}.icon-news:before{content:"\e6aa"}.icon-mail:before{content:"\e6ab"}.icon-like:before{content:"\e6ac"}.icon-photo:before{content:"\e6ad"}.icon-note:before{content:"\e6ae"}.icon-clock2:before{content:"\e6af"}.icon-data:before{content:"\e6b0"}.icon-music:before{content:"\e6b1"}.icon-megaphone:before{content:"\e6b2"}.icon-study:before{content:"\e6b3"}.icon-lab2:before{content:"\e6b4"}.icon-food:before{content:"\e6b5"}.icon-t-shirt:before{content:"\e6b6"}.icon-fire:before{content:"\e6b7"}.icon-clip:before{content:"\e6b8"}.icon-shop:before{content:"\e6b9"}.icon-calendar2:before{content:"\e6ba"}.icon-wallet:before{content:"\e6bb"}.icon-duckduckgo:before{content:"\e830"}.icon-lkdto:before{content:"\e896"}.icon-delicious:before{content:"\e832"}.icon-paypal:before{content:"\e833"}.icon-flattr:before{content:"\e834"}.icon-android:before{content:"\e835"}.icon-eventful:before{content:"\e836"}.icon-smashmag:before{content:"\e837"}.icon-gplus:before{content:"\e838"}.icon-wikipedia:before{content:"\e839"}.icon-lanyrd:before{content:"\e83a"}.icon-calendar-1:before{content:"\e83b"}.icon-stumbleupon:before{content:"\e83c"}.icon-bitcoin:before{content:"\e83f"}.icon-w3c:before{content:"\e840"}.icon-foursquare:before{content:"\e841"}.icon-html5:before{content:"\e842"}.icon-ie:before{content:"\e843"}.icon-call:before{content:"\e844"}.icon-grooveshark:before{content:"\e845"}.icon-ninetyninedesigns:before{content:"\e846"}.icon-forrst:before{content:"\e847"}.icon-digg:before{content:"\e848"}.icon-spotify:before{content:"\e849"}.icon-reddit:before{content:"\e84a"}.icon-guest:before{content:"\e84b"}.icon-blogger:before{content:"\e84e"}.icon-cc:before{content:"\e84f"}.icon-dribbble:before{content:"\e850"}.icon-evernote:before{content:"\e851"}.icon-flickr:before{content:"\e852"}.icon-google:before{content:"\e853"}.icon-viadeo:before{content:"\e854"}.icon-instapaper:before{content:"\e855"}.icon-weibo:before{content:"\e856"}.icon-klout:before{content:"\e857"}.icon-linkedin:before{content:"\e858"}.icon-meetup:before{content:"\e859"}.icon-vk:before{content:"\e85a"}.icon-rss:before{content:"\e85d"}.icon-skype:before{content:"\e85e"}.icon-twitter:before{content:"\e85f"}.icon-youtube:before{content:"\e860"}.icon-vimeo:before{content:"\e861"}.icon-windows2:before{content:"\e862"}.icon-aim:before{content:"\e831"}.icon-yahoo:before{content:"\e864"}.icon-chrome:before{content:"\e865"}.icon-email3:before{content:"\e866"}.icon-macstore:before{content:"\e867"}.icon-myspace:before{content:"\e868"}.icon-podcast:before{content:"\e869"}.icon-cloudapp:before{content:"\e86c"}.icon-dropbox:before{content:"\e86d"}.icon-ebay:before{content:"\e86e"}.icon-facebook:before{content:"\e86f"}.icon-github:before{content:"\e870"}.icon-github-circled:before{content:"\e871"}.icon-googleplay:before{content:"\e872"}.icon-itunes:before{content:"\e873"}.icon-plurk:before{content:"\e874"}.icon-songkick:before{content:"\e875"}.icon-lastfm:before{content:"\e876"}.icon-gmail:before{content:"\e877"}.icon-pinboard:before{content:"\e878"}.icon-soundcloud:before{content:"\e87b"}.icon-tumblr:before{content:"\e87c"}.icon-eventasaurus:before{content:"\e87d"}.icon-wordpress:before{content:"\e87e"}.icon-yelp:before{content:"\e87f"}.icon-intensedebate:before{content:"\e880"}.icon-eventbrite:before{content:"\e881"}.icon-scribd:before{content:"\e882"}.icon-posterous:before{content:"\e883"}.icon-stripe:before{content:"\e884"}.icon-opentable:before{content:"\e885"}.icon-cart:before{content:"\e886"}.icon-print:before{content:"\e887"}.icon-dwolla:before{content:"\e88a"}.icon-appnet:before{content:"\e88b"}.icon-statusnet:before{content:"\e88c"}.icon-acrobat:before{content:"\e88d"}.icon-drupal:before{content:"\e88e"}.icon-buffer:before{content:"\e88f"}.icon-pocket:before{content:"\e890"}.icon-bitbucket:before{content:"\e891"}.icon-lego:before{content:"\e892"}.icon-login:before{content:"\e893"}.icon-stackoverflow:before{content:"\e894"}.icon-hackernews:before{content:"\e895"}.icon-xing:before{content:"\e863"}.icon-instagram:before{content:"\e889"}.icon-angellist:before{content:"\e888"}.icon-quora:before{content:"\e87a"}.icon-openid:before{content:"\e879"}.icon-steam:before{content:"\e86b"}.icon-amazon:before{content:"\e86a"}.icon-disqus:before{content:"\e85c"}.icon-plancast:before{content:"\e85b"}.icon-appstore:before{content:"\e84d"}.icon-gowalla:before{content:"\e84c"}.icon-pinterest:before{content:"\e83e"}.icon-fivehundredpx:before{content:"\e83d"}.icon-glass:before{content:"\e6bc"}.icon-music2:before{content:"\e6bd"}.icon-search3:before{content:"\e6be"}.icon-envelope2:before{content:"\e6bf"}.icon-heart3:before{content:"\e6c0"}.icon-star3:before{content:"\e6c1"}.icon-star-empty:before{content:"\e6c2"}.icon-user4:before{content:"\e6c3"}.icon-film:before{content:"\e6c4"}.icon-th-large:before{content:"\e6c5"}.icon-th:before{content:"\e6c6"}.icon-th-list:before{content:"\e6c7"}.icon-ok:before{content:"\e6c8"}.icon-remove:before{content:"\e6c9"}.icon-zoom-in2:before{content:"\e6ca"}.icon-zoom-out2:before{content:"\e6cb"}.icon-off:before{content:"\e6cc"}.icon-signal:before{content:"\e6cd"}.icon-cog:before{content:"\e6ce"}.icon-trash2:before{content:"\e6cf"}.icon-home2:before{content:"\e6d0"}.icon-file2:before{content:"\e6d1"}.icon-time:before{content:"\e6d2"}.icon-road:before{content:"\e6d3"}.icon-download-alt:before{content:"\e6d4"}.icon-download2:before{content:"\e6d5"}.icon-upload:before{content:"\e6d6"}.icon-inbox:before{content:"\e6d7"}.icon-play-circle:before{content:"\e6d8"}.icon-repeat:before{content:"\e6d9"}.icon-refresh2:before{content:"\e6da"}.icon-list-alt:before{content:"\e6db"}.icon-lock3:before{content:"\e6dc"}.icon-flag2:before{content:"\e6dd"}.icon-headphones:before{content:"\e6de"}.icon-volume-off:before{content:"\e6df"}.icon-volume-down:before{content:"\e6e0"}.icon-volume-up:before{content:"\e6e1"}.icon-qrcode:before{content:"\e6e2"}.icon-barcode:before{content:"\e6e3"}.icon-tag3:before{content:"\e6e4"}.icon-tags:before{content:"\e6e5"}.icon-book3:before{content:"\e6e6"}.icon-bookmark2:before{content:"\e6e7"}.icon-print2:before{content:"\e6e8"}.icon-camera3:before{content:"\e6e9"}.icon-font:before{content:"\e6ea"}.icon-bold:before{content:"\e6eb"}.icon-italic:before{content:"\e6ec"}.icon-text-height:before{content:"\e6ed"}.icon-text-width:before{content:"\e6ee"}.icon-align-left2:before{content:"\e6ef"}.icon-align-center2:before{content:"\e6f0"}.icon-align-right2:before{content:"\e6f1"}.icon-align-justify2:before{content:"\e6f2"}.icon-list2:before{content:"\e6f3"}.icon-indent-left:before{content:"\e6f4"}.icon-indent-right:before{content:"\e6f5"}.icon-facetime-video:before{content:"\e6f6"}.icon-picture:before{content:"\e6f7"}.icon-pencil2:before{content:"\e6f8"}.icon-map-marker2:before{content:"\e6f9"}.icon-adjust:before{content:"\e6fa"}.icon-tint:before{content:"\e6fb"}.icon-edit:before{content:"\e6fc"}.icon-share2:before{content:"\e6fd"}.icon-check:before{content:"\e6fe"}.icon-move:before{content:"\e6ff"}.icon-step-backward:before{content:"\e700"}.icon-fast-backward:before{content:"\e701"}.icon-backward:before{content:"\e702"}.icon-play:before{content:"\e703"}.icon-pause:before{content:"\e704"}.icon-stop:before{content:"\e705"}.icon-forward:before{content:"\e706"}.icon-fast-forward:before{content:"\e707"}.icon-step-forward:before{content:"\e708"}.icon-eject:before{content:"\e709"}.icon-chevron-left:before{content:"\e70a"}.icon-chevron-right:before{content:"\e70b"}.icon-plus-sign:before{content:"\e70c"}.icon-minus-sign:before{content:"\e70d"}.icon-remove-sign:before{content:"\e70e"}.icon-ok-sign:before{content:"\e70f"}.icon-question-sign:before{content:"\e710"}.icon-info-sign:before{content:"\e711"}.icon-screenshot:before{content:"\e712"}.icon-remove-circle:before{content:"\e713"}.icon-ok-circle:before{content:"\e714"}.icon-ban-circle:before{content:"\e715"}.icon-arrow-left2:before{content:"\e716"}.icon-arrow-right2:before{content:"\e717"}.icon-arrow-up2:before{content:"\e718"}.icon-arrow-down2:before{content:"\e719"}.icon-share-alt:before{content:"\e71a"}.icon-resize-full:before{content:"\e71b"}.icon-resize-small:before{content:"\e71c"}.icon-plus:before{content:"\e71d"}.icon-minus:before{content:"\e71e"}.icon-asterisk:before{content:"\e71f"}.icon-exclamation-sign:before{content:"\e720"}.icon-gift:before{content:"\e721"}.icon-leaf:before{content:"\e722"}.icon-fire2:before{content:"\e723"}.icon-eye-open:before{content:"\e724"}.icon-eye-close:before{content:"\e725"}.icon-warning-sign:before{content:"\e726"}.icon-plane:before{content:"\e727"}.icon-calendar3:before{content:"\e728"}.icon-random:before{content:"\e729"}.icon-comment2:before{content:"\e72a"}.icon-magnet:before{content:"\e72b"}.icon-chevron-up:before{content:"\e72c"}.icon-chevron-down:before{content:"\e72d"}.icon-retweet:before{content:"\e72e"}.icon-shopping-cart:before{content:"\e72f"}.icon-folder-close:before{content:"\e730"}.icon-folder-open:before{content:"\e731"}.icon-resize-vertical:before{content:"\e732"}.icon-resize-horizontal:before{content:"\e733"}.icon-bar-chart:before{content:"\e734"}.icon-twitter-sign:before{content:"\e735"}.icon-facebook-sign:before{content:"\e736"}.icon-camera-retro:before{content:"\e737"}.icon-key2:before{content:"\e738"}.icon-cogs:before{content:"\e739"}.icon-comments:before{content:"\e73a"}.icon-thumbs-up:before{content:"\e73b"}.icon-thumbs-down:before{content:"\e73c"}.icon-star-half:before{content:"\e73d"}.icon-heart-empty:before{content:"\e73e"}.icon-signout:before{content:"\e73f"}.icon-linkedin-sign:before{content:"\e740"}.icon-pushpin:before{content:"\e741"}.icon-external-link:before{content:"\e742"}.icon-signin:before{content:"\e743"}.icon-trophy:before{content:"\e744"}.icon-github-sign:before{content:"\e745"}.icon-upload-alt:before{content:"\e746"}.icon-lemon:before{content:"\e747"}.icon-phone3:before{content:"\e748"}.icon-check-empty:before{content:"\e749"}.icon-bookmark-empty:before{content:"\e74a"}.icon-phone-sign:before{content:"\e74b"}.icon-twitter2:before{content:"\e74c"}.icon-facebook2:before{content:"\e74d"}.icon-github2:before{content:"\e74e"}.icon-unlock:before{content:"\e74f"}.icon-credit:before{content:"\e750"}.icon-rss2:before{content:"\e751"}.icon-hdd:before{content:"\e752"}.icon-bullhorn2:before{content:"\e753"}.icon-bell:before{content:"\e754"}.icon-certificate:before{content:"\e755"}.icon-hand-right:before{content:"\e756"}.icon-hand-left:before{content:"\e757"}.icon-hand-up:before{content:"\e758"}.icon-hand-down:before{content:"\e759"}.icon-circle-arrow-left:before{content:"\e75a"}.icon-circle-arrow-right:before{content:"\e75b"}.icon-circle-arrow-up:before{content:"\e75c"}.icon-circle-arrow-down:before{content:"\e75d"}.icon-globe:before{content:"\e75e"}.icon-wrench:before{content:"\e75f"}.icon-tasks:before{content:"\e760"}.icon-filter:before{content:"\e761"}.icon-briefcase:before{content:"\e762"}.icon-fullscreen:before{content:"\e763"}.icon-group:before{content:"\e764"}.icon-link:before{content:"\e765"}.icon-cloud3:before{content:"\e766"}.icon-beaker:before{content:"\e767"}.icon-cut:before{content:"\e768"}.icon-copy:before{content:"\e769"}.icon-paper-clip:before{content:"\e76a"}.icon-save:before{content:"\e76b"}.icon-sign-blank:before{content:"\e76c"}.icon-reorder:before{content:"\e76d"}.icon-list-ul:before{content:"\e76e"}.icon-list-ol:before{content:"\e76f"}.icon-strikethrough:before{content:"\e770"}.icon-underline:before{content:"\e771"}.icon-table:before{content:"\e772"}.icon-magic:before{content:"\e773"}.icon-truck2:before{content:"\e774"}.icon-pinterest2:before{content:"\e775"}.icon-pinterest-sign:before{content:"\e776"}.icon-google-plus-sign:before{content:"\e777"}.icon-google-plus:before{content:"\e778"}.icon-money:before{content:"\e779"}.icon-caret-down:before{content:"\e77a"}.icon-caret-up:before{content:"\e77b"}.icon-caret-left:before{content:"\e77c"}.icon-caret-right:before{content:"\e77d"}.icon-columns:before{content:"\e77e"}.icon-sort:before{content:"\e77f"}.icon-sort-down:before{content:"\e780"}.icon-sort-up:before{content:"\e781"}.icon-envelope-alt:before{content:"\e782"}.icon-linkedin2:before{content:"\e783"}.icon-undo:before{content:"\e784"}.icon-legal:before{content:"\e785"}.icon-dashboard:before{content:"\e786"}.icon-comment-alt:before{content:"\e787"}.icon-comments-alt:before{content:"\e788"}.icon-bolt2:before{content:"\e789"}.icon-sitemap:before{content:"\e78a"}.icon-umbrella:before{content:"\e78b"}.icon-paste:before{content:"\e78c"}.icon-lightbulb:before{content:"\e78d"}.icon-exchange:before{content:"\e78e"}.icon-cloud-download:before{content:"\e78f"}.icon-cloud-upload:before{content:"\e790"}.icon-user-md:before{content:"\e791"}.icon-stethoscope:before{content:"\e792"}.icon-suitcase:before{content:"\e793"}.icon-bell-alt:before{content:"\e794"}.icon-coffee2:before{content:"\e795"}.icon-food2:before{content:"\e796"}.icon-file-alt:before{content:"\e797"}.icon-building:before{content:"\e798"}.icon-hospital:before{content:"\e799"}.icon-ambulance:before{content:"\e79a"}.icon-medkit:before{content:"\e79b"}.icon-fighter-jet:before{content:"\e79c"}.icon-beer:before{content:"\e79d"}.icon-h-sign:before{content:"\e79e"}.icon-plus-sign2:before{content:"\e79f"}.icon-double-angle-left:before{content:"\e7a0"}.icon-double-angle-right:before{content:"\e7a1"}.icon-double-angle-up:before{content:"\e7a2"}.icon-double-angle-down:before{content:"\e7a3"}.icon-angle-left:before{content:"\e7a4"}.icon-angle-right:before{content:"\e7a5"}.icon-angle-up:before{content:"\e7a6"}.icon-angle-down:before{content:"\e7a7"}.icon-desktop:before{content:"\e7a8"}.icon-laptop2:before{content:"\e7a9"}.icon-tablet2:before{content:"\e7aa"}.icon-mobile:before{content:"\e7ab"}.icon-circle-blank:before{content:"\e7ac"}.icon-quote-left:before{content:"\e7ad"}.icon-quote-right:before{content:"\e7ae"}.icon-spinner:before{content:"\e7af"}.icon-circle:before{content:"\e7b0"}.icon-reply:before{content:"\e7b1"}.icon-github-alt:before{content:"\e7b2"}.icon-folder-close-alt:before{content:"\e7b3"}.icon-folder-open-alt:before{content:"\e7b4"}.icon-expand-alt:before{content:"\e7b5"}.icon-collapse-alt:before{content:"\e7b6"}.icon-smile:before{content:"\e7b7"}.icon-frown:before{content:"\e7b8"}.icon-meh:before{content:"\e7b9"}.icon-gamepad:before{content:"\e7ba"}.icon-keyboard:before{content:"\e7bb"}.icon-flag-alt:before{content:"\e7bc"}.icon-flag-checkered:before{content:"\e7bd"}.icon-terminal:before{content:"\e7be"}.icon-code:before{content:"\e7bf"}.icon-reply-all:before{content:"\e7c0"}.icon-star-half-full:before{content:"\e7c1"}.icon-location-arrow:before{content:"\e7c2"}.icon-crop2:before{content:"\e7c3"}.icon-code-fork:before{content:"\e7c4"}.icon-unlink:before{content:"\e7c5"}.icon-question:before{content:"\e7c6"}.icon-info:before{content:"\e7c7"}.icon-exclamation:before{content:"\e7c8"}.icon-superscript:before{content:"\e7c9"}.icon-subscript:before{content:"\e7ca"}.icon-eraser:before{content:"\e7cb"}.icon-puzzle:before{content:"\e7cc"}.icon-microphone2:before{content:"\e7cd"}.icon-microphone-off2:before{content:"\e7ce"}.icon-shield:before{content:"\e7cf"}.icon-calendar-empty:before{content:"\e7d0"}.icon-fire-extinguisher:before{content:"\e7d1"}.icon-rocket:before{content:"\e7d2"}.icon-maxcdn:before{content:"\e7d3"}.icon-chevron-sign-left:before{content:"\e7d4"}.icon-chevron-sign-right:before{content:"\e7d5"}.icon-chevron-sign-up:before{content:"\e7d6"}.icon-chevron-sign-down:before{content:"\e7d7"}.icon-html52:before{content:"\e7d8"}.icon-css3:before{content:"\e7d9"}.icon-anchor:before{content:"\e7da"}.icon-unlock-alt:before{content:"\e7db"}.icon-bullseye:before{content:"\e7dc"}.icon-ellipsis-horizontal:before{content:"\e7dd"}.icon-ellipsis-vertical:before{content:"\e7de"}.icon-rss-sign:before{content:"\e7df"}.icon-play-sign:before{content:"\e7e0"}.icon-ticket:before{content:"\e7e1"}.icon-minus-sign-alt:before{content:"\e7e2"}.icon-check-minus:before{content:"\e7e3"}.icon-level-up:before{content:"\e7e4"}.icon-level-down:before{content:"\e7e5"}.icon-check-sign:before{content:"\e7e6"}.icon-edit-sign:before{content:"\e7e7"}.icon-external-link-sign:before{content:"\e7e8"}.icon-share-sign:before{content:"\e7e9"}.icon-compass:before{content:"\e7ea"}.icon-collapse:before{content:"\e7eb"}.icon-collapse-top:before{content:"\e7ec"}.icon-expand:before{content:"\e7ed"}.icon-euro:before{content:"\e7ee"}.icon-gbp:before{content:"\e7ef"}.icon-dollar:before{content:"\e7f0"}.icon-rupee:before{content:"\e7f1"}.icon-yen:before{content:"\e7f2"}.icon-renminbi:before{content:"\e7f3"}.icon-won:before{content:"\e7f4"}.icon-bitcoin2:before{content:"\e7f5"}.icon-file3:before{content:"\e7f6"}.icon-file-text:before{content:"\e7f7"}.icon-sort-by-alphabet:before{content:"\e7f8"}.icon-sort-by-alphabet-alt:before{content:"\e7f9"}.icon-sort-by-attributes:before{content:"\e7fa"}.icon-sort-by-attributes-alt:before{content:"\e7fb"}.icon-sort-by-order:before{content:"\e7fc"}.icon-sort-by-order-alt:before{content:"\e7fd"}.icon-thumbs-up2:before{content:"\e7fe"}.icon-thumbs-down2:before{content:"\e7ff"}.icon-youtube-sign:before{content:"\e800"}.icon-youtube2:before{content:"\e801"}.icon-xing2:before{content:"\e802"}.icon-xing-sign:before{content:"\e803"}.icon-youtube-play:before{content:"\e804"}.icon-dropbox2:before{content:"\e805"}.icon-stackexchange:before{content:"\e806"}.icon-instagram2:before{content:"\e807"}.icon-flickr2:before{content:"\e808"}.icon-adn:before{content:"\e809"}.icon-bitbucket2:before{content:"\e80a"}.icon-bitbucket-sign:before{content:"\e80b"}.icon-tumblr2:before{content:"\e80c"}.icon-tumblr-sign:before{content:"\e80d"}.icon-long-arrow-down:before{content:"\e80e"}.icon-long-arrow-up:before{content:"\e80f"}.icon-long-arrow-left:before{content:"\e810"}.icon-long-arrow-right:before{content:"\e811"}.icon-apple:before{content:"\e812"}.icon-windows3:before{content:"\e813"}.icon-android2:before{content:"\e814"}.icon-linux:before{content:"\e815"}.icon-dribbble2:before{content:"\e816"}.icon-skype2:before{content:"\e817"}.icon-foursquare2:before{content:"\e818"}.icon-trello:before{content:"\e819"}.icon-female:before{content:"\e81a"}.icon-male:before{content:"\e81b"}.icon-gittip:before{content:"\e81c"}.icon-sun2:before{content:"\e81d"}.icon-moon:before{content:"\e81e"}.icon-archive2:before{content:"\e81f"}.icon-bug:before{content:"\e820"}.icon-renren:before{content:"\e821"}.icon-weibo2:before{content:"\e822"}.icon-vk2:before{content:"\e823"}.icon-line-eye:before{content:"\e000"}.icon-line-paper-clip:before{content:"\e001"}.icon-line-mail:before{content:"\e002"}.icon-line-toggle:before{content:"\e003"}.icon-line-layout:before{content:"\e004"}.icon-line-link:before{content:"\e005"}.icon-line-bell:before{content:"\e006"}.icon-line-lock:before{content:"\e007"}.icon-line-unlock:before{content:"\e008"}.icon-line-ribbon:before{content:"\e009"}.icon-line-image:before{content:"\e010"}.icon-line-signal:before{content:"\e011"}.icon-line-target:before{content:"\e012"}.icon-line-clipboard:before{content:"\e013"}.icon-line-clock:before{content:"\e014"}.icon-line-watch:before{content:"\e015"}.icon-line-air-play:before{content:"\e016"}.icon-line-camera:before{content:"\e017"}.icon-line-video:before{content:"\e018"}.icon-line-disc:before{content:"\e019"}.icon-line-printer:before{content:"\e020"}.icon-line-monitor:before{content:"\e021"}.icon-line-server:before{content:"\e022"}.icon-line-cog:before{content:"\e023"}.icon-line-heart:before{content:"\e024"}.icon-line-paragraph:before{content:"\e025"}.icon-line-align-justify:before{content:"\e026"}.icon-line-align-left:before{content:"\e027"}.icon-line-align-center:before{content:"\e028"}.icon-line-align-right:before{content:"\e029"}.icon-line-book:before{content:"\e030"}.icon-line-layers:before{content:"\e031"}.icon-line-stack:before{content:"\e032"}.icon-line-stack-2:before{content:"\e033"}.icon-line-paper:before{content:"\e034"}.icon-line-paper-stack:before{content:"\e035"}.icon-line-search:before{content:"\e036"}.icon-line-zoom-in:before{content:"\e037"}.icon-line-zoom-out:before{content:"\e038"}.icon-line-reply:before{content:"\e039"}.icon-line-circle-plus:before{content:"\e040"}.icon-line-circle-minus:before{content:"\e041"}.icon-line-circle-check:before{content:"\e042"}.icon-line-circle-cross:before{content:"\e043"}.icon-line-square-plus:before{content:"\e044"}.icon-line-square-minus:before{content:"\e045"}.icon-line-square-check:before{content:"\e046"}.icon-line-square-cross:before{content:"\e047"}.icon-line-microphone:before{content:"\e048"}.icon-line-record:before{content:"\e049"}.icon-line-skip-back:before{content:"\e050"}.icon-line-rewind:before{content:"\e051"}.icon-line-play:before{content:"\e052"}.icon-line-pause:before{content:"\e053"}.icon-line-stop:before{content:"\e054"}.icon-line-fast-forward:before{content:"\e055"}.icon-line-skip-forward:before{content:"\e056"}.icon-line-shuffle:before{content:"\e057"}.icon-line-repeat:before{content:"\e058"}.icon-line-folder:before{content:"\e059"}.icon-line-umbrella:before{content:"\e060"}.icon-line-moon:before{content:"\e061"}.icon-line-thermometer:before{content:"\e062"}.icon-line-drop:before{content:"\e063"}.icon-line-sun:before{content:"\e064"}.icon-line-cloud:before{content:"\e065"}.icon-line-cloud-upload:before{content:"\e066"}.icon-line-cloud-download:before{content:"\e067"}.icon-line-upload:before{content:"\e068"}.icon-line-download:before{content:"\e069"}.icon-line-location:before{content:"\e070"}.icon-line-location-2:before{content:"\e071"}.icon-line-map:before{content:"\e072"}.icon-line-battery:before{content:"\e073"}.icon-line-head:before{content:"\e074"}.icon-line-briefcase:before{content:"\e075"}.icon-line-speech-bubble:before{content:"\e076"}.icon-line-anchor:before{content:"\e077"}.icon-line-globe:before{content:"\e078"}.icon-line-box:before{content:"\e079"}.icon-line-reload:before{content:"\e080"}.icon-line-share:before{content:"\e081"}.icon-line-marquee:before{content:"\e082"}.icon-line-marquee-plus:before{content:"\e083"}.icon-line-marquee-minus:before{content:"\e084"}.icon-line-tag:before{content:"\e085"}.icon-line-power:before{content:"\e086"}.icon-line-command:before{content:"\e087"}.icon-line-alt:before{content:"\e088"}.icon-line-esc:before{content:"\e089"}.icon-line-bar-graph:before{content:"\e090"}.icon-line-bar-graph-2:before{content:"\e091"}.icon-line-pie-graph:before{content:"\e092"}.icon-line-star:before{content:"\e093"}.icon-line-arrow-left:before{content:"\e094"}.icon-line-arrow-right:before{content:"\e095"}.icon-line-arrow-up:before{content:"\e096"}.icon-line-arrow-down:before{content:"\e097"}.icon-line-volume:before{content:"\e098"}.icon-line-mute:before{content:"\e099"}.icon-line-content-right:before{content:"\e100"}.icon-line-content-left:before{content:"\e101"}.icon-line-grid:before{content:"\e102"}.icon-line-grid-2:before{content:"\e103"}.icon-line-columns:before{content:"\e104"}.icon-line-loader:before{content:"\e105"}.icon-line-bag:before{content:"\e106"}.icon-line-ban:before{content:"\e107"}.icon-line-flag:before{content:"\e108"}.icon-line-trash:before{content:"\e109"}.icon-line-expand:before{content:"\e110"}.icon-line-contract:before{content:"\e111"}.icon-line-maximize:before{content:"\e112"}.icon-line-minimize:before{content:"\e113"}.icon-line-plus:before{content:"\e114"}.icon-line-minus:before{content:"\e115"}.icon-line-check:before{content:"\e116"}.icon-line-cross:before{content:"\e117"}.icon-line-move:before{content:"\e118"}.icon-line-delete:before{content:"\e119"}.icon-line-menu:before{content:"\e120"}.icon-line-archive:before{content:"\e121"}.icon-line-inbox:before{content:"\e122"}.icon-line-outbox:before{content:"\e123"}.icon-line-file:before{content:"\e124"}.icon-line-file-add:before{content:"\e125"}.icon-line-file-subtract:before{content:"\e126"}.icon-line-help:before{content:"\e127"}.icon-line-open:before{content:"\e128"}.icon-line-ellipsis:before{content:"\e129"} /** 17. Social icons *************************************************** **/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); border-color: transparent; overflow: hidden; display:inline-block; text-decoration:none !important; text-align: center; cursor: pointer; font-style: normal; letter-spacing: 0em !important; color: #eaeaea !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-icon:hover>i { color:#fff; } .social-icon i { display: block; position: relative; width: 40px; height: 40px; margin-top:6px; font-size: 28px; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon:hover i:last-child { margin-top:4px; } @media only screen and (min-width: 768px) { .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } } /* medium */ a.social-icon>i[class*=" icon-"], a.social-icon>i[class^=icon-] { font-size:20px; } /* small */ a.social-icon.social-icon-sm, a.social-icon.social-icon-sm>i { width:30px; height:30px; margin-top:3px; font-size: 17px; line-height:23px; } a.social-icon.social-icon-sm>i:last-child { padding-top:7px; } a.social-icon.social-icon-sm>i[class*=" icon-"], a.social-icon.social-icon-sm>i[class^=icon-] { font-size:17px; } .social-facebook:hover { background-color: #3B5998 !important; } .social-facebook { background-color: #3B5998; } .social-delicious:hover { background-color: #205CC0 !important; } .social-delicious { background-color: #205CC0; } .social-paypal:hover { background-color: #00588B !important; } .social-paypal { background-color: #00588B; } .social-flattr:hover{ background-color: #F67C1A !important; } .social-flattr { background-color: #F67C1A; } .social-android:hover{ background-color: #A4C639 !important; } .social-android { background-color: #A4C639; } .social-smashmag:hover { background-color: #E53B2C !important; } .social-smashmag { background-color: #E53B2C; } .social-gplus:hover { background-color: #DD4B39 !important; } .social-gplus { background-color: #DD4B39; } .social-wikipedia:hover { background-color: #333 !important; } .social-wikipedia { background-color: #333; } .social-stumbleupon:hover { background-color: #F74425 !important; } .social-stumbleupon { background-color: #F74425; } .social-foursquare:hover { background-color: #25A0CA !important; } .social-foursquare { background-color: #25A0CA; } .social-call:hover { background-color: #444 !important; } .social-call { background-color: #444; } .social-ninetyninedesigns:hover { background-color: #F26739 !important; } .social-ninetyninedesigns { background-color: #F26739; } .social-forrst:hover { background-color: #5B9A68 !important; } .social-forrst { background-color: #5B9A68; } .social-digg:hover { background-color: #191919 !important; } .social-digg { background-color: #191919; } .social-spotify:hover{ background-color: #81B71A !important; } .social-spotify { background-color: #81B71A; } .social-reddit:hover { background-color: #C6C6C6 !important; } .social-reddit { background-color: #C6C6C6; } .social-blogger:hover { background-color: #FC4F08 !important; } .social-blogger { background-color: #FC4F08; } .social-cc:hover { background-color: #688527 !important; } .social-cc { background-color: #688527; } .social-dribbble:hover { background-color: #EA4C89 !important; } .social-dribbble { background-color: #EA4C89; } .social-evernote:hover { background-color: #5BA525 !important; } .social-evernote { background-color: #5BA525; } .social-flickr:hover { background-color: #FF0084 !important; } .social-flickr { background-color: #FF0084; } .social-google:hover { background-color: #DD4B39 !important; } .social-google { background-color: #DD4B39; } .social-instapaper:hover { background-color: #333 !important; } .social-instapaper { background-color: #333; } .social-klout:hover { background-color: #FF5F52 !important; } .social-klout { background-color: #FF5F52; } .social-linkedin:hover { background-color: #0E76A8 !important; } .social-linkedin { background-color: #0E76A8; } .social-vk:hover { background-color: #2B587A !important; } .social-vk { background-color: #2B587A; } .social-rss:hover { background-color: #EE802F !important; } .social-rss { background-color: #EE802F; } .social-skype:hover { background-color: #00AFF0 !important; } .social-skype { background-color: #00AFF0; } .social-twitter:hover { background-color: #00ACEE !important; } .social-twitter { background-color: #00ACEE; } .social-youtube:hover { background-color: #C4302B !important; } .social-youtube { background-color: #C4302B; } .social-vimeo:hover { background-color: #86C9EF !important; } .social-vimeo { background-color: #86C9EF; } .social-aim:hover { background-color: #FCD20B !important; } .social-aim { background-color: #FCD20B; } .social-yahoo:hover { background-color: #720E9E !important; } .social-yahoo { background-color: #720E9E; } .social-email3:hover { background-color: #6567A5 !important; } .social-email3 { background-color: #6567A5; } .social-macstore:hover { background-color: #333333 !important; } .social-macstore { background-color: #333333; } .social-myspace:hover { background-color: #666666 !important; } .social-myspace { background-color: #666666; } .social-podcast:hover { background-color: #E4B21B !important; } .social-podcast { background-color: #E4B21B; } .social-cloudapp:hover { background-color: #525557 !important; } .social-cloudapp { background-color: #525557; } .social-dropbox:hover { background-color: #3D9AE8 !important; } .social-dropbox { background-color: #3D9AE8; } .social-ebay:hover { background-color: #89C507 !important; } .social-ebay { background-color: #89C507; } .social-github:hover { background-color: #171515 !important; } .social-github { background-color: #171515; } .social-googleplay:hover { background-color: #DD4B39 !important; } .social-googleplay { background-color: #DD4B39; } .social-itunes:hover { background-color: #222 !important; } .social-itunes { background-color: #222; } .social-plurk:hover { background-color: #CF5A00 !important; } .social-plurk { background-color: #CF5A00; } .social-pinboard:hover { background-color: #0000E6 !important; } .social-pinboard { background-color: #0000E6; } .social-soundcloud:hover { background-color: #FF7700 !important; } .social-soundcloud { background-color: #FF7700; } .social-tumblr:hover { background-color: #34526F !important; } .social-tumblr { background-color: #34526F; } .social-wordpress:hover { background-color: #1E8CBE !important; } .social-wordpress { background-color: #1E8CBE; } .social-yelp:hover { background-color: #C41200 !important; } .social-yelp { background-color: #C41200; } .social-intensedebate:hover { background-color: #009EE4 !important; } .social-intensedebate { background-color: #009EE4; } .social-eventbrite:hover { background-color: #F16924 !important; } .social-eventbrite { background-color: #F16924; } .social-scribd:hover { background-color: #666666 !important; } .social-scribd { background-color: #666666; } .social-stripe:hover { background-color: #008CDD !important; } .social-stripe { background-color: #008CDD; } .social-print:hover { background-color: #111 !important; } .social-print { background-color: #111; } .social-dwolla:hover { background-color: #FF5C03 !important; } .social-dwolla { background-color: #FF5C03; } .social-statusnet:hover { background-color: #131A30 !important; } .social-statusnet { background-color: #131A30; } .social-acrobat:hover { background-color: #D3222A !important; } .social-acrobat { background-color: #D3222A; } .social-drupal:hover { background-color: #27537A !important; } .social-drupal { background-color: #27537A; } .social-buffer:hover { background-color: #333333 !important; } .social-buffer { background-color: #333333; } .social-pocket:hover { background-color: #EE4056 !important; } .social-pocket { background-color: #EE4056; } .social-bitbucket:hover { background-color: #0E4984 !important; } .social-bitbucket { background-color: #0E4984; } .social-stackoverflow:hover { background-color: #EF8236 !important; } .social-stackoverflow { background-color: #EF8236; } .social-hackernews:hover { background-color: #FF6600 !important; } .social-hackernews { background-color: #FF6600; } .social-xing:hover { background-color: #126567 !important; } .social-xing { background-color: #126567; } .social-instagram:hover { background-color: #3F729B !important; } .social-instagram { background-color: #3F729B; } .social-quora:hover { background-color: #A82400 !important; } .social-quora { background-color: #A82400; } .social-openid:hover { background-color: #E16309 !important; } .social-openid { background-color: #E16309; } .social-steam:hover { background-color: #111 !important; } .social-steam { background-color: #111; } .social-amazon:hover { background-color: #E47911 !important; } .social-amazon { background-color: #E47911; } .social-disqus:hover { background-color: #E4E7EE !important; } .social-disqus { background-color: #E4E7EE; } .social-plancast:hover { background-color: #222 !important; } .social-plancast { background-color: #222; } .social-appstore:hover { background-color: #000 !important; } .social-appstore { background-color: #000; } .social-pinterest:hover { background-color: #C8232C !important; } .social-pinterest { background-color: #C8232C; } .social-fivehundredpx:hover { background-color: #111 !important; } .social-fivehundredpx { background-color: #111; } /* rounded social icons */ a.social-icon.social-icon-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* bordered social icons */ a.social-icon.social-icon-border { background-color:transparent; border:#999 1px solid; color:#565656 !important; text-shadow:none; } a.social-icon.social-icon-border:hover { border-color:transparent; } a.social-icon.social-icon-border:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-border { color:#fff !important; } section.dark a.social-icon.social-icon-border:hover>i { color:#111 !important; } /* light social icons */ a.social-icon.social-icon-light { background-color:rgba(0,0,0,0.1); text-shadow:none; color:#888 !important; } a.social-icon.social-icon-light:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-light { background-color:#666; color:#fff !important; } section.dark a.social-icon.social-icon-light:hover>i { color:#111 !important; } /* dark social icons */ a.social-icon.social-icon-dark { background-color:#444; text-shadow:none; color:#eee !important; } a.social-icon.social-icon-dark:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-dark { background-color:#111; color:#fff !important; } /* transparent social icons */ a.social-icon.social-icon-transparent { background-color:transparent; text-shadow:none; color:#666 !important; } a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-transparent { color:#999 !important; } section.dark a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } /** 18. Buttons *************************************************** **/ .btn, .btn-group { /*margin: 5px 5px 5px 0;*/ } .btn.pull-right, .btn-group.pull-right { margin: 5px 0 5px 5px; } /* btn fancy */ .btn-fancy { -webkit-border-bottom-right-radius: 15px!important; -webkit-border-top-left-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; -moz-border-radius-top-left: 15px!important; border-bottom-right-radius: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-left { -webkit-border-top-left-radius: 15px!important; -moz-border-radius-top-left: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-right { -webkit-border-bottom-right-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; border-bottom-right-radius: 15px!important; } /* btn flat */ .btn-flat { background-color: #ddd; color: #333; border: 0; } .btn-flat:hover { opacity: 0.7; } /* btn dark */ .btn-dark { color: #fff !important; background-color: #000; } .btn-dark:hover { opacity: 0.8; } .btn-group .btn { margin-right:0; margin-left:0; } #header .btn, #footer .btn, .dropdown .btn, .input-group .btn { margin:0; } /* translucid */ .btn-translucid { color:#fff; border:rgba(0,0,0,0.07) 1px solid; background-color:rgba(0,0,0,0.07); -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .btn-translucid:hover { color:#fff; background-color:rgba(0,0,0,0.2); } /* 3D Buttons */ .btn-3d { border-bottom: 3px solid rgba(0,0,0,.15); } .btn-3d:hover { opacity: 0.9; filter: alpha(opacity=90); } .btn-3d.btn-link { border-bottom:0; } /* Extra Large Buttons */ .btn-xlg { padding: 24px 34px; white-space: inherit; } /* Button reveal */ .btn.btn-reveal { padding-left:28px; padding-right:28px; overflow: hidden; position:relative; } .btn.btn-reveal i { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom:0; margin: 0; padding:0; font-size:17px; line-height:34px; text-align: center; background-color: rgba(0,0,0,0.1); } .btn.btn-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .btn.btn-reveal i, body:not(.device-touch) .btn.btn-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } /* extra small */ .btn.btn-reveal.btn-xs { padding: 0 17px; } .btn.btn-reveal.btn-xs i { left: -22px; width: 22px; height: 28px; line-height: 20px; font-size:12px; } /* small */ .btn.btn-reveal.btn-sm { padding-left: 22px; padding-right: 22px; } .btn.btn-reveal.btn-sm i { left: -26px; width: 26px; height: 34px; line-height: 28px; font-size:14px; } /* large */ .btn.btn-reveal.btn-lg { padding-left:32px; padding-right:32px; } .btn.btn-reveal.btn-lg i { left: -38px; width: 38px; height: 46px; line-height: 46px; } /* extra large */ .btn.btn-reveal.btn-xlg { padding-left:40px; padding-right:40px; } .btn.btn-reveal.btn-xlg i { left: -44px; width: 44px; height: 72px; line-height: 72px; font-size:20px; } .btn.btn-reveal:hover i { left: 0; } .btn.btn-reveal:hover span { left: 16px; } /* Button Bordered */ .btn.btn-bordered { border-color:#333; border-width:2px; } .btn.btn-bordered:hover { color:#fff; background-color:#333; } /* button colors */ .btn-red { background-color: #C02942; color: #FFF !important; } .btn-teal { background-color: #53777A; color: #FFF !important; } .btn-yellow { background-color: #ECD078; color: #333 !important; } .btn-green { background-color: #59BA41; color: #FFF !important; } .btn-brown { background-color: #774F38; color: #FFF !important; } .btn-aqua { background-color: #40C0CB; color: #FFF !important; } .btn-lime { background-color: #AEE239; color: #FFF !important; } .btn-purple { background-color: #5D4157; color: #FFF !important; } .btn-leaf { background-color: #A8CABA; color: #333 !important; } .btn-pink { background-color: #F89FA1; color: #FFF !important; } .btn-dirtygreen { background-color: #1693A5; color: #FFF !important; } .btn-blue { background-color: #1265A8; color: #FFF !important; } .btn-amber { background-color: #EB9C4D; color: #FFF !important; } .btn-black { background-color: #111; color: #FFF !important; } .btn-white { background-color: #F9F9F9; color: #333 !important; } .fullwidth.btn-red:hover, .fullwidth.btn-teal:hover, .fullwidth.btn-yellow:hover, .fullwidth.btn-green:hover, .fullwidth.btn-brown:hover, .fullwidth.btn-aqua:hover, .fullwidth.btn-lime:hover, .fullwidth.btn-purple:hover, .fullwidth.btn-leaf:hover, .fullwidth.btn-pink:hover, .fullwidth.btn-dirtygreen:hover, .fullwidth.btn-blue:hover, .fullwidth.btn-amber:hover, .fullwidth.btn-black:hover, .fullwidth.btn-white:hover { color:#fff !important; background-color:#434343; } section.dark .btn-default { color:#fff; background-color:transparent; border-color:rgba(255,255,255,0.5); } .btn-clean { color:#555; } /* BOOTSTRAP REWRITE */ .btn, .form-control { height:40px; } .btn-sm, .btn-xs, .btn-lg, .btn-xlg { height:auto; } a.btn { line-height:26px; } a.btn.btn-xs { line-height:inherit; } .btn-3d { line-height:25px; margin-bottom:3px; } .btn-3d.btn-xlg { line-height:inherit; } /* bootstrap modal */ .modal-backdrop { background-color:#fff; } .modal-content { border:0; border-top:#333 4px solid; } .modal-dialog { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .modal-header .close { margin-top:2px; } /* * Social Buttons for Bootstrap * https://github.com/lipis/bootstrap-social Sign in with Twitter */ .btn-social{position:relative;padding-left:54px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:26px; margin:0;} .btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:42px;line-height:40px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social>i{padding-right:0;height:40px;} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none} .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)} .btn-adn .badge{color:#d87a68;background-color:#fff} .btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)} .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none} .btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)} .btn-bitbucket .badge{color:#205081;background-color:#fff} .btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)} .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none} .btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)} .btn-dropbox .badge{color:#1087dd;background-color:#fff} .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)} .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none} .btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)} .btn-flickr .badge{color:#ff0084;background-color:#fff} .btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)} .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none} .btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)} .btn-foursquare .badge{color:#f94877;background-color:#fff} .btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)} .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none} .btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)} .btn-github .badge{color:#444;background-color:#fff} .btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google .badge{color:#dd4b39;background-color:#fff} .btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)} .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none} .btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)} .btn-instagram .badge{color:#3f729b;background-color:#fff} .btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)} .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none} .btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)} .btn-linkedin .badge{color:#007bb6;background-color:#fff} .btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)} .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none} .btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)} .btn-microsoft .badge{color:#2672ec;background-color:#fff} .btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)} .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none} .btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)} .btn-openid .badge{color:#f7931e;background-color:#fff} .btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)} .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none} .btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)} .btn-pinterest .badge{color:#cb2027;background-color:#fff} .btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)} .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none} .btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)} .btn-reddit .badge{color:#eff7ff;background-color:#000} .btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)} .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none} .btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)} .btn-soundcloud .badge{color:#f50;background-color:#fff} .btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)} .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none} .btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)} .btn-tumblr .badge{color:#2c4762;background-color:#fff} .btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter .badge{color:#55acee;background-color:#fff} .btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)} .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none} .btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)} .btn-vimeo .badge{color:#1ab7ea;background-color:#fff} .btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)} .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none} .btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)} .btn-vk .badge{color:#587ea3;background-color:#fff} .btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)} .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none} .btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)} .btn-yahoo .badge{color:#720e9e;background-color:#fff} /* featured buttons */ .btn-featured { width: 100%; display: inline-block; position: relative; height:70px; padding:0; border:0; -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; } .btn-featured.btn-default { background-color: #666; } .btn-featured:hover, .btn-featured:focus, .btn-featured:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .btn-featured:hover:before, .btn-featured:focus:before, .btn-featured: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) */ } .btn-featured: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"; } .btn-featured span { float: left; height: 70px; line-height: 70px; text-align: center; width: calc(100% - 70px); color: #fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .btn-featured i { background-color:rgba(0,0,0,0.1); float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; margin:0; } .btn-featured.btn-inverse span { float:right } .btn-featured.btn-inverse i { float:right; } /** 19. Counters & Countdown *************************************************** **/ .countTo-sm, .countTo-md, .countTo-lg { font-family:'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countTo-sm span.countTo { margin-bottom:20px; font-size:25px; /*display:block;*/ } .parallax .countTo-sm i { color:#fff; } .countTo-sm i { font-size:30px; margin-bottom:10px; } .countTo-md span.countTo { margin-bottom:20px; font-size:40px; display:block; } .countTo-md i { font-size:50px; margin-bottom:10px; } .countTo-lg span.countTo { margin-bottom:20px; font-size:46px; display:block; } .countTo-lg i { font-size:50px; margin-bottom:10px; } .countTo-sm h4, .countTo-sm h5, .countTo-md h4, .countTo-md h5, .countTo-lg h4, .countTo-lg h5 { font-weight:300; } /* Countdown */ .countdown { display: block; font-family:'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countdown-row { display: block; position: relative; text-align: center; } .countdown-section { display: inline-block; font-size: 11px; line-height: 1; text-align: center; width: 25%; border-left: 1px solid rgba(0,0,0,0.1); color: #888; text-transform: capitalize; } section.dark .countdown-section, .parallax .countdown-section { color:#ccc; border-left-color:rgba(255,255,255,0.2); } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 20px; color: #333; margin-bottom: 5px; } section.dark .countdown-amount, .parallax .countdown-amount { color:#fff; } .countdown-descr { display: block; width: 100%; } /* medium */ .countdown-md .countdown-section { font-size: 14px; } .countdown-md .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* large */ .countdown-lg .countdown-section { font-size: 14px; } .countdown-lg .countdown-amount { font-size: 45px; margin-bottom: 7px; } /* inline */ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: lowercase; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } /* countdown - slider & footer */ footer .countdown-section, footer .countdown-amount, footer .countdown.countdown-inline, footer .countdown, #slider .countdown-section, #slider .countdown-amount, #slider .countdown.countdown-inline, #slider .countdown { color:#fff; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { border-left:0; } .countdown.squared .countdown-amount, .countdown.circle .countdown-amount { background-color:rgba(0,0,0,0.3) !important; width:100px; height:100px; line-height:100px; font-weight:300; font-size:35px; color:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.dark .countdown-amount { background-color:rgba(0,0,0,0.6) !important; } .countdown.light .countdown-amount { background-color:rgba(255,255,255,0.3) !important; } .countdown.squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { width:100px; margin-left:15px; font-size:13px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { border-left:0; } .countdown.bordered-squared .countdown-amount, .countdown.bordered .countdown-amount { border:rgba(0,0,0,0.3) 3px solid !important; width:100px; height:100px; line-height:90px; font-weight:300; font-size:35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.bordered-squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.theme-style .countdown-amount { -webkit-border-bottom-right-radius: 40px; -webkit-border-top-left-radius: 40px; -moz-border-radius-bottom-right: 40px; -moz-border-radius-top-left: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { width:100px; margin-left:15px; font-size:13px; } #slider .countdown.bordered .countdown-amount, footer .countdown.bordered .countdown-amount { color:#fff; } @media only screen and (max-width: 900px) { .countdown-sm .countdown-section, .countdown-md .countdown-section, .countdown-lg .countdown-section { font-size: 12px; } .countdown-sm .countdown-amount, .countdown-md .countdown-amount, .countdown-lg .countdown-amount { font-size: 20px; margin-bottom: 7px; } footer .countdown-section, #slider .countdown-section { border-left: 1px dotted rgba(255,255,255,0.3); } footer .countdown-section:first-child, #slider .countdown-section:first-child { border-left:0; } footer .countdown .countdown-amount, footer .countdown .countdown-section, #slider .countdown .countdown-section, #slider .countdown .countdown-amount { background-color:transparent !important; width:60px; height:inherit; line-height:inherit; font-weight:300; font-size:22px; text-align:center; margin-left:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } footer .countdown .countdown-section, #slider .countdown .countdown-section { font-size:12px; } } /** 20. Clients *************************************************** **/ ul.clients-dotted { overflow:hidden; } ul.clients-dotted>li { text-align:center; padding-top:30px; padding-bottom:30px; display:inline-block; } ul.clients-dotted>li a { text-align:center; display:block; } ul.clients-dotted>li img { display:inline-block; } ul.clients-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.clients-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } /** 21. Alerts *************************************************** **/ div.alert { border-left-color:rgba(0,0,0,0.1); border-width:1px; border-left-width:5px; } div.alert-default { background-color:rgba(0,0,0,0.1); } div.alert-light { background-color:rgba(0,0,0,0.03); } section.dark .alert-default { color:#fff; background-color:#111; } section.dark .alert-default h1, section.dark .alert-default h2, section.dark .alert-default h3, section.dark .alert-default h4, section.dark .alert-default h5, section.dark .alert-default h6, section.dark .alert-default p { color:#fff !important; } div.alert.alert-primary, div.alert.alert-primary a { color:#fff; } div.alert.alert-bordered-dashed { padding:30px 20px; border:#ccc 2px dashed; } div.alert.alert-bordered-dotted { padding:30px 20px; border:#ccc 2px dotted; } div.alert.alert-bordered { padding:30px 20px; border:#ccc 2px solid; } div.alert.alert-theme-color, div.alert.alert-dark { color:#fff; background-color:#333; border:0; padding:30px 20px; } div.alert.alert-theme-color h1, div.alert.alert-theme-color h2, div.alert.alert-theme-color h3, div.alert.alert-theme-color h4, div.alert.alert-theme-color h5, div.alert.alert-theme-color h6, div.alert.alert-dark h1, div.alert.alert-dark h2, div.alert.alert-dark h3, div.alert.alert-dark h4, div.alert.alert-dark h5, div.alert.alert-dark h6 { color:#fff; } section.dark div.alert, section.dark div.alert h1, section.dark div.alert h2, section.dark div.alert h3, section.dark div.alert h4, section.dark div.alert h5, section.dark div.alert h6, section.dark div.alert p { color:#333; } section.dark div.callout.alert.alert-border, section.dark div.callout.alert.alert-border h1, section.dark div.callout.alert.alert-border h2, section.dark div.callout.alert.alert-border h3, section.dark div.callout.alert.alert-border h4, section.dark div.callout.alert.alert-border h5, section.dark div.callout.alert.alert-border h6, section.dark div.callout.alert.alert-border p { color:#fff; } /* bordered top|botom */ div.alert>.container { margin-top:35px; margin-bottom:35px; } div.alert.bordered-bottom { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-top { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-bottom h4, div.alert.bordered-top h4, div.alert.bordered-bottom h3, div.alert.bordered-top h3 { font-weight:400; margin:0; } div.alert.bordered-bottom p, div.alert.bordered-top p, div.alert.bordered-bottom p, div.alert.bordered-top p { margin-top:0; } section.dark div.alert.bordered-bottom { border-bottom:#666 1px solid; } section.dark div.alert.bordered-top { border-bottom:#666 1px solid; } @media only screen and (max-width: 760px) { div.alert.bordered-bottom { text-align:center; } div.alert.bordered-bottom .btn { text-align:center; display:block; margin-top:35px; } } /* mini alerts */ .alert.alert-mini { padding:6px 10px; border-left:0; } /** 22. Dividers *************************************************** **/ div.divider { margin:40px 0; position:relative; display:block; min-height:20px; } div.divider i { line-height: 1; font-size: 18px; color:#ccc; } div.divider:after { content: ''; position: absolute; top: 8px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider:after { border-top:rgba(255,255,255,0.1) 1px solid; } section.dark div.divider:before { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.double-line:before { content: ''; position: absolute; top: 5px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider.double-line:after { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.divider-left:after { left: 30px; right: 0; } div.divider.divider-left i { float:left; } div.divider.divider-right:after { left: 0; right: 30px; } div.divider.divider-right i { float:right; } div.divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } div.divider.divider-center:before { left: 0 !important; right: 50%; margin-right: 20px; content: ''; position: absolute; top: 8px; height: 0; border-top: 1px solid #ddd; } div.divider.divider-center { text-align:center; } div.divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } div.divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } /* dotted */ div.divider.divider-dotted { height:10px; border:0; background:url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX/+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==) repeat-x center; } div.divider.divider-dotted:after { display:none; } /* color */ div.divider.divider-circle.divider-left:after { left:50px; } div.divider.divider-circle.divider-right:after { right:50px; } div.divider.divider-circle.divider-center:after { margin-left:30px; } div.divider.divider-circle.divider-center:before { margin-right:30px; } div.divider.divider-circle i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; margin-top:-11px; text-align:center; z-index:1; color:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* border */ div.divider.divider-border.divider-left:after { left:50px; } div.divider.divider-border.divider-right:after { right:50px; } div.divider.divider-border.divider-center:after { margin-left:30px; } div.divider.divider-border.divider-center:before { margin-right:30px; } div.divider.divider-border i { width: 40px; height: 40px; line-height: 40px; margin-top:-11px; text-align:center; z-index:1; border:#ddd 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.dark div.divider.divider-border i { border-color: rgba(255,255,255,0.5); } /* scroll to top */ div.divider.divider-border>a>i.fa-chevron-up { line-height:36px; } div.divider.divider-border>a>i { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.divider.divider-border>a:hover>i { color:#333; } section.theme-color div.divider.divider-border>a:hover>i.fa-chevron-up { color:#fff; } /** 23. Headings *************************************************** **/ div.heading-title { position:relative; margin-bottom:40px; } .heading-title.parallax h1, .heading-title.parallax h2, .heading-title.parallax h3, .heading-title.parallax h4, .heading-title.parallax h5, .heading-title.parallax h6 { margin:0; padding:0; } .heading-title.parallax p { margin-top:0; } div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { margin:0; padding:0; background-color:#fff; position:relative; display:inline-block; padding-left: 0; padding-right: 15px; } div.heading-title.text-center h1, div.heading-title.text-center h2, div.heading-title.text-center h3, div.heading-title.text-center h4, div.heading-title.text-center h5, div.heading-title.text-center h6 { padding-left:15px; padding-right:15px; } div.heading-title.text-right h1, div.heading-title.text-right h2, div.heading-title.text-right h3, div.heading-title.text-right h4, div.heading-title.text-right h5, div.heading-title.text-right h6 { padding-left:15px; padding-right:0; } div.heading-title p { margin:0; padding:0; font-weight:300; } /* Line : Single|Double */ div.heading-title.heading-line-single:before, div.heading-title.heading-line-double:before { content: ''; position: absolute; width: 100%; height: 0; left: auto; right: 0; } div.heading-title.heading-line-single:before { top: 54%; border-top:#EEE 1px solid; } section.dark div.heading-title.heading-line-single:before { border-top-color: #666; } div.heading-title.heading-line-double:before { top: 50%; border-top: 3px double #E5E5E5; } section.dark div.heading-title.heading-line-double:before { border-top-color: #666; } /* Border Bottom */ div.heading-title.heading-border-bottom { border-bottom:#ccc 2px solid; } section.dark div.heading-title.heading-border-bottom { border-bottom-color: #666; } /* Border Left */ div.heading-title.heading-border { padding-left:15px; border-left:#ccc 5px solid; text-align:left; } section.dark div.heading-title.heading-border { border-left-color:#666; } div.heading-title.heading-border.heading-inverse { padding-right:15px; border-left:0; border-right:#ccc 5px solid; text-align:right; } section.dark div.heading-title.heading-border.heading-inverse { border-right-color:#666; } /* Dotted */ div.heading-title.heading-dotted { background: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX/+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==) repeat-x center; } section.alternate div.heading-title h1, section.alternate div.heading-title h2, section.alternate div.heading-title h3, section.alternate div.heading-title h4, section.alternate div.heading-title h5, section.alternate div.heading-title h6 { background-color:#F9F9F9; } section.dark div.heading-title h1, section.dark div.heading-title h2, section.dark div.heading-title h3, section.dark div.heading-title h4, section.dark div.heading-title h5, section.dark div.heading-title h6 { background-color:#212121; } section.dark.alternate div.heading-title h1, section.dark.alternate div.heading-title h2, section.dark.alternate div.heading-title h3, section.dark.alternate div.heading-title h4, section.dark.alternate div.heading-title h5, section.dark.alternate div.heading-title h6 { background-color:#151515; } /* Arrow Heading */ .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { color:#fff; background-color:#252525; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1, .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2, .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3, .heading-title.heading-arrow-top h4, .heading-title.heading-arrow-bottom h4, .heading-title.heading-arrow-top h5, .heading-title.heading-arrow-bottom h5, .heading-title.heading-arrow-top h6, .heading-title.heading-arrow-bottom h6, .heading-title.heading-arrow-top p, .heading-title.heading-arrow-bottom p { color:#fff; margin:0; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:70px; line-height:100px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:60px; line-height:90px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:50px; line-height:80px; } @media only screen and (max-width: 760px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:55px; line-height:85px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:45px; line-height:75px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:45px; line-height:75px; } } @media only screen and (max-width: 500px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:36px; line-height:66px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:30px; line-height:60px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:30px; line-height:60px; } } .heading-title.heading-arrow-bottom:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #252525; left: 50%; margin-left: -20px; bottom: -20px; } .heading-title.heading-arrow-top:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #252525; left: 50%; margin-left: -20px; top: -20px; } /** 24. Word Rotator *************************************************** **/ .word-rotator { visibility: hidden; width: 100px; height: 0; margin-bottom:-11px; display: inline-block; overflow: hidden; text-align: left; position: relative; } h1 .word-rotator { bottom:-4px; height: 54px !important; } h2 .word-rotator { bottom:-1px; height: 45px !important; } h3 .word-rotator { bottom:0px; height: 36px !important; } h4 .word-rotator { bottom:3px; height: 27px !important; } h5 .word-rotator { bottom:5px; height: 21px !important; } h6 .word-rotator { bottom:5px; height: 18px !important; } p .word-rotator { bottom:5px; height:24px; } p.lead .word-rotator { height:29px; bottom:4px; } .word-rotator.active { visibility: visible; width: auto; } .word-rotator .items { position: relative; width: 100%; } .word-rotator .items span { display:block; margin-bottom:0; } /* Rotator Plugin */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } /** 25. Icon Boxes *************************************************** **/ .box-icon { margin:30px 0; } .box-icon>a, .box-icon .box-icon-title { text-decoration:none !important; display:block; } .box-icon .box-icon-title>i { height: 35px; width: 35px; line-height: 37px; font-size: 18px; margin-right:15px; background-color:#333; text-align:center; color:#fff; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .box-icon .box-icon-title>i { background-color:#666; } .box-icon .box-icon-title.box-icon-transparent>i { color:#414141; background-color:transparent; } section.dark .box-icon .box-icon-title.box-icon-transparent>i { color:#fff; } .box-icon.box-icon-left .box-icon-title>i { float:left; } .box-icon.box-icon-round .box-icon-title>i { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-icon .box-icon-title>h2 { font-size:18px; line-height:35px; margin:0; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; } .box-icon .box-icon-title>img+h2, .box-icon .box-icon-title>img+h3, .box-icon .box-icon-title>img+h4, .box-icon .box-icon-title>img+h5 { font-size:16px; line-height:16px; margin-top:20px; } .box-icon p { margin:15px 0; } .box-icon a.box-icon-more { display:block; text-align:right; position:relative; color:#000; } section.dark .box-icon a.box-icon-more { color:#fff; } .box-icon a.box-icon-more:after { font-family: FontAwesome; content: "\f105"; padding-left:10px; top:50%; margin-top:-2px; } .box-icon.box-icon-right .box-icon-title>i { float:right; margin-right:0; margin-left:10px; } .box-icon.box-icon-right { text-align:right; } @media only screen and (max-width: 760px) { .box-icon.box-icon-right .box-icon-title>i { float:left; margin-right:10px; margin-left:0; } .box-icon.box-icon-right { text-align:left; } } /* center */ .box-icon.box-icon-center .box-icon-more, .box-icon.box-icon-center .box-icon-title, .box-icon.box-icon-center p { text-align:center !important; } .box-icon.box-icon-center .box-icon-title>i { float:none; margin:0 0 10px 0; } /* transparent icon */ .box-icon.box-icon-transparent .box-icon-title>i { background-color:transparent; border:#ccc 1px solid; color:#333; } section.dark .box-icon.box-icon-transparent .box-icon-title>i { color:#fff; background-color:#212121; border:#555 1px solid; } /* large icon */ .box-icon.box-icon-large .box-icon-title>i { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .box-icon.box-icon-large a.box-icon-title:hover>i { border-color:transparent; } /* box content */ .box-icon.box-icon-content { background-color:rgba(0,0,0,0.05); padding:45px 15px 15px 15px; display:block; margin-top:33px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-icon.box-icon-content { background-color:rgba(0,0,0,0.1); } .box-icon.box-icon-content .box-icon-title>i { background-color:#fff; top:0; margin-left:-33px; position:absolute; } section.alternate .box-icon.box-icon-content .box-icon-title>i { background-color:#F9F9F9; } /* box icon side */ .box-icon.box-icon-side { position:relative; padding-left: 70px; } .box-icon.box-icon-side>i { position:absolute; left:0; top:10px; font-size:48px; } /* Box Video */ .box-video { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-video { border:rgba(255,255,255,0.1) 1px solid; } .box-video .box-video-title { text-decoration:none !important; } .box-video .box-video-title h2 { margin:20px 15px 15px 15px; font-size:18px; line-height:20px; } .box-video p, .box-video .btn, .box-video button { margin-bottom:15px; } .box-video p { margin-top:0; margin-left:15px; margin-right:15px; } /* Box Image */ .box-image { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-image { border:rgba(255,255,255,0.1) 1px solid; } .box-image .box-image-title { text-decoration:none !important; } .box-image img { margin-bottom:20px; } .box-image .box-image-title h2 { margin:0 15px 15px 15px; font-size:18px; line-height:20px; } .box-image p, .box-image .btn, .box-image button { margin-bottom:15px; } .box-image p { margin-top:0; margin-left:15px; margin-right:15px; } @media only screen and (max-width: 760px) { .box-icon { margin:60px 0; } .box-icon.box-icon-content .box-icon-title>i { top:-33px; } } /** FLIP BOXES **************** */ .box-flip { margin: 0 auto; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective:600; width: 100%; } .box-flip .front, .box-flip .back { text-align: center; } .box-flip .front { width: 100%; position: absolute; top: 0; z-index: 1; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip .back { width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip.flip .front { width: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .box-flip.flip .back { width: 100%; z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .box-flip .box1 { width: 100%; background-color:rgba(0,0,0,0.05); min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-flip .box1 { background-color:rgba(255,255,255,0.05); } .box-flip .box2 { width: 100%; background-color: #333; min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-flip hr { border-color:rgba(0,0,0,0.1); } .box-flip .box-icon-title>i { color:#111; background-color:rgba(0,0,0,0.07); } section.dark .box-flip .box-icon-title>i { color:#fff; } .box-flip.box-color h1, .box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color h6, .box-flip.box-color p, .box-flip.box-color .box-icon-title>i { color:#fff; } .box-flip .btn-lg.btn-translucid { font-size:14px; } .box-flip .box-default, .box-flip .box-default p, .box-flip .box-default h1, .box-flip .box-default h2, .box-flip .box-default h3, .box-flip .box-default h4, .box-flip .box-default h5 { color:#000 !important; } /* box static */ .box-static { padding:15px; background-color:rgba(0,0,0,0.05); border-top:transparent 3px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-static.box-transparent { background-color:transparent; } .box-static.box-bordered { border:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color, .box-static.box-dark { color:#fff; background-color:#333; } .box-static.box-color h1, .box-static.box-color h2, .box-static.box-color h3, .box-static.box-color h4, .box-static.box-color h5, .box-static.box-color h6, .box-static.box-dark h1, .box-static.box-dark h2, .box-static.box-dark h3, .box-static.box-dark h4, .box-static.box-dark h5, .box-static.box-dark h6 { color:#fff; } .box-static.box-border-top { border-top:rgba(0,0,0,0.5) 3px solid; } .box-static .box-title { margin-bottom:20px; border-bottom:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color .box-title, .box-static.box-dark .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static.box-bordered { border:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static { color:#fff; padding:15px; background-color:#333; } section.dark .box-static input, section.dark .box-static label { color:#fff; } section.dark .box-static .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } @media all and (max-width: 992px) { .box-flip { margin-bottom:30px; } } /** Box Colors */ .box-light { padding:15px; background-color:rgba(0,0,0,0.05); } .box-dark { color:#fff; padding:15px; background-color:#333; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color:#fff; } .box-inner { padding:15px; display:block; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { font-size:14px; line-height:17px; padding-bottom:12px; border-bottom:rgba(0,0,0,0.1) 1px solid; margin-bottom:15px; } .box-light .box-inner { background-color:#fff; } .box-dark .box-inner { background-color:#111; } .box-footer { margin:1px 0; padding:8px 15px; } .box-light .box-footer { background-color:#fff; } .box-dark .box-footer { background-color:#111; } section.dark .box-light { background-color:rgba(255,255,255,0.05); } section.dark .box-dark { background-color:rgba(0,0,0,0.8); } section.dark .box-light .box-inner { background-color:#111; } section.dark .box-dark .box-inner { background-color:#111; } section.dark .box-light .box-footer { background-color:#111; } section.dark .box-dark .box-footer { background-color:#111; } section.dark .box-inner h1, section.dark .box-inner h2, section.dark .box-inner h3, section.dark .box-inner h4, section.dark .box-inner h5, section.dark .box-inner h6 { border-bottom-color:rgba(255,255,255,0.1); } section.dark .box-inner h1>a:hover, section.dark .box-inner h2>a:hover, section.dark .box-inner h3>a:hover, section.dark .box-inner h4>a:hover, section.dark .box-inner h5>a:hover, section.dark .box-inner h6>a:hover { text-decoration:underline !important; } /* successive colored boxes */ .box-gradient { color:#fff; margin:0; text-align:center; } .box-gradient>div { margin:0; padding:50px 8px 30px 8px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .box-gradient>div>p { font-size:15px; margin:0; height:50px; overflow:hidden; } .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { color:#fff; margin-top:10px; margin-bottom:20px; font-size:50px; line-height:50px; font-weight:300; } .box-gradient a { display: block; color: #fff; } .box-gradient a:hover { color: #ddd; } /* pink */ .box-pink>div:nth-child(1) { background-color:#e2476b; } .box-pink>div:nth-child(2) { background-color:#e9738f; } .box-pink>div:nth-child(3) { background-color:#f09fb2; } .box-pink>div:nth-child(4) { background-color:#f7cbd5; } /* blue */ .box-blue>div:nth-child(1) { background-color:#004080; } .box-blue>div:nth-child(2) { background-color:#006fdd; } .box-blue>div:nth-child(3) { background-color:#2b95ff; } .box-blue>div:nth-child(4) { background-color:#6cb6ff; } /* orange */ .box-orange>div:nth-child(1) { background-color:#ea5726; } .box-orange>div:nth-child(2) { background-color:#ee754d; } .box-orange>div:nth-child(3) { background-color:#f19272; } .box-orange>div:nth-child(4) { background-color:#f5b39c; } /* yellow */ .box-yellow>div:nth-child(1) { background-color:#e3a42d; } .box-yellow>div:nth-child(2) { background-color:#eaba60; } .box-yellow>div:nth-child(3) { background-color:#eec882; } .box-yellow>div:nth-child(4) { background-color:#f2d7a4; } /* purple */ .box-purple>div:nth-child(1) { background-color:#864699; } .box-purple>div:nth-child(2) { background-color:#9a50af; } .box-purple>div:nth-child(3) { background-color:#a96cbb; } .box-purple>div:nth-child(4) { background-color:#bb89c9; } /* red */ .box-red>div:nth-child(1) { background-color:#b92c28; } .box-red>div:nth-child(2) { background-color:#d33834; } .box-red>div:nth-child(3) { background-color:#d9524f; } .box-red>div:nth-child(4) { background-color:#e17673; } /* brown */ .box-brown>div:nth-child(1) { background-color:#633232; } .box-brown>div:nth-child(2) { background-color:#7b3e3e; } .box-brown>div:nth-child(3) { background-color:#9d4f4f; } .box-brown>div:nth-child(4) { background-color:#b36868; } /* green */ .box-green>div:nth-child(1) { background-color:#0c5849; } .box-green>div:nth-child(2) { background-color:#117964; } .box-green>div:nth-child(3) { background-color:#16a387; } .box-green>div:nth-child(4) { background-color:#1ccaa7; } /* black */ .box-black>div:nth-child(1) { background-color:#000000; } .box-black>div:nth-child(2) { background-color:#1d1d1d; } .box-black>div:nth-child(3) { background-color:#2e2e2e; } .box-black>div:nth-child(4) { background-color:#454545; } /* gray */ .box-gray>div:nth-child(1) { background-color:#333333; } .box-gray>div:nth-child(2) { background-color:#4a4a4a; } .box-gray>div:nth-child(3) { background-color:#5f5f5f; } .box-gray>div:nth-child(4) { background-color:#797979; } /* teal */ .box-teal>div:nth-child(1) { background-color:#426062; } .box-teal>div:nth-child(2) { background-color:#4f7275; } .box-teal>div:nth-child(3) { background-color:#618c8f; } .box-teal>div:nth-child(4) { background-color:#8aadb0; } @media all and (max-width: 768px) { .box-gradient>div { margin:0 !important; } } @media all and (max-width: 482px) { .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { font-size:36px; line-height:36px; } } /** 26. Labels & Badges *************************************************** **/ .badge, .label { font-weight:400; } .label.label-square { font-size:13px; width:25px; height:25px; line-height:25px; text-align:center; margin-right:10px; padding:0; } .label.label-square.pull-left { margin-left:10px; } .label.label-square.pull-right { margin-right:10px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { padding:3px 10px; } section .nav-pills>li>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a { color:#111; } section.dark .nav-pills>li>a, section.dark .nav-pills>li.active>a:hover, section.dark .nav-pills>li.active>a { color:#fff; } section.dark .nav-pills>li.active>a { background-color:rgba(255,255,255,0.3) !important; } section.dark a.label, section.dark .label { color:#fff; } /* corner */ .badge.badge-corner { top: -8px !important; right: -6px !important; position: absolute !important; color:#fff !important; } /* colors */ span.badge-default, span.label-default, .list-group-item.active>.badge.badge-default { background-color:#333 !important; } span.label-blue, span.badge-blue, .list-group-item.active>.badge { background: #3498db !important; } span.label-red, span.badge-red, .list-group-item.active>.badge { background: #e74c3c !important; } span.label-green, span.badge-green, .list-group-item.active>.badge.badge-green { background: #2ecc71 !important; } span.label-sea, span.badge-sea, .list-group-item.active>.badge.badge-sea { background: #1abc9c !important; } span.label-orange, span.badge-orange, .list-group-item.active>.badge.badge-orange { background: #e67e22 !important; } span.label-yellow, span.badge-yellow, .list-group-item.active>.badge.badge-yellow { background: #f1c40f !important; } span.label-purple, span.badge-purple, .list-group-item.active>.badge.badge-purple { background: #9b6bcc !important; } span.label-aqua, span.badge-aqua, .list-group-item.active>.badge.badge-aqua { background: #27d7e7 !important; } span.label-brown, span.badge-brown, .list-group-item.active>.badge.badge-brown { background: #9c8061 !important; } span.label-dark-blue, span.badge-dark-blue, .list-group-item.active>.badge.badge-dark-blue { background: #4765a0 !important; } span.label-light-green, span.badge-light-green, .list-group-item.active>.badge.badge-light-green { background: #79d5b3 !important; } span.label-light, span.badge-light, .list-group-item.active>.badge.badge-light { color: #777; background: #ecf0f1 !important; } span.label-dark, span.badge-dark, .list-group-item.active>.badge.badge-dark { background: #555 !important; } /** 27. Lightbox Ajax [Magnific Popup] *************************************************** **/ .lightbox-ajax { position: relative; background-color: #FFF; width:100%; max-width: 800px; margin: 0 auto; } .lightbox-ajax .lightbox-ajax-body { padding:20px; } .lightbox-ajax >h1, .lightbox-ajax >h2, .lightbox-ajax >h3, .lightbox-ajax >h4, .lightbox-ajax >h5, .lightbox-ajax >h6 { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 20px 30px; margin:0; } @media all and (max-width: 992px) { .lightbox-ajax .lightbox-ajax-body .row>div { margin-bottom:30px; } } /** 28. Panels *************************************************** **/ .panel { margin-bottom:30px; } section.dark .panel-default>.panel-heading { border-color:#666; } .panel-footer .social-icon { margin-top:0; margin-bottom:0; } .panel-heading .btn, .panel-footer .btn { margin:0; } .panel-footer.panel-footer-transparent, .panel-heading.panel-heading-transparent { background-color:transparent; } section.dark .panel { background-color:#373737; border-color:#666; } section.dark .panel .btn { color:#fff!important; } section.dark .panel-footer { border-top-color:rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.1); } .panel .table { background-color:transparent; } section.dark table { color:#fff; background-color:#373737; } section.dark .panel .panel-heading, section.dark .panel .panel-heading h2 { color:#111 !important; } section.dark .panel .panel-heading.panel-heading-transparent, section.dark .panel .panel-heading.panel-heading-transparent h2 { color:#eaeaea !important; } .panel table thead { background-color:rgba(0,0,0,0.01); } section.dark .table>thead>tr>th { border-bottom-color:#666; } section.dark .panel>.panel-body+.table, section.dark .panel>.panel-body+.table-responsive, section.dark .panel>.table+.panel-body, section.dark .panel>.table-responsive+.panel-body, section.dark .table>tbody>tr>td, section.dark .table>tbody>tr>th, section.dark .table>tfoot>tr>td, section.dark .table>tfoot>tr>th, section.dark .table>thead>tr>td, section.dark .table>thead>tr>th { border-top-color:#666; } section.dark .table>tbody>tr:hover>td { color:#000; } section.dark .table-striped>tbody>tr:nth-of-type(odd) { color:#000; } /** 29. Modals *************************************************** **/ .modal-content { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header .btn, .modal-footer .btn { margin:0; } .modal-full { width:100% !important; margin-left:8px; } /** 30. Toastr *************************************************** **/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > :hover { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #toast-container > .toast-error { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #toast-container > .toast-success { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf/3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #toast-container > .toast-warning { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } #toast-container .toast-primary { padding:15px; } .toast-primary { border:0; background-color: #333; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /** 31. Navigations *************************************************** **/ .navbar-primary .navbar-brand, .navbar-primary .navbar-nav>li>a, .navbar-primary button, .navbar-primary a { color:#ddd; } .navbar-primary .navbar-brand:hover, .navbar-primary .navbar-nav>li>a:hover, .navbar-primary button:hover, .navbar-primary a:hover { color:#fff; } .navbar-primary .navbar-nav>.active>a, .navbar-primary .navbar-nav>.active>a:focus, .navbar-primary .navbar-nav>.active>a:hover { background-color:rgba(0,0,0,0.1); } section.dark .navbar-default .navbar-brand, section.dark .navbar-default .navbar-nav>li>a { color:#999; } section.dark .navbar-default .navbar-brand:hover, section.dark .navbar-default .navbar-nav>li>a:hover { color:#ddd; } section.dark .navbar-default .navbar-nav>.open>a, section.dark .navbar-default .navbar-nav>.open>a:focus, section.dark .navbar-default .navbar-nav>.open>a:hover, section.dark .navbar-default .navbar-nav>.active>a, section.dark .navbar-default .navbar-nav>.active>a:focus, section.dark .navbar-default .navbar-nav>.active>a:hover { color:#ddd; background-color:rgba(0,0,0,0.2); } section.dark .navbar-default { background-color:#555; border-color:#555; } section.dark .navbar-inverse { background-color:#111; border-color:#111; } section.dark .nav-tabs>li.active>a, section.dark .nav-tabs>li.active>a:focus, section.dark .nav-tabs>li.active>a:hover { color:#ddd; background-color:#555; border-color:#555; } section.dark .nav-tabs { border-color:#555; } section.dark .nav-tabs>li>a:hover { border-color:transparent; background-color:#555; } /* small categories - like tags */ ul.categories>li { margin:0; padding:1px; } ul.categories>li>a { letter-spacing:0; font-size:12px; color:#999; } ul.categories>li>a:hover { color:#121212; } ul.categories>li:after { content:' , '; } ul.categories>li:last-child:after { content:''; } section.dark ul.categories>li>a:hover { color:#ccc; } /** 32. Paginations *************************************************** **/ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: rgba(0,0,0,0.05); } .pagination > li > a { margin-right:4px; color:#666 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .pagination > li.active>a { border-color:#ddd; color:#fff !important; } section.dark .pagination > li, section.dark .pagination > li > a { color:#ccc !important; border-color:#666; background-color:transparent; } section.dark .pagination > li > a:hover, section.dark .pagination > li > span:hover { background-color:#555; } section.dark .pagination > li.active>a { color:#fff !important; } /* pager */ section.dark .pager li>a, section.dark .pager li>span { background-color:#666; border-color:#888; color:#fff; } section.dark .pager li>a:hover { background-color:#555; } /* simple pagination */ .pagination.pagination-simple>li>a { border:0 !important; border-left:#ccc 1px solid !important; background-color:transparent !important; color:#333 !important; padding: 0 12px !important; font-weight:bold !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination.pagination-simple>li.active>a { color:#999 !important; } .pagination.pagination-simple>li:first-child>a { border:0 !important; } section.dark .pagination.pagination-simple>li>a { border-left:#666 1px solid !important; color:#888 !important; } section.dark .pagination.pagination-simple>li.active>a { color:#eee !important; } section.dark .pagination.pagination-simple>li:first-child>a { border:0 !important; } /** 33. Tables *************************************************** **/ .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8!important; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } /** 34. Callouts *************************************************** **/ .callout.alert { padding:20px 0; color:#111; margin-bottom:0; } section.callout.alert { padding:40px 0; } .callout.alert h1, .callout.alert h2, .callout.alert h3, .callout.alert h4, .callout.alert h5, .callout.alert h6 { color:#111; margin-bottom: 3px; font-weight:500; } .callout.alert p:last-child { margin: 0; } .callout.alert .btn { margin:2px 0 0 0; } .callout.alert-border { border:rgba(0,0,0,0.1) 2px solid; } .callout-box { clear: both; position: relative; overflow: hidden; background: #ddd; padding: 36px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-box h1, .callout-box h2, .callout-box h3, .callout-box h4, .callout-box h5, .callout-box h6 { margin-bottom:0; } .callout-dark { z-index:10; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-dark h1, .callout-dark h2, .callout-dark h3, .callout-dark h4, .callout-dark h5, .callout-dark h6 { /** margin-bottom: 20px !important; **/ } .callout-dark p { color: #b1b1b1 !important; font-size: 17px !important; max-width: 960px !important; margin: auto !important; } .callout-dark a.social-icon, .callout-dark .btn { color:#fff; } .callout-dark.heading-title { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .callout .row { margin-left: 0; margin-right: 0; } .callout { padding: 30px 0; color:#fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { color:#fff; margin:0 !important; font-weight:300; } .callout p { margin: 0; padding: 0; font-size: 16px; font-weight: 300; } .callout .btn { margin:6px 0 0 0; } .callout.callout-theme-color .btn, .callout.callout-dark .btn { background-color:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.2); } .callout.callout-theme-color .btn:hover, .callout.callout-dark .btn:hover { background-color:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.3); } .callout.callout-dark { background-color:#252525; } .callout.callout-hover:hover { opacity: 0.85; filter: alpha(opacity=85); } .callout.callout-transparent, .callout.callout-transparent h1, .callout.callout-transparent h2, .callout.callout-transparent h3, .callout.callout-transparent h4, .callout.callout-transparent h5, .callout.callout-transparent h6, .callout.callout-transparent p { color:#111; margin:0 !important; font-weight:300; } /* dark */ section.dark .callout, section.dark .callout p, section.dark .callout.alert { color:#111; } section.dark .callout h1, section.dark .callout h2, section.dark .callout h3, section.dark .callout h4, section.dark .callout h5, section.dark .callout h6, section.dark .callout p { color:#111; } section.dark .callout.alert-bolder, section.dark .callout.alert-bolder h1, section.dark .callout.alert-bolder h2, section.dark .callout.alert-bolder h3, section.dark .callout.alert-bolder h4, section.dark .callout.alert-bolder h5, section.dark .callout.alert-bolder h6, section.dark .callout.alert-bolder p { color:#111; } section.dark .alert-border, section.dark .alert-border h1, section.dark .alert-border h2, section.dark .alert-border h3, section.dark .alert-border h4, section.dark .alert-border h5, section.dark .alert-border h6, section.dark .alert-border p, section.dark .callout .btn { color:#fff; } section.dark .alert-transparent { border-left-color:#444; } section.dark .alert-transparent, section.dark .alert-transparent h1, section.dark .alert-transparent h2, section.dark .alert-transparent h3, section.dark .alert-transparent h4, section.dark .alert-transparent h5, section.dark .alert-transparent h6, section.dark .alert-transparent p, section.dark .callout .btn { color:#fff; } section.dark .callout.alert-border { border-color:#666; } section.dark .callout-box.callout-default, section.dark .callout-box.callout-default h1, section.dark .callout-box.callout-default h2, section.dark .callout-box.callout-default h3, section.dark .callout-box.callout-default h4, section.dark .callout-box.callout-default h5, section.dark .callout-box.callout-default h6, section.dark .callout-box.callout-default p { color:#111; } section.dark .callout-box .btn { color:#fff; } section.dark .callout-theme-color, section.dark .callout-theme-color h1, section.dark .callout-theme-color h2, section.dark .callout-theme-color h3, section.dark .callout-theme-color h4, section.dark .callout-theme-color h5, section.dark .callout-theme-color h6, section.dark .callout-theme-color p { color:#fff; } section.dark .callout-dark { background-color:#111; } section.dark .callout-dark, section.dark .callout-dark h1, section.dark .callout-dark h2, section.dark .callout-dark h3, section.dark .callout-dark h4, section.dark .callout-dark h5, section.dark .callout-dark h6, section.dark .callout-dark p { color:#fff; } section.dark .callout-transparent, section.dark .callout-transparent h1, section.dark .callout-transparent h2, section.dark .callout-transparent h3, section.dark .callout-transparent h4, section.dark .callout-transparent h5, section.dark .callout-transparent h6, section.dark .callout-transparent p { color:#fff; } @media only screen and (max-width: 960px) { .callout a.social-icon { margin-top:30px; float:none !important; } .callout div.text-right { text-align:left; } .callout-box.callout-default .btn, .callout .btn { display:block; margin-top:30px !important; } .callout.alert, .callout-box.callout-default { padding:20px 15px; } } @media only screen and (max-width: 480px) { .callout.callout-dark, .callout.callout-theme-color, .callout div.text-left, .callout div.text-right { text-align:center !important; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-bottom:30px !important; } .callout .btn { display:block; margin-top:30px !important; } } /* Info Bar */ .info-bar { margin:0; border:0; color:#000; background-color:rgba(0,0,0,0.05); padding:10px 0; } .info-bar div.row>div { padding-top:20px; padding-bottom:20px; margin:0 !important; border-right:rgba(0,0,0,0.1) 1px solid; } .info-bar div.row>div:last-child { border:0; } .info-bar div.row>div i { color:#333; font-size:32px; line-height: 1.2; margin-right:10px; float:left; } .info-bar h1, .info-bar h2, .info-bar h3, .info-bar h4, .info-bar h5, .info-bar h6, .info-bar p { color:#333; font-size:16px; line-height:1.5; margin:0; padding:0; } .info-bar p { font-size: 12px; line-height:1; } /* dark */ .info-bar.info-bar-dark { background-color:#171717; } .info-bar.info-bar-dark a, .info-bar.info-bar-dark div.row>div i, .info-bar.info-bar-dark h1, .info-bar.info-bar-dark h2, .info-bar.info-bar-dark h3, .info-bar.info-bar-dark h4, .info-bar.info-bar-dark h5, .info-bar.info-bar-dark h6, .info-bar.info-bar-dark p { color:#fff; } .info-bar.info-bar-dark div.row>div { border-right-color:rgba(255,255,255,0.1); } /* color */ .info-bar.info-bar-color a, .info-bar.info-bar-color div.row>div i, .info-bar.info-bar-color h1, .info-bar.info-bar-color h2, .info-bar.info-bar-color h3, .info-bar.info-bar-color h4, .info-bar.info-bar-color h5, .info-bar.info-bar-color h6, .info-bar.info-bar-color p { color:#fff; } .info-bar.info-bar-color div.row>div { border-right-color:rgba(0,0,0,0.1); } /* clean */ .info-bar.info-bar-clean { background-color:#fff; border-bottom: rgba(0,0,0,0.1) 1px solid; } section.dark .info-bar-light { background-color:#fff; } section.dark .info-bar-dark { background-color:#313131; } /* bordered */ .info-bar.info-bar-bordered { margin:30px 0; border: rgba(0,0,0,0.1) 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .info-bar.info-bar-bordered div.row>div { padding-top:15px; padding-bottom:15px; } section.dark .info-bar.info-bar-bordered { border-color: rgba(255,255,255,0.1); } section.dark .info-bar div.row>div { border-right-color:rgba(255,255,255,0.1); } section.dark .info-bar div.row>div i { color:#fff; } section.dark .info-bar.info-bar-color div.row>div { border-right-color:rgba(255,255,255,0.2); } /** 35. Process Steps *************************************************** **/ .process-wizard {padding: 0 0 10px 0;} .process-wizard > .process-wizard-step {padding: 0; position: relative;} .process-wizard > .process-wizard-step + .process-wizard-step {} .process-wizard > .process-wizard-step .process-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .process-wizard > .process-wizard-step .process-wizard-info {color: #999; font-size: 14px;} .process-wizard > .process-wizard-step > .process-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .process-wizard > .process-wizard-step > .process-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .process-wizard > .process-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .process-wizard > .process-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;} .process-wizard > .process-wizard-step.complete > .progress > .progress-bar {width:100%;} .process-wizard > .process-wizard-step.active > .progress > .progress-bar {width:50%;} .process-wizard > .process-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .process-wizard > .process-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot {background-color: #f5f5f5;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot:after {opacity: 0;} .process-wizard > .process-wizard-step:first-child > .progress {left: 50%; width: 50%;} .process-wizard > .process-wizard-step:last-child > .progress {width: 50%;} .process-wizard > .process-wizard-step.disabled a.process-wizard-dot{ pointer-events: none; } /* default */ .process-wizard-default > .process-wizard-step > .process-wizard-dot, .process-wizard-default > .process-wizard-step > .progress > .progress-bar { background:#ccc; } .process-wizard-default > .process-wizard-step > .process-wizard-dot:after { background-color:#666; } /* info */ .process-wizard-info > .process-wizard-step > .process-wizard-dot, .process-wizard-info > .process-wizard-step > .progress > .progress-bar { background:#d9edf7; } .process-wizard-info > .process-wizard-step > .process-wizard-dot:after { background-color:#31708f; } /* warning */ .process-wizard-warning > .process-wizard-step > .process-wizard-dot, .process-wizard-warning > .process-wizard-step > .progress > .progress-bar { background:#fbe8aa; } .process-wizard-warning > .process-wizard-step > .process-wizard-dot:after { background-color:#fbbd19; } /* success */ .process-wizard-success > .process-wizard-step > .process-wizard-dot, .process-wizard-success > .process-wizard-step > .progress > .progress-bar { background:#d6e9c6; } .process-wizard-success > .process-wizard-step > .process-wizard-dot:after { background-color:#3c763d; } /* success */ .process-wizard-danger > .process-wizard-step > .process-wizard-dot, .process-wizard-danger > .process-wizard-step > .progress > .progress-bar { background:#ebccd1; } .process-wizard-danger > .process-wizard-step > .process-wizard-dot:after { background-color:#a94442; } /* Tab Process Steps */ ul.process-steps, ul.process-steps li { border:0 !important; text-align: center; } ul.process-steps li a { width:50px; height:50px; font-size:30px; line-height:30px; text-align: center; display:inline-block; color:#111; border:#666 1px solid !important; background-color:#fff; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.process-steps li.active a, ul.process-steps li.active:hover>a { color:#fff !important; background-color:#333; } ul.process-steps li:after, ul.process-steps li:before { content: ''; position: absolute; top: 26px; left: 0; width: 50%; border-top: 1px dashed #DDD; } ul.process-steps li:first-child:before { display:none; } ul.process-steps li:last-child:after { display:none; } ul.process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:20px 0 0 0; } ul.process-steps li>a>i { margin:0; padding:0; margin-left:-4px; margin-top:-1px; font-size:28px; line-height:28px; } ul.process-steps li>a>i.fa { font-size:30px; line-height:30px; } ul.process-steps.process-steps-square li a { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } @media only screen and (max-width: 768px) { ul.process-steps li:after, ul.process-steps li:before { display:none; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:10px 0 30px 0; } } @media only screen and (max-width: 482px) { ul.process-steps li>a { display:inline-block !important; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:3px 0; display:block; } ul.process-steps li { padding:10px 0; } } /** 36. Price Table **************************************************************** **/ div.price-table { background:rgba(0,0,0,0.03); margin:30px 0; text-align:center; padding-bottom:30px; border-left:#fff 1px solid; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom: rgba(0,0,0,0.1) 2px solid; text-transform:uppercase; font-weight:300; } div.price-table p { color: #666; font-size: 36px; line-height:36px; padding: 30px 0; font-weight: 400; width: 150px; height: 150px; padding-top: 53px; display: inline-block; background-color: rgba(0,0,0,0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top:0; } div.price-table p span { display:block; font-size:10px; line-height:16px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom: rgba(0,0,0,0.1) 1px solid; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#fff; } div.price-table.popular { background:#676767; } div.price-table .btn { margin-top:30px; } div.price-table .btn-primary { background-color:#333; border:0; } section.dark div.price-table { border-left-color:#212121; background-color:#444; } section.dark div.price-table.popular { background-color:#666; } section.dark div.price-table h3 { border-bottom-color:rgba(255,255,255,0.1); } section.dark div.price-table .btn { color:#fff; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.pull-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:165px; } div.mega-price-table .pricing-title h3 { font-size:35px; line-height:35px; margin-bottom:10px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; font-weight:300; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; height:85; background-color:rgba(0,0,0,0.03); font-weight:300; } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; line-height:40px; display:block; color:rgba(255,255,255,0.7); font-weight:300; font-family:'Open Sans', Arial, Hevletica, sans-serif; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-top: 1px; margin-left: 1px; background: rgba(0,0,0,0.03); } section.dark div.mega-price-table ul li.alternate, section.dark div.mega-price-table .pricing { background: rgba(255,255,255, 0.05); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.mega-price-table .pricing.popular h4 small { color:#fff; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } /* clean price */ .price-clean { padding: 30px 10px; text-align: center; position: relative; border: 1px solid #D0D6DF; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); } .price-clean h4 { font-size: 60px; line-height:60px; font-weight: 300; margin: 0; color: #547698; } .price-clean h4 sup { position: relative; font-size: 20px; line-height:25px; vertical-align: top; top: 3px; } .price-clean h4 em { font-size: 14px; font-style:normal; } .price-clean h5 { text-transform: uppercase; font-weight: 300; margin: 0; font-size: 15px; color: #BACDD6; letter-spacing: 2px; } .price-clean p { line-height: 1.5em; color: #526066; margin-bottom: 0; } @media only screen and (max-width: 992px) { .price-clean { margin-bottom:30px; } .col-md-5th .price-clean h4 { font-size: 40px; line-height:40px; } .col-md-5th .price-clean h4 em { font-size:11px; } } @media only screen and (max-width: 768px) { .price-clean h4 { font-size: 60px; line-height:60px; } .price-clean h4 em { font-size: 14px; } } /** 37. Styled Icons **************************************************************** **/ i.ico-transparent, i.ico-bordered, i.ico-rounded, i.ico-color, i.ico-light, i.ico-dark { color: #444; width:50px; height:50px; line-height: 50px; font-size:25px; border: 1px solid #555; background-color: transparent; text-align:center; display:inline-block; margin-bottom:5px; margin: 4px 8px 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } i.ico-transparent { border:transparent; } i.ico-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } i.ico-light { border:transparent; background-color:rgba(0,0,0,0.05); } i.ico-dark { color:#fff; border:transparent; background-color:#333; } i.ico-color { color:#fff; border:transparent; text-shadow:rgba(0,0,0,.3) 1px 1px 1px; } i.ico-hover:hover { color:#fff; background-color:#111; } i.ico-hover-dark:hover { color:#fff !important; background-color:#111 !important; } i.ico-color.ico-hover:hover { background-color:#212121; } i.ico-xs { width:30px; height:30px; line-height: 30px; font-size:15px; } i.ico-lg { width:80px; height:80px; line-height: 80px; font-size:45px; } section.dark i.ico-rounded, section.dark i.ico-bordered { color:#ddd; border-color:#666; } section.dark i.ico-dark { color:#ccc; background-color:#111; } section.dark i.ico-light { color:#ddd; background-color:#444; } section.dark i.ico-transparent { color:#ddd; } section.dark i.ico-color.ico-hover:hover { background-color:#666; } /** 38. Pickers: Datepicker & Rangepicker & Colorpicker *************************************************** **/ /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; } .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } /** RANGE PICKER ******************************************* **/ /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar { float: right; margin: 4px; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs>div { float: left; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-date { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup{ margin-top: -5px; } .daterangepicker.dropup:before{ top: initial; bottom:-7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after{ top: initial; bottom:-6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.start-date { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker_start_input { float: left; } .daterangepicker_end_input { float: left; padding-left: 11px } .daterangepicker th.month { width: auto; } /** TIME PICKER ******************************************* **/ .time_pick .ti_tx, .time_pick .mi_tx, .time_pick .mer_tx { width: 100%; text-align: center; margin: 10px 0; } .time_pick .time, .time_pick .mins, .time_pick .meridian { width: 50px; float: left; margin: 0; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; } .time_pick .prev, .time_pick .next { position:relative; cursor: pointer; padding: 12px 18px; width: 28%; height:20px; border: 2px solid #ddd; margin: auto; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick .prev, section.dark .time_pick .next { border-color:#666; color:#fff; } .time_pick .prev:before, .time_pick .next:before { position:absolute; left:8px; top:3px; content: "\e260"; font-family: 'Glyphicons Halflings'; display: inline-block; font-weight: 400; font-style:normal; margin:0; padding:0; line-height:1; } .time_pick .next:before { content: "\e259"; } .time_pick .prev:hover, .time_pick .next:hover { background-color: #ccc; } .time_pick .next { background-position: 50% 150%; } .time_pick .prev { background-position: 50% -50%; } .time_pick { position: relative; } .time_pick .timepicker_wrap { padding: 10px; z-index: 998; display: none; background: #fff; border: 2px solid #ddd; float: left; position: absolute; top:38px !important; left: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottom-right: 3px; -moz-border-radius-bottom-left: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .time_pick input.timepicker + .timepicker_wrap { border-top:0; } section.dark .time_pick .timepicker_wrap { color:#eee; background:#212121; background:#333; border-color:#666; } .time_pick .arrow_top { position: absolute; top: -10px; left: 20px; width: 18px; height: 10px; z-index: 999; } .time_pick input.timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #ddd; float: none; margin: 0; text-align: center; width: 82%; font-weight:300; font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick input.timepicki-input { color:#333; border-color:#666; } .time_pick a.reset_time { float: left; margin-top: 5px; color: #000; } /** Color PICKER v1.7.0 https://github.com/bgrins/spectrum ******************************************* **/ input.colorpicker { display:inline-block !important; } .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #eaeaea; border: solid 2px #ddd; padding: 0; } section.dark .sp-container { background-color: #262626; border-color:#666; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 2px #ddd; background: #eee; color: #333; vertical-align: middle; height:40px; } section.dark .sp-replacer { border-color:#666; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 25px; float:left; font-size:10px; } .sp-preview { position:relative; width:28px; height: 28px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(/Content/Theme/data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } input.colorpicker { padding-right:65px; } input.colorpicker + .sp-replacer { right:0; width:55px; position:absolute; margin-left:-55px; z-index:10; } input[type=color].colorpicker { padding-right:12px !important; padding-left:12px !important; cursor:pointer; } input[type=color].colorpicker + .sp-replacer { display:none !important; } /** 39. Select2 *************************************************** **/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .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[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; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } section.dark .select2-dropdown { border-color:#666; } .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-container--default .select2-selection--single { background-color: #fff; border: 2px solid #ddd; border-radius: 4px; } section.dark .select2-container--default .select2-selection--single { border-color:#666; } .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: 1px; right: 10px; 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__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 { 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; } .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: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', 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, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', 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, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', 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, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', 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; } .select2-container--classic .select2-dropdown { background-color: white; 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: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** Rewrite Select2 ********************** **/ /* the same height as input element */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow { height:40px; line-height:36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .select2-dropdown { border-color:#ddd; border-width:2px; } .fancy-form .select2-selection__arrow { display:none; } .select2-container--default .select2-selection--single { background-color:transparent; } /** 40. Tabs *************************************************** **/ .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color:transparent !important; background-color:transparent !important; } .nav-tabs>li>a { color:#111; font-weight:bold; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs>li.active>a { color:#000; } .nav-tabs.nav-justified>li>a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } section.dark .nav-tabs>li>a { color:#fff; } section.dark .nav-tabs.nav-justified>li>a { border-bottom-color:#666; } .tab-content { padding:15px 0; } @media only screen and (max-width: 768px) { .tab-content figure, .tab-content figure>img { width: 100% !important; } } /* clean Tabs */ .nav-tabs.nav-clean>li>a { border:0 !important; } .nav-tabs.nav-clean>li>a:hover { background-color:transparent; } .nav-tabs.nav-clean>li.active { margin-bottom:0; } section.dark .nav-tabs.nav-clean>li>a, section.dark .nav-tabs.nav-clean>li.active>a { color:#fff; background-color:transparent !important; } /* Top Border */ .nav-tabs.nav-top-border>li>a { border-top:transparent 3px solid !important; } .nav-tabs.nav-top-border>li.active>a, .nav-tabs.nav-top-border>li.active>a:hover { border-top:#888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-top-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } /* Bottom Border */ .nav-tabs.nav-bottom-border { border:0 !important; } .nav-tabs.nav-bottom-border>li.active { margin-bottom:0 !important; } .nav-tabs.nav-bottom-border>li>a { border:0 !important; border-bottom:transparent 3px solid !important; } .nav-tabs.nav-bottom-border>li.active>a, .nav-tabs.nav-bottom-border>li.active>a:hover { border-bottom:#888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-bottom-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } section.dark ul.side-nav a { color:#ccc; } section.dark .nav-bottom-border li>a { background-color:transparent !important; } /* Button tabs */ .nav-tabs.nav-button-tabs { border:0 !important; } .nav-tabs.nav-button-tabs>li>a { color:#000 !important; border:0 !important; background-color:rgba(0,0,0,0.1); margin-right: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs.nav-button-tabs>li.active>a { color:#fff !important; background-color:rgba(0,0,0,0.6); } section.dark .nav-tabs.nav-button-tabs>li>a { color:#fff !important; } /* Stacked Tabs */ .nav-tabs.nav-stacked { background-color:rgba(0,0,0,0.02); } .nav-tabs.nav-stacked>li>a { border-left:0 !important; border-right:0 !important; border:0 !important; background-color:#fff; color:#111; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-stacked>li.active>a { background-color:#fafafa; } div.tab-content.tab-stacked { padding:17px; background-color:#fafafa; } section.dark div.tab-content.tab-stacked { background-color:#444; } section.dark .nav-tabs.nav-stacked>li>a { background-color:#666; } section.dark .nav-tabs.nav-stacked>li.active>a { background-color:#444; margin:0; } @media only screen and (max-width: 480px) { .nav-tabs>li { margin-bottom:3px; } .nav-tabs>li, .nav-tabs>li>a { display:block !important; float:none !important; border:0 !important; background-color:rgba(0,0,0,0.01); } .nav-tabs>li>a :focus, .nav-tabs>li.active>a { background-color:rgba(0,0,0,0.05); } } /* Stacked Alternate */ .nav-tabs.nav-alternate { background-color:transparent; } div.tab-content.nav-alternate { background-color:transparent; padding:0; } .nav-tabs.nav-alternate>li>a { background-color:#fafafa; } .nav-tabs.nav-alternate>li.active>a { color:#fff !important; background-color:#999; } section.dark .tab-content.nav-alternate { background-color:transparent !important; } /** 41. Toggles & Accordions *************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background:rgba(0,0,0,0.1); cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; border-bottom: rgba(0,0,0,0.03) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } section.dark div.toggle > label { color: #fff; background:rgba(0,0,0,0.5); } div.toggle div.toggle-content { border: rgba(0,0,0,0.03) 1px solid; display: none; background:rgba(0,0,0,0.03); margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.toggle div.toggle-content p:last-child { margin-bottom:0; } section.dark div.toggle div.toggle-content { background:rgba(255,255,255,0.05); } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: rgba(0,0,0,0.15); } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color:rgba(0,0,0,0.5); right: 14px; margin-top: -10px; } .toggle .toggle-content { border:0 !important; } /* transparent body */ .toggle.toggle-transparent .toggle-content, .toggle.toggle-transparent-body .toggle-content { background:transparent; } .toggle.toggle-transparent-body label { background: rgba(0,0,0,0.03); } .toggle.toggle-transparent-body label:hover { background: rgba(0,0,0,0.04); } /* transparent full */ .toggle.toggle-transparent label:hover, .toggle.toggle-transparent label { background-color:transparent; border:0; } .toggle.toggle-transparent div.toggle.active label { font-weight:bold; } /* bordered simple */ .toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label { border:#ccc 1px solid; } /* bordered full */ .toggle.toggle-bordered-full label:hover, .toggle.toggle-bordered-full label { border:#ccc 1px solid; border-bottom:0; margin:0; } .toggle.toggle-bordered-full div.toggle:last-child>label { border-bottom:#ccc 1px solid; } .toggle.toggle-bordered-full div.toggle.active>label { font-weight:bold; } .toggle.toggle-bordered-full .toggle-content { border:#ccc 1px solid !important; border-top:0 !important; border-bottom:0 !important; } .toggle.toggle-bordered-full div.toggle { margin:0; } /* noicon */ .toggle.toggle-noicon div.toggle > label:before { display:none; } /** 42. Box Shadow http://www.paulund.co.uk/creating-different-css3-box-shadows-effects **************************************************************** **/ .box-shadow-1 *, .box-shadow-2 *, .box-shadow-3 *, .box-shadow-4 *, .box-shadow-5 *, .box-shadow-6 *, .box-shadow-7 *, .box-shadow-8 * { z-index: 1; position: relative; } .box-shadow-1:after, .box-shadow-1:before { top: 80%; left: 5px; width: 50%; z-index: 0; content: ""; bottom: 15px; max-width: 300px; position: absolute; } /* Shadow 1 */ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #666; -moz-box-shadow: 0 14px 6px -6px #666; box-shadow: 0 14px 6px -6px #666; } section.dark .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } /* Shadow 2 */ .box-shadow-2 { position: relative; } .box-shadow-2:before, .box-shadow-2:after { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box-shadow-2:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-2:before, section.dark .box-shadow-2:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 3 */ .box-shadow-3 { position: relative; } .box-shadow-3:before { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } section.dark .box-shadow-3:before { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 4 */ .box-shadow-4 { position: relative; } .box-shadow-4:after { z-index: 0; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-4:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 5 */ .box-shadow-5 { position: relative; } .box-shadow-5:before, .box-shadow-5:after { z-index: 0; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .box-shadow-5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } section.dark .box-shadow-5:before, section.dark .box-shadow-5:after { background: #111; -webkit-box-shadow: 0 35px 20px #111; -moz-box-shadow: 0 35px 20px #111; box-shadow: 0 35px 20px #111; } /* Shadow 6 */ .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-6:before, .box-shadow-6:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } section.dark .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-6:before, section.dark .box-shadow-6:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 7 */ .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-7:before, .box-shadow-7:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-7:before, section.dark .box-shadow-7:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 8 */ .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-8:before, .box-shadow-8:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } section.dark .box-shadow-8:before, section.dark .box-shadow-8:after { -webkit-box-shadow:0 0 20px rgba(255, 255, 255,0.8); -moz-box-shadow:0 0 20px rgba(255, 255, 255,0.8); box-shadow:0 0 20px rgba(255, 255, 255,0.8); } /** 43. Testimonials **************************************************************** **/ ul.testimonial-dotted { overflow:hidden; } ul.testimonial-dotted>li { padding-top:30px; padding-bottom:30px; } ul.testimonial-dotted>li figure { text-align:center; display:block; } ul.testimonial-dotted>li img { display:inline-block; } ul.testimonial-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.testimonial-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } section.dark ul.testimonial-dotted>li:after { border-bottom: 1px dashed rgba(255,255,255,0.3); } section.dark ul.testimonial-dotted>li:before { border-left: 1px dashed rgba(255,255,255,0.3); } div.testimonial p { margin-top:0; } div.testimonial>figure>img { width:65px; height:65px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .testimonial cite { font-weight:bold; text-shadow:none; } .testimonial cite span { display:block; color:#888; font-size:12px; font-weight:300; } section.parallax .testimonial cite span { color:#ddd; } .testimonial-content { position:relative; padding-left:75px; } /* owl carousel testimonial */ div.owl-carousel.owl-testimonial .testimonial { margin-bottom:50px; display:block; } /* owl mini carousel testimonial */ div.owl-carousel.owl-mini-testimonial { text-align:left; } div.owl-carousel.owl-mini-testimonial .testimonial-content { text-align:left; } div.owl-carousel.owl-mini-testimonial .testimonial { margin-bottom:30px; } div.owl-carousel.owl-mini-testimonial .testimonial img { float:left; margin-right:20px; } div.owl-carousel.owl-mini-testimonial .testimonial p { margin:0; } div.owl-carousel.owl-mini-testimonial .owl-controls { text-align:right; } div.owl-carousel.owl-mini-testimonial .owl-controls .owl-page span { width:6px; height:6px; margin:5px 4px; } /* bordered */ div.testimonial-bordered { border:#eaeaea 2px solid; padding:30px 15px; margin:30px 0; } section.dark div.testimonial-bordered { border-color:#666; background-color:rgba(0,0,0,0.1); } /** 44. Flexslider **************************************************************** **/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:hover { opacity: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /** Next | Prev ************************* **/ .flex-prev, .flex-next { background-image:none !important; color:#ccc; font-size:34px; line-height:55px; height:auto !important; width:56px !important; text-align:center; background-color:rgba(0,0,0,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .flex-next { right:-3px; } .flex-prev { left:-3px; } .flex-next:hover, .flex-prev:hover { color:#fff; background-color:rgba(0,0,0,0.5); } /** Custom ************************* **/ .flexslider { margin:0; border:0; padding:0; overflow:hidden; position:relative; } .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { font-family: ''; content:''; } .flex-control-nav { bottom:auto; top:15px; right:15px; width:auto; display:inline-block; } .flex-control-nav li { margin:0 2px; } .flex-control-paging li a, .flex-control-paging li a:hover { background-color:#fff; width:15px; height:5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .flex-caption { position:absolute; margin-left: 20px; bottom: 45px; display:inline-block; color: #fff; background-color:rgba(0,0,0,0.7); font-family:'Lato',Arial,Helvetica,sans-serif; font-weight:300; padding: 6px 15px 8px 15px; opacity: 1 !important; width:auto; max-width:500px; font-size:21px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .flex-direction-nav .flex-prev { left:-3px !important; margin-top:-26px; opacity:1; color:#fff; text-align:center; } .flex-direction-nav .flex-next { right:-3px !important; margin-top:-26px; opacity:1; color:#fff; text-align:center; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:100px !important; height:75px !important; cursor:pointer; } .flex-control-thumbs { margin:3px 0 0 ; } @media only screen and (max-width: 768px) { .flex-caption { display:none !important; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:80px !important; height:60px !important; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { margin-top:0; } } @media only screen and (max-width: 480px) { .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:60px !important; height:45px !important; } } /** 45. Widgets **************************************************************** **/ /** Flickr **/ .widget-flickr ul, .widget-flickr li { margin:0; padding:0; list-style:none; } .widget-flickr li { display:list-inline; float:left; margin:1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .widget-flickr li:hover { opacity:0.85; filter: alpha(opacity=85); } /** Twitter **/ ul.widget-twitter, ul.widget-twitter li { margin:0; padding:0; list-style:none; font-size:14px; } ul.widget-twitter li { padding:10px 0; border-bottom:rgba(0,0,0,0.06) 1px solid; } ul.widget-twitter li>i { font-size:24px; float:left; } ul.widget-twitter li>small { display:block; margin-top:10px; font-size:11px; letter-spacing:1px; } ul.widget-twitter li>span>a { font-size:12px; display:block; } ul.widget-twitter li>small>a { color:#666; } ul.widget-twitter li>small, ul.widget-twitter li>span { margin-left:30px; display:block; } section.dark ul.widget-twitter li { color:#ccc; } /** Dribbble **/ ul.widget-dribbble, ul.widget-dribbble li { list-style:none; margin:0; padding:0; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble>li img { padding:1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble[data-col='1']>li { float:left; width:100% !important; } ul.widget-dribbble[data-col='2']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='3']>li { float:left; width:33.3% !important; } ul.widget-dribbble>li , ul.widget-dribbble[data-col='4']>li { float:left; width:25% !important; } ul.widget-dribbble[data-col='5']>li { float:left; width:20% !important; } ul.widget-dribbble[data-col='6']>li { float:left; width:16.66% !important; } ul.widget-dribbble>li:hover>a>img { opacity:0.85; filter: alpha(opacity=85); } @media only screen and (max-width: 482px) { ul.widget-dribbble>li , ul.widget-dribbble[data-col='4']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='5']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='6']>li { float:left; width:50% !important; } } /** 46. Side Nav **************************************************************** **/ .side-nav { font-size:15px; } div.side-nav li.list-group-item { padding:0 15px; } div.side-nav ul, div.side-nav ul>li { border:0 !important; } div.side-nav ul>li { position: relative; background-color:transparent !important; } div.side-nav ul>li:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; left: 0; top: 4px; color: #999; } div.side-nav li.list-group-noicon:before, div.side-nav ul.list-group-noicon>li:before, div.side-nav ul.list-group-noicon>li>ul>li:before { content:''; display:none; } div.side-nav ul.list-group-noicon>li { padding-left:0; } div.side-nav ul>li>a { display:block; padding:4px 0 4px 0; } div.side-nav ul>li>a { color:#777; text-decoration:none; } div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a { color:#111 !important; } button.page-side-nav-mobile { display:none; } div.side-nav ul>li>ul>li>a{ padding:4px 0 4px 15px; } ul.side-nav>li>a>i { margin-right:8px; } /* side nav sub categs */ div.side-nav ul>li>a.dropdown-toggle:before { content: "\f196"; font-family: FontAwesome; position: absolute; font-size: 17px; right: 20px; top: 6px; color: #999; } div.side-nav ul>li.active>a.dropdown-toggle:before { content: "\f147"; } div.side-nav ul>li>ul { display:none; } div.side-nav ul>li.active>ul { display:block; } div.side-nav ul>li>ul, div.side-nav ul>li>ul>li { margin:0; padding:0; list-style:none; } div.side-nav ul>li>ul { padding:10px 0; } div.side-nav ul>li>ul>li a { font-size:12px; } /* */ div.side-nav .side-nav-head { position:relative; } div.side-nav .side-nav-head h4 { font-size:16px; } div.side-nav ul.list-group-bordered>li>a { display:block; border-bottom:rgba(0,0,0,0.05) 1px solid; padding:6px; } div.side-nav ul.list-group-bordered>li>a>span.pull-left, div.side-nav ul.list-group-bordered>li>a>span.pull-right { margin-top:3px; } div.side-nav .side-nav-head button { display:none; font-size:21px; background-color:rgba(0,0,0,0.2); height:44px; width:44px; } @media only screen and (min-width: 990px) { div.side-nav>ul { display:block !important; } } @media only screen and (max-width: 767px) { div.side-nav ul { display:none; max-height:350px; overflow-y:auto; margin-bottom:30px; } div.side-nav ul>li { border-bottom:rgba(0,0,0,0.03) 1px solid !important; } div.side-nav .side-nav-head { height:44px; background-color:rgba(0,0,0,0.1); margin-bottom:30px; } div.side-nav .side-nav-head>h4 { line-height:44px; padding-left:15px; margin:0; } div.side-nav .side-nav-head button { display:block; position:absolute; right:0; } } @media only screen and (max-width: 768px) { div.side-nav ul { max-height:250px; overflow-y:auto; } } /** 47. Star Rating
**************************************************************** **/ .rating { position:relative; min-height:17px; width:auto; color:#999; display:inline-block; font-family: FontAwesome; } section.dark .rating { color:#666; } .rating-0:after { content:"\f006\20\f006\20\f006\20\f006\20\f006"; } .rating-1:after { content:"\f005\20\f006\20\f006\20\f006\20\f006"; } .rating-2:after { content:"\f005\20\f005\20\f006\20\f006\20\f006"; } .rating-3:after { content:"\f005\20\f005\20\f005\20\f006\20\f006"; } .rating-4:after { content:"\f005\20\f005\20\f005\20\f005\20\f006"; } .rating-5:after { content:"\f005\20\f005\20\f005\20\f005\20\f005"; } /** 48. Image Zoom [plugin] assets/plugins/image.zoom **************************************************************** **/ figure.zoom img::selection { background-color: transparent; } figure.zoom { display:inline-block; position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } figure.zoom>a.lightbox { position:absolute; z-index:20; font-size:17px; background-color:#666; padding:6px 10px; width:40px; height:40px; line-height:30px; text-align:center; color:#fff; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottom-right: 15px; -moz-border-radius-top-left: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } figure.zoom>a.lightbox:hover { background-color:#333; } /* lightbox button position */ figure.zoom>a.lightbox.bottom-right { right:10px; bottom:10px; } figure.zoom>a.lightbox.bottom-left { left:10px; bottom:10px; } figure.zoom>a.lightbox.top-right { right:10px; top:10px; } figure.zoom>a.lightbox.top-left { left:10px; top:10px; } .owl-carousel.zoom-more .owl-controls .owl-buttons div { background-color:inherit; border:0; } .owl-carousel.zoom-more .owl-controls.clickable { top: auto !important; bottom:0 !important; margin-top:0; margin-bottom:-10px; right:-10px; } .owl-carousel.zoom-more a, .owl-carousel.zoom-more a>img { text-align:center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel.zoom-more a>img { opacity:0.5; filter: alpha(opacity=80); filter: url(/Content/Theme/data:image/svg+xml;utf8,#grayscale); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .owl-carousel.zoom-more a.active>img { opacity:1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } /** IMAGE ZOOM HOVER */ .image-hover-zoom { overflow: hidden; } .image-hover-zoom>img { -webkit-transition: ease all .3s; -moz-transition: ease all .3s; transition: ease all .3s; } .image-hover-zoom:hover>img { -webkit-transform: translate3d(0, 3%, 0) scale(1.3); -moz-transform: translate3d(0, 3%, 0) scale(1.3); -ms-transform: translate3d(0, 3%, 0) scale(1.3); -o-transform: translate3d(0, 3%, 0) scale(1.3); transform: translate3d(0, 3%, 0) scale(1.3); } /** IMAGE PLUS HOVER **/ .image-hover-plus { position: relative; display: block; } .image-hover-plus>i.icon-hover-plus { opacity: 0; position: absolute; width: 0; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .image-hover-plus:hover>i.icon-hover-plus { opacity: 1; width: 20%; } .image-hover-plus>i.icon-hover-plus::after, .image-hover-plus>i.icon-hover-plus::before { content: ''; display: block; position: absolute; width: 100%; top: 50%; left: 50%; border-top: #fff 1px solid; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .image-hover-plus>i.icon-hover-plus::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); } /* IMAGE HOVER OVERLAY */ .image-hover-overlay { position: relative; overflow: hidden; display: block; } .image-hover-overlay::before { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: rgba(33, 33, 36, 0.5); opacity: 0; z-index:10; position: absolute; content:' '; } .image-hover-overlay:hover::before { opacity: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } /** 49. Forms **************************************************************** **/ form div.row:last-child { margin-bottom:0; } form>select, form>input, form>textarea { margin-bottom:8px; } input.err, input.error, textarea.err, textarea.error, select.err, select.error { border:#bf6464 2px dashed !important; background-color:#fdfbfb !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* Form Validation */ form.validate label.error { position:absolute; background-color:#ff0000; color:#fff; left:0; z-index:10; bottom:-26px; left:36px; font-size:11px; font-weight:400; padding:3px; display:none !important; } /* CUSTOM FILE UPLOAD */ .custom-file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; } .file-upload-wrapper { position: relative; margin-bottom: 5px; } .file-upload-input { width: 300px; font-size: 16px; padding: 11px 17px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; float: left; /* IE 9 Fix */ } /* FORM ELEMENTS */ .radio+.radio, .checkbox+.checkbox { margin-top:1px; } /**/ /* radios and checkboxes */ /**/ .radio, .checkbox { display:inline-block; margin: 0 15px 3px 0; padding-left: 27px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; overflow: hidden; } section.dark .radio, section.dark .checkbox { color: #eee; } .radio input, .checkbox input { position: absolute; margin-top:-60px; } .radio i, .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 19px; height: 19px; outline: none; border-width: 2px; border-style: solid; border-color:rgba(0,0,0,0.3); background: rgba(255,255,255,0.3); } section.dark .radio i, section.dark .checkbox i { border-color:rgba(255,255,255,0.3); background: transparent; } .radio i { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .radio input + i:after, .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .radio input + i:after { content: ''; top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%; } .checkbox input + i:after { content: '\f00c'; top: 0; left: 0px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; } .radio input:checked + i:after, .checkbox input:checked + i:after { opacity: 1; } .inline-group { margin: 0 -30px -4px 0; } .inline-group:after { content: ''; display: table; clear: both; } .inline-group .radio, .inline-group .checkbox { float: left; margin-right: 30px; } .inline-group .radio:last-child, .inline-group .checkbox:last-child { margin-bottom: 4px; } /**/ /* hover state */ /**/ .input:hover input, .select:hover select, .textarea:hover textarea, .radio:hover i, .checkbox:hover i, .toggle:hover i { border-color: rgba(0,0,0,0.6); } section.dark .input:hover input, section.dark .select:hover select, section.dark .textarea:hover textarea, section.dark .radio:hover i, section.dark .checkbox:hover i, section.dark .toggle:hover i { border-color: rgba(255,255,255,0.3); } .button:hover { opacity: 1; } /**/ /* focus state */ /**/ .input input:focus, .select select:focus, .textarea textarea:focus, .radio input:focus + i, .checkbox input:focus + i, .toggle input:focus + i { border-color: rgba(0,0,0,0.6); } section.dark .input input:focus, section.dark .select select:focus, section.dark .textarea textarea:focus, section.dark .radio input:focus + i, section.dark .checkbox input:focus + i, section.dark .toggle input:focus + i { border-color: rgba(255,255,255,0.7); } /**/ /* checked state */ /**/ .radio input + i:after { background-color:rgba(0,0,0,8); } section.dark .radio input + i:after { background-color:rgba(255,255,255,8); } .checkbox input + i:after { color: rgba(0,0,0,8); } section.dark .checkbox input + i:after { color: rgba(255,255,255,8); } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color:rgba(0,0,0,8); } section.dark .radio input:checked + i, section.dark .checkbox input:checked + i, section.dark .toggle input:checked + i { border-color:rgba(255,255,255,8); } section.dark select>option, section.dark select>optgroup { background-color: #333; } /* @toggle switch elements -------------------------------------------------- */ .switch { cursor:pointer; position: relative; padding-right:10px; display: inline-block; margin-bottom:5px; height: 26px; } .switch > .switch-label { cursor:pointer; display: inline-block; position: relative; height: 25px; width: 58px; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; background: #B5C1C7; border: 2px solid #B5C1C7; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .switch > .switch-label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; } .switch > .switch-label:before { content: attr(data-off); position: absolute; top: 1px; right: 3px; width: 33px; } .switch > .switch-label:after { content:""; margin: 1px; width: 19px; height: 19px; display: block; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .switch > input { -webkit-appearance: none; position: absolute; width: inherit; height: inherit; opacity: 0; left: 0; top: 0; } /* @toggle switch focus state -------------------------------------------------------------- */ .switch > input:focus { outline: none; } .switch > input:focus + .switch-label { color: #fff; border-color: #a1a6a9; background:#a1a6a9; } .switch > input:focus + .switch-label:after { background: #fff; } /* @toggle switch normal state --------------------------------------------------------------- */ .switch > input:checked + .switch-label { border-color: #333; background: #333; padding-left: 33px; color: white; } .switch.switch-success > input:checked + .switch-label { border-color:#4cae4c; background:#4cae4c; } .switch.switch-danger > input:checked + .switch-label { border-color:#d43f3a; background:#d43f3a; } .switch.switch-warning > input:checked + .switch-label { border-color:#eea236; background:#eea236; } .switch.switch-info > input:checked + .switch-label { border-color:#46b8da; background:#46b8da; } .switch.switch-default > input:checked + .switch-label { border-color:rgba(0,0,0,0.1); background:rgba(0,0,0,0.1); } .switch.switch-default > input:checked + .switch-label:before { color:#888; } .switch > input:checked + .switch-label:before { content: attr(data-on); left: 1px; top:1px; } .switch > input:checked + .switch-label:after { margin: 1px; width: 19px; height: 19px; background: white; } /* @toggle switch normal state focus --------------------------------------------------------------------------------- */ .switch-round > .switch-label { -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > .switch-label + span{ top:-2px; } .switch-round > .switch-label:before { width: 33px; } .switch-round > .switch-label:after { width: 19px; color:#B5C1C7; content: "\2022"; font:20px/20px Times, Serif; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > input:checked + .switch-label { padding-left: 33px; } .switch-round > input:checked + .switch-label:after{ color:#333; } /* fancy upload -------------------------------------------------------- */ .fancy-file-upload { position:relative; height:40px; overflow:hidden; display:block; margin-bottom:3px; } .fancy-file-upload>span.button { color:#fff; background-color:#333; position: absolute; top: 4px; right: 4px; top:4px; bottom:4px; line-height: 34px; padding: 0 16px; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload.fancy-file-primary>span.button { background-color:#333; } .fancy-file-upload.fancy-file-success>span.button { background-color:#4cae4c; } .fancy-file-upload.fancy-file-danger>span.button { background-color:#d43f3a; } .fancy-file-upload.fancy-file-warning>span.button { background-color:#eea236; } .fancy-file-upload.fancy-file-info>span.button { background-color:#46b8da; } .fancy-file-upload.fancy-file-default>span.button { color:#666; background-color:rgba(0,0,0,0.1); } .fancy-file-upload>input[type=text] { background-color:transparent; padding-left: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload>input[type=file] { width: 100%; height: 100%; cursor: pointer; padding: 8px 10px; position: absolute; -moz-opacity: 0; opacity: 0; z-index: 11; bottom: 0; right: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload>i { position:absolute; top: -1px; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; color:#888; z-index: 10; } /* fancy inputs / selects / textareas -------------------------------------------------------- */ .fancy-form { position:relative; margin-bottom:3px; } .fancy-form .fancy-hint { padding:6px 10px; border-top:rgba(0,0,0,0.1) 1px solid; background-color:rgba(0,0,0,0.05); margin-top:-2px; border:#ddd 2px solid; border-top-width:1px; display:block; z-index:10; } section.dark .fancy-form .fancy-hint { border-color:#666; background-color:rgba(255,255,255,0.1); } .fancy-form>i { position:absolute; top:50%; left:15px; margin-top:-7px; z-index:10; width:14px; height:14px; color:#888; } .fancy-form>textarea + i { top:0; margin-top:12px; } .fancy-form>textarea, .fancy-form>input { padding-left:36px; margin:0; } .fancy-form.fancy-icon-inverse>i { right:15px; left:auto; } .fancy-form.fancy-icon-inverse>textarea, .fancy-form.fancy-icon-inverse>input { padding-right:36px; padding-left:15px; } .fancy-form>select { display: block; padding: 9px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-indent: 0.01px; text-overflow: ''; z-index: 10; margin: 0; cursor:pointer; } .fancy-form>.fancy-arrow, .fancy-form>.fancy-arrow-double { position: absolute; top: 15px; right: 5px; left:auto; width: 24px; height: 24px; color: #B5C1C7; pointer-events: none; z-index: 16; } .fancy-form>.fancy-arrow:before, .fancy-form>.fancy-arrow-double:after, .fancy-form>.fancy-arrow-double:before { content: ''; position: absolute; font: 12px monospace; font-style: normal; pointer-events: none; left: 6px; } .fancy-form>.fancy-arrow:before { content: '\25BC'; bottom: 4px; } .fancy-form>.fancy-arrow-double:before { content: '\25BC'; bottom: -1px; } .fancy-form>.fancy-arrow-double:after { content: '\25B2'; top: -1px; } .fancy-form-select:before { position:absolute; content:' '; top: 2px; right: 2px; bottom: 2px; width: 37px; background: #F2F4FA; border-left: 1px solid rgba(0,0,0,0.08); } section.dark .fancy-form-select:before { background:#262626; } /* fancy tooltip -------------------------------------------------------- */ .fancy-tooltip { position: absolute; z-index: 10; color: #fff; background: #313131; left: -9999px; top:-100%; font-size: 11px; font-weight:normal; margin-top:20px; padding:10px; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; } .fancy-tooltip:after { content: ''; position: absolute; top: 100%; left: 12px; border-top: 8px solid #313131; border-right: 8px solid transparent; border-left: 8px solid transparent; } .fancy-tooltip:hover .tooltip, .fancy-tooltip:focus + .tooltip, select.fancy-tooltip:focus ~ .tooltip { opacity: 1; z-index: 999; } .fancy-form>select:focus + .fancy-tooltip, .fancy-form>textarea:focus + .fancy-tooltip, .fancy-form>input:focus + .fancy-tooltip { left:auto; top: -100%; margin-top:-8px; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); } .fancy-tooltip { padding:0; } input:focus + .fancy-tooltip { padding:10px; } /* @tooltip top left ----------------- */ .fancy-tooltip.top-left { top: -100%; left:0; right:auto; margin-bottom: 20px; } .fancy-tooltip.top-left:after { left: 12px; right:auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* @tooltip top right ----------------- */ .fancy-tooltip.top-right { top: -100%; left:auto; right:0; margin-bottom: 20px; } .fancy-tooltip.top-right:after { right: 12px; left:auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* autosuggest [typehead] -------------------------------------------------------- */ div.autosuggest pre { margin:0; } div.autosuggest .twitter-typeahead { display:block !important; } div.autosuggest .tt-menu { top: 38px !important; width: 100% !important; padding: 6px !important; background-color:#fff; border: #ccc 2px solid; border-top:0; } section.dark div.autosuggest .tt-menu { border-color:#999; background-color:#333; } div.autosuggest .tt-menu .tt-suggestion { cursor:pointer; padding:3px; border-bottom:rgba(0,0,0,0.05) 1px solid; } div.autosuggest .tt-menu .tt-suggestion:hover { background-color:rgba(0,0,0,0.03); } div.autosuggest .tt-menu .tt-suggestion:last-child { border:0; } div.autosuggest .tt-dataset { max-height: 200px; overflow-y: auto; } /* Form Stepper -------------------------------------------------------- */ .stepper-wrap { position: relative; display:block; font: 11px Arial, sans-serif; margin-right:34px !important; } .stepper-wrap input { padding-right:20px; margin-right:10px; } .stepper-wrap .gui-input{ -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .stepper-btn-wrap { position: absolute; top: 0; right: -34px; width: 39px; height: 100%; overflow: hidden; background: #F2F4FA; border: 2px solid #ddd; border-width:2px 2px 2px 1px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.dark .stepper-btn-wrap { border-color:#666; } .stepper-btn-wrap a { display: block; height: 50%; overflow: hidden; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent:-9999px; background:#F2F4FA; cursor: default; color: #666; } section.dark .stepper-btn-wrap a { background:#262626; } .stepper-btn-wrap a:hover { background:#F8FAFC; } .stepper-btn-up:before, .stepper-btn-dwn:before { content: ''; border: 4px dashed; pointer-events: none; border-color: #B5C1C7 rgba(255, 255, 255, 0); position: absolute; right:13px; z-index:1; height:0; top:32%; width:0; } .stepper-btn-up:before { border-bottom-style: solid; border-top: none; } .stepper-btn-dwn:before { margin-top: 10px; border-top-style: solid; border-bottom: none; } /* UI SLIDER ------------------------------------------------------*/ .ui-slider .ui-slider-range, .progress > button[type="submit"]:hover, .progress > button[type="submit"], .progress-bar > .bar { background-size: 16px 16px; background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); } .slider-wrapper, .sliderv-wrapper { background:#E2E8F1; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } section.dark .slider-wrapper, section.dark .sliderv-wrapper { background-color:#222; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; cursor: default; background:#fff; text-decoration:none; border:3px solid #1ABC9C; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -ms-touch-action: none; touch-action: none; margin-top:-3px; outline:none; } .ui-slider .ui-slider-handle:before{ content: ''; width: 7px; height: 7px; position:absolute; background-color: #1ABC9C; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; z-index: 2; left:5px; top:5px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #1ABC9C; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .5em; } .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, .sliderv-wrapper { width: .5em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.45em; 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; } .slider-input{ color:#f6931f!important; border:0; background:none; } .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px; } .ui-slider .ui-state-active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* @ui slider tooltip --------------------- */ .slider-tip { display: block; position: absolute; text-align: center; font: 10pt Tahoma, Arial, sans-serif ; background: #34495E; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding:10px; color: #fff; } .slider-wrapper .slider-tip{ top: -50px; left:-15px; } .slider-wrapper .slider-tip:after { content: ''; position: absolute; top: 98%; left: 35%; border-top: 8px solid #34495E; border-right: 8px solid transparent; border-left: 8px solid transparent; } .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; } .sliderv-wrapper .slider-tip:after{ content: ''; position: absolute; top:30%; right: 98%; border-right: 8px solid #34495E; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } /* @ui slider themes --------------------- */ .warning-slider .ui-slider .ui-slider-handle{ border-color:#ed9c28; } .warning-slider .ui-slider .ui-slider-handle:before, .warning-slider .ui-slider .ui-slider-range { background-color:#ed9c28; } .danger-slider .ui-slider .ui-slider-handle{ border-color:#e74c3c; } .danger-slider .ui-slider .ui-slider-handle:before, .danger-slider .ui-slider .ui-slider-range { background-color:#e74c3c; } .purple-slider .ui-slider .ui-slider-handle{ border-color:#9B59B6; } .purple-slider .ui-slider .ui-slider-handle:before, .purple-slider .ui-slider .ui-slider-range { background-color:#9B59B6; } .info-slider .ui-slider .ui-slider-handle{ border-color:#3498db; } .info-slider .ui-slider .ui-slider-handle:before, .info-slider .ui-slider .ui-slider-range { background-color:#3498db; } .black-slider .ui-slider .ui-slider-handle{ border-color:#34495e; } .black-slider .ui-slider .ui-slider-handle:before, .black-slider .ui-slider .ui-slider-range { background-color:#34495e; } .success-slider .ui-slider .ui-slider-handle{ border-color:#2ecc71; } .success-slider .ui-slider .ui-slider-handle:before, .success-slider .ui-slider .ui-slider-range { background-color:#2ecc71; } .yellow-slider .ui-slider .ui-slider-handle{ border-color:#ed9c28; } .yellow-slider .ui-slider .ui-slider-handle:before, .yellow-slider .ui-slider .ui-slider-range { background-color:#ed9c28; } /* UI slider addons | labels + tooltips -------------------- */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 0.5em; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 10px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; } .ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; } .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 10px; } .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 10px; margin-left: 0; margin-bottom: -0.5em; } .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; } /* UI slider tooltips --------------------- */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: none; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; margin-top: -10px; display: block; width: auto; padding:5px 10px; margin-left: -50%; line-height: 20px; background:#000; border-radius: 3px; text-align: center; font-size: 11px; font-weight:bold; color:#fff; opacity:0; -webkit-transition-duration: 200ms, 200ms, 0; -moz-transition-duration: 200ms, 200ms, 0; -ms-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, top, visibility; -moz-transition-property: opacity, top, visibility; -ms-transition-property: opacity, top, visibility; transition-property: opacity, top, visibility; -webkit-transition-delay: 0, 0, 200ms; -moz-transition-delay: 0, 0, 200ms; -ms-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms; } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; -webkit-transition-delay:200ms, 200ms, 0; -moz-transition-delay:200ms, 200ms, 0; -ms-transition-delay:200ms, 200ms, 0; transition-delay:200ms, 200ms, 0; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: " "; width: 0; height: 0; border-top: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: -6px; left: 30%; } /** 50. Sky Form **************************************************************** **/ .sky-form,.sky-form .label{color:#333;text-align:left;padding:0;font-size:14px;font-weight:300}.checkbox+.checkbox,.radio+.radio{margin-top:12px}.sky-form.boxed{border:rgba(0,0,0,.1) solid}.sky-form header{margin:0;background:-webkit-linear-gradient(top,#fff 1%,#f9f9f9 98%);background:linear-gradient(to bottom,#fff 1%,#f9f9f9 98%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:rgba(0,0,0,.07) 1px solid;padding:15px 20px;font-size:20px;font-weight:400}.sky-form.boxed fieldset{padding:15px}.sky-form label.captcha>img{position:absolute;top:3px;right:2px}.sky-form fieldset{display:block;padding:25px 30px 5px;border:none}.sky-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1)}.sky-form .section,.sky-form section{padding:0;margin-bottom:20px}.sky-form footer{margin:0 15px 10px;border-top:rgba(0,0,0,.03) 1px solid}.sky-form footer:after{content:'';display:table;clear:both}.sky-form .label{display:block;margin-bottom:6px;line-height:19px}.sky-form .label.col{margin:0;padding-top:10px}.sky-form .note{margin-top:6px;padding:0 1px;font-size:12px;line-height:15px;color:rgba(0,0,0,.5);font-weight:400}.sky-form .button,.sky-form .checkbox,.sky-form .input,.sky-form .radio,.sky-form .select,.sky-form .textarea,.sky-form .toggle{position:relative;display:block}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:40px;padding:8px 10px;outline:0;border-width:2px;border-style:solid;border-radius:0;background:#fff;font:15px/19px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}.sky-form .col{float:left;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box}.sky-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px}.sky-form .input-file .button:hover{box-shadow:none}.sky-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0}.sky-form .select i{position:absolute;top:14px;right:14px;width:5px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff}.sky-form .select i:after,.sky-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .select i:after{bottom:0;border-top:4px solid #404040}.sky-form .select i:before{top:0;border-bottom:4px solid #404040}.sky-form .select-multiple select{height:auto}.sky-form .textarea textarea{height:auto;resize:none}.sky-form .textarea-resizable textarea{resize:vertical}.sky-form .textarea-expandable textarea{height:40px}.sky-form .textarea-expandable textarea:focus{height:auto}.sky-form .checkbox,.sky-form .radio{margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#404040;cursor:pointer}.sky-form .checkbox:last-child,.sky-form .radio:last-child{margin-bottom:0}.sky-form .checkbox input,.sky-form .radio input{position:absolute;left:-9999px}.sky-form .checkbox i,.sky-form .radio i{position:absolute;top:5px;left:0;display:block;width:19px;height:19px;outline:0;border-width:2px;border-style:solid;background:#fff}.sky-form .radio i{border-radius:50%}.sky-form .checkbox input+i:after,.sky-form .radio input+i:after{position:absolute;opacity:0;transition:opacity .1s;-o-transition:opacity .1s;-ms-transition:opacity .1s;-moz-transition:opacity .1s;-webkit-transition:opacity .1s}.sky-form .radio input+i:after{content:'';top:5px;left:5px;width:5px;height:5px;border-radius:50%}.sky-form .checkbox input+i:after{content:'\f00c';top:0;left:0;width:15px;height:15px;font:400 12px/16px FontAwesome;text-align:center}.sky-form .checkbox input:checked+i:after,.sky-form .radio input:checked+i:after{opacity:1}.sky-form .inline-group{margin:0 -30px -4px 0}.sky-form .inline-group:after{content:'';display:table;clear:both}.sky-form .inline-group .checkbox,.sky-form .inline-group .radio{float:left;margin-right:30px}.sky-form .inline-group .checkbox:last-child,.sky-form .inline-group .radio:last-child{margin-bottom:4px}.sky-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer}.sky-form .toggle:last-child{margin-bottom:0}.sky-form .toggle input{position:absolute;left:-9999px}.sky-form .toggle i{content:'';position:absolute;top:5px;right:0;display:block;width:49px;height:22px;border-width:2px;border-style:solid;border-radius:12px;background:#fff}.sky-form .toggle i:after{content:'OFF';position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f}.sky-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right .2s;-o-transition:right .2s;-ms-transition:right .2s;-moz-transition:right .2s;-webkit-transition:right .2s}.sky-form .toggle input:checked+i:after{content:'ON';text-align:right}.sky-form .toggle input:checked+i:before{right:33px}.sky-form .rating{margin-bottom:4px;font-size:15px;line-height:27px;color:#404040}.sky-form .rating:last-child{margin-bottom:0}.sky-form .rating input{position:absolute;left:-9999px}.sky-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer}.sky-form .button{float:right;height:40px;overflow:hidden;margin:10px 0 0 20px;padding:0 25px;outline:0;border:0;font:300 15px/39px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer}.sky-form .btn{margin:10px 0 0 20px}.sky-form .btn:hover{margin-bottom:0}.sky-form .input-group-btn .btn{margin:0}.sky-form .tooltip{position:absolute;z-index:1;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,.9);color:#fff;opacity:0;transition:margin .3s,opacity .3s;-o-transition:margin .3s,opacity .3s;-ms-transition:margin .3s,opacity .3s;-moz-transition:margin .3s,opacity .3s;-webkit-transition:margin .3s,opacity .3s}.sky-form .tooltip:after{content:'';position:absolute}.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{opacity:1}.sky-form .tooltip-top-right{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-right:after{top:100%;right:16px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-right,.sky-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px}.sky-form .tooltip-top-left{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-left:after{top:100%;left:16px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-left,.sky-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px}.sky-form .tooltip-right{top:9px;white-space:nowrap;margin-left:15px}.sky-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,.9);border-bottom:4px solid transparent}.sky-form .input input:focus+.tooltip-right,.sky-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px}.sky-form .tooltip-left{top:9px;white-space:nowrap;margin-right:15px}.sky-form .tooltip-left:after{top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,.9)}.sky-form .input input:focus+.tooltip-left,.sky-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px}.sky-form .tooltip-bottom-right{top:100%;margin-top:15px}.sky-form .tooltip-bottom-right:after{bottom:100%;right:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-right,.sky-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px}.sky-form .tooltip-bottom-left{top:100%;margin-top:15px}.sky-form .tooltip-bottom-left:after{bottom:100%;left:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-left,.sky-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px}.sky-form .checkbox i,.sky-form .ico-append,.sky-form .ico-prepend,.sky-form .input input,.sky-form .radio i,.sky-form .select select,.sky-form .textarea textarea,.sky-form .toggle i{border-color:#e5e5e5;transition:border-color .3s;-o-transition:border-color .3s;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}.sky-form .toggle i:before{background-color:#2da5da}.sky-form .rating label{color:#ccc;transition:color .3s;-o-transition:color .3s;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s}.sky-form .button{background-color:#2da5da;opacity:.8;transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}.sky-form .button.button-secondary{background-color:#b3b3b3}.sky-form .ico-append,.sky-form .ico-prepend{color:#ccc}.sky-form .ico-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid}.sky-form .ico-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}.sky-form .ico-append,.sky-form .ico-prepend{position:absolute;top:5px;width:29px;height:29px;font-size:15px;line-height:29px;text-align:center}.sky-form .input .ico-prepend+.ico-append+input,.sky-form .input .ico-prepend+input,.sky-form .textarea .ico-prepend+.ico-append+textarea,.sky-form .textarea .ico-prepend+textarea{padding-left:46px}.sky-form .checkbox:hover i,.sky-form .input:hover input,.sky-form .radio:hover i,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .toggle:hover i{border-color:#8dc9e5}.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label{color:#2da5da}.sky-form .button:hover{opacity:1}.sky-form .checkbox input:focus+i,.sky-form .input input:focus,.sky-form .radio input:focus+i,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .toggle input:focus+i{border-color:#2da5da}.sky-form .radio input+i:after{background-color:#2da5da}.sky-form .checkbox input+i:after{color:#2da5da}.sky-form .checkbox input:checked+i,.sky-form .radio input:checked+i,.sky-form .toggle input:checked+i{border-color:#2da5da}.sky-form .rating input:checked~label{color:#2da5da}.sky-form .checkbox.state-error i,.sky-form .radio.state-error i,.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .toggle.state-error i{background:#fff0f0}.sky-form .state-error select+i{background:#fff0f0;box-shadow:0 0 0 12px #fff0f0}.sky-form .toggle.state-error input:checked+i{background:#fff0f0}.sky-form .note-error{color:#fff;padding:3px;display:inline-block;background-color:#ee9393}.sky-form .checkbox.state-success i,.sky-form .radio.state-success i,.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .toggle.state-success i{background:#f0fff0}.sky-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 12px #f0fff0}.sky-form .toggle.state-success input:checked+i{background:#f0fff0}.sky-form .note-success{color:#fff;padding:3px;display:inline-block;background-color:#6fb679}.sky-form .button.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .input.state-disabled input,.sky-form .radio.state-disabled,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .toggle.state-disabled{cursor:default;opacity:.5}.sky-form .checkbox.state-disabled:hover i,.sky-form .input.state-disabled:hover input,.sky-form .radio.state-disabled:hover i,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .toggle.state-disabled:hover i{border-color:#e5e5e5} .sky-form.boxed { border: rgba(0,0,0,0.1) 1px solid; } .sky-form footer { padding:8px 0; margin-bottom:0; } .sky-form .btn { margin-top:0; } .sky-form .btn-social { margin:0; } .sky-form.boxed { background-color:#fff; } .sky-form fieldset { padding: 0 0 30px 0; } .sky-form header { background:transparent !important; } .sky-form .checkbox input:hover+i, .sky-form .input input:hover, .sky-form .radio input:hover+i, .sky-form .select select:hover, .sky-form .textarea textarea:hover, .sky-form .toggle input:hover+i, .sky-form .checkbox input:focus+i, .sky-form .input input:focus, .sky-form .radio input:focus+i, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .toggle input:focus+i { border-color:#c6c6c6; } section.alternate .sky-form.boxed { background-color:#F9F9F9; } section.dark .sky-form.boxed { background-color:#333; border:0; } section.dark .sky-form header { color:#fff; background: -webkit-linear-gradient(top,#000 1%,#222 98%); background: linear-gradient(to bottom,#000 1%,#222 98%); border-bottom: rgba(255,255,255,.07) 1px solid; } section.dark .sky-form .checkbox i, section.dark .sky-form .ico-append, section.dark .sky-form .ico-prepend, section.dark .sky-form .input input, section.dark .sky-form .radio i, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea, section.dark .sky-form .toggle i { border-color:#666; } section.dark .sky-form .input input, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea { background-color:transparent; } section.dark .sky-form footer { border-top-color:#444; } section.dark .sky-form .checkbox input:hover+i, section.dark .sky-form .input input:hover, section.dark .sky-form .radio input:hover+i, section.dark .sky-form .select select:hover, section.dark .sky-form .textarea textarea:hover, section.dark .sky-form .toggle input:hover+i, section.dark .sky-form .checkbox input:focus+i, section.dark .sky-form .input input:focus, section.dark .sky-form .radio input:focus+i, section.dark .sky-form .select select:focus, section.dark .sky-form .textarea textarea:focus, section.dark .sky-form .toggle input:focus+i { border-color:#999; } /** 51. Summernote *************************************************** **/ .note-editor { position: relative; border: rgba(0,0,0,0.1) 1px solid; } .note-editor .row-fluid p { display:none; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: white; border: 2px dashed #87cefa; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: rgba(0,0,0,0.01); border-bottom: 1px solid #eee; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background-color:#1F252D; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content,.note-toolbar { padding: 0 5px 5px 5px; margin: 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group { margin: 5px 5px 0 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group>button { margin:0; border: rgba(0,0,0,0.2) 1px solid; background-color:#fff; } .note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; } .note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px !important; text-align:center; padding:0; } .note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog>div { display: none; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-dialog .note-help-dialog .note-shortcut th, .note-dialog .note-help-dialog .note-shortcut tr { background:transparent !important; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection>div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-toolbar button { height:30px; } section.dark .note-popover .popover .popover-content>.btn-group, section.dark .note-toolbar>.btn-group>button { background-color:#333 !important; } section.dark .note-editor .note-statusbar, section.dark .note-editor .note-editable { background-color:#333 !important; } section.dark .note-editor .note-toolbar { background-color: rgba(0,0,0,0.3); border-bottom: 1px solid #000; } section.dark .dropdown-menu, section.dark .dropdown-menu p, section.dark .dropdown-menu a, section.dark .dropdown-menu>li>a, section.dark .dropdown-menu>li>a>h1, section.dark .dropdown-menu>li>a>h2, section.dark .dropdown-menu>li>a>h3, section.dark .dropdown-menu>li>a>h4, section.dark .dropdown-menu>li>a>h5, section.dark .dropdown-menu>li>a>h6, section.dark .note-popover .popover .popover-content .note-para .dropdown-menu i.fa, section.dark .note-toolbar .note-para .dropdown-menu i.fa { color:#000; } /** 52. Markdown *************************************************** **/ .md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%} /* custom rewrite */ .md-editor { display: block; border: 1px solid #ddd; } .md-editor>.md-header,.md-editor .md-footer { display: block; padding: 6px 4px; background: #fff; } .md-editor>.md-header { margin: 0; } .md-editor>.md-preview { background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; overflow: auto; } .md-editor>textarea { font-size: 14px; outline: 0; outline: thin dotted \9; margin: 0; display: block; padding: 0; width: 100%; border: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #fafafa; } .md-editor>textarea:focus { box-shadow: none; background: #fff; } .md-editor.active { border-color: #999; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1); } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-bottom:0; } .btn-toolbar>.btn>i.fa, .btn-toolbar>.btn>span.glyphicon { color:#fff !important; } .md-editor.md-fullscreen-mode .md-controls { display:none; } .md-editor.md-fullscreen-mode .md-fullscreen-controls { top:28px; } section.dark .md-editor { border-color:transparent; } section.dark .md-editor .md-header .btn-default { border:0; background-color:#333; } section.dark .md-editor>.md-header { background-color:#000; } section.dark .md-editor>textarea { color:#fff; background-color:#333; border-top-color:#111; border-bottom-color:#111; } section.dark .md-editor.md-fullscreen-mode .md-input, section.dark .md-editor.md-fullscreen-mode .md-preview, section.dark .md-editor.md-fullscreen-mode { color:#fff; background-color:#333 !important; } /** 53. Bootstrap 4 Elements *************************************************** **/ .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #0275d8; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #5cb85c; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: calc(0.25rem - 1px); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-deck .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-deck .card:not(:first-child) { margin-left: 15px; } .card-deck .card:not(:last-child) { margin-right: 15px; } } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; margin-bottom: 0.75rem; } } /** ********************************************** ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update Wednesday, Apryl 26, 2017 TABLE CONTENTS ------------------------------- Globals Boxed Color Background Slide Top Parallax Social Icons Page Header Top Nav Menu Vertical Page Menu Scroll To Top Preloader Misc Material Design Landing Page Featured Grid Captions Aside Masonry Gallery Simple Gallery [CSS ONLY] Image Hover Sticky Side Parallax Social icons Word Rotator Sliders Standard Forms Messages Portfolio Item Box Mixitup Blog Comments Timeline Contact Error 404 Maintenance Login & Register Search Page Block Review Cards Category Grid Footer Responsive DEMO ONLY [remove on production] *************************************************** **/ /** Globals **************************************************************** **/ html, body { height:100%; direction: ltr; } body { color:#666; background-color:#fff; font-family:'Open Sans',Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; font-size:16px; line-height:1.5; margin:0; padding:0; } /* example usage: index-onepage-youtube.html */ body.has-image-bg section, body.has-video-bg section { background-color:#fff; } body #wrapper {/* used by RTL*/ overflow:hidden; min-height:100%; /* because short page hide long menus */ } body.bg-grey, body.bg-grey #wrapper { background-color:#f1f2f7; } section { display: block; position: relative; padding: 80px 0; border-bottom:rgba(0,0,0,0.1) 1px solid; background-color: #fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; background-size: cover !important; box-sizing: border-box !important; } section:after, section:before { content:" "; display:table; } section:after { display: block; content: ""; clear: both; } /* remove effect on parallax */ section.parallax { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /** Static background image add to HTML: background-image:url(); **/ section.static-bg, div.static-bg { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } section header.section-header { margin-bottom:80px; } div.alternate, section.alternate { background-color:rgba(0,0,0,0.02) !important; } section.dark { background-color:#212121 !important; border-bottom:rgba(255,255,255,0.1) 1px solid; } section.dark.alternate { background-color:#151515 !important; } div.alternate-2, section.alternate-2, section.alternate-2 div.heading-title h1, section.alternate-2 div.heading-title h2, section.alternate-2 div.heading-title h3, section.alternate-2 div.heading-title h4, section.alternate-2 div.heading-title h5, section.alternate-2 div.heading-title h6 { background-color: #f4f4f4 !important; } div.alternate-3, section.alternate-3, section.alternate-3 div.heading-title h1, section.alternate-3 div.heading-title h2, section.alternate-3 div.heading-title h3, section.alternate-3 div.heading-title h4, section.alternate-3 div.heading-title h5, section.alternate-3 div.heading-title h6 { background-color: #eae7e2 !important; } div.lightgreen, section.lightgreen, section.lightgreen div.heading-title h1, section.lightgreen div.heading-title h2, section.lightgreen div.heading-title h3, section.lightgreen div.heading-title h4, section.lightgreen div.heading-title h5, section.lightgreen div.heading-title h6 { background-color: #eef4f2 !important; } /* eaf7ff */ div.lightblue, section.lightblue, section.lightblue div.heading-title h1, section.lightblue div.heading-title h2, section.lightblue div.heading-title h3, section.lightblue div.heading-title h4, section.lightblue div.heading-title h5, section.lightblue div.heading-title h6 { background-color: #dfe5ea !important; } /* different dark color */ section.dark-2, section.dark-2 div.heading-title h1, section.dark-2 div.heading-title h2, section.dark-2 div.heading-title h3, section.dark-2 div.heading-title h4, section.dark-2 div.heading-title h5, section.dark-2 div.heading-title h6 { color: #fff; background-color: #333a3f !important; } section.dark-2.alternate div.heading-title h1, section.dark-2.alternate div.heading-title h2, section.dark-2.alternate div.heading-title h3, section.dark-2.alternate div.heading-title h4, section.dark-2.alternate div.heading-title h5, section.dark-2.alternate div.heading-title h6 { color: #fff; background-color: #292e32 !important; } .dark-2 a, .dark-2 label, .dark-2 h1, .dark-2 h2, .dark-2 h3, .dark-2 h4, .dark-2 h5, .dark-2 h6 { color: #fff; } section.theme-color, section.theme-color h1, section.theme-color h2, section.theme-color h3, section.theme-color h4, section.theme-color h5, section.theme-color h6, section.theme- p, section.dark, section.dark p, section.dark h1, section.dark h2, section.dark h3, section.dark h4, section.dark h5, section.dark h6 { color:#fff; } section.padding-xxs { padding:30px 0; } section.padding-xs { padding:60px 0; } section.padding-md { padding:80px 0; } section.padding-lg { padding:120px 0; } section.padding-xlg { padding:140px 0; } section.dark a { color:#999; } section.parallax { border:0; } body.bg-grey, body.bg-grey #wrapper { background-color:#f1f2f7; } .container { position:relative; } a:active, a:focus, a:hover { color: #212121; text-decoration:none; } /* black link color - override theme color link */ a.href-reset, .href-reset a { color:#121212; } section.dark a.href-reset, section.dark .href-reset a { color:#eee; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#121212; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#888; } section.dark h1 a, section.dark h2 a, section.dark h3 a, section.dark h4 a, section.dark h5 a, section.dark h6 a { color:#eee; } section.dark h1 a:hover, section.dark h2 a:hover, section.dark h3 a:hover, section.dark h4 a:hover, section.dark h5 a:hover, section.dark h6 a:hover { color:#fff; } section header>h1, section header>h2, section header>h3, section header>h4, section header>h5, section header>h6 { margin:0; } small { font-family: 'Lato', sans-serif; } label { display:block; } /* form control: inputs, textarea, etc */ .btn { position:relative; } .btn-default { border-width:2px; } .btn>.label-absolute { position:absolute; right:-6px; top:-8px; } .input-group-addon { border:#ddd 2px solid; border-right:0; } section.dark .input-group-addon { background-color:#212121; border-color:#666; color:#eaeaea; } .form-control { border:#ddd 2px solid; box-shadow:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section .input-group-btn .btn.btn-default, section .input-group-btn button.btn-default { border-width:2px; border-color:#ddd; } .form-control:focus { border-color:#c6c6c6; } section.dark .form-control { border-color: #666; background-color: rgba(255,255,255,0.05); outline: none; } section.dark .form-control:focus { border-color:#999; } .nav-tabs>li>a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .label { padding:.4em .6em .4em; } /* DARK PRESETS */ section.dark input, section.dark select, section.dark textarea { color:#fff; } section.dark .btn { color:#fff; } section.dark .thumbnail { border-color:#444; background-color:transparent; } section.dark h1.page-header, section.dark h2.page-header, section.dark h3.page-header, section.dark h4.page-header, section.dark h5.page-header, section.dark h6.page-header { border-bottom-color:#666; } /* fonts */ .font-open-sans { font-family:'Open Sans',Arial,Helvetica,sans-serif !important; } .font-lato { font-weight:300; font-family:'Lato',Arial,Helvetica,sans-serif !important; } .font-raleway { font-family:'Raleway',Arial,Helvetica,sans-serif !important; } /* GLOBAL RADIUS Add here all needed bootstrap elements */ pre, .alert, .panel, .navbar-toggle, .btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* bootstrap rewrite */ img.img-responsive { display:inline-block; } /** Boxed **************************************************************** **/ body.boxed { background-color:#f1f2f7; } body.boxed section { background-color:#fff; } body.boxed #wrapper { max-width:1170px; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media only screen and (max-width: 992px) { body.boxed #wrapper { margin-top:0; margin-bottom:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } /** Color Background **************************************************************** **/ /* GRAIN BLUE BACKGROUND */ body.grain-blue, body.grain-blue #wrapper, body.grain-blue #topBar, body.grain-blue #header.fixed, body.grain-blue #header li.search .search-box, body.grain-blue #header li.quick-cart .quick-cart-box, body.grain-blue div.heading-title h1, body.grain-blue div.heading-title h2, body.grain-blue div.heading-title h3, body.grain-blue div.heading-title h4, body.grain-blue div.heading-title h5, body.grain-blue div.heading-title h6 { background:#dce4e9 url(/Content/images/_smarty/grain_bg.png) repeat; } /* GRAIN GREY BACKGROUND */ body.grain-grey, body.grain-grey #wrapper, body.grain-grey #topBar, body.grain-grey #header.fixed, body.grain-grey #header li.search .search-box, body.grain-grey #header li.quick-cart .quick-cart-box, body.grain-grey div.heading-title h1, body.grain-grey div.heading-title h2, body.grain-grey div.heading-title h3, body.grain-grey div.heading-title h4, body.grain-grey div.heading-title h5, body.grain-grey div.heading-title h6 { background:#f1f2f7 url(/Content/images/_smarty/grain_bg.png) repeat; } /* GRAIN GREEN BACKGROUND */ body.grain-green, body.grain-green #wrapper, body.grain-green #topBar, body.grain-green #header.fixed, body.grain-green #header li.search .search-box, body.grain-green #header li.quick-cart .quick-cart-box, body.grain-green div.heading-title h1, body.grain-green div.heading-title h2, body.grain-green div.heading-title h3, body.grain-green div.heading-title h4, body.grain-green div.heading-title h5, body.grain-green div.heading-title h6 { background:#e6eeea url(/Content/images/_smarty/grain_bg.png) repeat; } /* GRAIN ORANGE BACKGROUND */ body.grain-orange, body.grain-orange #wrapper, body.grain-orange #topBar, body.grain-orange #header.fixed, body.grain-orange #header li.search .search-box, body.grain-orange #header li.quick-cart .quick-cart-box, body.grain-orange div.heading-title h1, body.grain-orange div.heading-title h2, body.grain-orange div.heading-title h3, body.grain-orange div.heading-title h4, body.grain-orange div.heading-title h5, body.grain-orange div.heading-title h6 { background:#fff4ea url(/Content/images/_smarty/grain_bg.png) repeat; } /* GRAIN YELLOW BACKGROUND */ body.grain-yellow, body.grain-yellow #wrapper, body.grain-yellow #topBar, body.grain-yellow #header.fixed, body.grain-yellow #header li.search .search-box, body.grain-yellow #header li.quick-cart .quick-cart-box, body.grain-yellow div.heading-title h1, body.grain-yellow div.heading-title h2, body.grain-yellow div.heading-title h3, body.grain-yellow div.heading-title h4, body.grain-yellow div.heading-title h5, body.grain-yellow div.heading-title h6 { background:#ffffe6 url(/Content/images/_smarty/grain_bg.png) repeat; } /* essentials.css rewrite : heading shortcode */ body.grain-blue div.heading-title.heading-line-single:before, body.grain-grey div.heading-title.heading-line-single:before, body.grain-green div.heading-title.heading-line-single:before, body.grain-orange div.heading-title.heading-line-single:before, body.grain-yellow div.heading-title.heading-line-single:before, body.grain-blue div.heading-title.heading-line-double:before, body.grain-grey div.heading-title.heading-line-double:before, body.grain-green div.heading-title.heading-line-double:before body.grain-orange div.heading-title.heading-line-double:before, body.grain-yellow div.heading-title.heading-line-double:before { border-top: 3px double #ccc; } /* color header */ body.grain-blue #header, body.grain-grey #header, body.grain-green #header, body.grain-orange #header, body.grain-yellow #header { background-color:rgba(0,0,0,0.16); } body.grain-blue #header.dark, body.grain-grey #header.dark, body.grain-green #header.dark, body.grain-orange #header.dark, body.grain-yellow #header.dark { background-color:rgba(33,33,33,0.8); } body.grain-blue #header.dark.fixed, body.grain-grey #header.dark.fixed, body.grain-green #header.dark.fixed, body.grain-orange #header.dark.fixed, body.grain-yellow #header.dark .fixed{ background-color:#333; } body.grain-blue section.page-header, body.grain-grey section.page-header, body.grain-green section.page-header, body.grain-orange section.page-header, body.grain-yellow section.page-header { border:0; } /** Slide Top **************************************************************** **/ #slidetop { color:#888; font-size:13px; background-color:#363839; z-index: 1500; position: absolute; top: 0; right: 0; left:0; width: 100%; margin-left: auto; margin-right: auto; } #slidetop h1, #slidetop h2, #slidetop h3, #slidetop h4, #slidetop h5, #slidetop h6 { font-size:13px; line-height:20px; color:#fff; } #slidetop ul { margin:0; } #slidetop a { color:#ccc; text-decoration:none; } #slidetop ul>li>a { display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100%; } #slidetop ul>li>a>i { margin-right:6px; } #slidetop h1>i, #slidetop h2>i, #slidetop h3>i, #slidetop h4>i, #slidetop h5>i, #slidetop h6>i { margin-right:8px; } #slidetop a:hover { color:#fff; } #slidetop .container { display:none; height: auto; padding:30px 0; } #slidetop a.slidetop-toggle { height:35px; position: absolute; right: 0; bottom:-35px; border-top: 35px solid #363839; border-left: 35px solid transparent; display:inline-block; text-decoration:none; color:#fff; text-align:center; } #slidetop a.slidetop-toggle:after { font-family:FontAwesome; content: "\f067"; height:18px; color:#fff; position:absolute; top: -34px; left: -16px; } #slidetop.active a.slidetop-toggle:after { content: "\f068"; } @media only screen and (max-width: 768px) { #slidetop { display:none !important; } } /** Parallax Social Icons **************************************************************** **/ #sidepanel { color:#888; font-size:13px; position: fixed; top: 0; right: -280px; bottom:0; width:280px; z-index: 3000; background-color:#363839; overflow:hidden; display:none; -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } #sidepanel_overlay { position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:2999; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } #sidepanel_close { color: #999; background-color:rgba(0,0,0,0.2); display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; } #sidepanel_close:hover { color:#fff; } #sidepanel.sidepanel-light #sidepanel_close { color:#777; background-color:rgba(0,0,0,0.1); } #sidepanel.sidepanel-light #sidepanel_close:hover { color:#333; } #sidepanel.sidepanel-theme-color #sidepanel_close { color:#ccc; background-color:rgba(0,0,0,0.1); } #sidepanel.sidepanel-theme-color #sidepanel_close:hover { color:#fff; } /* position */ #sidepanel.sidepanel-inverse { right:auto; left: -280px; } /* colors */ #sidepanel.sidepanel-dark { color:#ddd; background-color:#363839; } #sidepanel.sidepanel-light { color:#111; background-color:#ffffff; } #sidepanel.sidepanel-theme-color { color:#fff; background-color:#333; } /* sidepanel content */ #sidepanel h1, #sidepanel h2, #sidepanel h3, #sidepanel h4, #sidepanel h5, #sidepanel h6 { color:#ddd; } #sidepanel .sidepanel-content { margin:50px 30px; overflow-y:auto; } #sidepanel .sidepanel-title { font-size:18px; line-height:23px; } /* sidepanel menu */ #sidepanel ul>li>a { font-size:14px; } #sidepanel ul ul>li>a { font-size:11px; } #sidepanel ul { border-bottom:rgba(0,0,0,0.2) 1px solid; padding-bottom:30px; } #sidepanel ul ul { margin-top:6px; border-bottom:0; padding-bottom:0; } #sidepanel ul ul>li { padding:5px 0 5px 32px; } #sidepanel .list-group-item { background-color:transparent; border:0; padding:8px 0; } #sidepanel .list-group-item a { color:#ddd; display:block; text-decoration:none; } #sidepanel ul li a[data-toggle="collapse"] { /* font-weight:bold; */ } #sidepanel ul li a[data-toggle="collapse"].collapsed { color:#ddd; font-weight:normal; } #sidepanel ul li a>i.ico-dd { float:right; } #sidepanel ul li a>i.ico-category { width:20px; } #sidepanel .list-group-item a>i { margin-right:6px; } #sidepanel .list-group-item .badge { float:right; } /* light */ #sidepanel.sidepanel-light ul a, #sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed, #sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed { color:#777 !important; } #sidepanel.sidepanel-light, #sidepanel.sidepanel-light h1, #sidepanel.sidepanel-light h2, #sidepanel.sidepanel-light h3, #sidepanel.sidepanel-light h4, #sidepanel.sidepanel-light h5, #sidepanel.sidepanel-light h6, #sidepanel.sidepanel-light ul li a[data-toggle="collapse"], #sidepanel.sidepanel-light ul a:hover { color:#111 !important; } /* theme color */ #sidepanel.sidepanel-theme-color ul a, #sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed, #sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed { color:#eee !important; } #sidepanel.sidepanel-theme-color, #sidepanel.sidepanel-theme-color h1, #sidepanel.sidepanel-theme-color h2, #sidepanel.sidepanel-theme-color h3, #sidepanel.sidepanel-theme-color h4, #sidepanel.sidepanel-theme-color h5, #sidepanel.sidepanel-theme-color h6, #sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"], #sidepanel.sidepanel-theme-color ul a:hover { color:#fff !important; } /** Page Header **************************************************************** **/ section.page-header { position: relative; padding: 50px 0 50px 0; border-top: 0; margin-top: 0; margin-bottom: 0 !important; background-color: rgba(0,0,0,0.05); border-bottom: rgba(0,0,0,0.05) 1px solid; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } @media only screen and (max-width: 1024px) { section.page-header { background-position: center !important; background-attachment: inherit; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; } } /* shadows */ section.page-header.shadow-after-1:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow1.png); background-size: 100% 100%; } section.page-header.shadow-after-2:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow2.png); background-size: 100% 100%; } section.page-header.shadow-after-3:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow3.png); background-size: 100% 100%; } section.dark.page-header { color:#fff; background-color:#151515 !important; } section.dark-2.page-header { color:#fff; background-color:#292e32 !important; } section.light.page-header { color:#151515; background-color:transparent; border-top: rgba(0,0,0,0.05) 1px solid; } section.page-header.page-header-xs { padding: 20px 0 20px 0; } section.page-header.page-header-md { padding: 50px 0 50px 0; } section.page-header.page-header-lg { padding: 80px 0 80px 0; } section.page-header.page-header-xlg { padding: 130px 0 130px 0; } section.page-header.page-header-2xlg { padding: 250px 0 250px 0; } @media only screen and (max-width: 482px) { section.page-header.page-header-2xlg { padding: 130px 0 130px 0; } } /* page header tabs */ .page-header.page-header-xs ul.page-header-tabs { display:block; text-align:left; margin-bottom:-21px; margin-top:40px; } .page-header.page-header-md ul.page-header-tabs { display:block; text-align:left; margin-bottom:-51px; margin-top:70px; } .page-header.page-header-lg ul.page-header-tabs { display:block; text-align:left; margin-bottom:-81px; margin-top:80px; } .page-header.page-header-2xlg ul.page-header-tabs { display:block; text-align:left; margin-bottom:-250px; margin-top:144px; } .page-header ul.page-header-tabs>li { background-color: rgba(0,0,0,0.02); padding:0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .page-header ul.page-header-tabs>li>a { display:inline-block; padding:6px 20px; color:#111; text-decoration:none; } .page-header.page-header-xs ul.page-header-tabs li a>span.label { padding:1px 5px; } .page-header.dark ul.page-header-tabs>li { background-color:rgba(255,255,255,0.1); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .page-header.dark ul.page-header-tabs>li:hover { background-color:rgba(255,255,255,0.2); } .page-header.dark ul.page-header-tabs>li>a { color:#fff; } .page-header ul.page-header-tabs>li:hover { background-color:rgba(0,0,0,0.03); } .page-header ul.page-header-tabs.dark>li:hover { background-color:rgba(0,0,0,0.1); } .page-header ul.page-header-tabs>li.active>a { color:#000; } .page-header.dark ul.page-header-tabs>li.active:hover, .page-header ul.page-header-tabs>li.active { font-weight:bold; background-color:#fff; } .page-header ul.page-header-tabs.dark>li.active>a { color:#fff; } .page-header ul.page-header-tabs.dark>li.active { background-color: #212121; } @media only screen and (max-width: 767px) { .page-header ul.page-header-tabs { background-color:rgba(0,0,0,0.03); padding:6px; margin-left:-15px; margin-right:-15px; } .page-header.page-header-2xlg ul.page-header-tabs { margin-top:143px; margin-bottom:-135px; } .page-header ul.page-header-tabs.dark { background-color:rgba(0,0,0,0.1); } .page-header ul.page-header-tabs>li, .page-header ul.page-header-tabs>li>a { display:block; float:none !important; text-align:center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .page-header ul.page-header-tabs.dark>li { border:0; } } section.page-header h1 { margin:0; padding:0; font-size:26px; font-weight:300; } section.page-header .breadcrumb { position:absolute; font-size:12px; top:50%; left:0; margin-top:-15px; background:transparent; margin-bottom:0; z-index:10; } section.page-header .breadcrumb>li+li:before { content:"•"; } section.page-header .breadcrumb a { color:#333; } section.page-header.parallax .breadcrumb li.active, section.page-header.parallax .breadcrumb a { color:#fff; } section.page-header .breadcrumb { right:0; left:auto; } section.page-header .breadcrumb.breadcrumb-inverse { left:0; right:auto; } section.page-header .breadcrumb.breadcrumb-center { left:auto; right:auto; position:relative; margin-top:20px; } section.dark.page-header .breadcrumb a { color:#ccc; } @media only screen and (max-width: 767px) { section.page-header { text-align:center; } section.page-header .breadcrumb { position:relative; display:block; margin:0; } section.page-header .container.text-right, section.page-header .container.text-left { text-align:center; } } /* options - like buttons */ section.page-header ul.page-options { position:absolute; font-size:24px; top:50%; left:0; margin-top:-15px; background:transparent; margin-bottom:0; z-index:10; } section.page-header ul.page-options a { color:#333; text-decoration:none; } section.page-header.parallax ul.page-options li.active, section.page-header.parallax ul.page-options a { color:#fff; } section.page-header ul.page-options { right:0; left:auto; } section.page-header ul.page-options.page-options-inverse { left:0; right:auto; } section.page-header ul.page-options.page-options-center { left:auto; right:auto; position:relative; margin-top:20px; } section.dark.page-header ul.page-options a { color:#ccc; } @media only screen and (max-width: 767px) { section.page-header ul.page-options { position:relative; display:block; margin:0; margin-top:20px; font-size:28px; } } /** Top Nav **************************************************************** **/ #header { position: relative; left:0; top:0; right:0; z-index:1000; font-size:14px; background-color:#fff; border-bottom: rgba(0,0,0,0.05) 1px solid; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important; -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important; box-shadow: 0 0 2px rgba(0,0,0,.1) !important; -webkit-transition: all .800s; -moz-transition: all .800s; -o-transition: all .800s; transition: all .800s; } #header a.logo>img { height:80px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header a.logo.logo-responsive>img { height:100%; /* used on center - example: page-coming-soon-1.html */ } /* force uppercase links */ #topBar ul li a, #mainMenu ul li a, #topMain ul li a { text-transform:uppercase; } /* two logo images : light & dark */ #header a.logo>img:last-child { display:none; } #header a.logo>img:first-child { display:inline-block; } #header.fixed a.logo>img:first-child { display:none; } #header.fixed a.logo>img:last-child { display:inline-block; } /* shadows */ #header.shadow-after-1:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow1.png); background-size: 100% 100%; } #header.shadow-before-1:before { content:' '; position:absolute; left:0; right:0; top:0; width:100%; height:60px; background-image:url(/Content/images/_smarty/misc/shadow1.png); background-size: 100% 100%; } #header.shadow-after-2:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow2.png); background-size: 100% 100%; } #header.shadow-before-2:before { content:' '; position:absolute; left:0; right:0; top:0; width:100%; height:60px; background-image:url(/Content/images/_smarty/misc/shadow2.png); background-size: 100% 100%; } #header.shadow-after-3:before { content:' '; position:absolute; left:0; right:0; width:100%; height:60px; bottom:-60px; background-image:url(/Content/images/_smarty/misc/shadow3.png); background-size: 100% 100%; } #header.shadow-before-3:before { content:' '; position:absolute; left:0; right:0; top:0; width:100%; height:60px; background-image:url(/Content/images/_smarty/misc/shadow3.png); background-size: 100% 100%; } /** Search - Default ********************** **/ #header li.search { display:inline-block; } #header li.search .search-box { display:none; right: 0; left:auto; top: 100%; padding: 15px; background-color: #fff; position: absolute; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); width: 274px; margin-top: 36px; z-index: 22; } #header.header-md li.search .search-box { margin-top:25px; } #header.header-sm li.search .search-box { margin-top:19px; } #header.fixed li.search .search-box { margin-top:18px; } #header.fixed.header-sm li.search .search-box { margin-top:18px; } #header.fixed.header-md li.search .search-box { margin-top:15px; } #header li.search i.fa { color: #333; cursor: pointer; position: relative; } form.mobile-search { display:none; } /** Search - Fullscreen ********************** **/ #header li.search.fullscreen>.search-box { text-align:center; position:fixed; padding:30px; background-color:rgba(255,255,255,0.95) !important; left:0; top:0 !important; right:0; bottom:0; width:100%; height:100%; margin:0 !important; z-index:2000; } #header li.search.fullscreen>.search-box>form { max-width:800px; display:inline-block; margin:auto; margin-top:20%; } #header li.search.fullscreen>.search-box>form input { border: 0; background-color: rgba(0,0,0,0.1); padding-top: 15px; padding-bottom: 15px; height: 65px; font-size:24px; font-weight:300; color:#121212; border-right:rgba(0,0,0,0.2) 1px solid; } #header li.search.fullscreen>.search-box>form button { border: 0; font-size: 24px; padding: 15px 20px !important; height: 65px; background-color: rgba(0,0,0,0.1); color: #888; } #header li.search.fullscreen>.search-box>form button>i { color: #999; font-size: 22px; } #header li.search.fullscreen>.search-box>form button:hover>i { color: #121212; } #header li.search.fullscreen #closeSearch { background-color: rgba(0,0,0,0.05); text-decoration: none; text-align: center; width: 60px; height: 60px; line-height: 60px; position: absolute; top: -3px; left: 50%; margin-left: -30px; color: #888; font-size: 40px; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header li.search.fullscreen #closeSearch:hover { color:#111; } /* Dark */ #header li.search.fullscreen.dark>.search-box { background-color:rgba(0,0,0,0.95) !important; } #header li.search.fullscreen.dark>.search-box>form input { color:#ddd; background-color: rgba(255,255,255,0.1); border-right-color:rgba(255,255,255,0.2); } #header li.search.fullscreen.dark>.search-box>form button { background-color: rgba(255,255,255,0.1); } #header li.search.fullscreen.dark>.search-box>form button>i { color: #999; } #header li.search.fullscreen.dark>.search-box>form button:hover>i { color: #fff; } #header li.search.fullscreen.dark #closeSearch { background-color: rgba(255,255,255,0.2); color: #888; } #header li.search.fullscreen.dark #closeSearch:hover { color:#fff; } @media only screen and (max-width: 480px) { #header li.search.fullscreen>.search-box>form { margin-top:30%; } } @media only screen and (max-height: 400px) { #header li.search.fullscreen>.search-box>form { margin-top:60px; } } /** Search - Header ********************** **/ #header .search-box.over-header { text-align:center; position:absolute; padding:0; background-color:#fff !important; left:0; top:0 !important; right:0; bottom:0; width:100%; height:100%; margin:0 !important; z-index:2000; border:0; display:none; } #header .search-box.over-header>form { display:block; z-index:0; } #header .search-box.over-header>form>input { font-size:32px; font-weight:bold; background-color:transparent; height:inherit; position:absolute; top:50%; left:0; width:100%; margin-top:-30px; padding-left:40px; padding-right:60px; border:0; box-shadow:none; } #header .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */ color: #666; text-transform:uppercase; } #header .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; text-transform:uppercase; } #header .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; text-transform:uppercase; } #header .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; text-transform:uppercase; } #header .search-box.over-header #closeSearch { position:absolute; right:0; color:#333; background:transparent; top:50%; right:30px; font-size:20px; margin-top:-10px; z-index:1; } /* dark */ #header.dark .search-box.over-header { background-color:#333 !important; } #header.dark .search-box.over-header>form>input { color:#fff; } #header.dark .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; text-transform:uppercase; } #header.dark .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; text-transform:uppercase; } #header.dark .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; text-transform:uppercase; } #header.dark .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; text-transform:uppercase; } #header.dark .search-box.over-header #closeSearch { color:#fff; } #header.translucent #topMain, #header.dark.transparent #topMain { background-color:transparent; } @media only screen and (max-height: 760px) { #header .search-box.over-header>form>input { font-size:20px; margin-top:-20px; font-weight:300; } } /** Quick Shop Cart ********************** **/ #header li.quick-cart .quick-cart-box { display:none; right: 0; left:auto; top: 100%; padding:10px 0; background-color: #fff; position: absolute; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); width: 274px; margin-top: 36px; z-index: 22; } #header.fixed li.quick-cart .quick-cart-box { /*margin-top:18px;*/ } #header.fixed.header-sm li.quick-cart .quick-cart-box { /*margin-top:18px;*/ } #header.fixed.header-md li.quick-cart .quick-cart-box { /*margin-top:15px;*/ } #header li.quick-cart .quick-cart-wrapper { max-height:400px; overflow-y:auto; } #header li.quick-cart .quick-cart-box h4 { font-size:17px; margin:0; padding:0 10px 10px 10px; border-bottom:rgba(0,0,0,0.1) 1px solid; } #header li.quick-cart .quick-cart-box a { display:block; padding:15px 10px; border-bottom:rgba(0,0,0,0.04) 1px solid; } #header li.quick-cart .quick-cart-box a:hover { background-color:rgba(0,0,0,0.03); } #header li.quick-cart .quick-cart-box a>img { float:left; margin-right:10px; } #header li.quick-cart .quick-cart-box a h6 { margin:0; padding:4px 0 0 0; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; } #header li.quick-cart .quick-cart-box a.btn { background-color:#151515; border:0; margin:0; padding-top:6px; padding-bottom:4px; } #header li.quick-cart .quick-cart-footer { padding:10px 10px 0 10px; } #header li.quick-cart .quick-cart-footer>span { display:inline-block; padding-top:3px; background-color:rgba(0,0,0,0.05); padding: 4px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media only screen and (min-width: 992px) { /* min-width */ #header li.quick-cart .quick-cart-box { top:21px; } #header.header-sm li.quick-cart .quick-cart-box { margin-top:19px; } #header.header-md li.quick-cart .quick-cart-box { margin-top:26px; } #header li.quick-cart .quick-cart-wrapper { max-height:300px; overflow-y:auto; } } @media only screen and (max-width: 992px) { /* max-width */ #header li.quick-cart .quick-cart-box { margin-top:18px; } #header.dark li.search .search-box { margin-top:38px !important; } } @media only screen and (max-width: 769px) { #header li.quick-cart .quick-cart-box { position:fixed; width:100%; left:0; right:0; top:60px; margin-top:0; border:rgba(0,0,0,0.08) 1px solid !important; } #header.dark li.quick-cart .quick-cart-box { border:rgba(255,255,255,0.08) 1px solid; } #header li.quick-cart .quick-cart-wrapper { max-height:200px; overflow-y:auto; } /** Quick Cart & top Search Fix (if #topBar exists). .has-topBar - added by Javascript **/ #header ul.has-topBar>li.quick-cart .quick-cart-box, #header ul.has-topBar>li.search .search-box { top:98px !important; } } /** Menu Vertical ********************** **/ body.menu-vertical.menu-vertical #wrapper .container { width:100%; } body.menu-vertical.menu-vertical #wrapper { margin-left:263px; } body.menu-vertical.menu-vertical.menu-inverse #wrapper { margin-right:263px; margin-left:0; } body.menu-vertical #mainMenu.sidebar-vertical { position:fixed; left:0; top:0; bottom:0; width:263px; background-color:#fff; z-index:100; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical { left:auto; right:0; } body.menu-vertical #mainMenu .navbar-collapse { border-color:transparent; } body.menu-vertical #mainMenu .navbar-default { background-color:transparent !important; border:0; } body.menu-vertical #mainMenu .logo { display:block; margin:30px 0 30px 0; padding:30px 0; } /* Aside Vertical */ body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a { border-bottom:#eee 1px solid; text-align:left; font-size:12px; text-transform:uppercase; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a.dropdown-toggle { background-image: url(/Content/images/_smarty/submenu_light.png); background-position:center right; background-repeat:no-repeat; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a>i { margin-right:13px; color:#666; float:left; width:20px; text-align:center; line-height:22px; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu { top:-1px; left:auto; right:-230px; padding:0; width:230px; overflow:hidden; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>li>a { border-bottom:#eee 1px solid; font-size:12px; text-transform:uppercase; } body.menu-vertical #mainMenu.sidebar-vertical li.dropdown.open>a { background-color:transparent !important; color:#111; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar { width:100%; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus, body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a, body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a { background-color:rgba(0,0,0,0.01); } body.menu-vertical #mainMenu.sidebar-vertical .social-icons { padding:30px 15px; } body.menu-vertical #mainMenu .social-icon { -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); } /* Inline Search */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form input.serch-input { background-color:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form button { border-left-color:rgba(255,255,255,0.1); } /* Column Menu / Mega Menu */ body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { min-width: 600px; width: auto !important; left: 262px; right:auto; background-position:top right; background-repeat:no-repeat; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { min-width: 600px; width: auto !important; left: auto !important; right: 262px !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li { list-style:none; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul { background-color:transparent; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row>div { padding:10px; min-width:100px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider { border:0; background:none; margin-bottom:20px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a { font-size:11px; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li { border:0 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 { font-size:15px; line-height:15px; margin:0 0 8px 0; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 { color:#fff; } body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 { text-decoration:underline; } @media only screen and (max-width: 768px) { body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { background-image:none !important; } } /* Top Options */ body.menu-vertical #mainMenu.sidebar-vertical ul.top-links { margin:10px; border:0 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu { top: auto; left: auto; right: auto; width:auto; min-width:10px; border:0 !important; background-color:#fff !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li, body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li a { border:0 !important; color:#333 !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li.divider { margin:0; background-color:rgba(255,255,255,0.1); } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu>li>a { padding: 3px 6px; font-size: 12px; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle { background-color:rgba(0,0,0,0.1) !important; padding:3px 6px !important; margin-bottom:3px; font-size:12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.top-links a.dropdown-toggle { background-color:rgba(0,0,0,0.5) !important; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle>i { padding:0 6px 0 0; } body.menu-vertical #mainMenu.sidebar-vertical ul.top-links>li { margin:0; padding:0; } /* DARK */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark { background-color:#333; color:#ccc; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul { border-top-color:rgba(255,255,255,0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .dropdown-menu>li>a, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a { border-bottom-color:rgba(255,255,255,0.1); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a.dropdown-toggle { background-image: url(/Content/images/_smarty/submenu_dark.png); } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar li a { color:#ccc; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a>i { color:#ccc; } body.menu-vertical #mainMenu.sidebar-dark { border-color:rgba(255,255,255,0.08); } /* OPEN ON CLICK */ body.menu-vertical.menu-vertical-hide #wrapper { margin-left:0 !important; margin-right:0 !important; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { right:auto; left:-263px; } body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical { left:auto; right:-263px; } .fancy_big_btn, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn { position:absolute; right:-80px; top:15px; display:inline-block; background:rgba(255,255,255,0.2); padding:6px; z-index:100; -webkit-transition: background 600ms; -moz-transition: background 600ms; -o-transition: background 600ms; transition: background 600ms; } .fancy_big_btn, body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical #sidebar_vertical_btn { right:auto; left:-80px; } .fancy_big_btn:hover, .fancy_big_btn:active, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:active { background:#fff; } .fancy_big_btn i, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn i { display:block; width:54px; height:54px; background-image:url(/Content/Theme/data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP/wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs=); background-repeat:no-repeat; background-position:center; background-color:#000; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } .fancy_big_btn:hover i, body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover i { background-color:#f6f6f6; background-image:url(/Content/Theme/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg==); } /* for anywhere use */ .fancy_big_btn { right:auto; left:0; top:20px; } .fancy_big_btn.inverse { left:auto; right:0; } /* custom icon */ .fancy_big_btn i.fa, .fancy_big_btn i.et, .fancy_big_btn i.glyphicon, .fancy_big_btn i.icon, .fancy_big_btn i.ico { background-image:none; color:#fff; font-size:30px; line-height:50px; margin:0; padding:0; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .fancy_big_btn:hover i.fa, .fancy_big_btn:hover i.et, .fancy_big_btn:hover i.glyphicon, .fancy_big_btn:hover i.icon, .fancy_big_btn:hover i.ico { color:#000; } /* Responsive */ @media (min-width: 768px) { body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul { float: none; border-top:#eee 1px solid; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not { display: block; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li { float: none; display: block; } body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a { padding-top: 8px; padding-bottom: 8px; color:#000; -webkit-transition: all .10s; -moz-transition: all .10s; -o-transition: all .10s; transition: all .10s; } body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu { display:block; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu { left:-230px; right:auto; } /* uncomment if you would like the menu to be fixed */ /* .navbar { position: fixed; width: 170px; z-index: 2; } */ } @media (min-width: 992px) { body.menu-vertical #mainMenu.sidebar-vertical .navbar { width: 212px; } } @media only screen and (max-width: 1216px) { body.menu-vertical .container { width: 100%; } } @media (min-width: 1200px) { body.menu-vertical #mainMenu.sidebar-vertical .navbar { width: 262px; } } @media (min-width: 768px) { body.menu-vertical #mainMenu .navbar-default { border:0; } body.menu-vertical #mainMenu { border-right:#d6d6d6 1px solid; -webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14); } } @media (max-width: 768px) { body.menu-vertical #mainMenu { position:relative; width:100%; } body.menu-vertical #mainMenu .navbar-nav { margin-bottom:0; margin-top:0; } body.menu-vertical #mainMenu .navbar-header { background-color: rgba(255,255,255,0.6); } body.menu-vertical #middle { padding:15px !important; } body.menu-vertical #mainMenu .logo { padding:0; margin:15px 0; } body.menu-vertical #wrapper { margin-left:0 !important; margin-right:0 !important; } body.menu-vertical #mainMenu.sidebar-vertical { position:relative; width:100%; } body.menu-vertical .navbar { margin-bottom:0; } body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu { width:100%; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { left:0 !important; right:0; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn { display:none; } body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical { width:100% !important; } } .sidebar-vertical .sidebar-nav .navbar-header { float: none; } /** Mobile Button ********************** **/ #topNav button.btn-mobile { display:none; } #topNav button.btn-mobile { color:#333; display: none; padding:6px 10px; float:right; margin-top:13px; margin-right:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav button.btn-mobile i { padding:0; margin:0; font-size:21px; } @media only screen and (max-width: 992px) { #topNav button.btn-mobile { display:inline-block; } } #header li.search .search-box, #header li.quick-cart .quick-cart-box { border:rgba(0,0,0,0.07) 1px solid; border-top:0; } /* Dark & Color Header */ #header.dark { background-color:#333; } #header.dark #topMain.nav-pills>li>a { color:#ccc; } #header.dark #topMain.nav-pills>li.active>a, #header.dark #topMain.nav-pills>li>a:hover { color:#fff; } /* DARK CART & SEARCH */ #header.dark li.search .search-box, #header.dark li.quick-cart .quick-cart-box { background-color:#333; } #header.translucent li.search .search-box, #header.translucent li.quick-cart .quick-cart-box { background-color:rgba(33,33,33,0.80); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.translucent li.search .search-box:hover, #header.translucent li.quick-cart .quick-cart-box:hover { background-color:rgba(33,33,33,0.88); } #header.translucent ul.nav-second-main li i, #header.translucent li.search i.fa, #header.dark li.quick-cart .quick-cart-box a, #header.dark li.quick-cart .quick-cart-box a h6, #header.dark li.quick-cart .quick-cart-footer, #header.dark li.quick-cart .quick-cart-box h4 { color:#fff !important; } #header.dark li.quick-cart .quick-cart-box h4, #header.dark li.quick-cart .quick-cart-box a { border-bottom: rgba(255,255,255,0.08) 1px solid; } #header.dark li.quick-cart .quick-cart-box a:hover { background-color:rgba(255,255,255,0.06); } #header.dark li.search .search-box input { color: #999; background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.25); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header.dark li.search .search-box input:focus, #header.dark li.search .search-box textarea:focus { background-color: rgba(0,0,0,.3); } /* Transparent Header */ #header.transparent { position:absolute; background-color:transparent; border-bottom:rgba(255,255,255,0.3) 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header.transparent.color, #header.transparent.dark { border:0; } #header.transparent #topMain.nav-pills>li>a { color:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header.transparent #topMain.nav-pills>li.active>a, #header.transparent #topMain.nav-pills>li>a:hover { background-color:rgba(0,0,0,0.03); } #header.transparent + section.page-header.page-header-lg, #header.transparent + section.page-header { /*margin-top:-100px;*/ padding:180px 0; } #header.transparent + section.page-header.page-header-xlg { padding:280px 0; padding-top:350px; } #header.transparent + section.page-header.page-header-lg { padding-top:250px; } #header.transparent a.social-icon { background-color:rgba(0,0,0,0.2); } #header.transparent a.social-icon>i { color:#eaeaea; } /* on scroll */ #header.fixed.transparent{ background-color:#fff; } #header.fixed.dark, #header.fixed.dark.transparent { background-color:#333; border:0; } #header.fixed.transparent ul.nav-second-main li a, #header.fixed.transparent ul.nav-second-main li a>i, #header.fixed.transparent #topMain.nav-pills>li>a { color:#151515; } #header.fixed.dark.transparent ul.nav-second-main li a, #header.fixed.dark.transparent ul.nav-second-main li a>i, #header.fixed.dark.transparent #topMain.nav-pills>li>a { color:#fff; } @media only screen and (max-width: 992px) { #header.transparent.fixed #topNav button.btn-mobile { color:#333 !important; } #header.transparent.dark.fixed #topNav button.btn-mobile { color:#fff !important; } #header.transparent #topMain.nav-pills>li>a { color:#fff; } #header.transparent.dark #topMain.nav-pills>li>a { color:#fff; } } @media only screen and (max-width: 768px) { #header.transparent + section.page-header { margin-top:0; } /* force dark submenu */ #header.transparent #topMain { background-color:#333 !important; } #header.transparent #topMain li.active>a { color:#fff !important; } } /* Transparent Header */ #header.translucent { position:absolute; background-color:rgba(0,0,0,0.2); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header.translucent #topMain.nav-pills>li>a { color:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header.translucent #topMain.nav-pills>li.active>a, #header.translucent #topMain.nav-pills>li>a:hover { color:#fff; background-color:rgba(0,0,0,0.1); } #header.translucent + section.page-header { margin-top:-100px; padding:180px 0; } #header.translucent + section.page-header.page-header-xlg { padding:280px 0; padding-top:420px; } #header.translucent + section.page-header.page-header-lg { padding-top:350px; } /* on scroll */ #header.fixed.translucent{ background-color:#fff; } #header.fixed.dark, #header.fixed.dark.translucent { background-color:#333; border:0; } #header.fixed.translucent ul.nav-second-main li a, #header.fixed.translucent ul.nav-second-main li a>i, #header.fixed.translucent #topMain.nav-pills>li>a { color:#151515; } #header.fixed.dark.translucent ul.nav-second-main li a, #header.fixed.dark.translucent ul.nav-second-main li a>i, #header.fixed.dark.translucent #topMain.nav-pills>li>a { color:#fff; } @media only screen and (max-width: 768px) { #header.transparent + section.page-header { margin-top:0; } } /* BOTTOM HEADER */ #header.bottom { position:absolute; top:auto; bottom:0; border-bottom:rgba(0,0,0,0.05) 1px solid; } #header.bottom.fixed { top:0; bottom:auto; } #header.bottom.sticky { position:absolute; } #header.bottom.fixed.sticky { position:fixed; } #header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu { bottom: auto; box-shadow:none; } #header.bottom.dropup ul.dropdown-menu { bottom:94px; } #header.header-md.bottom.dropup ul.dropdown-menu { bottom:68px; } #header.header-sm.bottom.dropup ul.dropdown-menu { bottom:58px; } #header.bottom.dropup.slim ul.dropdown-menu { bottom:53px; } #header.bottom.dropup .nav-second-main .quick-cart-box, #header.bottom.dropup .nav-second-main .search-box { top:auto; bottom:100%; margin-bottom:39px; box-shadow: 5px -5px rgba(91, 91, 91, 0.2); border-bottom:0 } #header.bottom.header-md.dropup .nav-second-main .quick-cart-box, #header.bottom.header-md.dropup .nav-second-main .search-box { margin-bottom:23px; } #header.bottom.header-sm.dropup .nav-second-main .quick-cart-box, #header.bottom.header-sm.dropup .nav-second-main .search-box { margin-bottom:20px; } #header.bottom.dropup ul.dropdown-menu:before { top:auto; bottom: -10px !important; border-bottom:0 !important; border-top: rgba(255,255,255,1) 10px solid; } #header.bottom.dropup.dark ul.dropdown-menu:before { border-top: rgba(33,33,33,0.95) 10px solid !important; } #header.bottom + #slider { margin-bottom:94px; } #header.header-md.bottom + #slider { margin-bottom:70px; } #header.header-sm.bottom + #slider { margin-bottom:60px; } #header.header-sm.bottom.transparent + #slider, #header.header-sm.bottom.translucent + #slider { margin-bottom:0; } #header.bottom + #slider > .swiper-container .swiper-pagination { top:0 !important; bottom:auto; } @media only screen and (max-width: 992px) { #header.bottom { top:0; bottom:auto; } #header.bottom.sticky { position:relative !important; } #header.bottom.transparent ul.nav-second-main li a, #header.bottom.transparent ul.nav-second-main li a>i, #header.bottom.transparent #topNav button.btn-mobile { color:#212121; } #header.bottom + #slider > .swiper-container .swiper-pagination { top:auto !important; bottom:10px; } #header.bottom.dropup .nav-second-main .quick-cart-box, #header.bottom.dropup .nav-second-main .search-box { bottom:auto; } } /* STATIC HEADER */ #header.bottom.static + #slider { margin-bottom:0; } #header.bottom.static { border-top:rgba(0,0,0,0.15) 1px solid; } #header.bottom.static.dark { border-top:rgba(255,255,255,0.15) 1px solid; } #header.bottom.static .nav-second-main .quick-cart-box, #header.bottom.static .nav-second-main .search-box, #header.bottom.static .nav-second-main .quick-cart-box, #header.bottom.static .nav-second-main .search-box { border:rgba(0,0,0,0.15) 1px solid; border-bottom:0; } #header.bottom.static.dark .nav-second-main .quick-cart-box, #header.bottom.static.dark .nav-second-main .search-box, #header.bottom.static.dark .nav-second-main .quick-cart-box, #header.bottom.static.dark .nav-second-main .search-box { border:rgba(255,255,255,0.15) 1px solid; border-bottom:0; } @media only screen and (max-width: 992px) { #header.static { /*position:relative !important;*/ } } #header.static:not(.transparent) + section.page-header { margin-top:60px; } /* fullwidth container */ #topNav .full-container { display:block; margin:0 15px; } /* remove bootstrap issue */ #topNav ul.dropdown-menu>li, #topNav ul.dropdown-menu>li a { background-color:transparent; } #topNav .nav-pills>li+li { margin-left:0; } /* search */ #header li.search .search-box form { margin:0; } /* Medium Height : 70 */ #header.header-md #topNav a.logo { height:70px; line-height:50px; } #header.header-md #topNav a.logo>img { height:70px; } #header.header-md #topNav #topMain>li>a { height:70px; line-height:50px; } @media only screen and (max-width: 992px) { #header.header-md #topMain.nav-pills>li>a { color:#212121; } #header.header-md #topMain.nav-pills>li.active>a, #header.header-md #topMain.nav-pills>li>a:hover { color:#212121; background-color:rgba(0,0,0,0.02); } } /* Small Height : 60px */ #header.header-sm #topNav a.logo { height:60px; line-height:50px; } #header.header-sm #topNav a.logo>img { height:60px; } #header.header-sm #topNav #topMain>li>a { height:60px; line-height:40px; } @media only screen and (max-width: 992px) { #header.header-sm #topMain.nav-pills>li>a { color:#212121; } #header.header-sm #topMain.nav-pills>li.active>a, #header.header-sm #topMain.nav-pills>li>a:hover { color:#212121; background-color:rgba(0,0,0,0.02); } } /* Sticky 60px */ #header.fixed { position:fixed; border-bottom:rgba(0,0,0,0.08) 1px solid; } #header.fixed #topNav a.logo { height:60px; line-height:50px; } #header.fixed #topNav a.logo>img { height:60px; } #header.fixed #topNav #topMain>li>a { height:60px; line-height:40px; } /* Static */ #header.static { position:fixed; } #header.static:not(.transparent) { border-bottom:rgba(0,0,0,0.08) 1px solid; } @media only screen and (max-width: 992px) { #header.header-sm #topMain.nav-pills>li>a, #header.header-md #topMain.nav-pills>li>a { color:#212121; } #header.header-sm #topMain.nav-pills>li.active>a, #header.header-sm #topMain.nav-pills>li>a:hover, #header.header-md #topMain.nav-pills>li.active>a, #header.header-md #topMain.nav-pills>li>a:hover { color:#212121; background-color:rgba(0,0,0,0.02); } #header.transparent.header-sm #topMain.nav-pills>li>a, #header.transparent.header-md #topMain.nav-pills>li>a, #header.transparent.header-sm #topMain.nav-pills>li.active>a, #header.transparent.header-sm #topMain.nav-pills>li>a:hover, #header.transparent.header-md #topMain.nav-pills>li.active>a, #header.transparent.header-md #topMain.nav-pills>li>a:hover { color:#fff; } #header.transparent #topMain, #header .submenu-dark #topMain { background-color:#333; } #header.dark #topMain.nav-pills>li.active>a, #header.dark #topMain.nav-pills>li:hover>a, #header.dark #topMain.nav-pills>li>a { color:#333; } #header.dark .submenu-dark #topMain.nav-pills>li.active>a, #header.dark .submenu-dark #topMain.nav-pills>li:hover>a, #header.dark .submenu-dark #topMain.nav-pills>li>a { color:#fff; } #header.dark #topMain.nav-pills>li.active>a { background-color:rgba(0,0,0,0.1); } } /* Top Bar */ #topBar { display:block; background-color:#fff; border-bottom:rgba(0,0,0,0.05) 1px solid; } #topBar>.border-bottom { border-bottom:rgba(0,0,0,0.05) 1px solid; } #topBar>.border-top { border-top:rgba(0,0,0,0.05) 1px solid; } #topBar.dark { color:#ccc; background-color:#363839; border-bottom-color:rgba(255,255,255,0.1); } #topBar.dark .dropdown-menu a, #topBar.dark ul.top-links>li>a { color:#fff; } #topBar.dark .dropdown-menu a:hover { color:#fff !important; background-color:#333; } #topBar.dark ul.top-links>li { border-right: rgba(255,255,255,0.1) 1px solid; } body.boxed #topBar.dark ul.top-links>li { border-right:0; } #topBar.dark .dropdown-menu { background-color:#363839; } #topBar.dark .dropdown-menu .divider { background-color:#444; } #topBar.dark>.border-bottom { border-bottom-color:rgba(255,255,255,0.1); } #topBar.dark>.border-top { border-top-color:rgba(255,255,255,0.1); } /* Logo */ #topBar .logo { display:inline-block; } #topBar .logo img { -webkit-transition: width .4s ease, height .4s ease; -o-transition: width .4s ease, height .4s ease; transition: width .4s ease, height .4s ease; } #topBar .logo.has-banner { height:100px; line-height:100px; } /* banner */ #topBar .banner { margin:5px 0; display:inline-block; padding-left:5px; border-left:rgba(0,0,0,0.05) 1px solid; } #topBar.dark .banner { border-left-color:rgba(255,255,255,0.05) 1px solid; } /* social Icon */ #topBar .social-icon { margin:3px 0 0 0; } /* Links */ #topBar ul.top-links { float:left; margin:0; } #topBar ul.top-links>li { padding:0; display:inline-block; margin-left:-3px; position:relative; border-right:rgba(0,0,0,0.1) 1px solid; } #topBar ul.top-links>li:hover >.dropdown-menu, #mainMenu ul.top-links>li:hover >.dropdown-menu { display:block !important; } #topBar ul.top-links>li .dropdown-menu { z-index:3000; } #topBar ul.top-links>li>a { padding:10px; font-size:12px; color:#151515; display:block; text-decoration:none; } #topBar ul.top-links>li>a:hover { background-color:rgba(0,0,0,0.01); } #topBar ul.top-links>li>a>i { margin-right:5px; filter: alpha(opacity=30); opacity:0.3; } @media only screen and (max-width: 768px) { #topBar { text-align:center; } #topBar ul.top-links { display:inline-block; float:none; margin:0 auto; } #topBar ul.top-links>li:last-child>a { border-right:0; } } #topBar ul.top-links li.text-welcome { padding:0 15px; font-size:12px; } /* Drop Downs & Lang */ #topBar ul.dropdown-menu { min-width:50px; margin:0; padding:0; margin-left:-1px; } #topBar ul.dropdown-menu>li>a { padding:8px 6px; font-size:12px; } #topBar ul.dropdown-langs>li>a { padding:3px 6px; font-size:12px; } #topBar ul.top-links>li>a>img.flag-lang { float:left; margin-top:3px; margin-right:6px; } #topBar ul.dropdown-menu>li>a>i { margin-right:6px; } #topBar ul.dropdown-langs>li:hover>a { color:#000 !important; background-color:#eee; } #topBar ul.dropdown-menu>li.divider { margin:0; padding:0; border-bottom:0; height:1px; } /* Nav Second Main - search, etc */ #header ul.nav-second-main { border-left:rgba(0,0,0,0.1) 1px solid; padding-left:15px; margin-top: 39px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header.fixed ul.nav-second-main { margin-top:20px; } #header.header-sm ul.nav-second-main { margin-top:20px; } #header.header-md ul.nav-second-main { margin-top:23px; } #header.fixed.header-sm ul.nav-second-main.nav-social, #header.fixed.header-md ul.nav-second-main.nav-social { margin-top:18px; } #header ul.nav-second-main.nav-social a { margin-left:10px !important; } #header ul.nav-second-main.nav-social>li:first-child a { margin-left:10px !important; } #header.fixed ul.nav-second-main.nav-social a>i:hover { color: #fff !important; } #header ul.nav-second-main li { padding-top:33px; padding:0 5px 0px 5px; } #header ul.nav-second-main li>a { background-color:transparent; color:#666; padding:0 3px; display:block; } #header ul.nav-second-main li i { font-size:18px; width: 20px; height: 20px; margin:0; padding:0; opacity:0.6; filter: alpha(opacity=60); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header ul.nav-second-main li:hover i { opacity:1; filter: alpha(opacity=100); } #header ul.nav-second-main li .badge { padding:3px 6px; } /* dark & color menu */ #header.transparent ul.nav-second-main li a, #header.transparent ul.nav-second-main li a>i, #header.color ul.nav-second-main li a, #header.color ul.nav-second-main li a>i, #header.dark ul.nav-second-main li a, #header.dark ul.nav-second-main li a>i { color:#fff; opacity:1; filter: alpha(opacity=100); } @media only screen and (max-width: 992px) { #header ul.nav-second-main { margin:15px 15px 0 0; border:0; } #header ul.nav-second-main li { padding:0; padding-top:6px; } #header ul.nav-second-main { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #header.fixed ul.nav-second-main li { padding-top:0; } #header.header-md ul.nav-second-main li>a, #header.header-sm ul.nav-second-main li>a { margin-top:-6px; } /* header social */ #header.header-md ul.nav-second-main { margin-top:20px; } #header.fixed.header-sm ul.nav-second-main.nav-social, #header.fixed.header-md ul.nav-second-main.nav-social { margin-top:26px; } /* header translucent fix */ #header.header-md.translucent ul.nav-second-main { margin-top:23px; } #header.header-md.translucent.fixed ul.nav-second-main { margin-top:29px; } } /** ************************************************************* **/ /* submenu */ #topNav ul.dropdown-menu { text-align:left; margin-top: 0; box-shadow:none; border:#eee 1px solid; border-top:#eee 1px solid; list-style:none; background:#fff; background-color:#fff; box-shadow:rgba(0,0,0,0.2) 0 6px 12px; min-width:200px; padding:0; border-color: #1ABC9C #fff #fff; -webkit-transition: top .4s ease; -o-transition: top .4s ease; transition: top .4s ease; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topNav ul.dropdown-menu ul.dropdown-menu { margin-top: -1px !important; /* -1px required for border-top menu */ } #topNav ul.dropdown-menu li { position:relative; border-bottom: rgba(0,0,0,0.06) 1px solid; } /* #topNav .submenu-dark ul.dropdown-menu li { border-bottom-color: rgba(0,0,0,0.2); } */ #topNav ul.dropdown-menu li:last-child { border-bottom:0; } #topNav ul.dropdown-menu li a { margin:0; padding:7px 15px; font-weight:400; line-height:23px; color:#666; font-size:12px; display:block; text-decoration:none; } #topNav ul.dropdown-menu>li a i { margin-right:6px; font-size:12px; } #topNav ul.dropdown-menu a.dropdown-toggle { background-position: right center; background-repeat: no-repeat; } #topNav ul.dropdown-menu li.active>a, #topNav ul.dropdown-menu li.active:hover>a, #topNav ul.dropdown-menu li.active:focus>a, #topNav ul.dropdown-menu li:hover>a, #topNav ul.dropdown-menu li:focus>a, #topNav ul.dropdown-menu li:focus>a { color:#000; background-color:rgba(0,0,0,0.05); } #topNav ul.dropdown-menu li.divider { margin:-1px 0 0 0; padding:0; border:0; background-color:rgba(0,0,0,0.1); } #topNav .nav li:hover>ul.dropdown-menu { padding:0; display:block; z-index:100; } #topNav ul.dropdown-menu li .label { margin-top:4px; } /* sub-submenu */ #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu { display:block; position:absolute; left:100%; top:0; padding:0; margin:0; border-left:0 !important; border-right:0 !important; border-bottom:0 !important; } /** ************************************************************* **/ /* onepage active link */ #topMain.nav-onepage>li.active>a { font-weight:bold; } /** Responsive Top Nav ********************* **/ @media only screen and (max-width: 992px) { .navbar-collapse { height:100%; } form.mobile-search { display:block; } #topNav div.nav-main-collapse { padding:0; margin:0; } #topNav button.btn-mobile { display:block; float:right; margin-right:0; } #header.dark #topNav button.btn-mobile, #header.transparent #topNav button.btn-mobile, #header.theme-color #topNav button.btn-mobile { color:#fff; } #topNav nav.nav-main { background-color:#fff; } #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in { width: 100%; margin:-1px 0 0 0; } #topNav div.nav-main-collapse { float: none; overflow-x:hidden; max-height:350px; } /* ======================== MOBILE MENU V2 ===================== */ html.noscroll, html.noscroll body { overflow: hidden !important; } #header.fixed #topNav div.nav-main-collapse, #topNav div.nav-main-collapse { max-height:100% !important; height:100%; width: 100%; position: fixed !important; left:0 !important; right:0; bottom:0; top:0; z-index:9999 !important; overflow-y: scroll !important; padding-top:58px !important; margin:0 !important; } #topNav div.nav-main-collapse { -webkit-overflow-scrolling: touch; /* iOS smooth scroll */ -webkit-animation: fadeIn .3s !important; animation: fadeIn .3s !important; } #header.fixed #topNav button.btn-mobile-active, #topNav button.btn-mobile-active { position: fixed !important; z-index:999999 !important; background-color: #232323 !important; height: 60px !important; top:0 !important; width: 100%; left:0; right:0; margin: 0 !important; opacity: 0.9; } #topNav button.btn-mobile-active>i { float:right; margin-right:10px; margin-left:10px; color: #fff !important; font-size:30px; } #topNav button.btn-mobile-active>i:before { content: "\f00d" !important; } #menu-overlay { position: fixed; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index:10 !important; } /* dropdown background color */ #topMain, #topNav ul.dropdown-menu { color: #fff; background-color: #333; } #topNav ul.dropdown-menu { border: 0; } #topMain>li>a { color: #fff !important; } #topNav ul.dropdown-menu li>a { color: #fbfbfb !important; } #topMain>li>a, #topNav ul.dropdown-menu li>a { font-size:15px !important; } /* ====================== END MOBILE MENU V2 ==================== */ #topNav div.nav-main-collapse.collapse { display: none !important; } #topNav div.nav-main-collapse.in { display: block !important; } #topNav div.nav-main-collapse { position: relative; } #topMain>li>a>span { display:none !important; } #topMain li { display:block !important; float:none; text-align:left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain li a { text-align:left; border:0; height:auto; line-height:15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain>li:hover, #topMain>li:hover>a { border-top:0 !important; } #topMain>li>a { height:auto; line-height:auto; } /* submenu */ #topMain ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; border-left:0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #topNav nav.nav-main li.resp-active > ul.dropdown-menu { display: block !important; margin-left:30px; margin-right:30px; padding:20px 0; border-right:0; } #topNav nav.nav-main li.resp-active > ul.dropdown-menu li { border-left:0; } #topNav ul.nav>li:hover>a:before, #topNav ul.nav>li.active>a:before { background-color:transparent; } #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu { position:static; } #topNav div.submenu-dark ul.dropdown-menu { border-top:0; } /** sub menu */ #topNav nav.nav-main li.resp-active > ul.dropdown-menu { margin:0; padding:0; } #topNav nav.nav-main li > ul.dropdown-menu li a { padding-left:40px; } #topNav .dropdown-menu.pull-right, #topNav .dropdown-menu.pull-left { float:none !important; } } @media only screen and (max-width: 500px) { #topNav div.nav-main-collapse { max-height:290px; overflow-y:auto; } } /* Mega Menu */ #topNav #topMain>li.mega-menu { position: inherit; color:#fff; } #topNav #topMain>li.mega-menu>ul { max-width:100%; width: 100%; } #topNav #topMain>li.mega-menu div.row { display:table; margin:0; padding:0; width:100%; } #topNav #topMain>li.mega-menu div.row div { display:table-cell; border-left: rgba(0,0,0,0.1) 1px solid; margin-left: -1px; display: table-cell; vertical-align: top; float: none; margin:0; padding:15px 0 0 0; } #topNav #topMain>li.mega-menu div.row>div:first-child { border-left:0 !important; } #topNav #topMain>li.mega-menu div.row div>ul>li>span { color:#111; font-weight:bold; display:block; padding:6px 15px 15px 15px; } @media only screen and (max-width: 992px) { #topNav #topMain>li.mega-menu div.row div>ul>li>span { color:#fff; } } #topNav #topMain>li.mega-menu div.row div:first-child { border-left:0; } #topNav #topMain>li.mega-menu div.row div>ul>li+li>span { margin-top:25px; } /* LIGHT SUBMENU */ #topNav ul.dropdown-menu a.dropdown-toggle { background-image: url(/Content/images/_smarty/submenu_light.png); } /* DARK SUBMENU */ #topNav div.submenu-dark ul.dropdown-menu { background:#333; background-color:#333; } #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle { background-image: url(/Content/images/_smarty/submenu_dark.png); } #topNav div.submenu-dark ul.dropdown-menu li.active>a, #topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, #topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:hover>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a { color:#fff; background-color:rgba(0,0,0,0.15); } #topNav div.submenu-dark ul.dropdown-menu li.divider { background-color:rgba(255,255,255,0.1); } #topNav div.submenu-dark ul.dropdown-menu>li a { color:#ccc; } #topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span { color:#fff; } #topNav div.submenu-dark #topMain>li.mega-menu div.row>div { border-left: rgba(0,0,0,0.2) 1px solid; } @media only screen and (max-width: 992px) { #topNav div.submenu-dark li>a { color: #fff !important; } #header.translucent #topMain, #header.dark.transparent #topMain { background-color: #333 !important; } } /** Page Menu **************************************************************** **/ #page-menu { position: relative; height: 44px; line-height: 46px; background-color:#333; color:#fff; text-shadow:rgba(0,0,0,.1) 1px 1px 1px; z-index:100; overflow:hidden; } #page-menu ul { margin:0; line-height: 44px; } #page-menu ul>li { line-height: 44px; float:left; } #page-menu ul>li>a { color:#fff; height:44px; padding:0 10px; display:inline-block; text-decoration:none; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #page-menu ul>li>a>i { margin-right:5px; } #page-menu ul>li:hover, #page-menu ul>li.active { background-color:rgba(0,0,0,0.3); } #page-menu nav { position:relative; } #page-menu ul.list-inline.dropdown-menu { display:block; } #page-menu-mobile { display:none; font-size:21px; background-color:rgba(0,0,0,0.2); height:44px; width:44px; } @media only screen and (min-width: 990px) { #page-menu ul { display:block !important; } } @media only screen and (max-width: 992px) { #page-menu { overflow:visible; } #page-menu ul>li { float:none !important; } #page-menu-mobile { display:inline-block; } #page-menu ul { display:none; position:absolute; min-width:200px; } #page-menu nav.pull-right ul { right:-15px; top:44px; } #page-menu nav.pull-left ul { left:-15px; top:44px; } #page-menu nav.pull-right #page-menu-mobile { margin-right:-15px; } #page-menu nav.pull-left #page-menu-mobile { margin-left:-15px; } #page-menu ul>li, #page-menu ul>li>a { color:#fff !important; display:block; float:none; } #page-menu ul>li>a { color:#ccc; } } /* page menu light */ #page-menu.page-menu-light { color:#151515; text-shadow:rgba(255,255,255,.1) 1px 1px 1px; background-color:rgba(0,0,0,0.1); } #page-menu.page-menu-light ul { background-color:rgba(0,0,0,0.02) !important; } #page-menu.page-menu-light ul li { border-left:rgba(0,0,0,0.05) 1px solid; } #page-menu.page-menu-light ul li:hover { background-color:rgba(0,0,0,0.02); } #page-menu.page-menu-light ul li a { color:#151515; } #page-menu.page-menu-light ul li.active a { color:#fff; } /* page menu dark */ #page-menu.page-menu-dark { background-color:#444; } #page-menu.page-menu-dark ul { background-color:#666 !important; } #page-menu.page-menu-dark ul li { border-left:#444 1px solid; } /* page menu color */ #page-menu.page-menu-color ul li { border-left:rgba(0,0,0,0.1) 1px solid; } /* page menu transparent */ #page-menu.page-menu-transparent { color:#151515; border-top:rgba(0,0,0,0.05) 1px solid; border-bottom:rgba(0,0,0,0.05) 1px solid; text-shadow:rgba(255,255,255,.1) 1px 1px 1px; background-color:transparent; } #page-menu.page-menu-transparent ul { background-color:transparent !important; } #page-menu.page-menu-transparent ul li { border-left:#fafafa 1px solid; } #page-menu.page-menu-transparent ul li a { color:#212121; } #page-menu.page-menu-transparent ul li:hover { background-color:rgba(0,0,0,0.01); } #page-menu.page-menu-transparent ul li.active { background-color:rgba(0,0,0,0.05); margin-bottom:-1px; } @media only screen and (max-width: 992px) { #page-menu.page-menu-light ul { background-color:#777 !important; } #page-menu.page-menu-transparent ul { background-color:#777 !important; } #page-menu.page-menu-transparent ul li.active { margin-bottom:0; } #page-menu ul li { border-left:0; } } /** BULLET NAV ********************* */ #nav-bullet { position: fixed; padding: 0; top: 50%; transform: translateY(-50%); right: 1em; z-index: 100; font-size:14px; } #nav-bullet ul { list-style: none; display: inline-block; padding: 0.92857143em; background: rgba(0, 0, 0, 0.4); border-radius: 1.85714286em; transition: all .2s ease; } #nav-bullet ul:hover { background: rgba(0, 0, 0, 0.6); } #nav-bullet ul li:not(:last-child) { margin-bottom: 1.85714286em; } @media all and (max-width: 767px) { #nav-bullet { right: 0; } #nav-bullet ul { border-radius: 1.85714286em 0 0 1.85714286em; padding: 1.85714286em 0.92857143em; } } #nav-bullet li a { width: 8px; height: 8px; background: #fff; border-radius: 50%; transition: all .2s ease; display: block; position: relative; } #nav-bullet li a:not(:hover) { opacity: .5; } #nav-bullet li.active a { opacity: 1; animation: bulge .5s ease; -webkit-animation: bulge .5s ease; } @keyframes bulge { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } @-webkit-keyframes bulge { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } #nav-bullet li a[data-title]:before { content: attr(data-title); position: absolute; right: 12px; top: -14px; background: #222; color: #fff; border-radius: 6px; padding: 4px 8px; display: inline-block; transition: all .2s ease; white-space: nowrap; } #nav-bullet li a[data-title]:not(:hover):before { opacity: 0; transform: translateX(-20px); } /** Scroll To Top **************************************************************** **/ #toTop { font-size:38px; line-height:33px; background-color: rgba(0,0,0,0.3); color: #FFF; position: fixed; height: 35px; width: 40px; right: 6px; bottom: 6px; text-align: center; text-transform: uppercase; opacity: 0.9; filter: alpha(opacity=90); text-decoration:none; display:none; z-index: 1000; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #toTop:hover { background-color: rgba(0,0,0,0.7); } #toTop:before { font-family: "fontawesome"; content: "\f102"; } /** Preloader **************************************************************** **/ #preloader { position: fixed; z-index: 9999999; top: 0; bottom: 0; right: 0; left: 0; background: #fff; } .inner { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 54px; height: 54px; margin: auto; } .page-loader{ display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; } #preloader span.loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0, 0.08); border-right: 1px solid rgba(0,0,0, 0.08); border-bottom: 1px solid rgba(0,0,0, 0.08); border-left: 1px solid rgba(0,0,0, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 100001; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /** Misc **************************************************************** **/ .img-hover img { -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .img-hover:hover img { opacity: 0.8; filter: alpha(opacity=80); } .img-hover>.label-absolute { position: absolute; border-radius:0 !important; padding:8px; z-index:100; } ul.list-inline.list-separator>li:before { content: '/'; display: inline-block; margin-right: 10px; opacity: .5; } ul.list-inline.list-separator>li:first-child:before { margin:0; content:''; } .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-toggle { border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar { background-color:#111; } /* infinite scroll */ #infscr-loading { position: fixed; top: 50%; left: 50%; width: 68px; height: 68px; line-height: 68px; font-size: 30px; text-align: center; color: #fff; margin: -34px 0 0 -34px; background-color: rgba(0,0,0,0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form .row { margin-bottom:20px; } form label { font-weight:bold; } table a { color:#666; } section.dark table a { color:#ddd; } /* Featured OWL Carousel */ .owl-carousel.featured .thumbnail.pull-left { margin-right:20px; } .owl-carousel.featured .thumbnail.pull-right { margin-left:20px; } .owl-carousel.featured a { color:#333; } section.dark .owl-carousel.featured a { color:#999; } /* increment / decrement - quantity shop like - + */ .incrdcr .incr, .incrdcr .decr { color:#000; display: block; float: left; cursor: pointer; border: 0 transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,0.07); font-size: 16px; font-weight: 700; text-decoration:none; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; } .incrdcr .incr:hover, .incrdcr .decr:hover { background-color: rgba(0,0,0,0.1); } .incrdcr>input { float: left; width: 50px; height: 40px; line-height: 40px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.07); text-align: center; margin-bottom: 0; } /* Link List - example: page-faq-4.html */ ul.list-links>li>a { color:#111; font-weight:700; display:inline-block; padding:3px 0; font-size:16px; } ul.list-links>li>a>i { margin-right:6px; } section.dark ul.list-links>li>a { color:#fff; } /* Slimscroll */ .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* Canvas Particles */ #canvas-particle { position:absolute; } #slider #canvas-particle { z-index:10; } /* Youtube Background */ #video-volume { bottom: 85px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 100; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; } /* Text Rotator */ h1>span.rotate, h2>span.rotate, h3>span.rotate, h4>span.rotate, h5>span.rotate, h6>span.rotate { color:inherit !important; } /** EVENT LIST Example Usage: index-thematics-music.html
02 April

Columbia, SC

Colonial Life Arena w/ Aloe Blacc
Buy Now
**/ .event-item { margin-bottom:25px; padding:10px; display:block; background-color:rgba(0,0,0,0.04); } section.dark .event-item { background-color:rgba(0,0,0,0.06); } .event-item .event-date-wrapper { float: left; text-align: center; width: 55px; margin-right: 20px; } .event-item .event-date-wrapper .event-date-day { font-size: 43px; font-weight: bold; display: block; line-height: 1; margin-bottom: 4px; } .event-item .event-date-wrapper .event-date-month { font-size: 14px; font-weight: bold; display: block; } .event-item .event-content-wrapper { padding-top: 6px; overflow: hidden; position: relative; } .event-item .event-content-wrapper .event-content-inner-wrapper { padding-right: 105px; } .event-item .event-content-wrapper .event-content-inner-wrapper .event-title { font-size: 15px; font-weight: bold; margin-bottom: 5px; } .event-item .event-content-wrapper .event-location { font-size:13px; } .event-item .event-content-wrapper .event-status-wrapper { position: absolute; top: 10px; right: 0px; text-align: center; letter-spacing: 1px; } @media only screen and (max-width: 600px) { .event-item .event-content-wrapper .event-content-inner-wrapper { padding-right:0; } .event-item .event-content-wrapper .event-status-wrapper { position:relative; top:auto; right:auto; left:auto; text-align:left; } } /** INLINE NEWS Example Usage: index-thematics-music.html
STICKY POST image
29 June 2015

Lorem Upsum Dolor

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....

**/ .inews-item { clear:both; margin-bottom:30px; min-height:132px; position:relative; } .inews-item:after, .inews-item:before { display:table; content:" "; } .inews-item:after { clear: both; } .inews-item .inews-thumbnail { border:0; padding:0; width: 35%; max-width:350px; margin: 0 20px 0 0; float:left; position:relative; } .inews-item .inews-thumbnail .inews-sticky { position:absolute; left:0; bottom:-1px; background-color:#74c6de; color:#fff; font-size: 11px; font-weight: bold; padding: 5px 12px; text-shadow:#333 0 0 1px; } .inews-item .inews-thumbnail .inews-sticky>i { font-size:14px; margin-right:8px; } .inews-item .inews-date-wrapper { text-align: center; position:absolute; left:0; margin-right: 20px; width: 65px; padding-bottom: 20px; background-color:rgba(0,0,0,0.1); } .inews-item .inews-date-wrapper:before { content:' '; position:absolute; right:-10px; top:6px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(0,0,0,0.1); } .inews-item .inews-date-wrapper .inews-date-day { display: block; font-size: 50px; line-height: 1; margin-bottom: 16px; } .inews-item .inews-date-wrapper .inews-date-month { display: block; font-size: 14px; line-height: 1; margin-bottom: 14px; } .inews-item .inews-date-wrapper .inews-date-year { display: block; font-size: 17px; line-height: 1; } .inews-item .inews-item-content { overflow:hidden; padding-left:85px; position:relative; } .inews-content-inner h3 { margin-bottom:8px; display:block; margin-top:3px; } .inews-content-inner .list-inline>li { padding:0; } @media only screen and (max-width: 768px) { .inews-item { max-width:380px; margin-left:auto; margin-right:auto; } .inews-item .inews-thumbnail { float:none; display:block; margin-bottom:20px; width:100%; } } /** TEAM ITEM example usage: index-thematics-wedding.html
wedding

MIKE BAKER

Groom

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.

********************** **/ .team-item { position:relative; } .team-item .team-item-image { position:absolute; left:0; top:0; } .team-item .team-item-desc { padding-left:180px; } @media only screen and (max-width: 482px) { .team-item { text-align:center; } .team-item .team-item-desc { padding-left:0; margin-top:20px; } .team-item a.social-icon { float:none !important; } .team-item .team-item-image { position:relative; } } /* flot chart */ .flot-chart .legendLabel { padding:0 8px; } /* Vectorial Map */ svg { touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(/Content/Theme/data:image/gif;base64,R0lGODlhIAAgAPMAAP/wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #333; padding: 4px 0; color: white; width: 40px; height: 40px; padding:0; cursor: pointer; line-height: 40px; font-size:24px; text-align: center; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color:#444; } .jvectormap-zoomin { top: 0; } .jvectormap-zoomout { top: 50px; } div.vector-map { background-color:rgba(0,0,0,0.06); border: rgba(0,0,0,0.06) 1px solid; padding:20px 10px; position:relative; } /* breathing background zoom in - zoom out */ @keyframes breath { 0% { background-size: 100% auto; } 50% { background-size: 110% auto; } 100% { background-size: 100% auto; } } .bg-breath { width: 100%; height: 100%; animation: breath 30s linear infinite; } /* menu title */ #topNav #topMain li>h4 { display: block; padding: 10px 15px 10px 15px; margin:0; color: #111; font-weight: 600; font-size: 14px; background-color: rgba(0,0,0,0.05); } #topNav .submenu-dark #topMain li>h4 { color: #fff; background-color: rgba(0,0,0,0.15); } #header #topNav #topMain li>h4>i { margin-right: 8px; } /* menu caption */ #header p.menu-caption { color: #404040; margin: 8px 0; padding: 8px 8px; font-size:13px; font-weight: 300; } #header .submenu-dark p.menu-caption { color: #888; } #header p.menu-caption>i { margin-left: 8px; margin-right: 8px; } /* no topmain dropdown icon */ #topMain.nav-pills>li>a.dropdown-toggle.noicon { padding-right: 15px !important; } #topMain.nav-pills>li>a.dropdown-toggle.noicon:after { display: none !important; } #topMain .dropdown-toggle>.label { padding: .0em .4em .2em; } /* no menu lines */ #topNav ul.dropdown-menu.dropdown-menu-clean li { border-bottom: 0 !important; } /* dropdown open inversed */ #topMain li.dropdown.open-inverse ul.dropdown-menu li>ul { right:100%; left: auto; } /* DROPDOWN ANIMATE Dependency: animate.css */ /* FADE IN */ #topMain.nav-animate-fadeIn li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-fadeIn:hover>ul.dropdown-menu { -webkit-animation: fadeIn .6s; animation: fadeIn .6s; } /* FADE IN UP */ #topMain.nav-animate-fadeInUp li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-fadeInUp:hover>ul.dropdown-menu { -webkit-animation: fadeInUp .2s; animation: fadeInUp .2s; } /* BOUNCE IN */ #topMain.nav-animate-bounceIn li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-bounceIn:hover>ul.dropdown-menu { -webkit-animation: bounceIn .6s; animation: bounceIn .6s; } /* BOUNCE IN UP */ #topMain.nav-animate-bounceInUp li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-bounceInUp:hover>ul.dropdown-menu { -webkit-animation: bounceInUp .2s; animation: bounceInUp .2s; } /* FLIP IN X */ #topMain.nav-animate-flipInX li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-flipInX:hover>ul.dropdown-menu { -webkit-animation: flipInX .5s; animation: flipInX .4s; } /* FLIP IN Y */ #topMain.nav-animate-flipInY li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-flipInY:hover>ul.dropdown-menu { -webkit-animation: flipInY .5s; animation: flipInY .4s; } /* ZOOM IN */ #topMain.nav-animate-zoomIn li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-zoomIn:hover>ul.dropdown-menu { -webkit-animation: zoomIn .5s; animation: zoomIn .5s; } /* SLIDE IN UP */ #topMain.nav-animate-slideInUp li.dropdown:hover>ul.dropdown-menu, #topMain .nav-animate-slideInUp:hover>ul.dropdown-menu { -webkit-animation: slideInUp .1s; animation: slideInUp .1s; } /* TOPMAIN TEXT HOVER ANIMATED */ #topMain.nav-hover-animate ul.dropdown-menu li a, #topMain .nav-hover-animate ul.dropdown-menu li a { -webkit-transition: all .300s; transition: all .300s; } #topMain.nav-hover-animate ul.dropdown-menu li:hover>a, #topMain .nav-hover-animate ul.dropdown-menu li:hover>a { padding-left: 23px; } /* topmain hover bounce in */ @media only screen and (min-width: 768px) { #topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle, #topMain li.hover-animate-bounceIn:hover>a.dropdown-toggle { animation: bounceIn 1s; } } /* side nav mobile max height - essentials rewrite */ @media only screen and (max-width: 768px) { div.side-nav ul { max-height:650px; } } /* gradient bg */ .gradient-bg { background: -webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%) !important; } /* sizes */ ul.portfolio-detail-list { font-size: 14px; } /* fix page title */ section.page-header * { z-index:10; } /* disable uppercase text transformation */ #header.disable-uppercase #topBar ul li a, #header.disable-uppercase #mainMenu ul li a, #header.disable-uppercase #topMain ul li a { text-transform: none; } /* cookie alert */ #cookie-alert { position: fixed; left:0; right:0; top:-150px; bottom:auto; width: 100%; padding: 10px; margin: 0; border-radius:0; -moz-border-radius:0; border: 0; z-index:999999; } #cookie-alert.alert-position-bottom { top:auto; bottom:-150px; } #cookie-alert p { margin:0; padding: 6px 0 0 0; } #cookie-alert .fa { margin: 0 8px; font-size:16px; } #cookie-alert>.container { padding: 0; margin-top: 0; margin-bottom: 0; } #cookie-alert .cookie-close-btn { font-size: 30px; } /** FULLSCREEN GOOGLE MAP *************************** **/ #map-fullscreen { height: 100%; position: fixed; left:0; right:0; top:0; bottom:0; background-color: #fff; z-index: 9999999; display: none; } #gmap-init { height: 100% !important; width: 100% !important; } #map-fullscreen button { position: absolute; top:13px; right:13px; z-index:99999; border: 0; margin: 0; width:50px; height: 50px; text-align: center; line-height: 50px; background-color: #fff; font-size:20px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; } /** BACKSTRETCH NAVIGATION *************************** **/ .bs-next, .bs-prev { display: block; position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; text-align: center; opacity: 0.5; border-radius: 3px; line-height: 60px; z-index: 100; } .bs-next:hover, .bs-prev:hover { background-color: rgba(0,0,0,0.2); opacity: 1; } .bs-next { right:15px; } .bs-prev { left:15px; } .bs-next:before, .bs-prev:before { content: "\f104"; font-family: 'FontAwesome'; display: block; font-size:50px; color: #fff; padding: 0; margin: 0; } .bs-next:before { content: "\f105"; } @media only screen and (max-width: 768px) { .bs-next, .bs-prev { top: auto; bottom: 15px; margin-top: 0; } } /** ROUNDED LOGO Usage: for sliders Example: feature-slider-backstretch.html *************************** **/ .rounded-logo { display:inline-block; width:350px; height:350px; text-align:center; padding:30px; background:rgba(0,0,0,0.2); border:rgba(0,0,0,0.1) 20px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow:0 0 100px rgba(0,0,0,0.5) inset; -moz-box-shadow:0 0 100px rgba(0,0,0,0.5) inset; box-shadow:0 0 100px rgba(0,0,0,0.5) inset; } .rounded-logo>img { width:100%; height:auto; } .rounded-logo.rounded-logo-sm { width: 250px !important; height: 250px !important; } .rounded-logo.rounded-logo-xs { width: 200px !important; height: 200px !important; padding: 10px !important; } @media only screen and (max-width: 768px) { .rounded-logo { width: 250px; height: 250px; } } /** Premium Circles Example: shortcode-thumbnails.html *************************** **/ .premium-thumbnail-circle { position: relative; width: 240px; height: 240px; border-radius: 50%; } .premium-thumbnail-circle figure { position: relative; width: 240px; height: 240px; border-radius: 50%; } .premium-thumbnail-circle figure:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .premium-thumbnail-circle figure img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 100%; height: auto; } .premium-thumbnail-circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .premium-thumbnail.premium-thumbnail-square { position: relative; width: 336px; height: 236px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .premium-thumbnail.premium-thumbnail-square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .premium-thumbnail-circle .spinner { width: 250px; height: 250px; border: 10px solid; border-radius: 50%; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .premium-thumbnail-circle figure { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; } .premium-thumbnail-circle figure:before { display: none; } .premium-thumbnail-circle.color .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .premium-thumbnail-circle .info { width: 230px; height: 230px; top: 10px; bottom: 0; left: 10px; right: 0; background: #333333; background: rgba(50, 50, 50, 0.8); opacity: 0; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .premium-thumbnail-circle .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 1px; font-size: 20px !important; margin: 0 10px; padding: 60px 0 15px 0; } .premium-thumbnail-circle .info p { color: #fff; padding: 10px 5px; padding-top:14px; margin: 0px 10px; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 1); line-height:20px; } .premium-thumbnail-circle a:hover .spinner { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .premium-thumbnail-circle a:hover .info { opacity: 1; } .premium-thumbnail-circle .spinner { border-color: #222; border-right-color: #ccc; border-bottom-color: #ccc; } /** Material Design **************************************************************** **/ div.side-nav[class*=" mdl-shadow--"] { padding: 15px 15px 1px 15px; } @media only screen and (max-width: 768px) { div.side-nav[class*=" mdl-shadow--"] { padding: 0 !important; } div.side-nav[class*=" mdl-shadow--"] ul>li { margin: 5px 15px !important; border: 0 !important; font-size:16px; } } .mdl-badge.mdl-badge--no-background[data-badge]:after { background: transparent; } /* WIDE CARD */ .mdl-card-wide.mdl-card { width: 100%; } /* IMAGE CARD */ .mdl-card-image > .mdl-card__actions { height: 52px; padding: 16px; background: rgba(0, 0, 0, 0.2); } .mdl-card-image__filename { color: #fff; font-size: 14px; font-weight: 500; } /* EVENT CARD */ .mdl-card-event > .mdl-card__actions { border-color: rgba(255, 255, 255, 0.2); } .mdl-card-event > .mdl-card__title { align-items: flex-start; } .mdl-card-event > .mdl-card__title > h4 { margin-top: 0; } .mdl-card-event > .mdl-card__actions { display: flex; box-sizing:border-box; align-items: center; } .mdl-card-event > .mdl-card__actions > .material-icons { padding-right: 10px; } .mdl-card-event > .mdl-card__title, .mdl-card-event > .mdl-card__actions, .mdl-card-event > .mdl-card__actions > .mdl-button { color: #fff; } /* checkbox fix */ .mdl-checkbox__tick-outline { width: 101%; height: 101%; } /* table fix */ table.mdl-data-table { width: 100%; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 20px; width: 50px; } /* text fields fix */ label.mdl-textfield__label { margin-bottom:0; text-indent:1; } /* RESPONSIVE CARDS */ @media only screen and (max-width: 768px) { .mdl-mobile-fullwidth, .mdl-card-image.mdl-card, .mdl-card-square.mdl-card, .mdl-card-event.mdl-card, .mdl-card-wide.mdl-card { width: 100% !important; } } /** Landing Page **************************************************************** **/ form.landing-form { padding: 30px; border-radius: 3px; background: rgba(0,0,0,.3); } /** Featured Grid **************************************************************** **/ section.featured-grid div.row>div { padding-left:4px; padding-right:4px; overflow:hidden; position:relative; } section.featured-grid div.row>div img { width:100%; } section.featured-grid div.row>div .absolute { z-index:10; margin:20px; } section.featured-grid div.row>div .absolute p { margin:0; } section.featured-grid div.row>div div.relative { margin-bottom:10px; } section.featured-grid div.row>div h1, section.featured-grid div.row>div h2, section.featured-grid div.row>div h3, section.featured-grid div.row>div h4, section.featured-grid div.row>div h5, section.featured-grid div.row>div h6 { margin:0; color:#000; line-height:1.1; } section.featured-grid div.row>div h1 { font-size:70px; } section.featured-grid div.row>div a:hover { color:#fff; } section.featured-grid div.row>div .absolute.top-right { top:0; bottom:auto; right:0; left:auto; } section.featured-grid div.row>div .absolute.top-left { top:0; bottom:auto; left:0; right:auto; } section.featured-grid div.row>div .absolute.bottom-right { bottom:0; top:auto; right:0; left:auto; } section.featured-grid div.row>div .absolute.bottom-left { bottom:0; top:auto; left:0; right:auto; } section.featured-grid div.row>div .absolute.top-center { bottom:auto; top:0; left:auto; right:auto; } section.featured-grid div.row>div .absolute.bottom-center { bottom:0; top:auto; left:auto; right:auto; } /* ribbon */ section.featured-grid div.row>div .ribbon { position: absolute; right: 4px; top: -3px; color: #fff; text-align:right; width: 33.5%; height: 33.5%; } section.featured-grid div.row>div .ribbon:before { content: ""; position: absolute; right: 0; top: 0; border: 150px solid #333; border-right: 0; border-bottom: 0; border-left: 150px solid transparent; } section.featured-grid div.row>div .ribbon h2, section.featured-grid div.row>div .ribbon h3, section.featured-grid div.row>div .ribbon h4 { color:#fff; } @media only screen and (max-width: 480px) { section.featured-grid div.row>div { margin:15px 0; } } @media only screen and (max-width: 600px) { section.featured-grid div.row>div h1 { font-size:40px; } section.featured-grid div.row>div h2 { font-size:25px; } } /** Captions **************************************************************** **/ .caption-default, .caption-light, .caption-dark, .caption-color, .caption-primary, .caption-warning, .caption-info, .caption-danger { color:#fff; padding:10px; font-size:13px; background-color:rgba(0,0,0,0.9); } .caption-default { color:inherit; border:#666 1px solid; background-color:transparent; } .caption-light { color:#333; background-color:#eaeaea; } .caption-dark { color:#eee; background-color:#666; } .caption-primary, .caption-warning, .caption-info, .caption-danger { color:#fff; background-color:#333; } .caption-warning { background-color:#f0ad4e; } .caption-info { background-color:#5bc0de; } .caption-danger { background-color:#d9534f; } /* Slider Default Caption Example usage: shop-4col-left.html (top banner) */ .caption-slider-default { position:absolute !important; left:0; right:0; top:0; bottom:0; color:#000 !important; } .caption-slider-default .caption-container { margin:0 50px; } .caption-slider-default h1, .caption-slider-default h2, .caption-slider-default h3, .caption-slider-default h4, .caption-slider-default p { margin:0; color:#000 !important; } @media only screen and (max-width: 480px) { .caption-slider-default .caption-container { margin:0 30px; } .caption-slider-default h2 { font-size:16px; } .caption-slider-default p { display:none; } } /** Aside **************************************************************** **/ .tab-post { padding-bottom: 20px; margin: 0 0 20px 0; border-bottom: rgba(0,0,0,0.06) 1px solid; } .tab-post a { color:#666; text-decoration:none; } section.dark .tab-post a { color:#ddd; } .tab-post small { display: block; font-size: 12px; } /** Aside Navigation ********************* **/ ul.side-nav span.badge { float:right; margin-top:3px; font-weight:400; } ul.side-nav>li>span.badge { margin-top:12px; margin-right:6px; } ul.side-nav li.list-group-item>a>.label { margin-right:20px; } ul.side-nav li { list-style:none; } ul.side-nav ul { margin:0 0 20px 0; padding:0; } ul.side-nav ul li { padding:0 15px; } ul.side-nav ul li:last-child { border-bottom:0; } ul.side-nav a { display:block; text-decoration:none; color:#333; font-size:13px; letter-spacing: 1px; } ul.side-nav a i.fa { width:10px; } ul.side-nav ul li a { padding:3px; font-size:12px; } ul.side-nav>li { padding:0; } ul.side-nav>li>a { padding:7px 10px; } ul.side-nav>li.list-group-item.active { border:0; background-color:transparent; } ul.side-nav>li.active>a { background-color:transparent; } ul.side-nav li.list-toggle.active:after, ul.side-nav > li.active>a { font-weight:700; } ul.side-nav li.list-toggle:after { content: "\f104"; font-family: FontAwesome; position: absolute; font-size: 15px; right: 10px; top: 7px; font-weight:normal; color:#999; } ul.side-nav li.list-toggle.active:after { content: "\f107"; } ul.side-nav .list-group-item { background-color:rgba(0,0,0,0); border-left:0; border-right:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark ul.side-nav .list-group-item { border-bottom-color:#333; border-top-color:#333; } /** Masonry Gallery **************************************************************** **/ .masonry-gallery { position: relative; } .masonry-gallery a, .masonry-gallery img { display: block; height: auto!important; } .masonry-gallery a { position: relative; float: left; width: 25%; overflow: hidden; } .masonry-gallery img { width: 100%; border-radius: 0!important; padding: 0 1px 1px 0; } /* columns */ .masonry-gallery.columns-2 a { width: 50%; } .masonry-gallery.columns-3 a { width: 33.30%; } .masonry-gallery.columns-4 a { width: 25%; } .masonry-gallery.columns-5 a { width: 20%; } .masonry-gallery.columns-6 a { width: 16.60%; } /** Simple Gallery [CSS ONLY] **************************************************************** **/ .gallery-simple { margin: 1rem 0; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } .gallery-simple.gallery-simple-columns-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-width: 20%; -moz-column-width: 20%; column-width: 20%; } .gallery-simple.gallery-simple-columns-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-width: 25%; -moz-column-width: 25%; column-width: 25%; } .gallery-simple.gallery-simple-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } .gallery-simple.gallery-simple-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%; } .gallery-simple.gallery-simple-columns-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; } .gallery-simple img { width: 100% !important; height: auto !important; margin-bottom: 1rem; } .gallery-simple>a>img { margin-bottom: 0; } .gallery-simple>a { position: relative; display: block; margin-bottom: 1rem; } .gallery-simple .image-hover-overlay::before { bottom:10px; } @media only screen and (max-width: 768px) { .gallery-simple { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 33.33333333333333%; -moz-column-width: 33.33333333333333%; column-width: 33.33333333333333%; } } @media only screen and (max-width: 482px) { .gallery-simple { -webkit-column-count: 2 !important; -moz-column-count: 2 !important; column-count: 2 !important; -webkit-column-width: 50% !important; -moz-column-width: 50% !important; column-width: 50% !important; } } /** Image Hover **************************************************************** **/ .image-hover { position:relative; display:table; } .image-hover>img { -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); } .image-hover:hover>img { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */ opacity: 0.9; } .image-hover-icon { position:absolute; left:0; top:0; bottom:0; right:0; z-index:3; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); } .image-hover-icon.image-hover-dark { background-color:rgba(0,0,0,0.3); } .image-hover-icon.image-hover-light { background-color:rgba(255,255,255,0.3); } .image-hover-icon.image-hover-light>i { color:#111; } .image-hover-icon>i { font-size:40px; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; z-index:2; color:#fff; } .image-hover:hover>.image-hover-icon { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } /** Sticky Side **************************************************************** **/ .sticky-side { position: fixed; top: 50%; left: 6px; width: 36px; z-index: 1; } .sticky-side .social-icon { margin:0; } /** Parallax Social icons **************************************************************** **/ ul.social-icons { display: inline-block; list-style: none; padding: 0; } ul.social-icons li { text-align:center; display: inline-block; padding: 15px 40px; } ul.social-icons a h4 { font-size: 15px; letter-spacing: 1px; margin-top: 0; margin-bottom: 0; } ul.social-icons a { color:#fff; text-decoration:none; } ul.social-icons a>span { font-size: 13px; color:#999; } ul.social-icons a>i.fa { line-height: 1!important; } ul.social-icons a h4, ul.social-icons a span { -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear; } ul.social-icons a>i.fa { border-radius: 50% !important; width: 100px; height: 100px; line-height:100px !important; margin: 0 auto 0 auto; font-size:60px; -webkit-transition: 0.16s all linear; -moz-transition: 0.16s all linear; -ms-transition: 0.16s all linear; -o-transition: 0.16s all linear; transition: 0.16s all linear; } ul.social-icons a:hover>i.fa { background: rgba(255,255,255,0.1); font-size: 50px; line-height:100px !important; } @media (max-width:482px) { ul.social-icons li { padding: 15px 10px; } } /** Word Rotator **************************************************************** **/ .word-rotator { visibility: hidden; width: 100px; height: 0; margin-bottom:-11px; display: inline-block; overflow: hidden; text-align: left; position: relative; } h1 .word-rotator { bottom:-3px; height: 54px !important; } section.page-header h1 .word-rotator { bottom:1px; height: 39px !important; } h2 .word-rotator { bottom:0; height: 45px !important; } h3 .word-rotator { bottom:2px; height: 36px !important; } h4 .word-rotator { bottom:4px; height: 27px !important; } h5 .word-rotator { bottom:6px; height: 21px !important; } a .word-rotator { bottom:5px; height:24px; } p.lead .word-rotator { height:29px; bottom:4px; } .word-rotator.active { visibility: visible; width: auto; } .word-rotator .items { position: relative; width: 100%; } .word-rotator .items span { display:block; margin-bottom:0; } /* Rotator Plugin */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } /** Sliders **************************************************************** **/ section#slider { display:block; padding:0; margin:0; box-shadow:none; background-color:#151515; overflow:hidden !important; border-bottom:0; z-index:0; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } /* enable animation for mobile fullheight */ section#slider.mobile-fullheight { -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } section#slider.transparent { background-color:transparent; } section#slider.parallax-slider:before { background-color: rgba(0,0,0,0.0); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } section#slider .slider-video { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; } section#slider .slider-video video { position: absolute; top:0; bottom: 0; left:0; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; } section#slider canvas { width:auto !important; height:auto !important; } section#slider a:hover { color:#fff; } /* slider form */ section#slider:not(.custom-form) form .btn { margin:0; } section#slider:not(.custom-form) input { color:#fff; background-color:rgba(0,0,0,0.7); border-color:rgba(255,255,255,0.3); } section#slider:not(.custom-form) .input-group-addon:first-child { color:#ccc; background-color:rgba(0,0,0,0.7); border-color:rgba(255,255,255,0.3); } section#slider:not(.custom-form) form.validate input.error { color:#333; } section#slider:not(.custom-form) input:focus { border-color:rgba(255,255,255,0.3); } section#slider:not(.custom-form) .btn-default { background-color:rgba(0,0,0,0.2); border-color:rgba(255,255,255,0.5); } #slider h1, .slider h1, #slider h2, .slider h2, #slider h3, .slider h3, #slider h4, .slider h4, #slider h5, .slider h5, #slider h6, .slider h6 { color:#fff; } /* slider top links */ #slider .slider-links, .slider .slider-links { position:absolute; z-index:100; color:#fff; } #slider .slider-links li, .slider .slider-links li { vertical-align:top; text-align:left; font-size:22px; color:#ddd; font-style:italic; } #slider .slider-links li a, .slider .slider-links li a { color:#fff; font-size:12px; font-style:normal; font-weight:bold; border-left: 1px solid rgba(255,255,255,.15); margin-left: 15px; overflow: hidden; padding: 6px 0; padding-left: 15px; text-transform: uppercase; max-width:220px; display:inline-block; text-align:left; max-height:62px; text-shadow:none; opacity: 1; filter: alpha(opacity=100); } #slider .slider-links li:hover a, .slider .slider-links li:hover a { opacity: 0.8; filter: alpha(opacity=80); } /* shadows - over image */ #slider .top-shadow, .slider .top-shadow { padding: 50px 30px; min-height:150px; position: absolute; top: 0; left: 0; text-align: center; width: 100%; z-index:80; background-image: -moz-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -ms-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -o-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -webkit-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -webkit-gradient(linear, center top, center top, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6))); background-image: linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); } #slider .bottom-shadow, .slider .bottom-shadow { padding: 50px 30px; min-height:150px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; z-index:80; background-image: -moz-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -ms-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -o-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6))); background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%); } /** Next | Prev ************************* **/ .tparrows.round, .tp-leftarrow.round, .tp-rightarrow.round, .flex-prev, .flex-next, .camera_next, .camera_prev, .nivo-nextNav, .nivo-prevNav, .owl-prev, .owl-next, .swiper-button-next, .swiper-button-prev { background-image:none !important; border:0; color:#ccc; font-size:34px; line-height:55px; height:auto !important; width:56px !important; text-align:center; background-color:rgba(0,0,0,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .tp-rightarrow.round, .flex-next, .owl-next, .camera_next, .nivo-nextNav, .swiper-button-next { right:-3px; } .tp-leftarrow.round, .flex-prev, .owl-prev, .camera_prev, .nivo-prevNav, .swiper-button-prev { left:-3px; } .tp-leftarrow.round:hover, .tp-rightarrow.round:hover, .flex-next:hover, .owl-prev:hover, .owl-next:hover, .flex-prev:hover, .camera_next:hover, .camera_prev:hover, .nivo-nextNav:hover, .nivo-prevNav:hover, .swiper-button-next:hover, .swiper-button-prev:hover { color:#fff; background-color:rgba(0,0,0,0.5); } /** Flex Slider **/ .flexslider[data-arrowNav="false"] ul.flex-direction-nav { display:none !important; } /** Swiper Slider ************************* **/ .swiper-container { width: 100%; height: 100%; position:relative; } .swiper-slide { color:#fff; font-size: 18px; background: #fff; position:relative; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-size: cover; box-sizing: border-box; } .swiper-pagination-bullet { width:20px !important; height:5px !important; background:#fff !important; opacity: 0.5 !important; filter: alpha(opacity=50) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active { -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; opacity: 1 !important; filter: alpha(opacity=100) !important; } .swiper-caption { color:#fff; position:absolute; opacity: .85; bottom: 0; left:0; right:0; height: 80px; line-height:20px; padding:30px 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } @media only screen and (max-width: 480px) { .swiper-caption { font-size:15px; } } .swiper-container.has-fixed-footer .swiper-button-next, .swiper-container.has-fixed-footer .swiper-button-prev { margin-top:-80px; } /** Nivo Slider ************************* **/ .nivo-controlNav { display: none1; } .nivo-caption { left: 20px; bottom: 20px; display:inline-block; color: #fff; background-color:rgba(0,0,0,0.7); font-family:'Lato',Arial,Helvetica,sans-serif; font-weight:300; padding: 6px 15px 8px 15px; opacity: 1; width:auto; max-width:500px; font-size:21px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nivo-controlNav { text-align: center; padding: 20px 0; } .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/Content/images/_smarty/plugins/slider.nivo/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .nivo-controlNav a.active { background-position:0 -22px; } @media only screen and (max-width: 768px) { .nivo-caption { display:none; } } /** Camera Slider ************************* **/ .camera_wrap { overflow:hidden; } .camera_wrap .camera_pag .camera_pag_ul { padding: 0; position: absolute; right: 20px; bottom: -8px; list-style: none; } .camera_caption { font-family:'Lato',Arial,Helvetica,sans-serif; font-size:22px; font-weight:300; } .camera_commands { display:none !important; } .camera_pie canvas { margin:10px; } @media only screen and (max-width: 768px) { .camera_caption { display:none !important; } } /** Elastic Slider ************************* **/ .ei-title h2 { font-size: 40px; line-height: 50px; color: #fff; font-weight:300; margin:0; } .ei-title h3 { font-size: 60px; line-height: 60px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight:300; color: #fff; margin:0; } .ei-slider-thumbs { margin:0 auto; padding:0; top:-30px; position:relative; z-index:10; height:4px; } .ei-slider-thumbs li:hover img{ bottom:4px; } .ei-container-thumbs { display:block; } .ei-slider-thumbs li { border-left:transparent 6px solid; } .ei-slider-thumbs li a { background-color:#fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ei-slider-thumbs li img { -webkit-box-reflect: none; -ms-filter: none; } @media only screen and (max-width: 768px) { .ei-title { display:none; } } /** Revolution Slider ************************* **/ .tp-caption { text-shadow:#000 1px 1px 1px; } .tp-caption.text_white, .tp-caption.text_black, .tp-caption.block_white, .tp-caption.block_theme_color, .tp-caption.block_black { white-space: nowrap; line-height: 34px; border-width: 0px; margin: 0px; padding: 1px 10px; letter-spacing: 0px; font-size: 22px; color: #fff; text-shadow:none; } .tp-caption.block_white { background-color: #fff; } .tp-caption.block_black { background-color: #000; } .tp-caption.text_white { color: #fff; } .tp-caption.text_black { color: #111; } .tp-bannertimer { background:rgba(0,0,0,0.5) !important; height:2px !important; } .tparrows.round:before { font-family: 'revicons'; } .tparrows { top:50% !important; margin-top:-25px; } .tparrows.preview1 { margin-top:-50px !important; } .tparrows.preview4 { margin-top:-50px !important; } .tparrows.preview2 { line-height:1; } .tparrows:hover { color: #fff; } .tp-leftarrow.round:before { content: '\e824'; } .tp-rightarrow.round:before { content: '\e825'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } /* bullets */ .tp-bullets.simplebullets.round { bottom:20px !important; } .tp-bullets.simplebullets.round .bullet { background:none; background-color:#fff; height:5px; } .tp-bullets.simplebullets.round .bullet.selected { background-color:#000; } /* revslider 5+ */ .rev_slider_wrapper.arrows-bottom .tparrows { top:100% !important; } .rev_slider_wrapper .tp-caption { text-shadow:none; } .rev_slider_wrapper .inner { bottom:inherit !important; right:auto !important; width:auto !important; height:auto !important; } .rev_slider_wrapper.bottom-noinherit .inner { bottom:0 !important; } .tp-tabs, .tp-tab-mask, .tp-thumb-mask { z-index:1001; } .tp-thumbs { width:auto; } .rev_slider_wrapper.bottom-noinherit .tp-tab-mask { transform: matrix(1, 0, 0, 1, 0, 100) !important; height:100% !important; max-height:100% !important; } .rev_slider_wrapper.tparrows-bottom .tparrows { top:auto !important; bottom:-80px !important; margin-top:0 !important; } /* centerig fix */ .Dining-Social, .tp-caption.Dining-Social, .VideoControls-Play, .tp-caption.VideoControls-Play { text-align:center !important; } /* rs-55.html arrows fix */ .tparrows.gyges { top: 100% !important; } /* rs-57.html */ .rs-57 .bullet-bar.tp-bullets:before{ content:" "; position:absolute; width:100%; height:100%; background:transparent; padding:10px; margin-left:-10px; margin-top:-10px; box-sizing:content-box; } .rs-57 .bullet-bar .tp-bullet { width:60px; height:3px; position:absolute; background:#aaa; background:rgba(204,204,204,0.5); cursor:pointer; box-sizing:content-box; } .rs-57 .bullet-bar .tp-bullet:hover, .rs-57 .bullet-bar .tp-bullet.selected { background:rgba(204,204,204,1); } /** Layer Slider ************************* **/ .ls-borderlessdark .ls-thumbnail-inner, div.ls-thumbnail-slide-container { background-color:rgba(0,0,0,0.1) !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ls-thumbnail-slide img { width:100%; } .ls-container .ls-thumbnail-wrapper { margin-bottom:100px; } /** Slider Featured Text ************************ **/ #slider div.slider-featured-text { padding:30px; } #slider div.slider-featured-text h1 { text-shadow:rgba(33,33,33,0.5) 1px 1px 3px; font-size:90px; line-height:90px; margin:0; font-family:Arial,Helvetica,sans-serif; } #slider div.slider-featured-text h2 { text-shadow:#333 1px 1px 3px; font-size:30px; line-height:30px; } #slider div.slider-featured-text h1 em, #slider div.slider-featured-text h2 em { font-style:normal; } #slider div.slider-featured-text .btn { color:#333 !important; background-color:#fff !important; border:0 !important; } #slider div.slider-featured-text .btn:hover, #slider div.slider-featured-text .btn:active { opacity:0.9; } @media only screen and (max-width: 768px) { #slider div.slider-featured-text { text-align:center !important; width:100%; } #slider div.slider-featured-text h1 { font-size:30px; line-height:35px; text-align:center; } #slider div.slider-featured-text h2 { font-size:27px; line-height:27px; text-align:center; } } /** **/ #slider img.img-responsive { display:inline-block; } #slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6, #slider p { color:#fff; text-shadow:rgba(0,0,0,0.16) 1px 1px 1px; } #slider h1 { font-size:60px; line-height:60px; } #slider h2 { font-size:40px; line-height:40px; } #slider h3 { font-size:30px; line-height:30px; } #slider:not(.custom-form) .btn { margin-top:30px; } #slider:not(.custom-form) .btn-default, .slider .btn-default { color:#fff; background-color:transparent; border-color:#fff; border-width:2px; } #slider:not(.custom-form) .btn-default:hover, .slider .btn-default:hover { background-color:rgba(255,255,255,0.1); } #slider:not(.custom-form) .btn, .slider .btn { color:#fff !important; } @media only screen and (max-width: 768px) { #slider h1 { font-size:30px; line-height:35px; text-align:center; } #slider h2 { font-size:27px; line-height:27px; text-align:center; } #slider h3 { font-size:20px; line-height:20px; text-align:center; } } /** Standard Forms Messages USAGE:

Message sent! Thank You!

**************************************************************** **/ #alert_newsletter, #alert_mandatory, #alert_success, #alert_failed { display:none; } /** Portfolio **************************************************************** **/ /* do not move from here - we rewrite this below */ .item-box-desc h2, .item-box-desc h3, .item-box-desc h4, .item-box-desc h5 { font-size:18px; line-height:21px; margin:0; padding:0; } .item-box .owl-carousel { margin-top:0px !important; } #portfolio { overflow:hidden; } #portfolio h2, #portfolio h3 { font-size:18px; line-height:20px; margin:0; color:#111; } #portfolio .portfolio-item h2, #portfolio .portfolio-item h3 { text-overflow:ellipsis; white-space: nowrap; } #portfolio div.col-md-3 h2, #portfolio div.col-md-3 h3 { font-size:18px; line-height:18px; } #portfolio div.col-md-5th h2, #portfolio div.col-md-5th h3 { font-size:15px; line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } #portfolio div.col-md-2 h2, #portfolio div.col-md-2 h3 { font-size:13px; line-height:13px; } #portfolio div.col-md-2 .item-box-desc, #portfolio div.col-md-2 .item-box-desc { padding:20px 6px 0 15px !important; } section.dark #portfolio h2, section.dark #portfolio h3 { color:#fff; } #portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner { margin-top:-20px !important; } #portfolio div.col-md-2 ul.categories>li>a, #portfolio div.col-md-5th ul.categories>li>a { font-size:11px; line-height:11px; } /* dark section */ section.dark#portfolio h2, section.dark #portfolio h2, section.dark#portfolio h3, section.dark #portfolio h3 { color:#fff !important; } #portfolio .mix-grid>.row.mix { border-bottom:rgba(0,0,0,0.1) 1px solid; margin-bottom:60px; padding-bottom:60px; } #portfolio .mix-grid>.row.mix:last-child { border-bottom:0; } #portfolio .mix-grid>.row>div:last-child { margin-bottom:0 !important; } #portfolio .item-box-desc h2, #portfolio .item-box-desc h3 { font-size:18px; line-height:20px; } #portfolio .item-box-overlay-title { display:block; position:absolute; left:0; right:0; bottom:0; padding:8px; color:#fff; background-color:rgba(0,0,0,0.6); color:#fff; z-index:100; } #portfolio .item-box-overlay-title h2, #portfolio .item-box-overlay-title h3, #portfolio .item-box-overlay-title h4, #portfolio .item-box-overlay-title a { color:#fff; } #portfolio .item-box-overlay-title a:hover { color:#fff !important; } #portfolio .controlls-over .owl-pagination { bottom:auto; top:10px; right:10px; left:auto; width:auto; } @media only screen and (max-width: 992px) { #portfolio div.col-md-5>h2, #portfolio div.col-md-5>h3 { margin-top:30px; } } @media only screen and (max-width: 480px) { #portfolio.portfolio-title-over .item-box .item-hover .inner { margin-top:-40px !important; } } /** Gutter ****************** **/ #portfolio.portfolio-gutter .item-box { margin-bottom:30px; } #portfolio.portfolio-nogutter .row>div, #portfolio.portfolio-nogutter .item-box { padding: 0 !important; margin: 0 !important; } #portfolio.portfolio-gutter .item-box .item-box-desc { margin-bottom:0 !important; padding-bottom:0 !important; } /** Isotope Portfolio ****************** **/ #portfolio.portfolio-isotope { display:block; margin:auto; width:100%; } #portfolio.portfolio-isotope .item-box-desc { margin-bottom:0; } #portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner, #portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner, #portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner { margin-top:-36px !important; } #portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner { margin-top:-26px !important; } /* 2 columns */ #portfolio.portfolio-isotope-2 .portfolio-item { margin: 0 20px 20px 0; float:left; } #portfolio.portfolio-isotope-2 .item-box-desc { padding:20px; } /* 3 columns */ #portfolio.portfolio-isotope-3 .portfolio-item { margin: 0 15px 15px 0; } #portfolio.portfolio-isotope-3 .item-box-desc { padding:20px; } /* 4 columns */ #portfolio.portfolio-isotope-4 .portfolio-item { margin: 0 12px 12px 0; } #portfolio.portfolio-isotope-4 .portfolio-item h3, #portfolio.portfolio-isotope-4 .portfolio-item h4 { font-size:17px; line-height:17px; } #portfolio.portfolio-isotope-4 .item-box-desc { padding:20px 10px 20px 10px; } /* 5 columns */ #portfolio.portfolio-isotope-5 .portfolio-item { margin: 0 10px 10px 0; } #portfolio.portfolio-isotope-5 .portfolio-item h3, #portfolio.portfolio-isotope-5 .portfolio-item h4 { font-size:16px; line-height:16px; } #portfolio.portfolio-isotope-5 .item-box-desc { padding:20px 10px 20px 10px; } /* 6 columns */ #portfolio.portfolio-isotope-6 .portfolio-item { margin: 0 6px 6px 0; } #portfolio.portfolio-isotope-6 .portfolio-item h3, #portfolio.portfolio-isotope-6 .portfolio-item h4 { font-size:15px; line-height:15px; } #portfolio.portfolio-isotope-6 .item-box-desc { padding:20px 10px 20px 10px; } #portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item { margin:0; } /** Ajax Portfolio ****************** **/ #portfolio_ajax_container { position:relative; } #portfolio_ajax_container .overlay>span { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; line-height: 76px; text-align: center; margin: -34px 0 0 -34px; background-color: rgba(0,0,0,0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio_ajax_container .overlay>span>i { color: #fff; font-size: 30px; } div.portfolio-ajax-page { margin-bottom:80px; padding:10px 0; } div.portfolio-ajax-page header { position:relative; } div.portfolio-ajax-page header>ul { margin:0; position:absolute; right:0; top:50%; margin-top:-10px; } div.portfolio-ajax-page header>ul a { font-size:18px; } div.portfolio-ajax-page header>ul a.portfolio-ajax-close { margin-left:20px; } div.portfolio-ajax-page header a { color:#888; text-decoration:none; } div.portfolio-ajax-page header a:hover { color:#000; } div.portfolio-ajax-page header h2, div.portfolio-ajax-page header h3 { margin:0; } section.dark .portfolio-ajax-page header a:hover { color:#fff; } @media only screen and (max-width: 768px) { div.portfolio-ajax-page header { text-align:center; } div.portfolio-ajax-page header>ul { position:relative; margin-top:30px; } div.portfolio-ajax-page header h2, div.portfolio-ajax-page header h3 { font-size:24px; line-height:24px; } } /** Portfolio Single ****************** **/ ul.portfolio-detail-list span { display: inline-block; font-weight: bold; width: 150px; } ul.portfolio-detail-list span>i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } /** Item Box **************************************************************** **/ .item-box { overflow:hidden; margin:0; position:relative; box-shadow:rgba(0,0,0,0.1) 0 0 5px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .mix-grid .item-box, #portfolio .item-box { box-shadow:none; } .item-box.fullwidth { max-width:100%; } section.alternate .item-box { background-color:rgba(0,0,0,0.05); } .item-box figure { width:100%; display:block; margin-bottom:0; overflow:hidden; position:relative; text-align:center; } .item-box.fixed-box figure img { width:100%; height:auto; } .item-box-desc { padding:30px 20px 20px 20px; overflow:hidden; margin-bottom:10px; text-align:left !important; } .item-box-desc p { margin-top:20px; display:block; overflow:hidden; text-overflow:ellipsis; /*white-space: nowrap;*/ } .item-box.fixed-box .item-box-desc p { height:98px; } .item-box-desc h2, .item-box-desc h3, .item-box-desc h4, .item-box-desc h5 { padding:0; margin:0; } .item-box .item-box-desc small { display:block; } .item-box.fixed-box .item-box-desc { height:256px; } .item-box.fixed-box figure { max-height:263px; } .item-box .socials { border-top:#eee 1px solid; text-align:center; display:block; } /* hover */ .item-box .item-hover { opacity: 0; filter: alpha(opacity=0); position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a { color:#fff; } .item-box .item-hover .inner { position:absolute; display:block; left:0; right:0; top:50%; margin-top:-10px; margin-bottom:0; width:100%; z-index:100; line-height:23px; } .item-box:hover .item-hover { opacity: 1; filter: alpha(opacity=100); } .item-box .item-hover .inner .ico-rounded>span { color:#666; background-color:#fff; width:50px; height:50px; line-height:50px !important; margin:-20px 5px 0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topleft: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color:#333; background-color:rgba(0,0,0,0.07); } /** Mixitup **************************************************************** **/ .mix-grid .mix { opacity: 0; display: none; } .mix.nogutter, .mix.nogutter>.item-box { padding:0 !important; margin:0 !important; line-height:0; } /** Blog **************************************************************** **/ .blog-post-item { display:block; margin-bottom:80px; padding-bottom:60px; border-bottom:#eee 1px solid; position:relative; } section.dark .blog-post-item { border-bottom:#444 1px solid; } h1.blog-post-title, .blog-post-item h2 { letter-spacing:0; font-family:'Open Sans',Arial,Helvetica,sans-serif; font-size:22px; margin-bottom:10px; } ul.blog-post-info { display:block; border-bottom:#eaeaea 1px dotted; padding-bottom:20px; font-size: 14px; } section.dark ul.blog-post-info { border-bottom-color:#444; } ul.blog-post-info li>a { color:#888; } ul.blog-post-info li i { color:#888; margin-right:5px; } ul.blog-post-info li a:after { content:' , '; } ul.blog-post-info li a:last-child:after { content:''; } /* blog misc */ .blog-post-item .flexslider { margin-bottom:20px; } h1.blog-post-title { font-size:24px; margin-bottom:0; } /** Blog Small Image ****************** **/ .blog-post-item .blog-item-small-image { width:300px; float:left; } .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left:330px; } .blog-post-item.blog-post-item-inverse .blog-item-small-image { width:300px; float:right; } .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left:0; padding-right:330px; } .blog-both-sidebar .blog-post-item .blog-item-small-image { width:200px; } .blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left:230px; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image { width:200px; float:right; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left:0; padding-right:230px; } @media only screen and (max-width: 768px) { .blog-post-item .blog-item-small-image, .blog-post-item.blog-post-item-inverse .blog-item-small-image, .blog-both-sidebar .blog-post-item .blog-item-small-image, .blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content { width:100%; display:block; float:none; } .blog-post-item .blog-item-small-image + .blog-item-small-content, .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content, .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image, .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding:0; } } /** Isotope Blog ****************** **/ #blog.blog-isotope { display:block; margin:auto; width:100%; } #blog.blog-isotope-3 .blog-post-item .flexslider, #blog.blog-isotope-4 .blog-post-item .flexslider, #blog.blog-isotope-5 .blog-post-item .flexslider, #blog.blog-isotope-6 .blog-post-item .flexslider { margin-bottom:20px; } /* 2 columns */ #blog.blog-isotope-2 .blog-post-item { margin: 0 20px 20px 0; float:left; border:0; } #blog.blog-isotope-2.blog-post-item h2 { font-size:17px; line-height:17px; } /* 3 columns */ #blog.blog-isotope-3 .blog-post-item { margin: 0 15px 15px 0; border:0; } #blog.blog-isotope-3 .blog-post-item h2 { font-size:17px; line-height:17px; } /* 4 columns */ #blog.blog-isotope-4 .blog-post-item { margin: 0; padding:0 15px 60px 15px; border:0; } #blog.blog-isotope-4 .blog-post-item h2 { font-size:17px; line-height:17px; } /* 5 columns */ #blog.blog-isotope-5 .blog-post-item { margin: 0 10px 10px 0; border:0; } #blog.blog-isotope-5 .blog-post-item h2 { font-size:16px; line-height:16px; } /* 6 columns */ #blog.blog-isotope-6 .blog-post-item { margin: 0 6px 6px 0; border:0; } #blog.blog-isotope-6 .blog-post-item h2 { font-size:15px; line-height:15px; } /** Blog Single ****************** **/ .blog-single-small-media { width:350px; float:left; margin-right:30px; margin-bottom:20px; } .blog-single-small-media.inverse { float:right; margin-right:0; margin-left:30px; } /** Comments **************************************************************** **/ .comments { margin-top:60px; } .comments .comment-item { margin:40px 0; } .comments a.comment-reply { float:right; font-size:11px; text-transform:uppercase; } .comments span.user-avatar { background:#eee; width:64px; height:64px; float:left; margin-right:10px; } section.dark .comments span.user-avatar { background:transparent; } .comments small { font-size:12px; font-family:'Open Sans',Arial,Helvetica,sans-serif; color:#aaa; } .comments h4 { font-size:15px; } section.dark .comments small { color:#666; } /* BORDERED COMMENTS */ .comment-list p, .comment-list .row { margin-bottom: 0px; } .comment-list .panel .panel-heading { padding: 4px 15px; position: absolute; border:none; border-top-right-radius:0px; top: 1px; } .comment-list .panel .panel-heading.right { border-right-width: 0px; border-top-left-radius:0px; right: 16px; } .comment-list .panel .panel-heading .panel-body { padding-top: 6px; } .comment-list figcaption { /*For wrapping text in thumbnail*/ word-wrap: break-word; } /* Portrait tablets and medium desktops */ @media (min-width: 768px) { .comment-list .arrow:after, .comment-list .arrow:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before { border-left: 0; } /*****Left Arrow*****/ .comment-list .panel.arrow.left:before { left: 0px; top: 30px; border-right-color: inherit; border-width: 16px; } /*Background color effect*/ .comment-list .panel.arrow.left:after { left: 1px; top: 31px; border-right-color: #FFFFFF; border-width: 15px; } /*****Right Arrow*****/ .comment-list .panel.arrow.right:before { right: -16px; top: 30px; border-left-color: inherit; border-width: 16px; } /*Background color effect*/ .comment-list .panel.arrow.right:after { right: -14px; top: 31px; border-left-color: #FFFFFF; border-width: 15px; } section.dark .comment-list .thumbnail { border-color:#666; background-color:#666; } section.dark .comment-list .panel.arrow.left:after { border-right-color: #212121; } section.dark .comment-list .panel.arrow.right:after { border-left-color: #212121; } } .comment-list .comment-post { margin-top: 6px; } /* article default comments usage example: page-profile-comments.html */ ul.comment { margin-bottom:30px; } li.comment { position:relative; margin-bottom:25px; font-size:13px; } li.comment p { margin:0; padding:0; } li.comment img.avatar { position:absolute; left:0; top:0; display:inline-block; } li.comment.comment-reply img.avatar { left:6px; top:6px; } li.comment .comment-body { position:relative; padding-left:60px; } li.comment.comment-reply { margin-left:60px; background-color:rgba(0,0,0,0.04); padding:6px; margin-bottom:6px; } li.comment a.comment-author { margin-bottom:6px; display:block; } li.comment a.comment-author span { font-size:15px; } /** Timeline **************************************************************** **/ .timeline { position:relative; padding-left:100px; } .timeline.timeline-inverse { padding-left:0; padding-right:100px; } .timeline .timeline-item { position:relative; min-height:150px; display:block; margin-bottom:30px; } .timeline .timeline-item-bordered { border-left:#ccc 1px dashed; padding-left:20px; } section.dark .timeline .timeline-item-bordered { border-left:rgba(255,255,255,0.2) 1px dashed; } .timeline.timeline-inverse .timeline-item-bordered { border-right:#ccc 1px dashed; border-left:0; padding-right:20px; padding-left:0; } /* horizontal line [left|center|right] */ .timeline>.timeline-hline { position: absolute; top: 0; left: 0; bottom:0; margin-left: 30px; width: 1px; border-left:rgba(0,0,0,0.1) 1px dashed; height: 100%; } section.dark .timeline>.timeline-hline { border-left-color:rgba(255,255,255,0.2); } .timeline.timeline-inverse>.timeline-hline { left:auto; right:0; margin-left:0; margin-right:30px; border-left:0; border-right:rgba(0,0,0,0.1) 1px dashed; } section.dark .timeline.timeline-inverse>.timeline-hline { border-right-color:rgba(255,255,255,0.2); } /* timeline entry */ .timeline .timeline-entry { display: block; border:rgba(0,0,0,0.1) 3px solid; background-color:#fff; padding-top: 10px; top: 20px; z-index:10; position:absolute; left: -102px; right: auto; width: 64px; height: 64px; font-size: 26px; text-align:center; line-height:1; color:#ccc; font-weight:bold; font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif; } .timeline .timeline-entry>.timeline-vline { position: absolute; top: 50%; margin-top:-1px; right: -40px; width: 40px; height: 0; border-top: 1px dashed #CCC; } .timeline.timeline-inverse .timeline-entry { right: -102px; left: auto; } .timeline.timeline-inverse .timeline-entry>.timeline-vline { right:auto; left: -40px; } .timeline .timeline-entry>span { display:block; font-size:13px; text-transform:uppercase; font-weight:300; font-family:'Open Sans',Arial,Helvetica,sans-serif; } section.alternate .timeline .timeline-entry { background-color:#F9F9F9; } section.dark .timeline .timeline-entry { color:#666; background-color:#212121; border-color:rgba(255,255,255,0.2); } section.dark .timeline .timeline-entry>.timeline-vline { border-top-color:rgba(255,255,255,0.2); } section.dark.alternate .timeline .timeline-entry { background-color:#151515; } /* timeline center */ .timeline_center { margin: 0; position: relative; background: url(/Content/images/_smarty/timeline/timeline_top.png) no-repeat top center; padding-top: 9px; } .timeline_center:after { content: ""; width: 0px; height: 0px; border-width: 3px; border-style: solid; position: absolute; left: 50%; bottom: -10px; margin-left: -3px; display: block; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; } .timeline_center li { padding: 0 0 25px 55%; position: relative; background: url(/Content/images/_smarty/timeline/timeline_right.png) no-repeat top center; } .timeline_center li:nth-child(even) { padding: 0 55% 25px 0; background: url(/Content/images/_smarty/timeline/timeline_left.png) no-repeat top center; text-align:right; } .timeline_center li h3 { font-size: 30px; line-height: 35px; } .timeline_center li h3 span { position: absolute; right: 55%; top: 0px; font-size:13px; } .timeline_center li h3:before { content: ""; width: 15px; height: 15px; border-width: 4px; border-style: solid; position: absolute; left: 50%; top: 11px; margin-left: -7px; display: block; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; } .timeline_center li:nth-child(even) h3 { text-align: right; } .timeline_center li:nth-child(even) h3 span { left: 55%; right: auto; } .timeline_center li .timeline-desc { position: relative; font-size: 15px; line-height: 31px; } .timeline_center li .timeline-desc:before { content: ""; width: 100%; height: 100%; position: absolute; left: -122%; top: 0; } .timeline_center li .timeline-desc.timeline-desc-line { background: url(/Content/images/_smarty/timeline/textline.png) repeat-y; } .timeline_center li:nth-child(even) .timeline-desc:before { left: auto; right: -122%; } .timeline_center li:nth-child(even) .timeline-desc { text-align: right; } .timeline_center li h3:before, .timeline_center:after { border-color: #333; } @media only screen and (max-width: 650px) { .timeline_center { background-position: 11px top; } .timeline_center li { padding: 0 0 25px 70px !important; background: url(/Content/images/_smarty/timeline/timeline_right.png) no-repeat !important; background-position: -30px top !important; width: auto; } .timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; } .timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; } .timeline_center li h3 { font-size:24px; line-height:24px; } .timeline_center li h3, .timeline_center li:nth-child(even) h3 { text-align: left; } .timeline_center li h3:before { left: 13px; } .timeline_center li .timeline-desc, .timeline_center li:nth-child(even) .timeline-desc { text-align: left; } .timeline_center li .timeline-desc:before { display: none; } .timeline_center:after { left: 13px; } } /** Contact **************************************************************** **/ .contact-over-map { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; height:100%; } .contact-over-box { position:relative; z-index:5; background-color:#fff; width:100%; max-width:380px; min-height:300px; padding:20px; box-shadow:#888 0 0 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .contact-over-box { background-color:#212121; } /** Error 404 **************************************************************** **/ .error-404 { content: '404'; font-size:200px; line-height:200px; font-weight:bold; color:#ddd; text-align:center; left:0; right:0; top:0; bottom:0; } section.dark .error-404 { color:#666; } .inline-search-404 { margin-top:60px; } @media only screen and (max-width: 482px) { .inline-search-404 { margin-top:20px; } footer.footer-err-404 { display:none; } .err-404-row>div { margin-bottom:15px !important; } } /** Maintenance **************************************************************** **/ .maintenance { padding: 20px; margin-top: 10%; background-color: rgba(0,0,0,0.05); font-family:'Open Sans'; font-size:14px; line-height:23px; text-align: center; font-weight:300; } .maintenance h1 { font-size:50px; line-height:50px; font-weight:300; margin-bottom:6px; } @media only screen and (max-width: 480px) { .maintenance h1 { font-size:40px; line-height:40px; } } /** Login & Register **************************************************************** **/ ul.login-features>li { content: ' '; clear: both; padding: 8px 0; font-size: 16px; font-weight: 300; line-height: 30px; } ul.login-features>li>i { font-size:30px; float:left; padding-right:20px; } .login-forgot-password { display: inline-block; margin-top: 8px; } .modal-short { max-height: 400px; overflow: auto; } @media only screen and (max-width: 992px) { form div.col-xs-6>button { margin:0 !important; } } /** Search Page **************************************************************** **/ div.search-result { padding:20px 0; border-bottom:#eee 1px solid; } div.search-result p { margin:0; padding:0; } div.search-result img { float:left; margin-right:10px; margin-top:6px; } .search-title-aside { margin-top:20px; font-size:17px; line-height: 20px; color:#888; font-weight:400; } ul.search-history { border-bottom:#eee 1px solid; margin-bottom:0; padding-bottom:6px; } /** Block Review example usage: page-forum-post.html **************************************************************** **/ .block-review-content div.block-review-body { position:relative; padding:20px 0 20px 150px; } .block-review-content div.block-review-avatar { width:130px; float:left; margin-left:-140px; } @media only screen and (max-width: 482px) { .block-review-content div.block-review-body { padding:20px 0 20px 100px; } .block-review-content div.block-review-avatar { width:80px; margin-left:-90px; } .block-review-content div.block-review-avatar img { width:70px; } } /** Category Grid **************************************************************** **/ div.category-grid>div { margin:30px 0; } div.category-grid .card { border:0; background-color: rgba(0,0,0,0.02); -moz-border-radius: 0; border-radius: 0; } section.section-dark div.category-grid .card { background-color: rgba(0,0,0,0.08); } @media only screen and (min-width: 768px) { /* 6 COLUMNS - RECALIBRATE FOR LONG TITLES */ .category-grid>div.col-sm-2:nth-child(6n+1), .category-grid>div.col-lg-2:nth-child(6n+1), .category-grid>div.col-md-2:nth-child(6n+1) { clear:both; } /* 5 COLUMNS - RECALIBRATE FOR LONG TITLES */ .category-grid>div.col-sm-5th:nth-child(5n+1), .category-grid>div.col-lg-5th:nth-child(5n+1), .category-grid>div.col-md-5th:nth-child(5n+1) { clear:both; } /* 4 COLUMNS - RECALIBRATE FOR LONG TITLES */ .category-grid>div.col-sm-3:nth-child(4n+1), .category-grid>div.col-lg-3:nth-child(4n+1), .category-grid>div.col-md-3:nth-child(4n+1) { clear:both; } /* 3 COLUMNS - RECALIBRATE FOR LONG TITLES */ .category-grid>div.col-sm-4:nth-child(3n+1), .category-grid>div.col-lg-4:nth-child(3n+1), .category-grid>div.col-md-4:nth-child(3n+1) { clear:both; } } @media only screen and (max-width: 768px) { /* 2 COLUMNS - RECALIBRATE FOR LONG TITLES */ .category-grid>div.col-sm-6:nth-child(2n+1), .category-grid>div.col-lg-6:nth-child(2n+1), .category-grid>div.col-md-6:nth-child(2n+1) { clear:both; } } /** Cards **************************************************************** **/ .card { margin-bottom: 26px; overflow-y: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px; -o-box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px; box-shadow: rgba(0, 0, 0, 0.027451) 0px 2px 1px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .card img { width: 100%; } .card-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } section.dark-2 div.category-grid .card { background-color: rgba(0,0,0,0.08); } .card-img-top { border-top-right-radius: calc(.25rem - 1px); border-top-left-radius: calc(.25rem - 1px); } section.dark .card { background-color: rgba(0,0,0,0.2); } section.dark .alternate, section.dark .alternate-2, section.dark .alternate-3, section.dark .lightblue, section.dark .lightgreen { background-color: rgba(0,0,0,0.03); } section.dark-2.alternate { background-color: #292e32 !important; } /** Footer **************************************************************** **/ #footer { font-size:14px; color: rgba(255,255,255,0.6); background: #313131; background: -moz-linear-gradient(top, #555555 0%, #313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131)); background: -webkit-linear-gradient(top, #555555 0%, #313131 100%); background: -o-linear-gradient(top, #555555 0%, #313131 100%); background: -ms-linear-gradient(top, #555555 0%, #313131 100%); background: linear-gradient(to bottom, #555555 0%,#313131 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 ); } #footer>.container { padding-top:60px; margin-bottom:60px; } #footer>.copyright { background-color:rgba(0,0,0,0.2); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding:25px 0; font-size:13px; display:block; } #footer>.copyright.has-social { padding:8px; } #footer>.copyright.has-social .social-icon { margin-top:8px; margin-bottom:0; line-height:0; } #footer>.copyright .copyright-text { margin-top:14px; } #footer canvas { width:auto !important; height:auto !important; } /* Footer Logo */ #footer img.footer-logo { margin-bottom:20px; display:block; } #footer .footer-logo.footer-2 { float:left; margin:0 20px 10px 0; border-right:rgba(255,255,255,0.1) 1px solid; padding-right:20px; } /* Footer Typography */ #footer h2 { font-size:26px; text-shadow:rgba(0,0,0,0.3) 3px 3px 5px; } #footer h3 { font-size:18px; margin-bottom:25px; } #footer h4 { font-size:15px; margin-bottom:25px; } #footer a { color: rgba(255,255,255,0.6); text-decoration:none; } #footer a:hover { color: rgba(255,255,255,0.9); } #footer a>i.fa { padding-right: 6px; } #footer p { margin-top:0; } #footer ul { margin-bottom:0; } #footer hr { border:0; margin:20px 0; border-bottom:rgba(255,255,255,0.1) 1px solid; border-top:rgba(0,0,0,0.4) 1px solid; } #footer address { margin-bottom:0; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgba(255,255,255,0.8); font-weight:600; } /* footer form */ #footer form input, #footer form textarea { color: #999; background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.25); margin-bottom:6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #footer form input[type="submit"]:hover, #footer form input:focus, #footer form textarea:focus { background-color: rgba(0,0,0,.3); } #footer form .input-group-addon { color: #999; background-color: rgba(0,0,0,.4); border-color: rgba(0,0,0,.25); } #footer form .input-group input, #footer form .input-group textarea { margin-bottom:0; } @media only screen and (max-width: 480px) { #footer h4 { margin-top:60px; display:block; } #footer .mobile-block { margin-bottom:25px !important; } #footer.footer-fixed .mobile-block { margin-bottom:0 !important; } #footer .copyright { text-align:center; } } /* footer list links */ #footer ul.footer-links>li { padding-bottom:10px; font-weight:300; } #footer ul.footer-links>li>a { color: rgba(255,255,255,0.6); } #footer ul.footer-links>li>a:hover { color: rgba(255,255,255,0.9); } #footer ul.footer-links>li>a:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-right:10px; } /* footer news list */ #footer ul.footer-list li { padding:10px 0; border-bottom:rgba(0,0,0,0.2) 1px solid; } #footer ul.footer-list li small { display:block; font-family:'Open Sans',Arial,Helvetica,sans-serif; color:#ddd; } #footer.footer-light ul.footer-list li small { color: #999; } #footer ul.footer-list.half-paddings li { padding:6px 0; } #footer ul.footer-list.half-paddings.noborder li { border:0; } /* footer posts */ #footer ul.footer-posts>li { padding: 15px 0; border-bottom:rgba(255,255,255,0.07) 1px solid; } #footer ul.footer-posts>li:first-child { padding-top:0; } #footer ul.footer-posts>li:last-child { border-bottom:0; } #footer ul.footer-posts>li>small { display:block; } /* footer contact text */ #footer address { background:url(/Content/images/_smarty/world-map.png) no-repeat center; } #footer address .footer-sprite { margin-bottom:20px; padding-left:30px; background:url(/Content/images/_smarty/footer_sprite.png) no-repeat 0 0; } #footer address .footer-sprite:last-child { margin-bottom:0; } #footer p { line-height:18px; } #footer p.contact-desc { margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:#403E44 1px dashed; } #footer address .footer-sprite.address { background-position:0 0; } #footer address .footer-sprite.phone { background-position:0 -138px; line-height:30px; } #footer address .footer-sprite.email { background-position:0 -247px; } /* footer links - breadcrumbs like */ #footer ul.inline-links>li+li:before { padding: 0 5px 0 0; content: "/\00a0"; color:rgba(255,255,255,0.3); } /* footer images gallery */ #footer .footer-gallery>a { display:inline-block; margin-bottom:3px; margin-right:3px; float:left; } #footer .footer-gallery>a:hover { opacity:0.8; } @media only screen and (max-width: 768px) { #footer .footer-gallery { text-align:center; } #footer .footer-gallery>a, #footer .footer-gallery>img { float:none; margin-right:0; } #footer .row>div { margin-bottom:60px; } } /* sticky footer */ footer.sticky { width: 100%; } @media only screen and (max-width: 768px) { footer.sticky { top:auto !important; position:relative !important; } } #footer .btn, #footer .form-control { height:36px; } #footer .btn-sm, #footer .btn-xs, #footer .btn-lg, #footer .btn-xlg { height:auto; } #footer .copyright ul.list-social-icons { height:30px; } #footer .copyright ul.list-social-icons a.social-icon { margin:0; } /* footer social icons */ #footer a.social-icon { color: #999 !important; } /** Footer Light ** ************************ **/ #footer.footer-light { color:#666; background-color:#fbfbfb; background-image: none; } #footer.footer-light form input, #footer.footer-light form textarea, #footer.footer-light form .input-group-addon { color:#eaeaea; } #footer.footer-light .copyright { background-color: rgba(0,0,0,0.04); } #footer.footer-light .copyright, #footer.footer-light .copyright a { color:#414141; } #footer.footer-light h1, #footer.footer-light h2, #footer.footer-light h3, #footer.footer-light h4, #footer.footer-light h5, #footer.footer-light h6 { color:#414141; } #footer.footer-light p, #footer.footer-light a, #footer.footer-light ul.footer-links>li>a { color:#666; } #footer.footer-light a:hover, #footer.footer-light ul.footer-links>li>a:hover { color:#000; } #footer.footer-light ul.footer-posts>li { border-bottom-color:rgba(0,0,0,0.07); } #footer.footer-light form textarea::-webkit-input-placeholder, #footer.footer-light form input::-webkit-input-placeholder { color: #eaeaea; /* WebKit browsers */ } #footer.footer-light form textarea:-moz-placeholder, #footer.footer-light form input:-moz-placeholder { color: #eaeaea; /* Mozilla Firefox 4 to 18 */ } #footer.footer-light form textarea::-moz-placeholder, #footer.footer-light form input::-moz-placeholder { color: #eaeaea; /* Mozilla Firefox 19+ */ } #footer.footer-light form textarea:-ms-input-placeholder, #footer.footer-light form input:-ms-input-placeholder { color: #eaeaea; /* Internet Explorer 10+ */ } /* footer social icons */ #footer.footer-light a.social-icon { color: #666 !important; } /** Fixed Footer ** ************************ **/ #footer.footer-fixed { position:fixed; left:0; right:0; bottom:0; width:100%; z-index:30; padding:10px 0; filter: Alpha(Opacity=95); opacity:0.95; } #footer.footer-fixed .social-icon { margin-top:0; margin-bottom:0; } #footer.footer-fixed .footer-links>span, #footer.footer-fixed .footer-links>a { line-height:30px; font-size:13px; padding:6px 10px; border-right:rgba(255,255,255,0.1) 1px solid; } #footer.footer-fixed.footer-light .footer-links>a { border-right:rgba(0,0,0,0.1) 1px solid; } /** Responsive **************************************************************** **/ @media only screen and (max-width: 992px) { #header.header-sm #topNav button.btn-mobile { margin-top:16px; } #header.header-sm #topNav button.btn-mobile { margin-top:11px; } #topNav #topMain>li.mega-menu div.row div { display:block !important; border:0 !important; } .block-md { display:block; } .text-center-md { text-align:center !important; float:none !important; } #header .nav-second-main .quick-cart-box, #header .nav-second-main .search-box { box-shadow:none !important; } /* fullwidth button fix */ body>.btn.fullwidth, #wrapper>.btn.fullwidth { padding-top:0!important; padding-bottom:20px!important; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } body>.btn.fullwidth>span, #wrapper>.btn.fullwidth >span { line-height:30px !important; } } @media only screen and (max-width: 768px) { img.img-responsive { float: none !important; } #header.fixed { position:fixed; } #header.transparent + #slider h1 { margin-top:80px !important; } section div.row>div { margin-bottom:60px; } section div.row.lightbox>div { margin-bottom:0; } section form div.row>div.form-group>div, section form div.row>div { margin-bottom:15px; } section form div.row>div.form-group>div:last-child, section form div.row>div:last-child { margin-bottom:0; } .block-sm { display:block; } .text-center-md { text-align:center !important; } form.landing-form >div { margin-bottom:5px !important; } } @media only screen and (max-width: 480px) { .mobile-block { display:block; float:none !important; position:relative; } .mobile-block>.social-icon { float:none !important; } .block-xs { display:block; } .text-center-xs { text-align:center !important; float:none !important; } .modal-short { max-height: 320px; overflow: auto; } .size-50 { font-size:30px !important; line-height:36px !important; } .size-40 { font-size:30px !important; line-height:36px !important; } .size-30 { font-size:23px !important; line-height:26px !important; } } /** DEMO ONLY DO NOT USE THIS CSS - USED FOR DEMO ONLY! **************************************************************** **/ .iconsPreview.material-icons-preview a>i { font-size: 36px; } .iconsPreview a { text-decoration:none; } .iconsPreview .fa-hover a { display:block; padding:4px; text-decoration:none; } .iconsPreview .fa-hover a:hover { background-color:#f3f3f3; } .iconsPreview .fa-hover i { width:20px; margin-right:10px; color:#333 !important; } .iconsPreview .fa-hover a span { color:#666; } /** *** **/ .iconsPreview.material-icons-preview a { padding: 10px 4px !important; } /** *** **/ .iconFlags a { text-decoration:none; } .iconFlags .flag-icon { padding-top:4px; padding-bottom:4px; cursor:pointer; display:block; } .iconFlags .flag-icon img { display:inline-block; margin-right:6px; } .iconFlags .flag-icon:hover { background-color:#f3f3f3; } .bs-glyphicons a { text-decoration:none; } .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; } .bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; border: 1px solid #fff; background-color: #f9f9f9; cursor:pointer; padding-top: 20px; } .bs-glyphicons li:hover { background-color:#f3f3f3; } @media (min-width: 769px) { .bs-glyphicons li { width: 12.5%; font-size: 12px; } } .iconExamples a { text-decoration:none; } .iconExamples .example { text-align: center; cursor:pointer; padding:6px 3px; } .iconExamples .example:hover { background-color:#f3f3f3; } .iconExamples .example:before, .iconExamples .example:after { content: " "; display: table; } .iconExamples .example .icon { font-size: 20px; float: left; width: 35px; } .iconExamples .example .class { text-align: center; float: left; margin-top: 0; font-weight: 400; margin-left: 10px; color: #333; } /** *** **/ .row.show-grid, .row.show-grid>div { padding:0; } .grid-block { background-color: #EEE; border: 1px solid #FFF; display: block; line-height: 40px; min-height: 40px; text-align: center; } .grid-color span { display:block; padding: 10px 0; text-align: center; background-color:rgba(0,0,0,0.1); } .grid-demo [class*="col-"] { background: #fafafa; border: 1px solid; border-color: #ddd; padding: 10px; text-align: center; margin-bottom:20px; } .grid-demo .row { margin-left:0; margin-right:0; } /** *** **/ .linecon a { text-decoration:none; } .linecon .icon { width: 12.5%; float: left; height: 115px; text-align: center; padding: 22px 10px; margin: 0 -1px -1px 0; border: 1px solid #fff; background-color: #f6f6f6; word-wrap: break-word; cursor:pointer; } .linecon .icon:hover { background-color:#f3f3f3; } .linecon .icon i { display: block; font-size: 30px; margin-bottom: 10px; } /** *** **/ .colors-bg-demo { padding:3px; margin-top:3px; } /** et line icons */ .et-line-icons li>i { margin-top: 5px; margin-bottom: 10px; font-size: 26px; display:block; text-align:center; color:#000; margin-top:25px; } .et-line-icons li>span { font-size:13px; } .et-line-icons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; border: 1px solid #fff; background-color: #f9f9f9; cursor:pointer; } .et-line-icons li:hover { background-color:#f3f3f3; } @media (min-width: 769px) { .et-line-icons li { width: 12.5%; font-size: 12px; } } /* material design demo */ .mdl-demo-grid .mdl-cell { box-sizing: border-box; background-color: #BDBDBD; height: 50px; padding-left: 8px; padding-top: 4px; color: white; } /* material section color switch */ #header a.color-switch { display: inline-block; position: relative; float: left; width: 35px; height: 35px; margin-top: 30px; border: #fff 3px solid; background-color: #3072e0; margin-right: 10px; color: #fff; text-align: center; padding-top: 2px; border-radius: 50%; } #header.fixed a.color-switch { width: 27px; height: 27px; margin-top: 16px; padding-top: 1px; } #header.fixed a.color-switch>i { font-size: 19px; } #header a.color-switch:hover { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); } @media only screen and (max-width: 768px) { #header a.color-switch { width: 27px; height: 27px; margin-top: 16px; padding-top: 1px; } #header a.color-switch>i { font-size: 19px; } } #header ul.mdl-menu-color-switch { z-index:999999; } #header ul.mdl-menu-color-switch a { display: inline-block; width: 20px; height: 20px; border: #999 1px solid; } #header .mdl-menu__container { margin-top:15px; height: 40px !important } #header .mdl-menu__container>div { height: 40px !important } #header .mdl-menu__container.is-visible .mdl-menu { margin: 0 !important; padding: 0 !important; overflow: hidden; } #header .mdl-menu__container li { height: 40px !important; background-color: transparent !important; padding: 0 10px; } #header ul.mdl-menu-color-switch a:hover, #header ul.mdl-menu-color-switch a.active { -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); } /* END material section color switch */ /* start.html demo */ .start-new-and-popular { position:absolute; bottom:0px; left:20px; color:#999 !important; z-index:100; } #topMain>li>a { height:96px; line-height:76px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; background-color:rgba(0,0,0,0.03); } #topMain.nav-pills>li.active>a { color:#687482; } #topMain.nav-pills>li>a.dropdown-toggle { padding-right:25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li>a.dropdown-toggle:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 10px; margin: -5px 0 0; font-family: FontAwesome; font-size: 12px; opacity: .3; line-height: 1em; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -ms-transition: -ms-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; } #header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after { content: "\f106"; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } @media only screen and (max-width: 1215px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } }