/* Minification failed. Returning unminified contents.
(107,25): run-time error CSS1034: 
(108,1): run-time error CSS1019: Unexpected token, found ')'
(108,3): run-time error CSS1019: Unexpected token, found '{'
(112,1): run-time error CSS1019: Unexpected token, found '}'
(169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(180,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(181,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(192,1): run-time error CSS1019: Unexpected token, found '}'
(699,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(986,3746): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,3772): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,3801): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,3819): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,3919): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,3947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4047): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,4067): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4229): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,4260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4361): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,4384): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4557): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,4590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4691): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,4716): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,4895): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,4925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5026): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,5048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5217): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,5250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5352): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,5377): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5557): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,5592): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5694): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,5721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,5907): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,5937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6037): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,6059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6227): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,6260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6361): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,6386): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6565): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,6600): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6701): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,6728): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,6913): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,6944): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7045): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,7068): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7240): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,7274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7376): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,7402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7585): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,7621): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7723): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,7751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,7940): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,7972): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,8077): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,8101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,8281): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,8316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,8423): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,8450): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,8642): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,8679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,8786): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,8815): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9013): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,9046): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9152): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,9177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9361): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,9397): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9505): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,9533): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9729): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,9767): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,9875): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,9905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10107): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,10141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10247): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,10273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10460): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,10497): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10605): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,10634): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10833): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,10872): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,10980): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,11011): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,11216): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,11251): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,11358): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,11385): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,11576): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,11614): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,11723): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,11753): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,11956): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,11996): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12105): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,12137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12346): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,12373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12402): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,12421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12524): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,12553): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12664): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,12685): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,12861): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,12893): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13005): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,13029): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13216): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,13250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13362): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,13388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13581): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,13612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13722): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,13745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,13926): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,13960): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,14071): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,14097): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,14289): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,14325): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,14436): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,14464): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,14662): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,14693): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,14804): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,14827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15009): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,15043): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15155): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,15181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15374): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,15410): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15522): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,15550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15749): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,15781): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,15891): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,15915): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16099): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,16134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16245): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,16272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16467): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,16504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16615): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,16644): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16845): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,16878): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,16995): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,17020): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,17215): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,17251): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,17370): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,17398): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,17603): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,17641): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,17760): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,17790): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18003): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,18037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18153): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,18179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18376): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,18413): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18531): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,18560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18767): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,18806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,18924): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,18955): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,19170): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,19205): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,19321): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,19348): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,19548): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,19586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,19704): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,19734): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,19944): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,19984): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,20102): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,20134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,20352): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,20388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,20503): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,20531): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,20733): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,20772): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,20889): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,20920): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,21132): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,21173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,21290): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,21323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,21543): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,21571): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,21721): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,21741): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,21936): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,21967): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,22117): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,22140): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,22345): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,22378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,22526): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,22551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,22760): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,22790): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,22965): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,22987): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,23214): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,23247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,23423): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,23448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,23686): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,23721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,23897): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,23924): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,24168): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,24200): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,24376): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,24400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,24634): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,24669): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,24846): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,24873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,25118): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,25155): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,25332): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,25361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,25612): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,25644): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,25818): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,25842): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,26074): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,26109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,26284): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,26311): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,26554): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,26591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,26767): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,26796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,27046): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,27079): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,27254): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,27279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,27515): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,27551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,27727): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,27755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,28002): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,28040): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,28217): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,28247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,28501): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,28535): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,28724): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,28750): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,29004): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,29041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,29232): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,29261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,29527): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,29566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,29757): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,29788): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,30060): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,30095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,30285): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,30312): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,30570): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,30608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,30800): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,30830): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,31100): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,31140): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,31332): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,31364): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,31640): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,31676): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,31866): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,31894): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,32155): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,32194): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,32386): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,32417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,32690): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,32731): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,32923): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,32956): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,33235): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,33272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,33463): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,33492): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,33757): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,33797): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,33990): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,34022): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,34299): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,34341): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,34534): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,34568): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,34851): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,34880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35003): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,35024): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35203): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,35235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35358): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,35382): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35571): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,35605): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35726): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,35752): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,35945): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,35976): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,36156): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,36179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,36414): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,36448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,36629): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,36655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,36901): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,36937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,37118): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,37146): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,37398): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,37431): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,37610): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,37635): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,37875): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,37911): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,38091): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,38119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,38370): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,38408): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,38588): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,38618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,38875): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,38908): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,39088): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,39113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,39354): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,39390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,39571): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,39599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,39851): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,39889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,40070): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,40100): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,40358): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,40392): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,40571): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,40597): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,40840): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,40877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,41057): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,41086): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,41340): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,41379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,41559): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,41590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,41850): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,41885): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,42080): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,42107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,42370): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,42408): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,42605): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,42635): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,42910): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,42950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,43147): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,43179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,43460): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,43496): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,43690): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,43718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,43983): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,44022): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,44218): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,44249): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,44526): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,44567): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,44763): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,44796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,45079): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,45116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,45310): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,45339): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,45607): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,45647): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,45843): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,45875): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,46155): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,46197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,46393): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,46427): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,46713): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,46751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,46944): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,46974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,47244): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,47285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,47480): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,47513): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,47795): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,47838): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48033): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,48068): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48356): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,48382): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48465): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,48483): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48621): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,48649): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48764): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,48784): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,48961): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,48992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,49107): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,49130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,49317): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,49350): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,49466): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,49491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,49685): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,49715): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,49831): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,49853): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50037): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,50070): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50186): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,50211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50405): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,50440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50557): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,50584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50785): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,50815): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,50931): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,50953): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,51137): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,51170): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,51286): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,51311): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,51505): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,51540): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,51657): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,51684): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,51885): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,51916): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52031): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,52054): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52240): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,52274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52389): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,52415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52611): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,52647): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52763): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,52791): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,52994): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,53026): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,53147): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,53171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,53367): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,53402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,53523): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,53550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,53756): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,53793): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,53916): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,53945): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,54159): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,54192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,54314): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,54339): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,54539): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,54575): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,54697): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,54725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,54935): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,54973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,55097): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,55127): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,55345): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,55379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,55502): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,55528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,55732): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,55769): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,55892): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,55921): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,56135): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,56174): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,56299): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,56330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,56552): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,56587): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,56709): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,56736): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,56942): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,56980): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,57102): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,57132): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,57348): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,57388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,57512): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,57544): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,57768): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,57795): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,57878): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,57897): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58038): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,58067): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58183): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,58204): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58385): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,58417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58533): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,58557): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58748): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,58782): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,58899): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,58925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,59123): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,59154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,59269): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,59292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,59478): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,59512): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,59627): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,59653): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,59849): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,59885): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60001): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,60029): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60232): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,60263): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60379): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,60402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60589): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,60623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60739): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,60765): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,60962): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,60998): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,61115): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,61143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,61347): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,61379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,61494): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,61518): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,61707): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,61742): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,61857): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,61884): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,62083): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,62120): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,62236): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,62265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,62471): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,62504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,62627): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,62652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,62853): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,62889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,63012): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,63040): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,63251): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,63289): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,63414): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,63444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,63663): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,63697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,63819): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,63845): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,64048): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,64085): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,64207): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,64236): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,64449): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,64488): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,64612): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,64643): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,64864): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,64899): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,65021): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,65048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,65254): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,65292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,65414): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,65444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,65660): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,65700): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,65824): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,65856): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,66080): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,66116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,66237): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,66265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,66473): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,66512): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,66633): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,66664): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,66882): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,66923): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,67046): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,67079): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,67305): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,67332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,67569): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,67588): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,67952): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,67979): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,68216): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,68235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,68599): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,68633): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,68874): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,68900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,69310): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,69343): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,69585): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,69610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,70018): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,70055): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,70297): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,70326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,70752): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,70788): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,71029): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,71057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,71479): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,71514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,71756): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,71783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,72197): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,72231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,72472): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,72498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,72908): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,72944): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,73185): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,73213): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,73635): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,73670): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,73912): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,73939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,74359): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,74387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,74591): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,74611): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,74953): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,74981): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,75185): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,75205): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,75547): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,75582): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,75782): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,75809): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,76189): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,76223): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,76423): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,76449): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,76826): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,76864): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,77064): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,77094): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,77489): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,77526): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,77726): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,77755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,78147): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,78183): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,78383): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,78411): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,78794): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,78829): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,79029): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,79056): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,79436): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,79473): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,79673): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,79702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,80094): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,80130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,80330): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,80358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,80747): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,80772): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,80813): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,80830): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,80957): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,80983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,81048): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,81066): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,81221): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,81247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,81395): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,81413): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,81629): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,81655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,81803): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,81821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,82037): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,82063): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,82196): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,82214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,82413): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,82437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,82647): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,82663): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,82923): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,82953): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,83133): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,83155): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,83411): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,83436): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(986,83617): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,83634): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(986,83861): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,83885): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,83958): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,83974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84113): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,84145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84219): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,84243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84415): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,84444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84558): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,84579): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84771): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,84808): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,84922): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,84951): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,85175): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,85201): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,85543): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,85561): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,85937): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,85962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86031): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,86048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86187): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,86214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86291): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,86310): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86465): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,86494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86578): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,86599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,86769): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(986,86794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(986,87085): run-time error CSS1019: Unexpected token, found '@keyframes'
(986,87102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17550,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17551,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17555,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17556,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17560,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17561,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17568,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17576,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17577,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17584,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17592,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17593,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17600,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17601,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17609,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(17622,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17623,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(17636,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17637,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%'
(17650,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17651,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17664,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17665,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17678,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17679,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(17692,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17693,5): run-time error CSS1035: Expected colon, found '{'
(17698,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17699,5): run-time error CSS1035: Expected colon, found '{'
(17704,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17705,5): run-time error CSS1035: Expected colon, found '{'
(17710,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17711,7): run-time error CSS1035: Expected colon, found '{'
(17715,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17716,7): run-time error CSS1035: Expected colon, found '{'
(17720,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17721,7): run-time error CSS1035: Expected colon, found '{'
(17725,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17726,7): run-time error CSS1035: Expected colon, found '{'
(17731,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17732,7): run-time error CSS1035: Expected colon, found '{'
(17737,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17738,7): run-time error CSS1035: Expected colon, found '{'
(17743,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17744,5): run-time error CSS1035: Expected colon, found '{'
(17749,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(17750,5): run-time error CSS1035: Expected colon, found '{'
(17755,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(17756,5): run-time error CSS1035: Expected colon, found '{'
(17774,1): run-time error CSS1019: Unexpected token, found '@import'
(17774,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Roboto:400,300)'
(19829,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19830,10): run-time error CSS1035: Expected colon, found '{'
(19835,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(19836,7): run-time error CSS1035: Expected colon, found '{'
(19845,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19846,10): run-time error CSS1035: Expected colon, found '{'
(20128,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}
/* =========== Menu ============= */


.navbar-brand {
	float: left;
	font-size: 18px;
	height: 60px;
	line-height: 20px;
	padding: 5px 0 0;
}
.navbar-default {
	background: none;
	border-color: #e7e7e7;
}
ul.nav>li>a.active {
	color: #fd602c;/*	border-bottom:3px solid #06d0d8;*/
}
ul.nav>li>a:hover.active {
	color: #fd602c;/*border-bottom:3px solid #06d0d8;*/
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #fd602c;
}
.navbar-nav > li > a {
	padding-bottom: 25px;
	padding-top: 25px;
	text-transform: uppercase;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	margin-left: -1px;
	/*    margin-left: -456px;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.dropdown-submenu>.dropdown-menu:last-child {
}
.list-unstyled li {
	padding: 4px 0;
}
.list-unstyled li p {
	color: #242424;
	font-size: 13px;
	font-weight: 600;
	line-height: 0;
	margin-bottom: 18px;
	text-transform: uppercase;
}
.list-unstyled li.marginbottom {
	margin-bottom: 20px;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: -2px;
}

.navbar-nav > li > .dropdown-menu.align-1 {
    right: 0;
}

/* release note
 ------------------------------ */
.list-unstyled li a .release-note {
    background-color: #242424;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
    padding: 2px;
}
.list-unstyled li a .release-note2 {
    background-color: #fff;
    border-radius: 2px;
    color: #242424;
    font-size: 11px;
    margin-left: 10px;
    padding: 2px;
}

 @media (min-width:769px;
) {
.dropdown-submenu>.dropdown-menu:last-child {
 border-top: 0px solid #000;
}
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
 @media (max-width: 767px) {
.navbar-nav .dropdown .dropdown-menu {
	padding-left: 12px;
}
}

/*@media (min-width: 1000px) {*/
@media (min-width: 1000px) {
.dropdown-submenu:hover>.dropdown-menu {
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fadeInFromNone;
	-webkit-animation-fill-mode: forwards;
	animation-duration: 0.5s;
	animation-name: fadeInFromNone;
	animation-fill-mode: forwards;
	-ms-animation-duration: 0.5s;
	-ms-animation-name: fadeInFromNoneIE;
	-ms-animation-fill-mode: forwards;
}
/*menu on hover dropdown*/
.yamm ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	animation-duration: 0.5s;
	animation-name: fadeInFromNone;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fadeInFromNone;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-duration: 5s;
	-ms-animation-name: fadeInFromNoneIE;
	-ms-animation-fill-mode: forwards;
}
 @-webkit-keyframes fadeInFromNone {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeInFromNoneIE {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeInFromNone {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

}
 @media (max-width:999px) {
.navbar-header {
	width: 100%;
}
	.navbar-toggle {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 7px 7px
	}
.yamm.fulldark .navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}
.yamm.fulldark .dropdown-menu > li > a.active {
	color: #fff;
}

}

@media (max-width:768px) {
.navbar-header {
	width: 100%;
}

}

/* =========== menu item active and hover colors ============= */

/* orange
 ------------------------------ */
ul.nav.orange>li>a.active {
	color: #ffa60a;
}
ul.nav.orange>li>a:hover.active {
	color: #ffa60a;
}
.navbar-default.orange .navbar-nav > li > a:focus, .navbar-default.orange .navbar-nav > li > a:hover {
	color: #ffa60a;
}

/* orange 2
 ------------------------------ */
ul.nav.orange2>li>a {
	color: #fff;
}
ul.nav.orange2>li>a.active {
	color: #fd602c;
}
ul.nav.orange2>li>a:hover.active {
	color: #fd602c;
}
.navbar-default.orange2 .navbar-nav > li > a:focus, .navbar-default.orange2 .navbar-nav > li > a:hover {
	color: #fd602c;
}

/* gym
 ------------------------------ */
ul.nav.red>li>a.active {
	color: #e93e21;
}
ul.nav.red>li>a:hover.active {
	color: #e93e21;
}
.navbar-default.red .navbar-nav > li > a:focus, .navbar-default.red .navbar-nav > li > a:hover {
	color: #e93e21;
}
.navbar-default.red .navbar-nav > li > a, .navbar-default.red .navbar-text {
	color: #fff;
}

/* red 2
 ------------------------------ */
ul.nav.red-2>li>a.active {
	color: #f43819;
}
ul.nav.red-2>li>a:hover.active {
	color: #f43819;
}
.navbar-default.red-2 .navbar-nav > li > a:focus, .navbar-default.red-2 .navbar-nav > li > a:hover {
	color: #f43819;
}

/* yellow
 ------------------------------ */

ul.nav.yellow>li>a.active {
	color: #ffc000;
	border-bottom: 2px solid #ffc000;
}
ul.nav.yellow>li>a:hover.active {
	color: #ffc000;
}
.navbar-default.yellow .navbar-nav > li > a:focus, .navbar-default.yellow .navbar-nav > li > a:hover {
	color: #ffc000;
}

/* red 2
 ------------------------------ */

ul.nav.red2>li>a.active {
	color: #ea3628;
}
ul.nav.red2>li>a:hover.active {
	color: #ea3628;
}
.navbar-default.red2 .navbar-nav > li > a:focus, .navbar-default.red2 .navbar-nav > li > a:hover {
	color: #ea3628;
}

/* white
 ------------------------------ */

ul.nav.white>li>a.active {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
ul.nav.white>li>a:hover.active {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.white .navbar-nav > li > a:focus, .navbar-default.white .navbar-nav > li > a:hover {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.white .navbar-nav > li > a {
	font-family: 'Dosis', sans-serif;
}

/* dark 2
 ------------------------------ */
ul.nav.dark2>li>a.active {
	color: #161616;
	font-family: 'Dosis', sans-serif;
}
ul.nav.dark2>li>a:hover.active {
	color: #161616;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.dark2 .navbar-nav > li > a:focus, .navbar-default.dark2 .navbar-nav > li > a:hover {
	color: #161616;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.dark2 .navbar-nav > li > a {
	font-family: 'Dosis', sans-serif;
}

/* dark 3
 ------------------------------ */
 
ul.nav.dark3>li>a.active {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
ul.nav.dark3>li>a:hover.active {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.dark3 .navbar-nav > li > a:focus, .navbar-default.dark3 .navbar-nav > li > a:hover {
	color: #fff;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.dark3 .navbar-nav > li > a {
	font-family: 'Dosis', sans-serif;
}

/* yellow green
 ------------------------------ */

ul.nav.yellow-green>li>a.active {
	color: #dbdc33;
	font-family: 'Dosis', sans-serif;
}
ul.nav.yellow-green>li>a:hover.active {
	color: #dbdc33;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.yellow-green .navbar-nav > li > a:focus, .navbar-default.yellow-green .navbar-nav > li > a:hover {
	color: #dbdc33;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.yellow-green .navbar-nav > li > a {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	color: #242424;
}

/* brown
 ------------------------------ */

ul.nav.brown>li>a.active {
	color: #8b501f;
}
ul.nav.brown>li>a:hover.active {
	color: #8b501f;
}
.navbar-default.brown .navbar-nav > li > a:focus, .navbar-default.brown .navbar-nav > li > a:hover {
	color: #8b501f;
}
.navbar-default.brown .navbar-nav > li > a {
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #242424;
}

/* yellow 2
 ------------------------------ */

ul.nav.yellow-2>li>a.active {
	color: #fcc813;
}
ul.nav.yellow-2>li>a:hover.active {
	color: #fcc813;
}
.navbar-default.yellow-2 .navbar-nav > li > a:focus, .navbar-default.yellow-2 .navbar-nav > li > a:hover {
	color: #fcc813;
}
.navbar-default.yellow-2 .navbar-nav > li > a {
	font-size: 15px;
	color: #fff;
}


/* yellow green 2
 ------------------------------ */

ul.nav.yellow-green-2>li>a.active {
	color: #e9ee42;
}
ul.nav.yellow-green-2>li>a:hover.active {
	color: #e9ee42;
}
.navbar-default.yellow-green-2 .navbar-nav > li > a:focus, .navbar-default.yellow-green-2 .navbar-nav > li > a:hover {
	color: #e9ee42;
}
.navbar-default.yellow-green-2 .navbar-nav > li > a {
	font-size: 16px;
	color: #fff;
	font-family: 'GFS Didot', serif;
}

/* yellow green 3
 ------------------------------ */

ul.nav.yellow-3>li>a.active {
	color: #f7c800;
}
ul.nav.yellow-3>li>a:hover.active {
	color: #f7c800;
}
.navbar-default.yellow-3 .navbar-nav > li > a:focus, .navbar-default.yellow-3 .navbar-nav > li > a:hover {
	color: #f7c800;
}
.navbar-default.yellow-3 .navbar-nav > li > a {
	font-size: 15px;
	color: #262626;
}

/* yellow 4
 ------------------------------ */

ul.nav.yellow-4>li>a.active {
	color: #ffc000;
	border-bottom: 2px solid #e9b444;
}
ul.nav.yellow-4>li>a:hover.active {
	color: #e9b444;
}
.navbar-default.yellow-4 .navbar-nav > li > a:focus, .navbar-default.yellow-4 .navbar-nav > li > a:hover {
	color: #e9b444;
}
.navbar-default.yellow-4 .navbar-nav > li > a {
	font-size: 14px;
	color: #242424;
}

/* orange 3
 ------------------------------ */

ul.nav.orange-3>li>a.active {
	color: #ff971c;
}
ul.nav.orange-3>li>a:hover.active {
	color: #ff971c;
}
.navbar-default.orange-3 .navbar-nav > li > a:focus, .navbar-default.orange-3 .navbar-nav > li > a:hover {
	color: #ff971c;
}
.navbar-default.orange-3 .navbar-nav > li > a {
	font-size: 15px;
	color: #161616;
}

/* pink
 ------------------------------ */

ul.nav.pink>li>a.active {
	color: #f51f6f;
}
ul.nav.pink>li>a:hover.active {
	color: #f51f6f;
}
.navbar-default.pink .navbar-nav > li > a:focus, .navbar-default.pink .navbar-nav > li > a:hover {
	color: #f51f6f;
}
.navbar-default.pink .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
	font-family: "Raleway", sans-serif;
}

/* green
 ------------------------------ */

ul.nav.green>li>a.active {
	color: #a5d549;
}
ul.nav.green>li>a:hover.active {
	color: #a5d549;
}
.navbar-default.green .navbar-nav > li > a:focus, .navbar-default.green .navbar-nav > li > a:hover {
	color: #a5d549;
}

/* green 4
 ------------------------------ */

ul.nav.green-4>li>a.active {
	color: #8ac700;
}
ul.nav.green-4>li>a:hover.active {
	color: #8ac700;
}
.navbar-default.green-4 .navbar-nav > li > a:focus, .navbar-default.green-4 .navbar-nav > li > a:hover {
	color: #8ac700;
}

/* stone
 ------------------------------ */

ul.nav.stone>li>a.active {
	color: #c3a254;
}
ul.nav.stone>li>a:hover.active {
	color: #c3a254;
}
.navbar-default.stone .navbar-nav > li > a:focus, .navbar-default.stone .navbar-nav > li > a:hover {
	color: #c3a254;
}
.navbar-default.stone .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
	font-family: 'Roboto Slab', serif;
}

/* brown 2
 ------------------------------ */

ul.nav.brown-2>li>a.active {
	color: #b5854d;
}
ul.nav.brown-2>li>a:hover.active {
	color: #b5854d;
}
.navbar-default.brown-2 .navbar-nav > li > a:focus, .navbar-default.brown-2 .navbar-nav > li > a:hover {
	color: #b5854d;
}
.navbar-default.brown-2 .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
	font-family: 'Roboto Slab', serif;
}

/* blue
 ------------------------------ */

ul.nav.blue>li>a.active {
	color: #1fbef0;
}
ul.nav.blue>li>a:hover.active {
	color: #1fbef0;
}
.navbar-default.blue .navbar-nav > li > a:focus, .navbar-default.blue .navbar-nav > li > a:hover {
	color: #1fbef0;
}
.navbar-default.blue .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
}

/* cyan
 ------------------------------ */

ul.nav.cyan>li>a.active {
	color: #fff;
	background-color: #42d1aa;
}
ul.nav.cyan>li>a:hover.active {
	color: #fff;
	background-color: #42d1aa;
}
.navbar-default.cyan .navbar-nav > li > a:focus, .navbar-default.cyan .navbar-nav > li > a:hover {
	color: #42d1aa;
}
.navbar-default.cyan .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
}

/* pink 3
 ------------------------------ */

ul.nav.pink-3>li>a.active {
	color: #fff;
	background-color: #ce0a6c;
}
ul.nav.pink-3>li>a:hover.active {
	color: #fff;
	background-color: #ce0a6c;
}
.navbar-default.pink-3 .navbar-nav > li > a:focus, .navbar-default.pink-3 .navbar-nav > li > a:hover {
	color: #ce0a6c;
}
.navbar-default.pink-3 .navbar-nav > li > a {
	font-size: 14px;
	color: #262626;
}

/* red 3
 ------------------------------ */

ul.nav.red-3>li>a.active {
	color: #eb574c;
}
ul.nav.red-3>li>a:hover.active {
	color: #eb574c;
}
.navbar-default.red-3 .navbar-nav > li > a:focus, .navbar-default.red-3 .navbar-nav > li > a:hover {
	color: #eb574c;
}
.navbar-default.red-3 .navbar-nav > li > a {
	font-size: 17px;
	color: #727272;
	text-transform: none;
	text-align: center;
	font-family: 'Gloria Hallelujah', cursive;
}
.navbar-default.red-3 .navbar-nav > li > a i {
	text-align: center;
	margin-bottom: 10px;
}
.navbar-default.red-3 .navbar-nav > li > a i.two {
	color: #fdd934;
}
.navbar-default.red-3 .navbar-nav > li > a i.three {
	color: #80d1f1;
}
.navbar-default.red-3 .navbar-nav > li > a i.four {
	color: #9fcd58;
}
.navbar-default.red-3 .navbar-nav > li > a i.five {
	color: #9aa6eb;
}
.navbar-default.red-3 .navbar-nav > li > a i.six {
	color: #57c2ff;
}
.navbar-default.red-3 .navbar-nav > li > a i.seven {
	color: #ff9834;
}

/* =========== dropdown menu dark background color ============= */

.yamm.dark .dropdown.yamm-fw .dropdown-menu {
	background-color: #242424;
	border: 1px solid #242424;
	padding: 30px;
}
.yamm.dark .list-unstyled li p {
	color: #fff;
}
.yamm.dark .list-unstyled a:hover {
	color: #fff;
}
.yamm.dark .dropdown-menu {
	background-color: #242424;
	border: 1px solid #242424;
}
.yamm.dark .dropdown-menu>li>a:focus, .yamm.dark .dropdown-menu>li>a:hover {
	color: #fff;
	background: none;
}
.yamm.dark .dropdown-menu>li>a.active {
	color: #fff;
	background: none;
}
.dropdown-menu>li>a.active {
	color: #242424;
	font-weight: 500;
}

/* =========== dropdown menu positions ============= */

.yamm .dropdown-menu.one {
	right: 27px;
}
 @media (max-width:999px) {
.container {
100%
}
.yamm.dark ul.nav > li > a {
	background-color: #242424;
	border-bottom: 1px solid #353535;
}
.yamm.dark2 ul.nav > li > a {
	color: #fff;
	background-color: #161616;
	border-bottom: 1px solid #353535;
}
ul.nav.dark2>li>a:hover.active {
	color: #fff;
}
.yamm.fulldark ul.nav > li > a {
	background-color: #000;
	border-bottom: 1px solid #262626;
}
.yamm.dark .navbar-nav .dropdown .dropdown-menu {
	background-color: #242424;
}

/* mobile menu icon
 ------------------------------ */
.navbar-default .navbar-toggle.two {
	border: none;
}
.navbar-default .navbar-toggle.two:focus .icon-bar, .navbar-default .navbar-toggle.two:hover .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle.two:focus, .navbar-default .navbar-toggle.two:hover {
	background: none;
}

/* mobile menu icon style 3
 ------------------------------ */
.navbar-default .navbar-toggle.two {
	border: none;
}
.navbar-default .navbar-toggle.three:focus .icon-bar, .navbar-default .navbar-toggle.three:hover .icon-bar {
	background-color: #161616;
}
.navbar-default .navbar-toggle.three:focus, .navbar-default .navbar-toggle.three:hover {
	background: none;
}
.navbar-brand img {
	width: 80%;
}
.navbar-brand {
	padding: 4px 0 0;
	margin-left:15px;
}

}
@media (max-width:768px) {
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}

}
 @media (max-width:479px) {
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}
.navbar-brand img {
	width: 70%;
}


}

/* =========== Demo ============= */

pre {
	margin: 0;
	padding: 10px 20px !important;
}
.container, .jumbotron .container {
	width: auto;
	max-width: 1170px;
}
.jumbotron {
	margin: 60px 0;
	padding-left: 0;
	padding-right: 0;
}
.jumbotron.intro {
	margin-top: 0;
}
.jumbotron .navbar {
	font-size: 14px;
	line-height: 1.6;
}
/* menu styles
 ------------------------------ */
.list-unstyled, .list-unstyled ul {
	min-width: 120px
}
 @media ( min-width: 767px ) {
.panel-group {
	width: 400px;
}
.thumbnail {
	margin: 0;
}
.navbar-nav {
	float: left;
}
.navbar-collapse.pull-right {
	overflow-y: auto;
	width: 100%;
}


}
 @media ( max-width: 999px ) {
.navbar-nav {
	float: none;
}

}

/* =========== grid demo styles ============= */
.grid-demo {
	padding: 10px 30px;
}
.grid-demo [class*="col-"] {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	line-height: 2;
	background-color: none;
	border: none;
}
.dropdown-menu {
	box-shadow: none;
	border: 1px solid #e4e4e4;
}
.navbar-nav > li > .dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.navbar {
	margin-bottom: 0px;
}
.navbar-default {
	border-color: #e7e7e7;
	border: none;
}
.list-unstyled a:hover {
	border-radius: 3px;
	color: #242424;
	margin-left: 8px;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-property: margin-left, background-color;
	transition-timing-function: ease-out;
}
.list-unstyled a.active {
	color: #242424;
	font-weight: 500;
}
.list-unstyled a.white.active {
	color: #fff;
	font-weight: 500;
}
.dropdown-menu > li > a {
	clear: both;
	color: #727272;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 8px 30px;
	white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #242424;
	background: none;
}
.navbar-collapse.pull-right {
	width: auto;
}
 @media (max-width: 999px) {
.navbar-collapse.pull-right {
	width: 100%;
	background: #fff;
}
.navbar-nav {
	margin: 0 -15px;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	max-height: 340px;
	overflow-x: visible;
	padding-left: 15px;
	padding-right: 15px;
}
.yamm.fulldark .navbar-collapse {
	margin-top: 0px;
	background-color: #000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-: none;
}

/* =========== menu auto expand styles ============= */

.navbar-nav .dropdown .dropdown-menu {
	display: block;
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

/* =========== menu sticy styles ============= */
.sticky-wrapper {
	padding: 0px;
	margin: 0 0 -21px;
	height: 0;
}
#header3 {
	height: 60px;
}
#header3 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header4 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header5 .container {
	width: 98%;
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
#header .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header2 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header6 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header9 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#header10 .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}





}



/*	Animations v2.1, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
//	================================================================================== */

.animate-in,.animating,.hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-rubber-band,.hover-shake-x,.hover-shake-y,.hover-slingshot,.hover-slingshot-reverse,.hover-spin,.hover-spin-reverse,.hover-strobe,.hover-swing,.hover-tada,.hover-wobble{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.animate-in,.animate-out{visibility:hidden!important;opacity:0}.animating,.hover-bounce,.hover-flash,.hover-heartbeat,.hover-panic,.hover-pulsate,.hover-pulse,.hover-rubber-band,.hover-shake-x,.hover-shake-y,.hover-slingshot,.hover-slingshot-reverse,.hover-spin,.hover-spin-reverse,.hover-strobe,.hover-swing,.hover-tada,.hover-wobble{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.slow-mo,.hover-bounce.slow-mo,.hover-flash.slow-mo,.hover-heartbeat.slow-mo,.hover-panic.slow-mo,.hover-pulsate.slow-mo,.hover-pulse.slow-mo,.hover-rubber-band.slow-mo,.hover-shake-x.slow-mo,.hover-shake-y.slow-mo,.hover-slingshot-reverse.slow-mo,.hover-slingshot.slow-mo,.hover-spin-reverse.slow-mo,.hover-spin.slow-mo,.hover-strobe.slow-mo,.hover-swing.slow-mo,.hover-tada.slow-mo,.hover-wobble.slow-mo{-webkit-animation-duration:2s;animation-duration:2s}.animating.super-slow-mo,.hover-bounce.super-slow-mo,.hover-flash.super-slow-mo,.hover-heartbeat.super-slow-mo,.hover-panic.super-slow-mo,.hover-pulsate.super-slow-mo,.hover-pulse.super-slow-mo,.hover-rubber-band.super-slow-mo,.hover-shake-x.super-slow-mo,.hover-shake-y.super-slow-mo,.hover-slingshot-reverse.super-slow-mo,.hover-slingshot.super-slow-mo,.hover-spin-reverse.super-slow-mo,.hover-spin.super-slow-mo,.hover-strobe.super-slow-mo,.hover-swing.super-slow-mo,.hover-tada.super-slow-mo,.hover-wobble.super-slow-mo{-webkit-animation-duration:3s;animation-duration:3s}.animating.ultra-slow-mo,.hover-bounce.ultra-slow-mo,.hover-flash.ultra-slow-mo,.hover-heartbeat.ultra-slow-mo,.hover-panic.ultra-slow-mo,.hover-pulsate.ultra-slow-mo,.hover-pulse.ultra-slow-mo,.hover-rubber-band.ultra-slow-mo,.hover-shake-x.ultra-slow-mo,.hover-shake-y.ultra-slow-mo,.hover-slingshot-reverse.ultra-slow-mo,.hover-slingshot.ultra-slow-mo,.hover-spin-reverse.ultra-slow-mo,.hover-spin.ultra-slow-mo,.hover-strobe.ultra-slow-mo,.hover-swing.ultra-slow-mo,.hover-tada.ultra-slow-mo,.hover-wobble.ultra-slow-mo{-webkit-animation-duration:4s;animation-duration:4s}.animating.hyper-slow-mo,.hover-bounce.hyper-slow-mo,.hover-flash.hyper-slow-mo,.hover-heartbeat.hyper-slow-mo,.hover-panic.hyper-slow-mo,.hover-pulsate.hyper-slow-mo,.hover-pulse.hyper-slow-mo,.hover-rubber-band.hyper-slow-mo,.hover-shake-x.hyper-slow-mo,.hover-shake-y.hyper-slow-mo,.hover-slingshot-reverse.hyper-slow-mo,.hover-slingshot.hyper-slow-mo,.hover-spin-reverse.hyper-slow-mo,.hover-spin.hyper-slow-mo,.hover-strobe.hyper-slow-mo,.hover-swing.hyper-slow-mo,.hover-tada.hyper-slow-mo,.hover-wobble.hyper-slow-mo{-webkit-animation-duration:5s;animation-duration:5s}.animating.infinite,.hover-bounce.infinite,.hover-flash.infinite,.hover-heartbeat.infinite,.hover-panic.infinite,.hover-pulsate.infinite,.hover-pulse.infinite,.hover-rubber-band.infinite,.hover-shake-x.infinite,.hover-shake-y.infinite,.hover-slingshot-reverse.infinite,.hover-slingshot.infinite,.hover-spin-reverse.infinite,.hover-spin.infinite,.hover-strobe.infinite,.hover-swing.infinite,.hover-tada.infinite,.hover-wobble.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ie .animate-in,.no-js .animate-in{visibility:visible!important;opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animating.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(200px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(200px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-up-big{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInUpLarge{0%{opacity:0;-webkit-transform:translateY(600px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInUpLarge{0%{opacity:0;transform:translateY(600px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-up-large{-webkit-animation-name:fadeInUpLarge;animation-name:fadeInUpLarge}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-60px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-60px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-down{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-200px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-200px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-down-big{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInDownLarge{0%{opacity:0;-webkit-transform:translateY(-600px)}80%{opacity:1}100%{-webkit-transform:translateY(0)}}@keyframes fadeInDownLarge{0%{opacity:0;transform:translateY(-600px)}80%{opacity:1}100%{transform:translateY(0)}}.animating.fade-in-down-large{-webkit-animation-name:fadeInDownLarge;animation-name:fadeInDownLarge}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(60px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(60px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(200px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(200px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-left-big{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInLeftLarge{0%{opacity:0;-webkit-transform:translateX(600px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInLeftLarge{0%{opacity:0;transform:translateX(600px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-left-large{-webkit-animation-name:fadeInLeftLarge;animation-name:fadeInLeftLarge}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-60px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-60px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(-200px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(-200px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-right-big{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInRightLarge{0%{opacity:0;-webkit-transform:translateX(-600px)}80%{opacity:1}100%{-webkit-transform:translateX(0)}}@keyframes fadeInRightLarge{0%{opacity:0;transform:translateX(-600px)}80%{opacity:1}100%{transform:translateX(0)}}.animating.fade-in-right-large{-webkit-animation-name:fadeInRightLarge;animation-name:fadeInRightLarge}@-webkit-keyframes fadeInUpLeft{0%{opacity:0;-webkit-transform:translate(60px,60px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpLeft{0%{opacity:0;transform:translate(60px,60px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-left{-webkit-animation-name:fadeInUpLeft;animation-name:fadeInUpLeft}@-webkit-keyframes fadeInUpLeftBig{0%{opacity:0;-webkit-transform:translate(200px,200px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpLeftBig{0%{opacity:0;transform:translate(200px,200px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-left-big{-webkit-animation-name:fadeInUpLeftBig;animation-name:fadeInUpLeftBig}@-webkit-keyframes fadeInUpLeftLarge{0%{opacity:0;-webkit-transform:translate(600px,600px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpLeftLarge{0%{opacity:0;transform:translate(600px,600px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-left-large{-webkit-animation-name:fadeInUpLeftLarge;animation-name:fadeInUpLeftLarge}@-webkit-keyframes fadeInUpRight{0%{opacity:0;-webkit-transform:translate(-60px,60px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpRight{0%{opacity:0;transform:translate(-60px,60px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-right{-webkit-animation-name:fadeInUpRight;animation-name:fadeInUpRight}@-webkit-keyframes fadeInUpRightBig{0%{opacity:0;-webkit-transform:translate(-200px,200px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpRightBig{0%{opacity:0;transform:translate(-200px,200px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-right-big{-webkit-animation-name:fadeInUpRightBig;animation-name:fadeInUpRightBig}@-webkit-keyframes fadeInUpRightLarge{0%{opacity:0;-webkit-transform:translate(-600px,600px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInUpRightLarge{0%{opacity:0;transform:translate(-600px,600px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-up-right-large{-webkit-animation-name:fadeInUpRightLarge;animation-name:fadeInUpRightLarge}@-webkit-keyframes fadeInDownLeft{0%{opacity:0;-webkit-transform:translate(60px,-60px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownLeft{0%{opacity:0;transform:translate(60px,-60px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-left{-webkit-animation-name:fadeInDownLeft;animation-name:fadeInDownLeft}@-webkit-keyframes fadeInDownLeftBig{0%{opacity:0;-webkit-transform:translate(200px,-200px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownLeftBig{0%{opacity:0;transform:translate(200px,-200px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-left-big{-webkit-animation-name:fadeInDownLeftBig;animation-name:fadeInDownLeftBig}@-webkit-keyframes fadeInDownLeftLarge{0%{opacity:0;-webkit-transform:translate(600px,-600px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownLeftLarge{0%{opacity:0;transform:translate(600px,-600px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-left-large{-webkit-animation-name:fadeInDownLeftLarge;animation-name:fadeInDownLeftLarge}@-webkit-keyframes fadeInDownRight{0%{opacity:0;-webkit-transform:translate(-60px,-60px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownRight{0%{opacity:0;transform:translate(-60px,-60px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-right{-webkit-animation-name:fadeInDownRight;animation-name:fadeInDownRight}@-webkit-keyframes fadeInDownRightBig{0%{opacity:0;-webkit-transform:translate(-200px,-200px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownRightBig{0%{opacity:0;transform:translate(-200px,-200px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-right-big{-webkit-animation-name:fadeInDownRightBig;animation-name:fadeInDownRightBig}@-webkit-keyframes fadeInDownRightLarge{0%{opacity:0;-webkit-transform:translate(-600px,-600px)}80%{opacity:1}100%{-webkit-transform:translate(0,0)}}@keyframes fadeInDownRightLarge{0%{opacity:0;transform:translate(-600px,-600px)}80%{opacity:1}100%{transform:translate(0,0)}}.animating.fade-in-down-right-large{-webkit-animation-name:fadeInDownRightLarge;animation-name:fadeInDownRightLarge}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animating.fade-out{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(-60px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(-60px)}}.animating.fade-out-up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(-200px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(-200px)}}.animating.fade-out-up-big{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutUpLarge{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(-600px)}}@keyframes fadeOutUpLarge{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(-600px)}}.animating.fade-out-up-large{-webkit-animation-name:fadeOutUpLarge;animation-name:fadeOutUpLarge}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(60px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(60px)}}.animating.fade-out-down{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(200px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(200px)}}.animating.fade-out-down-big{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutDownLarge{0%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateY(600px)}}@keyframes fadeOutDownLarge{0%{opacity:1;transform:translateY(0)}80%{opacity:0}100%{opacity:0;transform:translateY(600px)}}.animating.fade-out-down-large{-webkit-animation-name:fadeOutDownLarge;animation-name:fadeOutDownLarge}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(-60px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(-60px)}}.animating.fade-out-left{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(-200px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(-200px)}}.animating.fade-out-left-big{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutLeftLarge{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(-600px)}}@keyframes fadeOutLeftLarge{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(-600px)}}.animating.fade-out-left-large{-webkit-animation-name:fadeOutLeftLarge;animation-name:fadeOutLeftLarge}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(60px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(60px)}}.animating.fade-out-right{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(200px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(200px)}}.animating.fade-out-right-big{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutRightLarge{0%{opacity:1;-webkit-transform:translateX(0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translateX(600px)}}@keyframes fadeOutRightLarge{0%{opacity:1;transform:translateX(0)}80%{opacity:0}100%{opacity:0;transform:translateX(600px)}}.animating.fade-out-right-large{-webkit-animation-name:fadeOutRightLarge;animation-name:fadeOutRightLarge}@-webkit-keyframes fadeOutUpLeft{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-60px,-60px)}}@keyframes fadeOutUpLeft{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(-60px,-60px)}}.animating.fade-out-up-left{-webkit-animation-name:fadeOutUpLeft;animation-name:fadeOutUpLeft}@-webkit-keyframes fadeOutUpLeftBig{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-200px,-200px)}}@keyframes fadeOutUpLeftBig{0%{opacity:1;transform:translate(0)}80%{opacity:0}100%{opacity:0;transform:translate(-200px,-200px)}}.animating.fade-out-up-left-big{-webkit-animation-name:fadeOutUpLeftBig;animation-name:fadeOutUpLeftBig}@-webkit-keyframes fadeOutUpLeftLarge{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-600px,-600px)}}@keyframes fadeOutUpLeftLarge{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(-600px,-600px)}}.animating.fade-out-up-left-large{-webkit-animation-name:fadeOutUpLeftLarge;animation-name:fadeOutUpLeftLarge}@-webkit-keyframes fadeOutUpRight{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(60px,-60px)}}@keyframes fadeOutUpRight{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(60px,-60px)}}.animating.fade-out-up-right{-webkit-animation-name:fadeOutUpRight;animation-name:fadeOutUpRight}@-webkit-keyframes fadeOutUpRightBig{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(200px,-200px)}}@keyframes fadeOutUpRightBig{0%{opacity:1;transform:translate(0)}80%{opacity:0}100%{opacity:0;transform:translate(200px,-200px)}}.animating.fade-out-up-right-big{-webkit-animation-name:fadeOutUpRightBig;animation-name:fadeOutUpRightBig}@-webkit-keyframes fadeOutUpRightLarge{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(600px,-600px)}}@keyframes fadeOutUpRightLarge{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(600px,-600px)}}.animating.fade-out-up-right-large{-webkit-animation-name:fadeOutUpRightLarge;animation-name:fadeOutUpRightLarge}@-webkit-keyframes fadeOutDownLeft{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-60px,60px)}}@keyframes fadeOutDownLeft{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(-60px,60px)}}.animating.fade-out-down-left{-webkit-animation-name:fadeOutDownLeft;animation-name:fadeOutDownLeft}@-webkit-keyframes fadeOutDownLeftBig{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-200px,200px)}}@keyframes fadeOutDownLeftBig{0%{opacity:1;transform:translate(0)}80%{opacity:0}100%{opacity:0;transform:translate(-200px,200px)}}.animating.fade-out-down-left-big{-webkit-animation-name:fadeOutDownLeftBig;animation-name:fadeOutDownLeftBig}@-webkit-keyframes fadeOutDownLeftLarge{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(-600px,600px)}}@keyframes fadeOutDownLeftLarge{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(-600px,600px)}}.animating.fade-out-down-left-large{-webkit-animation-name:fadeOutDownLeftLarge;animation-name:fadeOutDownLeftLarge}@-webkit-keyframes fadeOutDownRight{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(60px,60px)}}@keyframes fadeOutDownRight{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(60px,60px)}}.animating.fade-out-down-right{-webkit-animation-name:fadeOutDownRight;animation-name:fadeOutDownRight}@-webkit-keyframes fadeOutDownRightBig{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(200px,200px)}}@keyframes fadeOutDownRightBig{0%{opacity:1;transform:translate(0)}80%{opacity:0}100%{opacity:0;transform:translate(200px,200px)}}.animating.fade-out-down-right-big{-webkit-animation-name:fadeOutDownRightBig;animation-name:fadeOutDownRightBig}@-webkit-keyframes fadeOutDownRightLarge{0%{opacity:1;-webkit-transform:translate(0,0)}80%{opacity:0}100%{opacity:0;-webkit-transform:translate(600px,600px)}}@keyframes fadeOutDownRightLarge{0%{opacity:1;transform:translate(0,0)}80%{opacity:0}100%{opacity:0;transform:translate(600px,600px)}}.animating.fade-out-down-right-large{-webkit-animation-name:fadeOutDownRightLarge;animation-name:fadeOutDownRightLarge}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.85)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.85)}100%{transform:scale(1)}}.animating.bounce-in{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInBig{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1.25)}70%{-webkit-transform:scale(.85)}100%{-webkit-transform:scale(1)}}@keyframes bounceInBig{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.25)}70%{transform:scale(.85)}100%{transform:scale(1)}}.animating.bounce-in-big{-webkit-animation-name:bounceInBig;animation-name:bounceInBig}@-webkit-keyframes bounceInLarge{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1;-webkit-transform:scale(1.5)}70%{-webkit-transform:scale(.8)}100%{-webkit-transform:scale(1)}}@keyframes bounceInLarge{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}70%{transform:scale(.8)}100%{transform:scale(1)}}.animating.bounce-in-large{-webkit-animation-name:bounceInLarge;animation-name:bounceInLarge}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(60px)}50%{opacity:1;-webkit-transform:translateY(-10px)}70%{-webkit-transform:translateY(15px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(60px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(15px)}100%{transform:translateY(0)}}.animating.bounce-in-up{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInUpBig{0%{opacity:0;-webkit-transform:translateY(200px)}50%{opacity:1;-webkit-transform:translateY(-20px)}70%{-webkit-transform:translateY(15px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInUpBig{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-20px)}70%{transform:translateY(15px)}100%{transform:translateY(0)}}.animating.bounce-in-up-big{-webkit-animation-name:bounceInUpBig;animation-name:bounceInUpBig}@-webkit-keyframes bounceInUpLarge{0%{opacity:0;-webkit-transform:translateY(600px)}50%{opacity:1;-webkit-transform:translateY(-25px)}70%{-webkit-transform:translateY(20px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInUpLarge{0%{opacity:0;transform:translateY(600px)}50%{opacity:1;transform:translateY(-25px)}70%{transform:translateY(20px)}100%{transform:translateY(0)}}.animating.bounce-in-up-large{-webkit-animation-name:bounceInUpLarge;animation-name:bounceInUpLarge}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-60px)}50%{opacity:1;-webkit-transform:translateY(10px)}70%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-60px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-10px)}100%{transform:translateY(0)}}.animating.bounce-in-down{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInDownBig{0%{opacity:0;-webkit-transform:translateY(-200px)}50%{opacity:1;-webkit-transform:translateY(20px)}70%{-webkit-transform:translateY(-15px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInDownBig{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(20px)}70%{transform:translateY(-15px)}100%{transform:translateY(0)}}.animating.bounce-in-down-big{-webkit-animation-name:bounceInDownBig;animation-name:bounceInDownBig}@-webkit-keyframes bounceInDownLarge{0%{opacity:0;-webkit-transform:translateY(-600px)}50%{opacity:1;-webkit-transform:translateY(25px)}70%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInDownLarge{0%{opacity:0;transform:translateY(-600px)}50%{opacity:1;transform:translateY(25px)}70%{transform:translateY(-20px)}100%{transform:translateY(0)}}.animating.bounce-in-down-large{-webkit-animation-name:bounceInDownLarge;animation-name:bounceInDownLarge}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(60px)}50%{opacity:1;-webkit-transform:translateX(-10px)}70%{-webkit-transform:translateX(5px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(60px)}50%{opacity:1;transform:translateX(-10px)}70%{transform:translateX(5px)}100%{transform:translateX(0)}}.animating.bounce-in-left{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInLeftBig{0%{opacity:0;-webkit-transform:translateX(140px)}50%{opacity:1;-webkit-transform:translateX(-15px)}70%{-webkit-transform:translateX(5px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInLeftBig{0%{opacity:0;transform:translateX(140px)}50%{opacity:1;transform:translateX(-15px)}70%{transform:translateX(5px)}100%{transform:translateX(0)}}.animating.bounce-in-left-big{-webkit-animation-name:bounceInLeftBig;animation-name:bounceInLeftBig}@-webkit-keyframes bounceInLeftLarge{0%{opacity:0;-webkit-transform:translateX(280px)}50%{opacity:1;-webkit-transform:translateX(-20px)}70%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInLeftLarge{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}100%{transform:translateX(0)}}.animating.bounce-in-left-large{-webkit-animation-name:bounceInLeftLarge;animation-name:bounceInLeftLarge}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(-60px)}50%{opacity:1;-webkit-transform:translateX(10px)}70%{-webkit-transform:translateX(-5px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(-60px)}50%{opacity:1;transform:translateX(10px)}70%{transform:translateX(-5px)}100%{transform:translateX(0)}}.animating.bounce-in-right{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInRightBig{0%{opacity:0;-webkit-transform:translateX(-140px)}50%{opacity:1;-webkit-transform:translateX(15px)}70%{-webkit-transform:translateX(-5px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInRightBig{0%{opacity:0;transform:translateX(-140px)}50%{opacity:1;transform:translateX(15px)}70%{transform:translateX(-5px)}100%{transform:translateX(0)}}.animating.bounce-in-right-big{-webkit-animation-name:bounceInRightBig;animation-name:bounceInRightBig}@-webkit-keyframes bounceInRightLarge{0%{opacity:0;-webkit-transform:translateX(-280px)}50%{opacity:1;-webkit-transform:translateX(20px)}70%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInRightLarge{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}100%{transform:translateX(0)}}.animating.bounce-in-right-large{-webkit-animation-name:bounceInRightLarge;animation-name:bounceInRightLarge}@-webkit-keyframes bounceInUpLeft{0%{opacity:0;-webkit-transform:translate(60px,60px)}50%{opacity:1;-webkit-transform:translate(-10px,-10px)}70%{-webkit-transform:translate(15px,15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpLeft{0%{opacity:0;transform:translate(60px,60px)}50%{opacity:1;transform:translate(-10px,-10px)}70%{transform:translate(15px,15px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-left{-webkit-animation-name:bounceInUpLeft;animation-name:bounceInUpLeft}@-webkit-keyframes bounceInUpLeftBig{0%{opacity:0;-webkit-transform:translate(200px,200px)}50%{opacity:1;-webkit-transform:translate(-20px,-20px)}70%{-webkit-transform:translate(15px,15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpLeftBig{0%{opacity:0;transform:translate(200px,200px)}50%{opacity:1;transform:translate(-20px,-20px)}70%{transform:translate(15px,15px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-left-big{-webkit-animation-name:bounceInUpLeftBig;animation-name:bounceInUpLeftBig}@-webkit-keyframes bounceInUpLeftLarge{0%{opacity:0;-webkit-transform:translate(600px,600px)}50%{opacity:1;-webkit-transform:translate(-25px,-25px)}70%{-webkit-transform:translate(20px,20px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpLeftLarge{0%{opacity:0;transform:translate(600px,600px)}50%{opacity:1;transform:translate(-25px,-25px)}70%{transform:translate(20px,20px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-left-large{-webkit-animation-name:bounceInUpLeftLarge;animation-name:bounceInUpLeftLarge}@-webkit-keyframes bounceInUpRight{0%{opacity:0;-webkit-transform:translate(-60px,60px)}50%{opacity:1;-webkit-transform:translate(10px,-10px)}70%{-webkit-transform:translate(-15px,15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpRight{0%{opacity:0;transform:translate(-60px,60px)}50%{opacity:1;transform:translate(10px,-10px)}70%{transform:translate(-15px,15px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-right{-webkit-animation-name:bounceInUpRight;animation-name:bounceInUpRight}@-webkit-keyframes bounceInUpRightBig{0%{opacity:0;-webkit-transform:translate(-200px,200px)}50%{opacity:1;-webkit-transform:translate(20px,-20px)}70%{-webkit-transform:translate(-15px,15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpRightBig{0%{opacity:0;transform:translate(-200px,200px)}50%{opacity:1;transform:translate(20px,-20px)}70%{transform:translate(-15px,15px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-right-big{-webkit-animation-name:bounceInUpRightBig;animation-name:bounceInUpRightBig}@-webkit-keyframes bounceInUpRightLarge{0%{opacity:0;-webkit-transform:translate(-600px,600px)}50%{opacity:1;-webkit-transform:translate(25px,-25px)}70%{-webkit-transform:translate(-20px,20px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInUpRightLarge{0%{opacity:0;transform:translate(-600px,600px)}50%{opacity:1;transform:translate(25px,-25px)}70%{transform:translate(-20px,20px)}100%{transform:translate(0,0)}}.animating.bounce-in-up-right-large{-webkit-animation-name:bounceInUpRightLarge;animation-name:bounceInUpRightLarge}@-webkit-keyframes bounceInDownLeft{0%{opacity:0;-webkit-transform:translate(60px,-60px)}50%{opacity:1;-webkit-transform:translate(-10px,10px)}70%{-webkit-transform:translate(15px,-15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownLeft{0%{opacity:0;transform:translate(60px,-60px)}50%{opacity:1;transform:translate(-10px,10px)}70%{transform:translate(15px,-15px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-left{-webkit-animation-name:bounceInDownLeft;animation-name:bounceInDownLeft}@-webkit-keyframes bounceInDownLeftBig{0%{opacity:0;-webkit-transform:translate(200px,-200px)}50%{opacity:1;-webkit-transform:translate(-20px,20px)}70%{-webkit-transform:translate(15px,-15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownLeftBig{0%{opacity:0;transform:translate(200px,-200px)}50%{opacity:1;transform:translate(-20px,20px)}70%{transform:translate(15px,-15px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-left-big{-webkit-animation-name:bounceInDownLeftBig;animation-name:bounceInDownLeftBig}@-webkit-keyframes bounceInDownLeftLarge{0%{opacity:0;-webkit-transform:translate(600px,-600px)}50%{opacity:1;-webkit-transform:translate(-25px,25px)}70%{-webkit-transform:translate(20px,-20px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownLeftLarge{0%{opacity:0;transform:translate(600px,-600px)}50%{opacity:1;transform:translate(-25px,25px)}70%{transform:translate(20px,-20px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-left-large{-webkit-animation-name:bounceInDownLeftLarge;animation-name:bounceInDownLeftLarge}@-webkit-keyframes bounceInDownRight{0%{opacity:0;-webkit-transform:translate(-60px,-60px)}50%{opacity:1;-webkit-transform:translate(10px,10px)}70%{-webkit-transform:translate(-15px,-15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownRight{0%{opacity:0;transform:translate(-60px,-60px)}50%{opacity:1;transform:translate(10px,10px)}70%{transform:translate(-15px,-15px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-right{-webkit-animation-name:bounceInDownRight;animation-name:bounceInDownRight}@-webkit-keyframes bounceInDownRightBig{0%{opacity:0;-webkit-transform:translate(-200px,-200px)}50%{opacity:1;-webkit-transform:translate(20px,20px)}70%{-webkit-transform:translate(-15px,-15px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownRightBig{0%{opacity:0;transform:translate(-200px,-200px)}50%{opacity:1;transform:translate(20px,20px)}70%{transform:translate(-15px,-15px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-right-big{-webkit-animation-name:bounceInDownRightBig;animation-name:bounceInDownRightBig}@-webkit-keyframes bounceInDownRightLarge{0%{opacity:0;-webkit-transform:translate(-600px,-600px)}50%{opacity:1;-webkit-transform:translate(25px,25px)}70%{-webkit-transform:translate(-20px,-20px)}100%{-webkit-transform:translate(0,0)}}@keyframes bounceInDownRightLarge{0%{opacity:0;transform:translate(-600px,-600px)}50%{opacity:1;transform:translate(25px,25px)}70%{transform:translate(-20px,-20px)}100%{transform:translate(0,0)}}.animating.bounce-in-down-right-large{-webkit-animation-name:bounceInDownRightLarge;animation-name:bounceInDownRightLarge}@-webkit-keyframes bounceOut{0%{opacity:1;-webkit-transform:scale(1)}30%{-webkit-transform:scale(.85)}100%,50%{opacity:0;-webkit-transform:scale(1.05)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}30%{transform:scale(.85)}100%,50%{opacity:0;transform:scale(1.05)}}.animating.bounce-out{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutBig{0%{opacity:1;-webkit-transform:scale(1)}30%{-webkit-transform:scale(.85)}100%,50%{opacity:0;-webkit-transform:scale(1.25)}}@keyframes bounceOutBig{0%{opacity:1;transform:scale(1)}30%{transform:scale(.85)}100%,50%{opacity:0;transform:scale(1.25)}}.animating.bounce-out-big{-webkit-animation-name:bounceOutBig;animation-name:bounceOutBig}@-webkit-keyframes bounceOutLarge{0%{opacity:1;-webkit-transform:scale(1)}30%{-webkit-transform:scale(.8)}100%,50%{opacity:0;-webkit-transform:scale(1.5)}}@keyframes bounceOutLarge{0%{opacity:1;transform:scale(1)}30%{transform:scale(.8)}100%,50%{opacity:0;transform:scale(1.5)}}.animating.bounce-out-large{-webkit-animation-name:bounceOutLarge;animation-name:bounceOutLarge}@-webkit-keyframes bounceOutUp{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(-10px)}40%{-webkit-transform:translateY(15px)}100%,90%{opacity:0;-webkit-transform:translateY(-60px)}}@keyframes bounceOutUp{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(-10px)}40%{transform:translateY(15px)}100%,90%{opacity:0;transform:translateY(-60px)}}.animating.bounce-out-up{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(-20px)}40%{-webkit-transform:translateY(15px)}100%,90%{opacity:0;-webkit-transform:translateY(-200px)}}@keyframes bounceOutUpBig{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(-20px)}40%{transform:translateY(15px)}100%,90%{opacity:0;transform:translateY(-200px)}}.animating.bounce-out-up-big{-webkit-animation-name:bounceOutUpBig;animation-name:bounceOutUpBig}@-webkit-keyframes bounceOutUpLarge{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(-25px)}40%{-webkit-transform:translateY(20px)}100%,90%{opacity:0;-webkit-transform:translateY(-600px)}}@keyframes bounceOutUpLarge{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(-25px)}40%{transform:translateY(20px)}100%,90%{opacity:0;transform:translateY(-600px)}}.animating.bounce-out-up-large{-webkit-animation-name:bounceOutUpLarge;animation-name:bounceOutUpLarge}@-webkit-keyframes bounceOutDown{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(10px)}40%{-webkit-transform:translateY(-10px)}100%,90%{opacity:0;-webkit-transform:translateY(60px)}}@keyframes bounceOutDown{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(10px)}40%{transform:translateY(-10px)}100%,90%{opacity:0;transform:translateY(60px)}}.animating.bounce-out-down{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(15px)}40%{-webkit-transform:translateY(-20px)}100%,90%{opacity:0;-webkit-transform:translateY(200px)}}@keyframes bounceOutDownBig{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(15px)}40%{transform:translateY(-20px)}100%,90%{opacity:0;transform:translateY(200px)}}.animating.bounce-out-down-big{-webkit-animation-name:bounceOutDownBig;animation-name:bounceOutDownBig}@-webkit-keyframes bounceOutDownLarge{0%{opacity:1;-webkit-transform:translateY(0)}15%{-webkit-transform:translateY(20px)}40%{-webkit-transform:translateY(-25px)}100%,90%{opacity:0;-webkit-transform:translateY(600px)}}@keyframes bounceOutDownLarge{0%{opacity:1;transform:translateY(0)}15%{transform:translateY(20px)}40%{transform:translateY(-25px)}100%,90%{opacity:0;transform:translateY(600px)}}.animating.bounce-out-down-large{-webkit-animation-name:bounceOutDownLarge;animation-name:bounceOutDownLarge}@-webkit-keyframes bounceOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-10px)}40%{-webkit-transform:translateX(15px)}100%,90%{opacity:0;-webkit-transform:translateX(-60px)}}@keyframes bounceOutLeft{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(-10px)}40%{transform:translateX(15px)}100%,90%{opacity:0;transform:translateX(-60px)}}.animating.bounce-out-left{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-20px)}40%{-webkit-transform:translateX(15px)}100%,90%{opacity:0;-webkit-transform:translateX(-200px)}}@keyframes bounceOutLeftBig{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(-20px)}40%{transform:translateX(15px)}100%,90%{opacity:0;transform:translateX(-200px)}}.animating.bounce-out-left-big{-webkit-animation-name:bounceOutLeftBig;animation-name:bounceOutLeftBig}@-webkit-keyframes bounceOutLeftLarge{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-25px)}40%{-webkit-transform:translateX(20px)}100%,90%{opacity:0;-webkit-transform:translateX(-600px)}}@keyframes bounceOutLeftLarge{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(-25px)}40%{transform:translateX(20px)}100%,90%{opacity:0;transform:translateX(-600px)}}.animating.bounce-out-left-large{-webkit-animation-name:bounceOutLeftLarge;animation-name:bounceOutLeftLarge}@-webkit-keyframes bounceOutRight{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(10px)}40%{-webkit-transform:translateX(-10px)}100%,90%{opacity:0;-webkit-transform:translateX(60px)}}@keyframes bounceOutRight{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(10px)}40%{transform:translateX(-10px)}100%,90%{opacity:0;transform:translateX(60px)}}.animating.bounce-out-right{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(15px)}40%{-webkit-transform:translateX(-20px)}100%,90%{opacity:0;-webkit-transform:translateX(200px)}}@keyframes bounceOutRightBig{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(15px)}40%{transform:translateX(-20px)}100%,90%{opacity:0;transform:translateX(200px)}}.animating.bounce-out-right-big{-webkit-animation-name:bounceOutRightBig;animation-name:bounceOutRightBig}@-webkit-keyframes bounceOutRightLarge{0%{opacity:1;-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(20px)}40%{-webkit-transform:translateX(-25px)}100%,90%{opacity:0;-webkit-transform:translateX(600px)}}@keyframes bounceOutRightLarge{0%{opacity:1;transform:translateX(0)}15%{transform:translateX(20px)}40%{transform:translateX(-25px)}100%,90%{opacity:0;transform:translateX(600px)}}.animating.bounce-out-right-large{-webkit-animation-name:bounceOutRightLarge;animation-name:bounceOutRightLarge}@-webkit-keyframes bounceOutUpLeft{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-10px,-10px)}40%{-webkit-transform:translate(15px,15px)}100%,90%{opacity:0;-webkit-transform:translate(-60px,-60px)}}@keyframes bounceOutUpLeft{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-10px,-10px)}40%{transform:translate(15px,15px)}100%,90%{opacity:0;transform:translate(-60px,-60px)}}.animating.bounce-out-up-left{-webkit-animation-name:bounceOutUpLeft;animation-name:bounceOutUpLeft}@-webkit-keyframes bounceOutUpLeftBig{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-20px,-20px)}40%{-webkit-transform:translate(15px,15px)}100%,90%{opacity:0;-webkit-transform:translate(-200px,-200px)}}@keyframes bounceOutUpLeftBig{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-20px,-20px)}40%{transform:translate(15px,15px)}100%,90%{opacity:0;transform:translate(-200px,-200px)}}.animating.bounce-out-up-left-big{-webkit-animation-name:bounceOutUpLeftBig;animation-name:bounceOutUpLeftBig}@-webkit-keyframes bounceOutUpLeftLarge{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-25px,-25px)}40%{-webkit-transform:translate(20px,20px)}100%,90%{opacity:0;-webkit-transform:translate(-600px,-600px)}}@keyframes bounceOutUpLeftLarge{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-25px,-25px)}40%{transform:translate(20px,20px)}100%,90%{opacity:0;transform:translate(-600px,-600px)}}.animating.bounce-out-up-left-large{-webkit-animation-name:bounceOutUpLeftLarge;animation-name:bounceOutUpLeftLarge}@-webkit-keyframes bounceOutUpRight{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(10px,-10px)}40%{-webkit-transform:translate(-15px,15px)}100%,90%{opacity:0;-webkit-transform:translate(60px,-60px)}}@keyframes bounceOutUpRight{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(10px,-10px)}40%{transform:translate(-15px,15px)}100%,90%{opacity:0;transform:translate(60px,-60px)}}.animating.bounce-out-up-right{-webkit-animation-name:bounceOutUpRight;animation-name:bounceOutUpRight}@-webkit-keyframes bounceOutUpRightBig{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(20px,-20px)}40%{-webkit-transform:translate(-15px,15px)}100%,90%{opacity:0;-webkit-transform:translate(200px,-200px)}}@keyframes bounceOutUpRightBig{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(20px,-20px)}40%{transform:translate(-15px,15px)}100%,90%{opacity:0;transform:translate(200px,-200px)}}.animating.bounce-out-up-right-big{-webkit-animation-name:bounceOutUpRightBig;animation-name:bounceOutUpRightBig}@-webkit-keyframes bounceOutUpRightLarge{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(25px,-25px)}40%{-webkit-transform:translate(-20px,20px)}100%,90%{opacity:0;-webkit-transform:translate(600px,-600px)}}@keyframes bounceOutUpRightLarge{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(25px,-25px)}40%{transform:translate(-20px,20px)}100%,90%{opacity:0;transform:translate(600px,-600px)}}.animating.bounce-out-up-right-large{-webkit-animation-name:bounceOutUpRightLarge;animation-name:bounceOutUpRightLarge}@-webkit-keyframes bounceOutDownLeft{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-10px,10px)}40%{-webkit-transform:translate(15px,-15px)}100%,90%{opacity:0;-webkit-transform:translate(-60px,60px)}}@keyframes bounceOutDownLeft{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-10px,10px)}40%{transform:translate(15px,-15px)}100%,90%{opacity:0;transform:translate(-60px,60px)}}.animating.bounce-out-down-left{-webkit-animation-name:bounceOutDownLeft;animation-name:bounceOutDownLeft}@-webkit-keyframes bounceOutDownLeftBig{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-20px,20px)}40%{-webkit-transform:translate(15px,-15px)}100%,90%{opacity:0;-webkit-transform:translate(-200px,200px)}}@keyframes bounceOutDownLeftBig{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-20px,20px)}40%{transform:translate(15px,-15px)}100%,90%{opacity:0;transform:translate(-200px,200px)}}.animating.bounce-out-down-left-big{-webkit-animation-name:bounceOutDownLeftBig;animation-name:bounceOutDownLeftBig}@-webkit-keyframes bounceOutDownLeftLarge{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(-25px,25px)}40%{-webkit-transform:translate(20px,-20px)}100%,90%{opacity:0;-webkit-transform:translate(-600px,600px)}}@keyframes bounceOutDownLeftLarge{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(-25px,25px)}40%{transform:translate(20px,-20px)}100%,90%{opacity:0;transform:translate(-600px,600px)}}.animating.bounce-out-down-left-large{-webkit-animation-name:bounceOutDownLeftLarge;animation-name:bounceOutDownLeftLarge}@-webkit-keyframes bounceOutDownRight{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(10px,10px)}40%{-webkit-transform:translate(-15px,-15px)}100%,90%{opacity:0;-webkit-transform:translate(60px,60px)}}@keyframes bounceOutDownRight{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(10px,10px)}40%{transform:translate(-15px,-15px)}100%,90%{opacity:0;transform:translate(60px,60px)}}.animating.bounce-out-down-right{-webkit-animation-name:bounceOutDownRight;animation-name:bounceOutDownRight}@-webkit-keyframes bounceOutDownRightBig{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(20px,20px)}40%{-webkit-transform:translate(-15px,-15px)}100%,90%{opacity:0;-webkit-transform:translate(200px,200px)}}@keyframes bounceOutDownRightBig{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(20px,20px)}40%{transform:translate(-15px,-15px)}100%,90%{opacity:0;transform:translate(200px,200px)}}.animating.bounce-out-down-right-big{-webkit-animation-name:bounceOutDownRightBig;animation-name:bounceOutDownRightBig}@-webkit-keyframes bounceOutDownRightLarge{0%{opacity:1;-webkit-transform:translate(0,0)}15%{-webkit-transform:translate(25px,25px)}40%{-webkit-transform:translate(-20px,-20px)}100%,90%{opacity:0;-webkit-transform:translate(600px,600px)}}@keyframes bounceOutDownRightLarge{0%{opacity:1;transform:translate(0,0)}15%{transform:translate(25px,25px)}40%{transform:translate(-20px,-20px)}100%,90%{opacity:0;transform:translate(600px,600px)}}.animating.bounce-out-down-right-large{-webkit-animation-name:bounceOutDownRightLarge;animation-name:bounceOutDownRightLarge}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.animating.zoom-in{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0) translateY(200px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInUp{0%{opacity:0;transform:scale(0) translateY(200px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-up{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomInUpBig{0%{opacity:0;-webkit-transform:scale(0) translateY(600px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInUpBig{0%{opacity:0;transform:scale(0) translateY(600px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-up-big{-webkit-animation-name:zoomInUpBig;animation-name:zoomInUpBig}@-webkit-keyframes zoomInUpLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(1000px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInUpLarge{0%{opacity:0;transform:scale(0) translateY(1000px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-up-large{-webkit-animation-name:zoomInUpLarge;animation-name:zoomInUpLarge}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0) translateY(-200px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInDown{0%{opacity:0;transform:scale(0) translateY(-200px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-down{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInDownBig{0%{opacity:0;-webkit-transform:scale(0) translateY(-600px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInDownBig{0%{opacity:0;transform:scale(0) translateY(-600px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-down-big{-webkit-animation-name:zoomInDownBig;animation-name:zoomInDownBig}@-webkit-keyframes zoomInDownLarge{0%{opacity:0;-webkit-transform:scale(0) translateY(-1000px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes zoomInDownLarge{0%{opacity:0;transform:scale(0) translateY(-1000px)}100%{opacity:1;transform:scale(1) translateY(0)}}.animating.zoom-in-down-large{-webkit-animation-name:zoomInDownLarge;animation-name:zoomInDownLarge}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(0) translateX(-200px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale(0) translateX(-200px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-left{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInLeftBig{0%{opacity:0;-webkit-transform:scale(0) translateX(-600px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInLeftBig{0%{opacity:0;transform:scale(0) translateX(-600px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-left-big{-webkit-animation-name:zoomInLeftBig;animation-name:zoomInLeftBig}@-webkit-keyframes zoomInLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(-1300px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInLeftLarge{0%{opacity:0;transform:scale(0) translateX(-1300px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-left-large{-webkit-animation-name:zoomInLeftLarge;animation-name:zoomInLeftLarge}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(0) translateX(200px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInRight{0%{opacity:0;transform:scale(0) translateX(200px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-right{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInRightBig{0%{opacity:0;-webkit-transform:scale(0) translateX(600px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInRightBig{0%{opacity:0;transform:scale(0) translateX(600px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-right-big{-webkit-animation-name:zoomInRightBig;animation-name:zoomInRightBig}@-webkit-keyframes zoomInRightLarge{0%{opacity:0;-webkit-transform:scale(0) translateX(1300px)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes zoomInRightLarge{0%{opacity:0;transform:scale(0) translateX(1300px)}100%{opacity:1;transform:scale(1) translateX(0)}}.animating.zoom-in-right-large{-webkit-animation-name:zoomInRightLarge;animation-name:zoomInRightLarge}@-webkit-keyframes zoomInUpLeft{0%{opacity:0;-webkit-transform:scale(0) translate(200px,200px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpLeft{0%{opacity:0;transform:scale(0) translate(200px,200px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-left{-webkit-animation-name:zoomInUpLeft;animation-name:zoomInUpLeft}@-webkit-keyframes zoomInUpLeftBig{0%{opacity:0;-webkit-transform:scale(0) translate(600px,600px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpLeftBig{0%{opacity:0;transform:scale(0) translate(600px,600px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-left-big{-webkit-animation-name:zoomInUpLeftBig;animation-name:zoomInUpLeftBig}@-webkit-keyframes zoomInUpLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translate(1000px,1000px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpLeftLarge{0%{opacity:0;transform:scale(0) translate(1000px,1000px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-left-large{-webkit-animation-name:zoomInUpLeftLarge;animation-name:zoomInUpLeftLarge}@-webkit-keyframes zoomInUpRight{0%{opacity:0;-webkit-transform:scale(0) translate(-200px,200px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpRight{0%{opacity:0;transform:scale(0) translate(-200px,200px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-right{-webkit-animation-name:zoomInUpRight;animation-name:zoomInUpRight}@-webkit-keyframes zoomInUpRightBig{0%{opacity:0;-webkit-transform:scale(0) translate(-600px,600px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpRightBig{0%{opacity:0;transform:scale(0) translate(-600px,600px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-right-big{-webkit-animation-name:zoomInUpRightBig;animation-name:zoomInUpRightBig}@-webkit-keyframes zoomInUpRightLarge{0%{opacity:0;-webkit-transform:scale(0) translate(-1000px,1000px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInUpRightLarge{0%{opacity:0;transform:scale(0) translate(-1000px,1000px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-up-right-large{-webkit-animation-name:zoomInUpRightLarge;animation-name:zoomInUpRightLarge}@-webkit-keyframes zoomInDownLeft{0%{opacity:0;-webkit-transform:scale(0) translate(-200px,-200px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownLeft{0%{opacity:0;transform:scale(0) translate(-200px,-200px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-left{-webkit-animation-name:zoomInDownLeft;animation-name:zoomInDownLeft}@-webkit-keyframes zoomInDownLeftBig{0%{opacity:0;-webkit-transform:scale(0) translate(-600px,-600px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownLeftBig{0%{opacity:0;transform:scale(0) translate(-600px,-600px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-left-big{-webkit-animation-name:zoomInDownLeftBig;animation-name:zoomInDownLeftBig}@-webkit-keyframes zoomInDownLeftLarge{0%{opacity:0;-webkit-transform:scale(0) translate(-1000px,-1000px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownLeftLarge{0%{opacity:0;transform:scale(0) translate(-1000px,-1000px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-left-large{-webkit-animation-name:zoomInDownLeftLarge;animation-name:zoomInDownLeftLarge}@-webkit-keyframes zoomInDownRight{0%{opacity:0;-webkit-transform:scale(0) translate(200px,-200px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownRight{0%{opacity:0;transform:scale(0) translate(200px,-200px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-right{-webkit-animation-name:zoomInDownRight;animation-name:zoomInDownRight}@-webkit-keyframes zoomInDownRightBig{0%{opacity:0;-webkit-transform:scale(0) translate(600px,-600px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownRightBig{0%{opacity:0;transform:scale(0) translate(600px,-600px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-right-big{-webkit-animation-name:zoomInDownRightBig;animation-name:zoomInDownRightBig}@-webkit-keyframes zoomInDownRightLarge{0%{opacity:0;-webkit-transform:scale(0) translate(1000px,-1000px)}100%{opacity:1;-webkit-transform:scale(1) translate(0,0)}}@keyframes zoomInDownRightLarge{0%{opacity:0;transform:scale(0) translate(1000px,-1000px)}100%{opacity:1;transform:scale(1) translate(0,0)}}.animating.zoom-in-down-right-large{-webkit-animation-name:zoomInDownRightLarge;animation-name:zoomInDownRightLarge}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}.animating.zoom-out{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutUp{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(-200px)}}@keyframes zoomOutUp{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(-200px)}}.animating.zoom-out-up{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes zoomOutUpBig{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(-600px)}}@keyframes zoomOutUpBig{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(-600px)}}.animating.zoom-out-up-big{-webkit-animation-name:zoomOutUpBig;animation-name:zoomOutUpBig}@-webkit-keyframes zoomOutUpLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(-1000px)}}@keyframes zoomOutUpLarge{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(-1000px)}}.animating.zoom-out-up-large{-webkit-animation-name:zoomOutUpLarge;animation-name:zoomOutUpLarge}@-webkit-keyframes zoomOutDown{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(200px)}}@keyframes zoomOutDown{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(200px)}}.animating.zoom-out-down{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutDownBig{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(600px)}}@keyframes zoomOutDownBig{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(600px)}}.animating.zoom-out-down-big{-webkit-animation-name:zoomOutDownBig;animation-name:zoomOutDownBig}@-webkit-keyframes zoomOutDownLarge{0%{opacity:1;-webkit-transform:scale(1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0) translateY(1000px)}}@keyframes zoomOutDownLarge{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0) translateY(1000px)}}.animating.zoom-out-down-large{-webkit-animation-name:zoomOutDownLarge;animation-name:zoomOutDownLarge}@-webkit-keyframes zoomOutLeft{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(-200px)}}@keyframes zoomOutLeft{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(-200px)}}.animating.zoom-out-left{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutLeftBig{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(-600px)}}@keyframes zoomOutLeftBig{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(-600px)}}.animating.zoom-out-left-big{-webkit-animation-name:zoomOutLeftBig;animation-name:zoomOutLeftBig}@-webkit-keyframes zoomOutLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(-1300px)}}@keyframes zoomOutLeftLarge{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(-1300px)}}.animating.zoom-out-left-large{-webkit-animation-name:zoomOutLeftLarge;animation-name:zoomOutLeftLarge}@-webkit-keyframes zoomOutRight{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(200px)}}@keyframes zoomOutRight{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(200px)}}.animating.zoom-out-right{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutRightBig{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(600px)}}@keyframes zoomOutRightBig{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(600px)}}.animating.zoom-out-right-big{-webkit-animation-name:zoomOutRightBig;animation-name:zoomOutRightBig}@-webkit-keyframes zoomOutRightLarge{0%{opacity:1;-webkit-transform:scale(1) translateX(0)}100%{opacity:0;-webkit-transform:scale(0) translateX(1300px)}}@keyframes zoomOutRightLarge{0%{opacity:1;transform:scale(1) translateX(0)}100%{opacity:0;transform:scale(0) translateX(1300px)}}.animating.zoom-out-right-large{-webkit-animation-name:zoomOutRightLarge;animation-name:zoomOutRightLarge}@-webkit-keyframes zoomOutUpLeft{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-200px,-200px)}}@keyframes zoomOutUpLeft{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-200px,-200px)}}.animating.zoom-out-up-left{-webkit-animation-name:zoomOutUpLeft;animation-name:zoomOutUpLeft}@-webkit-keyframes zoomOutUpLeftBig{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-600px,-600px)}}@keyframes zoomOutUpLeftBig{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-600px,-600px)}}.animating.zoom-out-up-left-big{-webkit-animation-name:zoomOutUpLeftBig;animation-name:zoomOutUpLeftBig}@-webkit-keyframes zoomOutUpLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-1000px,-1000px)}}@keyframes zoomOutUpLeftLarge{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-1000px,-1000px)}}.animating.zoom-out-up-left-large{-webkit-animation-name:zoomOutUpLeftLarge;animation-name:zoomOutUpLeftLarge}@-webkit-keyframes zoomOutUpRight{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(200px,-200px)}}@keyframes zoomOutUpRight{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(200px,-200px)}}.animating.zoom-out-up-right{-webkit-animation-name:zoomOutUpRight;animation-name:zoomOutUpRight}@-webkit-keyframes zoomOutUpRightBig{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(600px,-600px)}}@keyframes zoomOutUpRightBig{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(600px,-600px)}}.animating.zoom-out-up-right-big{-webkit-animation-name:zoomOutUpRightBig;animation-name:zoomOutUpRightBig}@-webkit-keyframes zoomOutUpRightLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(1000px,-1000px)}}@keyframes zoomOutUpRightLarge{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(1000px,-1000px)}}.animating.zoom-out-up-right-large{-webkit-animation-name:zoomOutUpRightLarge;animation-name:zoomOutUpRightLarge}@-webkit-keyframes zoomOutDownLeft{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-200px,200px)}}@keyframes zoomOutDownLeft{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-200px,200px)}}.animating.zoom-out-down-left{-webkit-animation-name:zoomOutDownLeft;animation-name:zoomOutDownLeft}@-webkit-keyframes zoomOutDownLeftBig{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-600px,600px)}}@keyframes zoomOutDownLeftBig{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-600px,600px)}}.animating.zoom-out-down-left-big{-webkit-animation-name:zoomOutDownLeftBig;animation-name:zoomOutDownLeftBig}@-webkit-keyframes zoomOutDownLeftLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(-1000px,1000px)}}@keyframes zoomOutDownLeftLarge{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(-1000px,1000px)}}.animating.zoom-out-down-left-large{-webkit-animation-name:zoomOutDownLeftLarge;animation-name:zoomOutDownLeftLarge}@-webkit-keyframes zoomOutDownRight{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(200px,200px)}}@keyframes zoomOutDownRight{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(200px,200px)}}.animating.zoom-out-down-right{-webkit-animation-name:zoomOutDownRight;animation-name:zoomOutDownRight}@-webkit-keyframes zoomOutDownRightBig{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(600px,600px)}}@keyframes zoomOutDownRightBig{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(600px,600px)}}.animating.zoom-out-down-right-big{-webkit-animation-name:zoomOutDownRightBig;animation-name:zoomOutDownRightBig}@-webkit-keyframes zoomOutDownRightLarge{0%{opacity:1;-webkit-transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform:scale(0) translate(1000px,1000px)}}@keyframes zoomOutDownRightLarge{0%{opacity:1;transform:scale(1) translate(0,0)}100%{opacity:0;transform:scale(0) translate(1000px,1000px)}}.animating.zoom-out-down-right-large{-webkit-animation-name:zoomOutDownRightLarge;animation-name:zoomOutDownRightLarge}@-webkit-keyframes flipInX{0%{opacity:0;-webkit-transform:perspective(500) rotateX(90deg)}50%{-webkit-transform:perspective(500) rotateX(-15deg)}70%{-webkit-transform:perspective(500) rotateX(15deg)}100%{opacity:1;-webkit-transform:perspective(500) rotateX(0deg)}}@keyframes flipInX{0%{opacity:0;transform:perspective(500) rotateX(90deg)}50%{transform:perspective(500) rotateX(-15deg)}70%{transform:perspective(500) rotateX(15deg)}100%{opacity:1;transform:perspective(500) rotateX(0deg)}}.animating.flip-in-x{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(500) rotateY(90deg);opacity:0}50%{-webkit-transform:perspective(500) rotateY(-25deg)}70%{-webkit-transform:perspective(500) rotateY(25deg)}100%{-webkit-transform:perspective(500) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(500) rotateY(90deg);opacity:0}50%{transform:perspective(500) rotateY(-25deg)}70%{transform:perspective(500) rotateY(25deg)}100%{transform:perspective(500) rotateY(0deg);opacity:1}}.animating.flip-in-y{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipInTopFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg)}50%{-webkit-transform:perspective(1000) rotateX(-15deg)}70%{-webkit-transform:perspective(1000) rotateX(15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}}@keyframes flipInTopFront{0%{opacity:0;transform:perspective(1000) rotateX(90deg)}50%{transform:perspective(1000) rotateX(-15deg)}70%{transform:perspective(1000) rotateX(15deg)}100%{opacity:1;transform:perspective(1000) rotateX(0deg)}}.animating.flip-in-top-front{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0;transform-origin-x:50%;transform-origin-y:0;-webkit-animation-name:flipInTopFront;animation-name:flipInTopFront}@-webkit-keyframes flipInTopBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg)}50%{-webkit-transform:perspective(1000) rotateX(20deg)}70%{-webkit-transform:perspective(1000) rotateX(-15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}}@keyframes flipInTopBack{0%{opacity:0;transform:perspective(1000) rotateX(-90deg)}50%{transform:perspective(1000) rotateX(20deg)}70%{transform:perspective(1000) rotateX(-15deg)}100%{opacity:1;transform:perspective(1000) rotateX(0deg)}}.animating.flip-in-top-back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0;transform-origin-x:50%;transform-origin-y:0;-webkit-animation-name:flipInTopBack;animation-name:flipInTopBack}@-webkit-keyframes flipInBottomFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg)}50%{-webkit-transform:perspective(1000) rotateX(20deg)}70%{-webkit-transform:perspective(1000) rotateX(-15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}}@keyframes flipInBottomFront{0%{opacity:0;transform:perspective(1000) rotateX(-90deg)}50%{transform:perspective(1000) rotateX(20deg)}70%{transform:perspective(1000) rotateX(-15deg)}100%{opacity:1;transform:perspective(1000) rotateX(0deg)}}.animating.flip-in-bottom-front{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipInBottomFront;animation-name:flipInBottomFront}@-webkit-keyframes flipInBottomBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg)}50%{-webkit-transform:perspective(1000) rotateX(-20deg)}70%{-webkit-transform:perspective(1000) rotateX(15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}}@keyframes flipInBottomBack{0%{opacity:0;transform:perspective(1000) rotateX(90deg)}50%{transform:perspective(1000) rotateX(-20deg)}70%{transform:perspective(1000) rotateX(15deg)}100%{opacity:1;transform:perspective(1000) rotateX(0deg)}}.animating.flip-in-bottom-back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipInBottomBack;animation-name:flipInBottomBack}@-webkit-keyframes flipInLeftFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg)}50%{-webkit-transform:perspective(1000) rotateY(20deg)}70%{-webkit-transform:perspective(1000) rotateY(-15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}}@keyframes flipInLeftFront{0%{opacity:0;transform:perspective(1000) rotateY(-90deg)}50%{transform:perspective(1000) rotateY(20deg)}70%{transform:perspective(1000) rotateY(-15deg)}100%{opacity:1;transform:perspective(1000) rotateY(0deg)}}.animating.flip-in-left-front{-webkit-transform-origin-x:0;-webkit-transform-origin-y:50%;transform-origin-x:0;transform-origin-y:50%;-webkit-animation-name:flipInLeftFront;animation-name:flipInLeftFront}@-webkit-keyframes flipInLeftBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg)}50%{-webkit-transform:perspective(1000) rotateY(-20deg)}70%{-webkit-transform:perspective(1000) rotateY(15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}}@keyframes flipInLeftBack{0%{opacity:0;transform:perspective(1000) rotateY(90deg)}50%{transform:perspective(1000) rotateY(-20deg)}70%{transform:perspective(1000) rotateY(15deg)}100%{opacity:1;transform:perspective(1000) rotateY(0deg)}}.animating.flip-in-left-back{-webkit-transform-origin-x:0;-webkit-transform-origin-y:50%;transform-origin-x:0;transform-origin-y:50%;-webkit-animation-name:flipInLeftBack;animation-name:flipInLeftBack}@-webkit-keyframes flipInRightFront{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg)}50%{-webkit-transform:perspective(1000) rotateY(-20deg)}70%{-webkit-transform:perspective(1000) rotateY(15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}}@keyframes flipInRightFront{0%{opacity:0;transform:perspective(1000) rotateY(90deg)}50%{transform:perspective(1000) rotateY(-20deg)}70%{transform:perspective(1000) rotateY(15deg)}100%{opacity:1;transform:perspective(1000) rotateY(0deg)}}.animating.flip-in-right-front{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipInRightFront;animation-name:flipInRightFront}@-webkit-keyframes flipInRightBack{0%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg)}50%{-webkit-transform:perspective(1000) rotateY(20deg)}70%{-webkit-transform:perspective(1000) rotateY(-15deg)}100%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}}@keyframes flipInRightBack{0%{opacity:0;transform:perspective(1000) rotateY(-90deg)}50%{transform:perspective(1000) rotateY(20deg)}70%{transform:perspective(1000) rotateY(-15deg)}100%{opacity:1;transform:perspective(1000) rotateY(0deg)}}.animating.flip-in-right-back{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipInRightBack;animation-name:flipInRightBack}@-webkit-keyframes flipOutX{0%,5%{-webkit-transform:perspective(500) rotateX(0deg);opacity:1}30%{-webkit-transform:perspective(500) rotateX(-25deg)}50%{opacity:1}100%,90%{-webkit-transform:perspective(500) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%,5%{transform:perspective(500) rotateX(0deg);opacity:1}30%{transform:perspective(500) rotateX(-25deg)}50%{opacity:1}100%,90%{transform:perspective(500) rotateX(90deg);opacity:0}}.animating.flip-out-x{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutX;animation-name:flipOutX}@-webkit-keyframes flipOutY{0%,5%{-webkit-transform:perspective(500) rotateY(0deg);opacity:1}30%{-webkit-transform:perspective(500) rotateY(-25deg)}50%{opacity:1}100%,90%{-webkit-transform:perspective(500) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%,5%{transform:perspective(500) rotateY(0deg);opacity:1}30%{transform:perspective(500) rotateY(-25deg)}50%{opacity:1}100%,90%{transform:perspective(500) rotateY(90deg);opacity:0}}.animating.flip-out-y{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes flipOutTopFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}30%{-webkit-transform:perspective(1000) rotateX(-20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg)}}@keyframes flipOutTopFront{0%{opacity:1;transform:perspective(1000) rotateX(0deg)}30%{transform:perspective(1000) rotateX(-20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateX(90deg)}}.animating.flip-out-top-front{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0;transform-origin-x:50%;transform-origin-y:0;-webkit-animation-name:flipOutTopFront;animation-name:flipOutTopFront}@-webkit-keyframes flipOutTopBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}30%{-webkit-transform:perspective(1000) rotateX(20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg)}}@keyframes flipOutTopBack{0%{opacity:1;transform:perspective(1000) rotateX(0deg)}30%{transform:perspective(1000) rotateX(20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateX(-90deg)}}.animating.flip-out-top-back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:0;transform-origin-x:50%;transform-origin-y:0;-webkit-animation-name:flipOutTopBack;animation-name:flipOutTopBack}@-webkit-keyframes flipOutBottomFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}30%{-webkit-transform:perspective(1000) rotateX(20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateX(-90deg)}}@keyframes flipOutBottomFront{0%{opacity:1;transform:perspective(1000) rotateX(0deg)}30%{transform:perspective(1000) rotateX(20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateX(-90deg)}}.animating.flip-out-bottom-front{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipOutBottomFront;animation-name:flipOutBottomFront}@-webkit-keyframes flipOutBottomBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateX(0deg)}30%{-webkit-transform:perspective(1000) rotateX(-20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateX(90deg)}}@keyframes flipOutBottomBack{0%{opacity:1;transform:perspective(1000) rotateX(0deg)}30%{transform:perspective(1000) rotateX(-20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateX(90deg)}}.animating.flip-out-bottom-back{-webkit-transform-origin-x:50%;-webkit-transform-origin-y:100%;transform-origin-x:50%;transform-origin-y:100%;-webkit-animation-name:flipOutBottomBack;animation-name:flipOutBottomBack}@-webkit-keyframes flipOutLeftFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}30%{-webkit-transform:perspective(1000) rotateY(20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg)}}@keyframes flipOutLeftFront{0%{opacity:1;transform:perspective(1000) rotateY(0deg)}30%{transform:perspective(1000) rotateY(20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateY(-90deg)}}.animating.flip-out-left-front{-webkit-transform-origin-x:0;-webkit-transform-origin-y:50%;transform-origin-x:0;transform-origin-y:50%;-webkit-animation-name:flipOutLeftFront;animation-name:flipOutLeftFront}@-webkit-keyframes flipOutLeftBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}30%{-webkit-transform:perspective(1000) rotateY(-20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg)}}@keyframes flipOutLeftBack{0%{opacity:1;transform:perspective(1000) rotateY(0deg)}30%{transform:perspective(1000) rotateY(-20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateY(90deg)}}.animating.flip-out-left-back{-webkit-transform-origin-x:0;-webkit-transform-origin-y:50%;transform-origin-x:0;transform-origin-y:50%;-webkit-animation-name:flipOutLeftBack;animation-name:flipOutLeftBack}@-webkit-keyframes flipOutRightFront{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}30%{-webkit-transform:perspective(1000) rotateY(-20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateY(90deg)}}@keyframes flipOutRightFront{0%{opacity:1;transform:perspective(1000) rotateY(0deg)}30%{transform:perspective(1000) rotateY(-20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateY(90deg)}}.animating.flip-out-right-front{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipOutRightFront;animation-name:flipOutRightFront}@-webkit-keyframes flipOutRightBack{0%{opacity:1;-webkit-transform:perspective(1000) rotateY(0deg)}30%{-webkit-transform:perspective(1000) rotateY(20deg)}50%{opacity:1}100%{opacity:0;-webkit-transform:perspective(1000) rotateY(-90deg)}}@keyframes flipOutRightBack{0%{opacity:1;transform:perspective(1000) rotateY(0deg)}30%{transform:perspective(1000) rotateY(20deg)}50%{opacity:1}100%{opacity:0;transform:perspective(1000) rotateY(-90deg)}}.animating.flip-out-right-back{-webkit-transform-origin-x:100%;-webkit-transform-origin-y:50%;transform-origin-x:100%;transform-origin-y:50%;-webkit-animation-name:flipOutRightBack;animation-name:flipOutRightBack}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.animating.flash,.hover-flash:hover{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}@keyframes strobe{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:0}}.animating.strobe,.hover-strobe:hover{-webkit-animation-name:strobe;animation-name:strobe}@-webkit-keyframes shakeX{0%,100%{-webkit-transform:translateY(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-10px)}20%,40%,60%,80%{-webkit-transform:translateY(10px)}}@keyframes shakeX{0%,100%{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.animating.shake-x,.hover-shake-x:hover{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes shakeY{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.animating.shake-y,.hover-shake-y:hover{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animating.bounce,.hover-bounce:hover{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%,100%{-webkit-transform:scale(1) rotate(0)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}}@keyframes tada{0%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}.animating.tada,.hover-tada:hover{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes rubberBand{0%,100%{-webkit-transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85)}}@keyframes rubberBand{0%,100%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(0.75)}40%{transform:scaleX(0.75) scaleY(1.25)}60%{transform:scaleX(1.15) scaleY(0.85)}}.animating.rubber-band,.hover-rubber-band:hover{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.animating.swing,.hover-swing:hover{-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.animating.spin,.hover-spin:hover{-webkit-animation-name:spin;animation-name:spin}@-webkit-keyframes spin-reverse{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.animating.spin-reverse,.hover-spin-reverse:hover{-webkit-animation-name:spin-reverse;animation-name:spin-reverse}@-webkit-keyframes slingshot{0%{-webkit-transform:rotate(0deg)}20%,30%{-webkit-transform:rotate(-45deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes slingshot{0%{transform:rotate(0deg)}20%,30%{transform:rotate(-45deg)}100%{transform:rotate(360deg)}}.animating.slingshot,.hover-slingshot:hover{-webkit-animation-name:slingshot;animation-name:slingshot}@-webkit-keyframes slingshot-reverse{0%{-webkit-transform:rotate(0deg)}20%,30%{-webkit-transform:rotate(45deg)}100%{-webkit-transform:rotate(-360deg)}}@keyframes slingshot-reverse{0%{transform:rotate(0deg)}20%,30%{transform:rotate(45deg)}100%{transform:rotate(-360deg)}}.animating.slingshot-reverse,.hover-slingshot-reverse:hover{-webkit-animation-name:slingshot-reverse;animation-name:slingshot-reverse}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0px)}15%{-webkit-transform:translateX(-25px) rotate(-5deg)}30%{-webkit-transform:translateX(20px) rotate(3deg)}45%{-webkit-transform:translateX(-15px) rotate(-3deg)}60%{-webkit-transform:translateX(10px) rotate(2deg)}75%{-webkit-transform:translateX(-5px) rotate(-1deg)}100%{-webkit-transform:translateX(0px)}}@keyframes wobble{0%{transform:translateX(0px)}15%{transform:translateX(-25px) rotate(-5deg)}30%{transform:translateX(20px) rotate(3deg)}45%{transform:translateX(-15px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-1deg)}100%{transform:translateX(0px)}}.animating.wobble,.hover-wobble:hover{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.animating.pulse,.hover-pulse:hover{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes pulsate{0%,100%,50%{-webkit-transform:scale(1)}25%,75%{-webkit-transform:scale(1.1)}}@keyframes pulsate{0%,100%,50%{transform:scale(1)}25%,75%{transform:scale(1.1)}}.animating.pulsate,.hover-pulsate:hover{-webkit-animation-name:pulsate;animation-name:pulsate}@-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1)}40%,70%{-webkit-transform:scale(1.1)}}@keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1)}40%,70%{transform:scale(1.1)}}.animating.heartbeat,.hover-heartbeat:hover{-webkit-animation-name:heartbeat;animation-name:heartbeat}@-webkit-keyframes panic{0%,100%{-webkit-transform:scale(1) rotate(0)}10%,60%{-webkit-transform:scale(1.1) rotate(-3deg)}20%,40%{-webkit-transform:scale(1) rotate(-3deg)}30%{-webkit-transform:scale(1.1) rotate(3deg)}50%,70%,90%{-webkit-transform:scale(1) rotate(3deg)}80%{-webkit-transform:scale(1.1) rotate(-3deg)}}@keyframes panic{0%,100%{transform:scale(1) rotate(0)}10%,60%{transform:scale(1.1) rotate(-3deg)}20%,40%{transform:scale(1) rotate(-3deg)}30%{transform:scale(1.1) rotate(3deg)}50%,70%,90%{transform:scale(1) rotate(3deg)}80%{transform:scale(1.1) rotate(-3deg)}}.animating.panic,.hover-panic:hover{-webkit-animation-name:panic;animation-name:panic}
/*
Template: Hasta
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers
*/


/*
======================================
[ CSS TABLE CONTENT ]
======================================
    [Table of contents]

	1. General
		+ Text Colors
		+ Divider lines
		+ Paddings
		+ Opacity styles
		+ fonts
		+ Icon Boxes
		+ Text Boxes
		+ Buttons
		+ Opacity styles
		+ buttons

	2. Image boxes
		+ section-side-image
		+ background-imgholder
		+ image-left
		+ image-holder
		+ nodisplay-image
	
	3. Lists
		+ iconlist
		+ clientlogo-list
		+ side-nav-list
		+ category-links
		+ tags 
	
	4. Menu Backgrounds
		+ Headers
	
	5. Topbar Styles
		+ topbar
		+ toplist
	
	6. Logo
		+ logo
	
	7. Section Titles
		+ section titles
	
	8. Page Section Styles
		+ Section Styles
	
	9. Footer Styles
		+ footer logo
		+ lists
	
	
	10. Parallax Sections
	
	11. Overlay Styles
		+ Section Overlay
		+ video overlay
	
	12. Social Links
		+ social-icons-1
		+ social-icons-2
		+ social-icons-3
	
	13. Feature boxs
	
	14. Team Section
	
	15. Price Tables
	
	16. Blog Posts
	
	17. Testimonials

	18. Footer Newsletter
	
	19. Video wrapers
	
	20. Progress bar
	
	21. Newsletter
	
	22. css progress circles
	
	23. Page Scroll to Top
	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/



/* =========== General ============= */


body {
	font: 14px 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 23px;
	color: #727272;
}
/* a link Styles
 ------------------------------ */
 
a, .btn {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	text-decoration: none;
}
a:focus, a:hover {
	color: #5a5959;
}
a {
	outline: medium none !important;
	color: #727272;
}
.uppercase {
	text-transform: uppercase;
}
/* Headungs
 ------------------------------ */
 
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #272727;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h1.lessmar {
	margin-bottom: 10px;
}
h1.lessmar2 {
	margin-bottom: 5px;
}
h2 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h2.nomargin {
	margin-bottom: 0px;
}
h2.less-mar1 {
	margin-bottom: 3px;
}
h2.less-mar2 {
	margin-bottom: 5px;
}
h2.less-mar3 {
	margin-bottom: 7px;
}
h2.less-mar4 {
	margin-bottom: 9px;
}
h3 {
	font-size: 27px;
	line-height: 30px;
	margin-bottom: 18px;
	font-style: normal;
}
h3.nomargin {
	margin-bottom: 0px;
}
h3.less-mar1 {
	margin-bottom: 3px;
}
h3.less-mar2 {
	margin-bottom: 5px;
}
h3.less-mar3 {
	margin-bottom: 7px;
}
h3.less-mar4 {
	margin-bottom: 9px;
}
h4 {
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 18px;
	font-style: normal;
}
h4.nomargin {
	margin-bottom: 0px;
}
h4.less-mar1 {
	margin-bottom: 3px;
}
h4.less-mar2 {
	margin-bottom: 5px;
}
h4.less-mar3 {
	margin-bottom: 7px;
}
h4.less-mar4 {
	margin-bottom: 9px;
}
h5 {
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 16px;
	font-style: normal;
}
h5.nomargin {
	margin-bottom: 0px;
}
h5.less-mar1 {
	margin-bottom: 3px;
}
h5.less-mar2 {
	margin-bottom: 5px;
}
h5.less-mar3 {
	margin-bottom: 7px;
}
h5.less-mar4 {
	margin-bottom: 9px;
}
h6 {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 14px;
	font-style: normal;
}
h6.nomargin {
	margin-bottom: 0px;
}
h6.less-mar1 {
	margin-bottom: 3px;
}
h6.less-mar2 {
	margin-bottom: 5px;
}
h6.less-mar3 {
	margin-bottom: 7px;
}
h6.less-mar4 {
	margin-bottom: 9px;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
	margin-top: 0;
}
ul {
	list-style-type: none;
}
/*=============== Text Colors ============= */

.text-white {
	color: #fff;
}
.text-dark {
	color: #242424;
}
.text-light {
	color: #acacac;
}
.text-green {
	color: #a5cd35;
}
.text-green-2 {
	color: #3fc35f;
}
.text-green-3 {
	color: #a5d549;
}
.text-green-4 {
	color: #8ac700;
}
.text-orange {
	color: #85bb67;
}
.text-orange-2 {
	color: #fd602c;
}
.text-orange-4 {
	color: #ff9320;
}
.text-red {
	color: #ee4531;
}
.text-red-2 {
	color: #ea3628;
}
.text-red-3 {
	color: #eb574c;
}
.text-red-4 {
	color: #f43819;
}
.text-red-5 {
	color: #ed3325;
}
.text-gray {
	color: #727272;
}
.text-violet {
	color: #7c50b7;
}
.text-blue {
	color: #1fbef0;
}
.text-yellow {
	color: #ffc000;
}
.text-yellow-2 {
	color: #fcc813;
}
.text-yellow-3 {
	color: #f7c800;
}
.text-yellow-4 {
	color: #e9b444;
}
.text-yellow-green-2 {
	color: #e9ee42;
}
.text-pink {
	color: #f51f6f;
}
.text-pink-3{
	color: #ce0a6c;
}
.text-brown {
	color: #8b501f;
}
.text-brown-2 {
	color: #b5854d;
}
.text-cyan {
	color: #42d1aa;
}
.text-stone {
	color: #c3a254;
}
/*=============== Margins ============= */
 .bmargin {
	margin-bottom: 0px;
}
.tmargin {
	margin-top: 0px;
}
.col-divider-margin {
	width: 100%;
	float: left;
	margin-top: 60px;
}
.col-divider-margin-1 {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.col-divider-margin-2 {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.col-divider-margin-3 {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.col-divider-margin-4 {
	width: 100%;
	float: left;
	margin-top: 40px;
}
.col-divider-margin-5 {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.col-divider-margin-6 {
	width: 100%;
	float: left;
	margin-top: 60px;
}
.nobottom-margin {
	margin-bottom: 0px;
}
.bottom-margin3 {
    margin-bottom: 30px;
}
.bottom-margin4 {
    margin-bottom: 40px;
}
.bottom-margin5 {
    margin-bottom: 50px;
}
.margin-top1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.margin-top2 {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.margin-top3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.margin-top4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.margin-top5 {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.margin-top6 {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.margin-top7 {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.margin-left-1 {
    margin-left: 10px;
}
.margin-left-2 {
    margin-left: 20px;
}
.margin-left-3 {
    margin-left: 30px;
}
.margin-left-4 {
    margin-left: 40px;
}
.margin-left-5 {
    margin-left: 50px;
}
.margin-left-6 {
    margin-left: 60px;
}
.margin-left-7 {
    margin-left: 70px;
}
.colmargin {
	margin: 0 0 0 0;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
/* font weight
 ------------------------------ */
.fweight1 {
	margin-bottom: 0px;
}

/*=============== Divider lines ============= */
 .divider-line {
	float: left;
	width: 100%;
}
.divider-line.dashed {
	border-bottom: 1px dashed;
}
 .divider-line.solid {
	border-bottom: 1px solid;
}
.divider-line.dark {
	border-bottom-color:#444444;
}
.divider-line.dark-2 {
	border-bottom-color:#343333;
}
.divider-line.light {
	border-bottom-color:#e4e4e4;
}
 .divider-line.top-padding {
	padding-top: 20px;
}
 .divider-line.bottom-margin {
	margin-bottom: 20px;
}
 .divider-line.margin {
	margin: 20px 0;
}

/* Divider Line less width
 ------------------------------ */
.divider-line.less-width-2{
	width: 20%;
}
.divider-line.less-width-3{
	width: 30%;
}
.divider-line.less-width-4{
	width: 40%;
}
 .divider-line.less-width-5{
	width: 50%;
}
.divider-line.less-width-6{
	width: 60%;
}
 .divider-line.less-width-7{
	width: 70%;
}
.divider-line.less-width-8{
	width: 80%;
}
 .divider-line.less-width-9{
	width: 90%;
}

/* Divider Line align center
 ------------------------------ */
.divider-line.align-center{
	 margin:0 auto;
	 float:none;
}

/* Divider Line colors
 ------------------------------ */
 .divider-line.red2 {
	border-bottom-color:#ea3628;
}
 .divider-line.yellow-2 {
	border-bottom-color:#fcc813;
}
 .divider-line.red-4 {
	border-bottom-color:#e93e21;
}
.divider-line.cyan {
	border-bottom-color:#42d1aa;
}
.divider-line.blue {
	border-bottom-color:#1fbef0;
}
.divider-line.orange-4 {
	border-bottom-color:#ff9320;
}
.divider-line.green-4 {
	border-bottom-color:#8ac700;
}
/*=============== Paddings ============= */
 
.no-top-padding {
	padding-top: 0;
}
/* padding top
 ------------------------------ */
.padding-top-1 {
	padding-top: 10px;
}
.padding-top-2 {
	padding-top: 20px;
}
.padding-top-3 {
	padding-top: 30px;
}
.padding-top-4 {
	padding-top: 40px;
}
.padding-top-5 {
	padding-top: 50px;
}
.padding-top-6 {
	padding-top: 60px;
}

/* left padding
 ------------------------------ */
 
.padding-left-1 {
	padding-left: 10px;
}
.padding-left-2 {
	padding-left: 20px;
}
.padding-left-3 {
	padding-left: 30px;
}
.padding-left-4 {
	padding-left: 40px;
}
.padding-left-5 {
	padding-left: 50px;
}
.padding-left-6 {
	padding-left: 60px;
}
.padding-left-7 {
	padding-left: 70px;
}
.padding-left-8 {
	padding-left: 80px;
}

/* right padding
 ------------------------------ */
 
.padding-right-1 {
	padding-right: 10px;
}
.padding-right-2 {
	padding-right: 20px;
}
.padding-right-3 {
	padding-right: 30px;
}
.padding-right-4 {
	padding-right: 40px;
}
.padding-right-5 {
	padding-right: 50px;
}
.padding-right-6 {
	padding-right: 60px;
}
.padding-right-7 {
	padding-right: 70px;
}
.padding-right-8 {
	padding-right: 80px;
}
.nopaddtop {
	padding-top: 0px;
}


/*=============== Opacity styles ============= */
.opacity-1 {
	opacity:0.1;
}
.opacity-2 {
	opacity:0.1;
}
.opacity-3 {
	opacity:0.3;
}
.opacity-4 {
	opacity:0.4;
}
.opacity-5 {
	opacity:0.5;
}
.opacity-6 {
	opacity:0.6;
}
.opacity-7 {
	opacity:0.7;
}
.opacity-8 {
	opacity:0.8;
}
/*=============== fonts ============= */

.droid-serif {
	font-family: 'Droid Serif', serif;
}
.ubuntu {
	font-family: 'Ubuntu', sans-serif;
}
.oswald {
	font-family: 'Oswald', sans-serif;
}
.muli {
	font-family: 'Muli', sans-serif;
}
.great-vibes {
	font-family: 'Great Vibes', cursive;
}
.old-standardtt {
	font-family: 'Old Standard TT', serif;
}
.dosis {
	font-family: 'Dosis', sans-serif;
}
.roboto-slab {
	font-family: 'Roboto Slab', serif;
}
.gfs-didot {
	font-family: 'GFS Didot', serif;
}
.raleway {
	font-family: "Raleway", sans-serif;
}
.gloria-hallelujah {
	font-family: 'Gloria Hallelujah', cursive;
}
.love-ya-like-a-sister {
	font-family: 'Love Ya Like A Sister', cursive;
}
.michroma {
	font-family: 'Michroma', sans-serif;
}

/* letter spacing
 ------------------------------ */
 .lspace-sm{
	letter-spacing:5px;
	}
	
.lspace-1{
	letter-spacing:10px;
	}
.lspace-2{
	letter-spacing:20px;
	}
.lspace-3{
	letter-spacing:30px;
	}
.lspace-4{
	letter-spacing:40px;
	}
.lspace-5{
	letter-spacing:50px;
	}

/* font weight styles
 ------------------------------ */
 
.font-weight-1 {
	font-weight: 100;
}
.font-weight-2 {
	font-weight: 200;
}
.font-weight-3 {
	font-weight: 300;
}
.font-weight-4 {
	font-weight: 400;
}
.font-weight-5 {
	font-weight: 500;
}
.font-weight-6 {
	font-weight: 600;
}
.font-weight-7 {
	font-weight: 700;
}
.font-weight-8 {
	font-weight: 800;
}
 
/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
/*=============== site main structure ============= */

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}
.wrapper-boxed {
	width: 1240px;
	margin: auto auto auto auto;
}

/*=============== Icon Boxes ============= */
.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	transition: all 0.3s ease-out 0s;
}
.iconbox-dxlarge {
	width: 200px;
	height: 200px;
	font-size: 46px;
	color: #242424;
	border: none;
	line-height: 135px;
}
.iconbox-xlarge {
	width: 135px;
	height: 135px;
	font-size: 46px;
	color: #242424;
	line-height: 135px;
}
.iconbox-large {
	width: 120px;
	height: 120px;
	font-size: 46px;
	color: #242424;
	line-height: 114px;
}
.iconbox-xmedium {
	width: 110px;
	height: 110px;
	font-size: 38px;
	color: #242424;
	line-height: 106px;
}
.iconbox-medium {
	width: 100px;
	height: 100px;
	font-size: 32px;
	color: #242424;
	line-height: 100px;
}
.iconbox-smedium {
	width: 90px;
	height: 90px;
	font-size: 26px;
	color: #242424;
	line-height: 90px;
}
.iconbox-small {
	width: 80px;
	height: 80px;
	font-size: 26px;
	color: #242424;
	line-height: 80px;
}
.iconbox-tiny {
	width: 70px;
	height: 70px;
	font-size: 26px;
	color: #242424;
	line-height: 74px;
}
.iconbox-xtiny {
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #242424;
	line-height: 60px;
}
.digit {
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	left: 115px;
	top: 115px;
	line-height: 36px;
	border-radius: 100%;
	background-color: #fd602c;
	transition: all 0.3s ease-out 0s;
}
.iconbox-xlarge.no-lineheight {
	line-height: 0;
}
/* icon rounded
 ------------------------------ */
 
.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
	border-radius: 100%;
}
/* iconboxes alignments
 ------------------------------ */
 
.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center {
	margin: 0 auto;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
	float: left;
	margin: 0px 20px 0px 0px;
}
.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right {
	float: right;
	margin: 0px 0px 0px 20px;
}
/* iconboxe background colors
 ------------------------------ */	
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
	color: #fff;
	background-color: #242424;
}
.iconbox-dxlarge.dark, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
	color: #242424;
	background-color: #fff;
}
.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
	color: #fff;
	background-color: #474747;
}
/* iconboxs with stroke
 ------------------------------ */	
.iconbox-dxlarge.grayoutline, .iconbox-xlarge.grayoutline, .iconbox-large.grayoutline, .iconbox-xmedium.grayoutline, .iconbox-medium.grayoutline, .iconbox-smedium.grayoutline, .iconbox-small.grayoutline, .iconbox-tiny.grayoutline, .iconbox-xtiny.grayoutline {
	color: #fff;
	background-color: none;
	border: 1px solid #727272;
}
.iconbox-dxlarge.grayoutline2, .iconbox-xlarge.grayoutline2, .iconbox-large.grayoutline2, .iconbox-xmedium.grayoutline2, .iconbox-medium.grayoutline2, .iconbox-smedium.grayoutline2, .iconbox-small.grayoutline2, .iconbox-tiny.grayoutline2, .iconbox-xtiny.grayoutline2 {
	color: #242424;
	background-color: none;
	border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.white-outline, .iconbox-xlarge.white-outline, .iconbox-large.white-outline, .iconbox-xmedium.white-outline, .iconbox-medium.white-outline, .iconbox-smedium.white-outline, .iconbox-small.white-outline, .iconbox-tiny.white-outline, .iconbox-xtiny.white-outline {
	color: #fff;
	background-color: none;
	border: 1px solid #fff;
}
.iconbox-dxlarge.dark-outline, .iconbox-xlarge.dark-outline, .iconbox-large.dark-outline, .iconbox-xmedium.dark-outline, .iconbox-medium.dark-outline, .iconbox-smedium.dark-outline, .iconbox-small.dark-outline, .iconbox-tiny.dark-outline, .iconbox-xtiny.dark-outline {
	color: #161616;
	background-color: none;
	border: 1px solid #161616;
}
/* Icons Plain
 ------------------------------ */	
 
.icon-plain-large {
	font-size: 80px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-medium {
	font-size: 60px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-small {
	font-size: 40px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-msmall {
	font-size: 32px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-tiny {
	font-size: 20px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-small.rightline {
	border-right: 1px solid #3F3F3F;
}
.icon-plain-medium.rightline {
	margin: 0px 20px 50px 0px;
	border-right: 1px solid #FFC153;
}
.icon-plain-small.dark {
	color: #242424;
}
/* plain icon alignments
 ------------------------------ */
 
.icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
	margin: 0 auto;
}
.icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
	float: left;
	margin: 0px 20px 0px 0px;
}
.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
	float: right;
	margin: 0px 0px 0px 20px;
}
/* plain icon colors
 ------------------------------ */
 
.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
	color: #242424;
}
.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
	color: #fff;
}
.icon-plain-large.green, .icon-plain-medium.green, .icon-plain-small.green, .icon-plain-msmall.green, .icon-plain-tiny.green {
	color: #fd602c;
}
.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
	color: #727272;
}
/*============ Text Boxes ============ */

	
.text-box-right {
	display: block;
	padding: 0px 0px 0px 99px;
	margin: 0px;
	text-align: left;
}
.text-box-left {
	display: block;
	padding: 0px 90px 0px 0;
	margin: 0px;
	text-align: right;
}
.item-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.text-box-inner {
	width: 100%;
	float: left;
	padding: 40px;
}
.text-box {
	width: 100%;
	float: left;
}
.text-box.white {
	background-color: #fff;
}
.text-box.dark {
	background-color: #242424;
}
/* text boxes with borders
 ------------------------------ */
.text-box-right.border, .text-box-left.border, .item-holder.border, .text-box-inner.border, .text-box.border {
	border: 1px solid #e4e4e4;
}
.text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
	border-top: 1px solid #e4e4e4;
}
.text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
	border-bottom: 1px solid #e4e4e4;
}
.text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
	border-left: 1px solid #e4e4e4;
}
.text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
	border-right: 1px solid #e4e4e4;
}
/* text boxe padding
 ------------------------------ */
.text-box.padding-1 {
	padding: 10px;
}
.text-box.padding-2 {
	padding: 20px;
}
.text-box.padding-3 {
	padding: 30px;
}
.text-box.padding-4 {
	padding: 40px;
}
.text-box.padding-5 {
	padding: 50px;
}
.text-box.padding-6 {
	padding: 60px;
}
.text-box.padding-7 {
	padding: 70px;
}
.text-box.padding-8 {
	padding: 80px;
}
.text-box.padding-9 {
	padding: 90px;
}
/* text boxes margin and paddings
 ------------------------------ */
 
 /* left box
 ------------------------------ */
 
.item-holder.marginbottom {
	margin: 0 0 40px 0;
}
.text-box-left.more-padding-1 {
	padding: 0px 0px 0px 120px;
}
.text-box-left.more-padding-2 {
	padding: 0px 0px 0px 150px;
}
.text-box-left.less-padding-1 {
	padding: 0px 70px 0px 0;
}

/* right box
 ------------------------------ */
 
.text-box-right.more-padding-1 {
	padding: 0px 0px 0px 120px;
}
.text-box-right.more-padding-2 {
	padding: 0px 0px 0px 140px;
}
.text-box-right.more-padding-3 {
	padding: 0px 0px 0px 160px;
}
.text-box-right.more-padding-4 {
	padding: 0px 0px 0px 170px;
}
.text-box-inner.min-height-1 {
	min-height: 305px;
}
.text-box-right.less-padding-1 {
	padding: 0px 0px 0px 70px;
}


/*============ Buttons ============ */

a.read-more {
	color: #fd602c;
}
a.read-more:hover {
	color: #242424;
}
a.read-more.white {
	color: #fff;
}
a.read-more.white:hover {
	color: #fff;
}
a.read-more.dark {
	color: #242424;
}
a.read-more.dark:hover {
	color: #fd602c;
}
a.read-more.dark2 {
	color: #242424;
}
a.read-more.dark2:hover {
	color: #727272;
}
a.read-more.yellow {
	color: #ffc000;
}
a.read-more.yellow:hover {
	color: #242424;
}
a.read-more.yellow-2 {
	color: #fcc813;
}
a.read-more.yellow-2:hover {
	color: #242424;
}
a.read-more.yellow-3 {
	color: #f7c800;
}
a.read-more.yellow-3:hover {
	color: #242424;
}
a.read-more.stone {
	color: #c3a254;
}
a.read-more.stone:hover {
	color: #242424;
}
a.read-more.brown-2 {
	color: #b5854d;
}
a.read-more.brown-2:hover {
	color: #242424;
}
a.read-more.pink-3 {
	color: #ce0a6c;
}
a.read-more.pink-3:hover {
	color: #242424;
}
a.read-more.blue {
	color: #1fbef0;
}
a.read-more.blue:hover {
	color: #242424;
}
a.read-more.cyan {
	color: #42d1aa;
}
a.read-more.cyan:hover {
	color: #727272;
}
.btn.active, .btn:active {
	box-shadow: none;
}

/* button styles
 ------------------------------ */
 
.btn {
	padding: 10px 36px;
	margin: 0px;
	box-shadow: none;
	border-radius: 0;
}
.btn.btn-large {
	padding: 15px 60px;
}
.btn.btn-small {
	padding: 8px 18px;
}
.btn.btn-small-2 {
	padding: 4px 18px;
}

/* button radius
 ------------------------------ */ 
.btn.btn-xround {
	border-radius: 20px;
}
.btn.btn-round {
	border-radius: 2px;
}
.btn.top-margin {
	margin-top: 20px;
}

/* button background colors
 ------------------------------ */

/* button white
 ------------------------------ */
.btn.btn-white {
	color: #242424;
	background-color: #fff;
}
.btn.btn-white:hover {
	color: #fff;
	background-color: #242424;
}
/* button dark
 ------------------------------ */
.btn.btn-dark {
	color: #fff;
	background-color: #242424;
}
.btn.btn-dark:hover {
	color: #fff;
	background-color: #3e3e3e;
}
/* button dark-2
 ------------------------------ */
.btn.btn-dark-2 {
	color: #fff;
	background-color: #161616;
}
.btn.btn-dark-2:hover {
	color: #161616;
	background-color: #fff;
}
/* button orange
 ------------------------------ */
.btn.btn-orange {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange:hover {
	color: #fff;
	background-color: #242424;
}
/* button orange-2
 ------------------------------ */
.btn.btn-orange-2 {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange-2:hover {
	color: #242424;
	background-color: #fff;
}
/* button orange-2 on hover dark
 ------------------------------ */
.btn.btn-orange-2.dark {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange-2.dark:hover {
	color: #fff;
	background-color: #242424;
}
/* button orange-3
 ------------------------------ */
.btn.btn-orange-3 {
	color: #fff;
	background-color: #ff971c;
}
.btn.btn-orange-3:hover {
	color: #242424;
	background-color: #fff;
}
/* button brown
 ------------------------------ */
.btn.btn-brown {
	color: #242424;
	background-color: #fff;
}
.btn.btn-brown:hover {
	color: #fff;
	background-color: #8b501f;
}
/* button brown-2
 ------------------------------ */
.btn.btn-brown-2 {
	color: #fff;
	background-color: #b5854d;
}
.btn.btn-brown-2:hover {
	color: #fff;
	background-color: #242424;
}
/* button yellow
 ------------------------------ */
.btn.btn-yellow {
	color: #fff;
	background-color: #ffc000;
}
.btn.btn-yellow:hover {
	color: #fff;
	background-color: #242424;
}
/* button yellow-green-2
 ------------------------------ */
.btn.btn-yellow-green-2 {
	color: #242424;
	background-color: #e9ee42;
}
.btn.btn-yellow-green-2:hover {
	color: #242424;
	background-color: #fff;
}
/* button yellow-3
 ------------------------------ */
.btn.btn-yellow-3 {
	color: #fff;
	background-color: #f7c800;
}
.btn.btn-yellow-3:hover {
	color: #fff;
	background-color: #242424;
}
/* button pink
 ------------------------------ */
.btn.btn-pink {
	color: #fff;
	background-color: #f51f6f;
}
.btn.btn-pink:hover {
	color: #fff;
	background-color: #242424;
}
/* button pink-3
 ------------------------------ */
.btn.btn-pink-3 {
	color: #fff;
	background-color: #ce0a6c;
}
.btn.btn-pink-3:hover {
	color: #fff;
	background-color: #242424;
}
/* button red
 ------------------------------ */
.btn.btn-red {
	color: #fff;
	background-color: #e93e21;
}
.btn.btn-red:hover {
	color: #fff;
	background-color: #242424;
}
/* button red-2
 ------------------------------ */
.btn.btn-red-2 {
	color: #fff;
	background-color: #ea3628;
}
.btn.btn-red-2:hover {
	color: #fff;
	background-color: #ea3628;
}
/* button red-3
 ------------------------------ */
.btn.btn-red-3 {
	color: #fff;
	background-color: #eb574c;
}
.btn.btn-red-3:hover {
	color: #fff;
	background-color: #242424;
}
/* button red-4
 ------------------------------ */
.btn.btn-red-4 {
	color: #fff;
	background-color: #f43819;
}
.btn.btn-red-4:hover {
	color: #fff;
	background-color: #242424;
}
/* button red-5
 ------------------------------ */
.btn.btn-red-5 {
	color: #fff;
	background-color: #ed3325;
}
.btn.btn-red-5:hover {
	color: #242424;
	background-color: #fff;
}
/* button cyan
 ------------------------------ */
.btn.btn-cyan {
	color: #fff;
	background-color: #42d1aa;
}
.btn.btn-cyan:hover {
	color: #242424;
	background-color: #fff;
}

/* button blue
 ------------------------------ */
.btn.btn-blue {
	color: #fff;
	background-color: #1fbef0;
}
.btn.btn-blue:hover {
	color: #fff;
	background-color: #242424;
}
/* button orange
 ------------------------------ */
.btn.btn-green-4 {
	color: #fff;
	background-color: #8ac700;
}
.btn.btn-green-4:hover {
	color: #242424;
	background-color: #fff;
	border:1px solid #e4e4e4;
}

/* button with stroke
 ------------------------------ */
.btn.btn-border {
	color: #242424;
	border: 1px solid;
}

/* button border white
 ------------------------------ */
.btn.btn-border.white {
	color: #fff;
	border-color:#fff;
}
.btn.btn-border:hover.white {
	color:#242424;
	background-color:#fff;
	border-color:#fff;
}
/* button border white
 ------------------------------ */
.btn.btn-border.white-2 {
	color:#fff;
	border-color:#fff;
}
.btn.btn-border:hover.white-2 {
	color:#242424;
	background-color:#fff;
	border-color:#fff;
}
/* button border dark
 ------------------------------ */
.btn.btn-border.dark {
	border-color:#242424;
}
.btn.btn-border:hover.dark {
	color:#fff;
	background-color:#242424;
	border-color:#242424;
}

/* button border light
 ------------------------------ */
.btn.btn-border.light {
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light {
	color:#fff;
	background-color:#242424;
	border-color:#242424;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
	color:#fd602c;
	border-color:#fd602c;
}
.btn.btn-border:hover.orange-2 {
	color:#fff;
	background-color:#fd602c;
	border-color:#fd602c;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
	color:#fd602c;
	border-color:#fd602c;
}
.btn.btn-border:hover.orange-2 {
	color:#fff;
	background-color:#fd602c;
	border-color:#fd602c;
}

/* button border orange-4
 ------------------------------ */
.btn.btn-border.orange-4 {
	color:#ff9320;
	border-color:#ff9320;
}
.btn.btn-border:hover.orange-4 {
	color:#fff;
	background-color:#ff9320;
	border-color:#ff9320;
}

/* button border gray
 ------------------------------ */
.btn.btn-border.gray {
	color:#fff;
	border-color:#727272;
}
.btn.btn-border:hover.gray {
	color:#fff;
	background-color:#5c5b5b;
	border-color:#5c5b5b;
}

/* button border gray-2
 ------------------------------ */
.btn.btn-border.gray-2 {
	color:#242424;
	border-color:#727272;
}
.btn.btn-border:hover.gray-2 {
	color:#fff;
	background-color:#5c5b5b;
	border-color:#5c5b5b;
}

/* button border xdark
 ------------------------------ */
.btn.btn-border.xdark {
	color:#161616;
	border-color:#161616;
}
.btn.btn-border:hover.xdark {
	color:#fff;
	background-color:#161616;
	border-color:#161616;
}

/* button border brown
 ------------------------------ */
.btn.btn-border.brown {
	color:#8b501f;
	border-color:#8b501f;
}
.btn.btn-border:hover.brown {
	color:#fff;
	background-color:#8b501f;
	border-color:#8b501f;
}

/* button border white on hover brown
 ------------------------------ */
.btn.btn-border.white.brown {
	color:#fff;
	border-color:#fff;
}
.btn.btn-border:hover.white.brown {
	color:#fff;
	background-color:#8b501f;
	border-color:#8b501f;
}

/* button border yellow-green
 ------------------------------ */
.btn.btn-border.yellow-green {
	color:#dbdc33;
	border-color:#dbdc33;
}
.btn.btn-border:hover.yellow-green {
	color:#fff;
	background-color:#dbdc33;
	border-color:#dbdc33;
}

/* button border yellow-green-2
 ------------------------------ */
.btn.btn-border.yellow-green-2 {
	color:#e9ee42;
	border-color:#e9ee42;
}
.btn.btn-border:hover.yellow-green-2 {
	color:#242424;
	background-color:#e9ee42;
	border-color:#e9ee42;
}

/* button border light on hover yellow-green-2
 ------------------------------ */
.btn.btn-border.light.yellow-green-2 {
	color:#242424;
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light.yellow-green-2 {
	color:#242424;
	background-color:#e9ee42;
	border-color:#e9ee42;
}

/* button border pink
 ------------------------------ */
.btn.btn-border.pink {
	color:#f51f6f;
	border-color:#f51f6f;
}
.btn.btn-border:hover.pink {
	color:#fff;
	background-color:#f51f6f;
	border-color:#f51f6f;
}

/* button border stone
 ------------------------------ */
.btn.btn-border.stone {
	color:#c3a254;
	border-color:#c3a254;
}
.btn.btn-border:hover.stone {
	color:#fff;
	background-color:#c3a254;
	border-color:#c3a254;
}

/* button border red
 ------------------------------ */
.btn.btn-border.red {
	color:#e93e21;
	border-color:#e93e21;
}
.btn.btn-border:hover.red {
	color:#fff;
	background-color:#e93e21;
	border-color:#e93e21;
}

/* button border light hover red
 ------------------------------ */
.btn.btn-border.light.red {
	color:#242424;
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light.red {
	color:#fff;
	background-color:#e93e21;
	border-color:#e93e21;
}

/* button border light hover red-2
 ------------------------------ */
.btn.btn-border.light.red-2 {
	color:#242424;
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light.red-2 {
	color:#fff;
	background-color:#ea3628;
	border-color:#ea3628;
}

/* button border yellow-2
 ------------------------------ */
.btn.btn-border.yellow-2 {
	color:#fcc813;
	border-color:#fcc813;
}
.btn.btn-border:hover.yellow-2 {
	color:#fff;
	background-color:#fcc813;
	border-color:#fcc813;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.red-5 {
	color:#ed3325;
	border-color:#ed3325;
}
.btn.btn-border:hover.red-5 {
	color:#fff;
	background-color:#ed3325;
	border-color:#ed3325;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.light.cyan {
	color:#242424;
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light.cyan {
	color:#fff;
	background-color:#42d1aa;
	border-color:#42d1aa;
}

/* button border blue
 ------------------------------ */
.btn.btn-border.blue {
	color:#1fbef0;
	border-color:#1fbef0;
}
.btn.btn-border:hover.blue {
	color:#fff;
	background-color:#1fbef0;
	border-color:#1fbef0;
}
/* button border green-4
 ------------------------------ */
.btn.btn-border.green-4 {
	color:#8ac700;
	border-color:#8ac700;
}
.btn.btn-border:hover.green-4 {
	color:#fff;
	background-color:#8ac700;
	border-color:#8ac700;
}
/* button border light hover green-4
 ------------------------------ */
.btn.btn-border.light.green-4 {
	color:#242424;
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light.green-4 {
	color:#fff;
	background-color:#8ac700;
	border-color:#8ac700;
}
/* Appstore buttons
 ------------------------------ */ 

.btn.appstore {
	width: 200px;
	padding: 10px 25px;
	margin: 0px;
	text-align: left;
}
.btn.appstore.right-margin {
	margin-right: 10px;
}
.btn.appstore.orange {
	background-color: #fd602c;
}
.btn.appstore span {
	margin: 0px;
	float: left;
	padding: 0;
	text-align: left;
}
.btn.appstore span i {
	font-size: 40px;
	color: #fff;
	padding: 0 20px 0 0;
}
.btn.appstore p {
	font-size: 12px;
	display: block;
	margin: 0;
	padding: 0 25px 0 20px;
	text-align: left;
}
.btn.appstore .big {
	margin: 0px;
	font-size: 18px;
	padding: 0;
}
.btn.appstore.orange:hover {
	background-color: #fff;
}
.btn.appstore.orange:hover p, .btn.appstore.orange:hover .big, .btn.appstore.orange:hover span i {
	color: #242424;
}
/* Appstore button white
 ------------------------------ */
.btn.appstore.white {
	background-color: #fff;
}
.btn.appstore.white span i {
	font-size: 40px;
	color: #242424;
	padding: 0 20px 0 0;
}
.btn.appstore.white:hover {
	background-color: #fd602c;
}
.btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
	color: #fff;
}
/*============ Image Boxes ============ */

.section-side-image {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.section-side-image .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.background-imgholder.top-padd {
	padding-top: 80px;
}
.section-side-image .text-inner {
	padding: 80px 80px 80px 0;
}
.section-side-image .text-inner.two {
	padding: 0px 80px 0px 0;
}
.background-imgholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
}
.background-imgholder.img1 {
	background-image: url(../images/site-img01.jpg);
}
.background-imgholder.img2 {
	background-image: url(../images/site-img09.jpg);
}
.background-imgholder.img3 {
	background-image: url(../images/site-img54.jpg);
}
.background-imgholder.img4 {
	background-image: url(../images/site-img48.jpg);
}
.background-imgholder.img5 {
	background-image: url(../images/site-img56.jpg);
}
.background-imgholder.img6 {
	background-image: url(../images/site-img98.jpg);
}
.background-imgholder.img7 {
	background-image: url(../images/site-img122.jpg);
}
.background-imgholder.img8 {
	background-image: url(../images/260.html);
}
.background-imgholder.img9 {
	background-image: url(../images/281.html);
}

/* side image 2
 ------------------------------ */
.section-side-image-2 {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.section-side-image-2 .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.section-side-image-2 .background-imgholder-2.top-padd {
	padding-top: 80px;
}
.section-side-image-2 .text-inner.two {
	padding: 0px 80px 0px 0;
}
.section-side-image-2 .background-imgholder-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
}
.image-holder {
	width: 100%;
	float: left;
}
.image-holder.lesswidth1 {
    width: 80%;
}
.image-holder.lesswidth2 {
    width: 75%;
}
.image-holder.lesswidth3 {
    width: 70%;
}
.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    transition: all 0.3s ease-out 0s;
}
.img-align-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.nodisplay-image {
	display: none;
}
/* background image full width
 ------------------------------ */
.background-imgholder-full {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.background-imgholder-full.img1 {
	width: 100%;
	height: 510px;
	background: url(../images/site-img73.png) 0 0 no-repeat;
}
.background-imgholder-full.img2 {
	width: 100%;
	height: 510px;
	background: url(../images/279.html) 0 0 no-repeat;
}
/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
	overflow: hidden;
}
/*============ Lists ============ */

.iconlist {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.iconlist li {
	padding: 0px;
	margin: 0 0 15px 0;
	display: block;
	line-height: 23px;
}
.iconlist li i {
	color: #fd602c;
	padding: 0 15px 0 0;
}
.iconlist.orange li i {
	color: #fd602c;
	padding: 0 15px 0 0;
}
.iconlist.orange2 li i {
	color: #fd602c;
	padding: 0 15px 0 0;
}
.iconlist.dark li i {
	color: #161616;
}
.iconlist.less-margin li {
	margin: 0 0 13px 0;
}
.iconlist.green2 li i {
	color: #fd602c;
}
.iconlist.yellow li i {
	color: #ffc000;
}
.iconlist.white li i {
	color: #fff;
}
.iconlist.white-2 li {
	color: #fff;
}
.iconlist.medium li i {
	color: #727272;
}
.iconlist.dark-red li {
	color: #913256;
}
.iconlist.pink li i {
	color: #f51f6f;
	padding: 0 15px 0 0;
}
.iconlist.stone li a {
	color: #c3a254;
	margin: 0 0 10px 0;
}
.iconlist.stone li i {
	color: #c3a254;
}
.iconlist.red-5 li i {
	color: #ed3325;
}
.iconlist.cyan li i {
	color: #42d1aa;
}
.iconlist.blue li i {
	color: #1fbef0;
}
.iconlist.green-4 li i {
	color: #8ac700;
}
.iconlist.green-4 li {
	margin: 0 0 10px 0;
}
/* Client Logo List
 ------------------------------ */
.clientlogo-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.clientlogo-list li {
	display: inline;
	padding: 0 16px 0 0;
	margin: 0px;
}
.clientlogo-list li.last {
	padding: 0 0 0 0;
}
.clientlogo-list.two li {
	padding: 0 90px 0 0;
}
.clientlogo-list.two li.last {
	padding: 0 0 0 0;
}
.clientlogo-list.two.transparent {
	opacity: 0.5;
}
/* Client Logo List 2
 ------------------------------ */
.client-list2 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.client-list2 .col-md-4 {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.client-list2 .col-md-4:last-child {
	border-right: none;
}
.client-list2.lastrow {
	border-bottom: none;
}
/* Client Logo List 3
 ------------------------------ */
.client-list3 {
	width: 100%;
	padding: 15px;
	margin: 0 0 3px 0;
	float: left;
	text-align: center;
	background-color: #fff;
}
/* side navigation list
 ------------------------------ */
.side-nav-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.side-nav-list li {
	width: 100%;
	padding: 0px;
	margin: 0 0 2px 0;
	float: left;
}
.side-nav-list li a {
	width: 100%;
	padding: 15px 25px;
	margin: 0px;
	font-weight: normal;
	float: left;
	background-color: #f6f6f6;
}
.side-nav-list li a:hover, .side-nav-list li a.active {
	color: #fff;
	background-color: #ffc000;
}
/* side navigation list
 ------------------------------ */
.category-links {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.category-links li {
	width: 100%;
	padding: 10px 0;
	margin: 0 0 0 0;
	float: left;
	border-bottom: 1px solid #eeeeee;
}
.category-links li a:hover, .category-links li a.active {
	color: #dbdc33;
}
.category-links li:last-child {
	border-bottom: none;
}
.category-links.red-4 li a:hover, .category-links.red-4 li a.active {
	color: #f43819;
}
.category-links.cyan li a:hover, .category-links.cyan li a.active {
	color: #42d1aa;
}
.category-links.orange-2 li a:hover, .category-links.orange-2 li a.active {
	color: #fd602c;
}

/* blog1 tags
 ------------------------------ */	
.tags {
	padding: 0px;
	margin: 0px;
}
.tags li {
	padding: 0px;
	margin: 0;
}
.tags li a {
	padding: 5px 15px 5px 15px;
	margin: 0 10px 10px 0;
	float: left;
	color: #727272;
	background-color: #e7e7e7;
}
.tags li a:hover, .tags li a.active {
	color: #fff;
	background-color: #dbdc33;
}

.tags.two li a {
	color: #242424;
	background-color: #fff;
	border:1px solid #e4e4e4;
}
.tags.two li a:hover, .tags.two li a.active {
	color: #fff;
	background-color: #42d1aa;
	border:1px solid #42d1aa;
}

/*tags 2
 ------------------------------ */	
.tags-2 {
	padding: 0px;
	margin: 0px;
}
.tags-2 li {
	padding: 0px;
	margin: 0;
}
.tags-2 li a {
	padding: 5px 15px 5px 15px;
	margin: 0 10px 10px 0;
	float: left;
	color: #727272;
	border:1px solid #e4e4e4;
	background-color: #fff;
}
.tags-2 li a:hover, .tags-2 li a.active {
	color: #fff;
	border:1px solid #fd602c;
	background-color: #fd602c;
}

/* sidebar works list
 ------------------------------ */	
.sidebar-works {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.sidebar-works li {
	padding: 0px;
	margin: 4px 4px 0 0;
	float: left;
}
.sidebar-works li.last {
	margin: 4px 0 0 0;
}
/*============ Curent class for one page theme ============ */

.menu-main .navbar-nav li a.current {
	color: #fcc813;
}
#header .navbar-nav li a.current {
	color: #e9b444;
	border-bottom:2px solid #e9b444;
}
#header11 .navbar-nav li a.current {
	color: #ff9320;
}
/*============ Menu Backgrounds ============ */

/* Sticky bg
 ------------------------------ */
#header {
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header2 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: 0px;
	z-index: 999;
	transition: background-color 0.4s ease-out;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#header3 {
	position: relative;
	background: #000;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header4 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: 0px;
	z-index: 999;
	transition: background-color 0.4s ease-out;
}
#header5 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: 0px;
	z-index: 999;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: background-color 0.4s ease-out;
}
#header6 {
	position: relative;
	background: #161616;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header7 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	height: 50px;
	left: 0px;
	margin: 0px;
	top: 0px;
	z-index: 999;
	transition: background-color 0.4s ease-out;
}
#header8 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: 25px;
	z-index: 999;
	transition: background-color 0.4s ease-out;
	background: none;
}
#header8 .menu-bg {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	background-color: #fff;
}
#header9 {
	position: relative;
	background: none;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: -48px;
	z-index: 999;
	transition: background-color 0.4s ease-out;
	background: none;
}
#header9 .menu-bg {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	background-color: #fff;
}
#header10 {
	position: relative;
	padding: 0;
	width: 100%;
	left: 0px;
	margin: 0px;
	top: -48px;
	z-index: 9000;
	transition: background-color 0.4s ease-out;
	background: none;
}
#header10 .menu-bg {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.12);
	background-color: #fff;
}
#header11 {
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	z-index: 999;
	border-bottom:1px solid #eeeeee;
}
.navbar-brand.left-padding {
	padding-left: 20px;
}
.navbar-brand.logo-padding {
	padding: 35px 0 0 20px;
}
.menu-main {
	background: none;
}
.menu-main2 {
	background: none;
}
.menu-main-3 {
	background: none;
}
.navbar-header .logo-box{
	width:200px;
	height:80px;
	padding:0 0 0 20px;
	margin:0px;
	float:left;
	background-color:#ed3325;
	}
.navbar-header .logo-box.big-1{
	width:250px;
	}
.navbar-header .logo-box.big-2{
	width:300px;
	}
.navbar-header .logo-box.big-3{
	width:400px;
	}
.navbar-brand.less-top-padding {
    padding: 16px 0 0;
}	
	
/*============ Topbar Styles ============ */

/* Topbar
 ------------------------------ */
 
.topbar {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0px;
}
.topbar.white {
	background-color: #fff;
	border-bottom: 1px solid #efefef;
}
.topbar.light {
	background-color: #f6f6f6;
}
.topbar.dark {
	background-color: #242424;
}
.topbar.fulldark {
	background-color: #000;
	border-bottom: 1px solid #262626;
}
.topbar.orange2 {
	background-color: #fd602c;
}
	.topbar.blue {
		background-color: #85bb67;
	}
 
.topbar.red2 {
	background-color: #ea3628;
}
.topbar.red-3 {
	background-color: #eb574c;
}
.topbar.pink-2{
background-color: #f51f6f;
}
.topbar.more-padding {
	padding: 20px 0 80px 0;
}
/* Topbar list
 ------------------------------ */
.toplist {
	float: right;
	padding: 0px;
	margin: 0px;
}
.toplist li {
	float: left;
	color: #8d8c8c;
	text-align: right;
	font-size: 14px;
	margin: 0px;
	padding: 0 10px 0 10px;
}
.toplist li.lineright {
	border-right: 1px solid #e4e4e4;
}
.toplist li a {
	color: #8d8c8c;
}
.toplist li a:hover {
	color: #272727;
}
	.toplist li:first-child {
		padding-left: 0px;
	}
	.toplist li:last-child {
		padding-right: 0px;
	}
.toplist.toppadding {
	padding-top: 0px;
}
a.topbar-btn {
	float: left;
	color: #242424;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	border-radius: 2px;
	padding: 5px 15px;
	background-color: #fff;
}
.topbar-padding {
	padding: 8px 0 8px 0;
}
.topbar-left-items {
	float: left;
	margin: 0;
	padding: 0;
	width: 37%;
}
.topbar-middle-logo {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 26%;
	text-align: center;
	background-color: #fd602c;
}
.topbar-middle-logo.no-bgcolor {
	background:none;
}
.topbar-right-items {
	float: left;
	margin: 0;
	padding: 0;
	width: 37%;
}

/* topbar dark list color
 ------------------------------ */
.topbar.dark .toplist li a:hover {
	color: #fff;
}
.topbar.fulldark .toplist li a:hover {
	color: #fff;
}
.topbar.dark .toplist li.lineright {
	border-right: 1px solid #727272;
}
.topbar.fulldark .toplist li.lineright {
	border-right: 1px solid #3a3a3a;
}
/* topbar logo middle
 ------------------------------ */
.topbar-middle-logo.nobg {
	background: none;
}
/* topbar btn
 ------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
	color: #FFF !important;
	background-color: #fd602c;
}

/* topbar pink top list color
 ------------------------------ */
.topbar.pink .toplist li a {
	color: #f51f6f;
}
.topbar.pink .toplist li {
	color: #f51f6f;
}
/* topbar white top list color
 ------------------------------ */
.topbar.white-2 .toplist li a {
	color: #fff;
}
.topbar.white-2 .toplist li {
	color: #fff;
}
/* topbar orange toplist color
 ------------------------------ */
.topbar.orange2 .toplist li {
	color: #fff;
}
.topbar.orange2 .toplist li a {
	color: #fff;
}
.topbar.orange2 .toplist li a:hover {
	color: #242424;
}
/* topbar orange toplist color
 ------------------------------ */
.topbar.blue .toplist li {
	color: #fff;
}
.topbar.blue .toplist li a {
	color: #fff;
}
.topbar.blue .toplist li a:hover {
	color: #242424;
}
/* topbar right items two
 ------------------------------ */
.topbar-right-items.two {
	width: 50%;
}
/*============ Logo ============ */

.logo {
	position: relative;
	float: left;
	text-align: left;
	padding: 20px 0 0 0;
	z-index: 10;
}
.logo.toppadd {
	padding: 5px 0 0 0;
}
/*============ Section Titles ============ */

/* page title
 ------------------------------ */
.section-title {
	font-weight: 400;
}
/* subtitle
 ------------------------------ */
.sub-title {
	width: 48%;
	font-size: 16px;
	margin: 0 auto 70px auto;
}
.sub-title-2 {
	width: 48%;
	font-size: 14px;
	margin: 0 auto 70px auto;
}
.sub-title-left {
	width: 90%;
	font-size: 16px;
	margin-right: 10%;
	float: left;
	margin-bottom: 55px;
}
.sub-title-left-2 {
	width: 90%;
	font-size: 14px;
	margin-right: 10%;
	float: left;
	margin-bottom: 55px;
}
/* Page title style 2
 ------------------------------ */
.section-title-2 {
	font-weight: 400;
	font-size: 28px;
}
.sub-title-2.more-width {
	width: 90%;
}

/* Page title style 3
 ------------------------------ */
.section-title-3 {
	padding: 0 0 20px 0;
	margin: 0px;
	font-weight: 700;
	font-size: 60px;
}
.section-title-3.small {
	font-weight: 700;
	padding: 0 0 10px 0;
	font-size: 30px;
}
/* Page title style 4
 ------------------------------ */
.section-title-4 {
	padding: 10px 0 30px 0;
	margin: 0px;
	font-weight: 100;
	font-size: 70px;
}
/* Page title style 5
 ------------------------------ */
.section-title-5 {
	font-weight: normal;
	font-size: 26px;
}
/* Page title style 6
 ------------------------------ */
.section-title-6 {
	padding:10px 0 0 0;
	margin: 0px;
	font-weight: bold;
	font-size: 60px;
	line-height: 60px;
}
.section-small-title-6 {
	padding:0;
	margin: 0px;
	font-weight: normal;
	font-size: 60px;
}
/* page title 7
 ------------------------------ */
.section-title-7{
     overflow: hidden;
     text-align: center;
	 margin-bottom:50px;
 }
.section-title-7 > span{
    position: relative;
    display: inline-block;
}
.section-title-7 > span:before, .section-title-7 > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
	border-color:#e4e4e4;
}
.section-title-7 > span:before{
    right: 100%;
}
.section-title-7 > span:after{
    left: 100%;
}
.sec-topmargin {
	margin-top: -80px;
}

/* section title small
 ------------------------------ */
.section-title-small {
	padding: 0 0 12px 0;
	margin: 0px;
	font-weight: 400;
	font-size: 20px;
}
.section-title-xsmall {
	padding: 0 0 0 0;
	margin: 0px;
	font-weight: 400;
	font-size: 18px;
}

/* section title lines
 ------------------------------ */
/* title bottom line 3
 ------------------------------ */
 
.title-line-3 {
	width: 90px;
	height: 3px;
	float: left;
	padding: 0px;
	margin: 0 auto 70px auto;
	background-color: #fff;
}

/* title bottom line 4
 ------------------------------ */
.title-line-4 {
	width: 34px;
	height: 2px;
	float: left;
	padding: 0px;
	margin: 0 auto 60px auto;
	background-color: #161616;
}
.title-line-4.less-margin {
	margin: 0 auto 15px auto;
}
.title-line-4.align-center.less-margin {
	margin: 0 auto 15px auto;
}
.title-line-4.align-center {
	width: 34px;
	height: 2px;
	float: none;
	padding: 0px;
	margin: 0 auto 60px auto;
}
/* title bottom line 5
 ------------------------------ */
.title-line-5 {
	width: 100%;
	padding: 0px;
	text-align: center;
	margin: 0 auto 60px auto;
}
.title-line-5.align-left {
	text-align: left;
}
/* title bottom line 6
 ------------------------------ */
.title-line-6 {
	width: 55px;
	height: 2px;
	padding: 0px;
	margin: 0 auto 60px auto;
	background-color: #e9ee42;
}
.title-line-6.align-left {
	float: left;
}
.title-line-6.less-margin {
	margin: 0 auto 40px auto;
}
/* title bottom line 7
 ------------------------------ */
.title-line-7 {
	width: 100%;
	height: 2px;
	float: left;
	padding: 0px;
	margin: 0 auto 20px auto;
	background-color: #ff971c;
}
.title-line-7.less-width {
	width: 20%;
	margin: 0 50% 20px 0;
}

 /* title bottom line 8
 ------------------------------ */
.title-line-8 {
	width: 45px;
	height: 3px;
	padding: 0px;
	margin: 0 auto 20px auto;
	background-color: #fd602c;
}
.title-line-8.left {
	width: 7%;
	float: left;
	margin: 0 93% 0 0;
}
.title-line-8.marginbottom {
	margin: 0 auto 70px auto;
}
.title-line-8.lessmargin {
	margin: 0 auto 40px auto;
}

/* title bottom line 9
 ------------------------------ */
.title-line-9 {
	width: 20%;
	height: 3px;
	float: left;
	padding: 0px;
	margin-right:80%;
	margin-bottom:5%;
	background-color: #ce0a6c;
}
.title-line-9.white {
	background-color: #fff;
}

/* title bottom line 10
 ------------------------------ */
.title-line-10 {
	width:50%;
	padding:20px 0 0 0;
	margin:0 auto 70px auto;
}
.title-line-10.align-left {
	width:50%;
	float:left;
	padding:20px 0 0 0;
	margin:0 50% 70px 0;
}

/* title bottom line colors
 ------------------------------ */

.title-line-8.yellow {
	margin-bottom: 17px;
	background-color: #ffc000;
}
.title-line-8.white {
	margin-bottom: 17px;
	background-color: #fff;
}
.section-title-3.dark {
	color: #000;
}
.title-line-3.dark {
	background-color: #000;
}
.title-line-4.white {
	background-color: #fff;
}
.title-line-4.brown {
	background-color: #8b501f;
}
.title-line-4.green {
	background-color: #a5d549;
}
.title-line-4.orange-3 {
	background-color: #ff971c;
}
.title-line-4.orange-4 {
	background-color: #ff9320;
}
.title-line-4.green-4 {
	background-color: #8ac700;
}
.title-line-4.pink {
	background-color: #f51f6f;
}
.title-line-4.blue {
	background-color: #1fbef0;
}
.title-line-4.stone {
	background-color: #c3a254;
}
.title-line-8.white {
	background-color: #fff;
}
.title-line-8.red2 {
	background-color: #ea3628;
}
.section-title-small.dark {
	color: #000;
}

/* Footer title
 ------------------------------ */
 
.footer-title {
	color: #fff;
	float: left;
}
.footer-title-bottomstrip {
	width: 10%;
	height: 3px;
	margin-right: 95%;
	color: #fff;
	float: left;
	display: block;
	margin-bottom: 40px;
	background-color: #fff;
}
.footer-title-bottomstrip2 {
	width: 34px;
	height: 2px;
	color: #fff;
	float: left;
	display: block;
	margin-bottom: 40px;
	background-color: #fff;
}
.footer-title-bottomstrip.dark {
	background-color: #242424;
}
.footer-title-bottomstrip2.dark {
	background-color: #242424;
}
.footer-title.two {
	color: #242424;
}
/*============ css arrows ============ */

.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fd602c;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.arrow-right {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #fff;
}
/*============ Page Section Styles ============ */

/* section background dark
 ------------------------------ */
.section-dark {
	background-color: #242424;
}
.section-dark.two {
	background-color: #1b1b1b;
}
.section-fulldark {
	background-color: #101010;
}
.section-medium-dark {
	background-color: #161616;
}
/* section background light
 ------------------------------ */
.section-light {
	background-color: #f6f6f6;
}
/* section background orange
 ------------------------------ */
.section-orange {
	background-color: #fd602c;
}
.section-orange-2 {
	background-color: #fd602c;
}
.section-orange-3 {
	background-color: #ff971c;
}
.section-orange-4 {
	background-color: #ff9320;
}
/* section background green
 ------------------------------ */
.section-green {
	background-color: #fd602c;
}
.section-green-2 {
	background-color: #a5d549;
}
.section-green-3 {
	background-color: #a5d549;
}
.section-green-4 {
	background-color: #8ac700;
}
/* section background blue
 ------------------------------ */
.section-blue {
	background-color: #1fbef0;
}
/* section background red
 ------------------------------ */
.section-red {
	background-color: #e93e21;
}
.section-red-5{
	background-color: #ed3325;
}
/* section background yellow
 ------------------------------ */
.section-yellow {
	background-color: #ffc000;
}
.section-yellow-2 {
	background-color: #fcc813;
}
.section-yellow-3 {
	background-color: #f7c800;
}
.section-yellow-4 {
	background-color: #e9b444;
}
.section-yellow-green-2 {
	background-color: #e9ee42;
}
/* section background pink
 ------------------------------ */
.section-pink {
	background-color: #f51f6f;
}
.section-pink-3 {
	background-color: #ce0a6c;
}
/* section background stone
 ------------------------------ */
.section-light-stone {
	background-color: #f8f4ea;
}
/* section background cyan
 ------------------------------ */
.section-cyan {
	background-color: #42d1aa;
}

/* section copyright
 ------------------------------ */
.section-copyrights {
	margin: 0;
	text-align: center;
	background-color: #1a1a1a;
}
.section-copyrights.section-white {
	color: #fff;
	background-color: #dbdc33;
}
.section-copyrights.section-white-2 {
	color: #727272;
	background-color: #fff;
}
.section-copyrights.fulldark {
	color: #727272;
	background-color: #161616;
}
/* section big map
 ------------------------------ */
.section-big-map {
	width: 100%;
	margin: 0;
	text-align: center;
	background: #161616 url(../images/site-img46.png) center 150px no-repeat;
}
/* section pattren 1
 ------------------------------ */
.section-pattren1 {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../images/pattren1.jpg) 0 0 repeat;
}

/* Section Paddings
 ------------------------------ */
.sec-padding {
	padding: 80px 0 80px 0;
}
.sec-bpadding-2 {
	padding-bottom: 80px;
}
.sec-tpadding-2 {
	padding-top: 80px;
}
.sec-tpadding-3 {
	padding-top: 120px;
}
.sec-bpadding-3 {
	padding-bottom: 120px;
}
.sec-tpadding-4 {
	padding-top: 150px;
}
.sec-bpadding-4 {
	padding-bottom: 150px;
}
.sec-bpadding.less-padding {
	padding-bottom: 30px;
}
.section-xmore-padding {
	padding: 150px 0 150px 0;
}
.section-less-padding {
	padding: 50px 0 50px 0;
}
.sec-moreless-padding {
	padding: 30px 0 30px 0;
}
.sec-dummy-top-padding {
	padding-top: 0px;
}
.section-less-padding.top-margin {
	margin-top: -80px;
}

/* default home page Section Paddings
 ------------------------------ */
.sec-padd-default-page {
	padding: 110px 0 110px 0;
}

/*============ Footer Styles ============ */

.footer-logo {
	margin-bottom: 17px;
}
/* Footer Useful Links
 ------------------------------ */
	
.usefull-links {
	padding: 0px;
	margin: 0px;
}
.usefull-links li {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid #2e2e2e;
}
.usefull-links li a {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #727272;
	line-height: 23px;
}
.usefull-links li a:hover {
	color: #fff;
}
.usefull-links li i {
	color: #727272;
	padding: 0 10px 0 0;
}
.usefull-links li:last-child {
	border-bottom:none;
}
.usefull-links.no-border li {
	border-bottom:none;
}
/* useful links 2
 ------------------------------ */
.usefull-links-2 {
	padding: 0px;
	margin: 0px;
}
.usefull-links-2 li {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid #e4e4e4;
}
.usefull-links-2 li a {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #727272;
	line-height: 23px;
}
.usefull-links-2 li a:hover {
	color: #242424;
}
.usefull-links-2 li i {
	color: #727272;
	padding: 0 10px 0 0;
}
.usefull-links-2 li:last-child {
	border-bottom:none;
}
.usefull-links-2.no-border li {
	border-bottom:none;
}
/* useful links 3
 ------------------------------ */
.usefull-links-3 {
	padding: 0px;
	margin: 0px;
}
.usefull-links-3 li {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.usefull-links-3 li a {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #fff;
	line-height: 23px;
}
.usefull-links-3 li a:hover {
	color: #242424;
}
.usefull-links-3 li i {
	color: #fff;
	padding: 0 10px 0 0;
}
.usefull-links-3 li:last-child {
	border-bottom:none;
}
.usefull-links-3.no-border li {
	border-bottom:none;
}
/* Footer Address
 ------------------------------ */
	
.address-info {
	padding: 0px;
	margin: 0px;
}
.address-info li {
	padding: 0px 0px 10px 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #727272;
	line-height: 23px;
	border-bottom: 1px solid #2e2e2e;
}
.address-info li i {
	color: #727272;
	padding: 0 10px 0 0;
}
.address-info li:last-child {
	border-bottom:none;
}
.address-info.no-border li {
	border-bottom:none;
}
/* Footer Address 2
 ------------------------------ */
	
.address-info-2 {
	padding: 0px;
	margin: 0px;
}
.address-info-2 li {
	padding: 0px 0px 10px 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #727272;
	line-height: 23px;
	border-bottom: 1px solid #e4e4e4;
}
.address-info-2 li i {
	color: #727272;
	padding: 0 10px 0 0;
}
.address-info-2 li:last-child {
	border-bottom:none;
}
.address-info-2.no-border li {
	border-bottom:none;
}

/* Footer Address 3
 ------------------------------ */
	
.address-info-3 {
	padding: 0px;
	margin: 0px;
}
.address-info-3 li {
	padding: 0px 0px 10px 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #fff;
	line-height: 23px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.address-info-3 li i {
	color: #fff;
	padding: 0 10px 0 0;
}
.address-info-3 li:last-child {
	border-bottom:none;
}
.address-info-3.no-border li {
	border-bottom:none;
}


/* Footer Tags
 ------------------------------ */	
 
.footer-tags {
	padding: 0px;
	margin: 0px;
}
.footer-tags li {
	padding: 0px;
	margin: 0;
}
.footer-tags li a {
	padding: 5px 15px 5px 15px;
	margin: 0 10px 10px 0;
	float: left;
	color: #727272;
	border: 1px solid #2e2e2e;
}
.footer-tags li a:hover, .footer-tags li a.active {
	border: 1px solid #fd602c;
	color: #fd602c;
}
/* Footer Posts
 ------------------------------ */
.footer-post-info {
	padding: 0px;
}
.footer-post-info span {
	font-size: 13px;
	color: #494747;
	margin-right: 5px;
}
.fo-postimg-inner {
	width: 80px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	float: left;
	border-radius: 100%;
}
.opening-list {
	float: left;
	padding: 0;
	width: 100%;
}
.opening-list li {
	color: #727272;
	float: left;
	padding: 8px 0;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.opening-list li:first-child {
	padding-top: 0px;
}
.opening-list li:last-child {
	border-bottom: none;
}
/* Footer contact info with big icons
 ------------------------------ */	
 
.contact-info-holder {
	position: relative;
	width: 100%;
	padding: 0px;
}
.contact-info-holder .iconbox-xmedium {
	color: #fd602c;
}
.contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
	color: #fff;
	background-color: #fd602c;
}
.contact-info-holder .sideline {
	position: absolute;
	width: 1px;
	height: 115px;
	padding: 0px;
	top: 0px;
	right: 0px;
	background-color: #2e2e2e;
}
.socialicon-holder {
	width: 100%;
	float: left;
	margin-top:15px;
}
.contact-info-holder .first {
	padding: 0 0 0 70px;
	float: left;
}
.socialicon-holder .social-icons-3 li a {
	color: #fff;
	background: none;
	border: 1px solid #3a3a3a;
}
.socialicon-holder .social-icons-3 li a:hover, .socialicon-holder .social-icons-3 li a.active {
	color: #fff;
	background: none;
	border: 1px solid #fd602c;
	background-color: #fd602c;
}
/*============ Parallax Sections ============ */
 	
.parallax-section1 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg1.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section2 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg2.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section1 .box-two-third, .parallax-section2 .box-two-third {
	margin: 0 auto;
}
.parallax-section3 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg3.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section4 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg4.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section5 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg5.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section6 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg6.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section7 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg7.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section8 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg8.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section9 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg9.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section10 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg10.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section11 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg11.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section12 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg12.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section13 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg13.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section14 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg14.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section15 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/parallax-bg15.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/*============ Overlay Styles ============ */
.section-overlay {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 2;
}
.video-overlay {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 2;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 10;
}
/* Overlay opacity styles
 ------------------------------ */
 
.bg-opacity-1 {
	background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-2 {
	background-color: rgba(0, 0, 0, 0.2);
}
.bg-opacity-3 {
	background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-4 {
	background-color: rgba(0, 0, 0, 0.4);
}
.bg-opacity-5 {
	background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-6 {
	background-color: rgba(0, 0, 0, 0.6);
}
.bg-opacity-7 {
	background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-8 {
	background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-9 {
	background-color: rgba(0, 0, 0, 0.9);
}
/* Overlay Background colors
 ------------------------------ */
 /* Background light
 ------------------------------ */
.section-overlay.light {
	background-color: rgba(246, 246, 246, 0.9);
}
 /* Overlay Background dark
 ------------------------------ */
.section-overlay.dark {
	background-color: rgba(0, 0, 0, 0.7);
}
.section-overlay.dark2 {
	background-color: rgba(0, 0, 0, 0.3);
}
.section-overlay.dark3 {
	background-color: rgba(0, 0, 0, 0.9);
}
.section-overlay.dark4 {
	background-color: rgba(0, 0, 0, 0.4);
}
 /* Overlay Background yellow
 ------------------------------ */
.section-overlay.yellow {
	background-color: rgba(255, 192, 0, 0.9);
}
.section-overlay.yellow-2 {
	background-color: rgba(246, 202, 0, 0.6);
}
 /* Overlay Background pink
 ------------------------------ */
.section-overlay.pink-2 {
	background-color: rgba(255, 169, 202, 0.6);
}
 /* Overlay Background violet
 ------------------------------ */
.section-overlay.violet-1 {
	background-color: rgba(183, 102, 221, 0.6);
}
 /* Overlay Background stone
 ------------------------------ */
.section-overlay.stone {
	background-color: rgba(180, 142, 51, 0.8);
}
 /* Overlay Background orange
 ------------------------------ */
.section-overlay.orange-4 {
	background-color: rgba(255, 147, 32, 0.9);
}

 /* Overlay Background orange 2
 ------------------------------ */
.section-overlay.orange-2 {
	background-color: rgba(253, 96, 44, 0.9);
}
.video-overlay.orange-2{
	background-color: rgba(253, 96, 44, 0.5);
}

/*============ Social Links ============ */	

.social-icons-1 {
	width: 100%;
	margin: 30px 0 0 0;
	list-style-type: none;
}
.social-icons-1 li {
	display:inline-block;
}
.social-icons-1 li a {
	font-size: 16px;
	padding: 0 20px 0 0;
	color: #fff;
	display:inline-block;
}
.social-icons-1 li a:hover, .social-icons-1 li a.active {
	color: #fd602c;
}
/* social icons 2
 ------------------------------ */
.social-icons-2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.social-icons-2 li {
	padding: 0px;
	margin: 0px;
	display:inline-block;
	text-align: center;
}
.social-icons-2 li a {
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0 5px 5px 0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 39px;
	display:inline-block;
	background-color: #fd602c;
}
.social-icons-2 li a:hover {
	color: #fff;
	background-color: #161616;
}
.social-icons-1.round li a, .social-icons-2.round li a, .social-icons-3.round li a {
	border-radius:100%;
}
/* social icons 3
 ------------------------------ */

.social-icons-3 {
	margin: 0;
	padding: 0;
	text-align: center;
}
.social-icons-3 li {
	display: inline;
}
.social-icons-3 li a {
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0 5px 5px 0;
	text-align: center;
	font-size: 16px;
	color: #fd602c;
	line-height: 39px;
	display:inline-block;
	border-radius: 100%;
	background-color: #fff;
}
.social-icons-3 li a:hover, .social-icons-3 li a.active {
	color: #fff;
	background-color: #fd602c;
}
/* social icons 3 colors
 -----------------------------------------------*/
 
 /* orange
 -------------------------------*/
.social-icons-3.orange li a {
	color: #fff;
	background-color: #454444;
}
 /* red
 -------------------------------*/
.social-icons-3.red li a {
	color: #fff;
	background-color: #e93e21;
}
 /* orange
 -------------------------------*/
.social-icons-3.orange li a:hover {
	background-color: #fd602c;
}
 /* yellow-green
 -------------------------------*/
.social-icons-3.yellow-green li a {
	color: #fff;
	background-color: #cfcfcf;
}
.social-icons-3.yellow-green li a:hover, .social-icons-3.yellow-green li a.active {
	background-color: #dbdc33;
}
 /* yellow-green-2
 -------------------------------*/
.social-icons-3.yellow-green-2 li a {
	border-radius: 0;
	color: #fff;
	background-color: #454444;
}
 /* yellow-green-3
 -------------------------------*/
.social-icons-3.yellow-green-2 li a:hover {
	color: #161616;
	background-color: #e9ee42;
}
.social-icons-3.yellow-3 li a {
	color: #161616;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.social-icons-3.yellow-3 li a:hover, .social-icons-3.yellow-3 li a.active {
	border: 1px solid #f7c800;
	background-color: #f7c800;
}
 /* brown
 -------------------------------*/
.social-icons-3.brown li a {
	color: #242424;
	background-color: #fff;
}
.social-icons-3.brown li a:hover, .social-icons-3.brown li a.active {
	background-color: #8b501f;
}
 /* white
 -------------------------------*/
.social-icons-3.white li a {
	color: #fff;
	background-color: #454444;
}
.social-icons-3.white li a:hover {
	color: #242424;
	background-color: #fff;
}

 /* dark
 -------------------------------*/
.social-icons-3.dark li a {
	color: #fff;
	background-color: #444444;
}
.social-icons-3.dark li a:hover, .social-icons-3.dark li a.active {
	color: #fff;
	background-color: #dbdc33;
}
 /* dark 2
 -------------------------------*/
.social-icons-3.dark-2 li a {
	color: #fff;
	border: 1px solid #444;
	background-color: #444;
}
.social-icons-3.dark-2 li a:hover, .social-icons-3.dark-2 li a.active {
	color: #242424;
	border: 1px solid #fff;
	background-color: #fff;
}
 /* violet
 -------------------------------*/
.social-icons-3.violet li a {
	color: #a367bf;
	background-color: #fff;
}
.social-icons-3.violet li a:hover, .social-icons-3.violet li a.active {
	background-color: #a367bf;
}
/* social icons blue
 -----------------------------------------------*/
 
.social-icons-3.blue li a {
	color: #242424;
	border:1px solid #e4e4e4;
	border-radius:0;
	background-color: #fff;
}
.social-icons-3.blue li a:hover, .social-icons-3.blue li a.active {
	color:#fff;
	background-color: #1fbef0;
	border:1px solid #1fbef0;
}

/*============ Feature boxs ============ */

/* Feature Box1
 ------------------------------ */
.feature-box1 {
	padding: 0px;
}
.feature-box1:hover .iconbox-tiny, .feature-box1.active .iconbox-tiny {
	color: #fff;
	border: 1px solid #fd602c;
	background-color: #fd602c;
}
/* Feature Box2
 ------------------------------ */
 
.feature-box2 {
	position: relative;
	border-top: 1px solid #F0F0F0;
}
.feature-box2 .content-box {
	position: relative;
	padding: 98px 0 0 0;
}
.feature-box2 .content-box .arrow-left {
	position: absolute;
	left: -48px;
	top: 165px;
	border-right: 20px solid #fff;
}
/* Feature Box3
 ------------------------------ */
 
.feature-box3 {
	position: relative;
	float: left;
}
.feature-box3 .digit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 50px;
	top: 115px;
}
.feature-box3 .iconbox-xlarge {
	position: relative;
	color: #fd602c;
	font-size: 28px;
}
.feature-box3:hover .iconbox-xlarge, .feature-box3.active .iconbox-xlarge {
	color: #fff;
	background-color: #fd602c;
}
.feature-box3:hover .iconbox-xlarge .digit, .feature-box3.active .iconbox-xlarge .digit {
	color: #242424;
	background-color: #fff;
}
/* Feature Box4
 ------------------------------ */
.feature-box4 {
	width: 100%;
	position: relative;
	float: left;
}
.feature-box4 .iconbox-xtiny {
	position: absolute;
	right: 0px;
	top: 203px;
	background-color: #fd602c;
}
.feature-box4:hover h5 {
	color: #fd602c;
}
/* Feature Box5
 ------------------------------ */
 
.feature-box5 {
	width: 100%;
	position: relative;
	padding: 40px;
	float: left;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.feature-box5 {
	margin-bottom: 28px;
}
.feature-box5.two {
	padding: 40px;
}
.feature-box5.two .arrow-down {
	border-top: 20px solid #fff;
	float: left;
	left: 259px;
	position: absolute;
	top: 155px;
	z-index: 3;
	transition: all 0.3s ease-out 0s;
}
/* Hover Styles  --------  */
.feature-box5:hover h4, .feature-box5:hover .icon-plain-msmall, .feature-box5.active h4, .feature-box5.active .icon-plain-msmall {
	color: #fd602c;
}
.feature-box5.two:hover, .feature-box5.two.active {
	background-color: #fd602c;
}
.feature-box5.two:hover .arrow-down, .feature-box5.two.active .arrow-down {
	border-top: 20px solid #fd602c;
}
.feature-box5.two:hover p, .feature-box5.two.active p {
	color: #fff;
}
/* Feature Box6
 ------------------------------ */
.feature-box6 {
	width: 100%;
	position: relative;
	float: left;
}
.feature-box6 .iconbox-left-tiny {
	color: #686868;
	border: 1px solid #4c4c4c;
	background: none;
}
/* Feature Box7
 ------------------------------ */
.feature-box7 {
	width: 100%;
	padding: 40px;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}
.feature-box7 span {
	font-size: 40px;
	color: #242424;
}
.feature-box7:hover .btn, .feature-box7.active .btn {
	color: #fff;
}
.feature-box7:hover, .feature-box7.active {
	color: #fff;
	background-color: #fd602c;
}
.feature-box7:hover span, .feature-box7:hover h4, .feature-box7.active span, .feature-box7.active h4 {
	color: #fff;
}
.feature-box7:hover h4, .feature-box7.active h4 {
	color: #fff;
}
/* Feature Box8
 ------------------------------ */
.feature-box8 {
	width: 100%;
	padding: 0px;
	margin-bottom: 50px;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
.feature-box8 .iconbox-small {
	line-height: 84px;
	color: #fd602c;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}
.feature-box8 .text-left {
	text-align: right;
}
.feature-box8:hover .iconbox-small, .feature-box8.active .iconbox-small {
	line-height: 84px;
	color: #fff;
	background-color: #fd602c;
	border: 1px solid #fd602c;
}
.feature-box8:hover h4, .feature-box8.active h4 {
	color: #fd602c;
}
/* Feature Box9
 ------------------------------ */
.feature-box9 {
	width: 100%;
}
.feature-box9 .iconbox-xlarge {
	color: #fd602c;
}
.feature-box9:hover .iconbox-xlarge, .feature-box9.active .iconbox-xlarge {
	color: #fff;
	background-color: #fd602c;
	border: 1px solid #fd602c;
}
.feature-box9:hover h3, .feature-box9.active h3 {
	color: #fd602c;
}
/* Feature Box10
 ------------------------------ */
.feature-box10 {
	width: 100%;
	padding: 40px;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	transition: all 0.3s ease-out 0s;
}
.feature-box10:hover, .feature-box10.active {
	background-color: #fd602c;
	border: 1px solid #fd602c;
}
.feature-box10:hover .iconbox-small, .feature-box10.active .iconbox-small {
	color: #fff;
	border: 1px solid #fff;
}
.feature-box10:hover h4, .feature-box10:hover p, .feature-box10.active h4, .feature-box10.active p {
	color: #fff;
}
/* Feature Box11
 ------------------------------ */
.feature-box11 {
	width: 100%;
}
.feature-box11 .img-holder {
	width: 146px;
	height: 146px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.feature-box11 .iconbox-xtiny {
	color: #fff;
	background-color: #fd602c;
}
/* Feature Box12
 ------------------------------ */
.feature-box12 {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	border: 1px solid #383838;
}
.feature-box12 {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	border: 1px solid #383838;
}
.feature-box12 .iconbox-small {
	position: absolute;
	top: -50px;
	left: 140px;
}
.feature-box12:hover .iconbox-small, .feature-box12.active .iconbox-small {
	background-color: #fd602c;
}
.feature-box12:hover .read-more.white, .feature-box12.active .read-more.white {
	color: #fd602c;
}
/* Feature Box13
 ------------------------------ */
.feature-box13 {
	width: 100%;
}
.feature-box13 .iconbox-medium {
	background: none;
	color: #5d5c5c;
	border: 1px solid #e4e4e4;
}
.feature-box13:hover .iconbox-medium, .feature-box13.active .iconbox-medium {
	color: #fff;
	background-color: #fd602c;
	border: 1px solid #fd602c;
}

/* Feature Box14
 ------------------------------ */
 
.feature-box14 {
	position: relative;
	width: 100%;
	float: left;
}
.feature-box14 .digit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 45px;
	top: 92px;
	background-color: #fd602c;
}
.feature-box14 .iconbox-small {
	position: relative;
	float: left;
}
/* Feature Box15
 ------------------------------ */
 
.feature-box15 {
	width: 100%;
	float: left;
	padding: 20px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #fd602c;
}
.feature-box15:hover, .feature-box15.active {
	background-color: #fd602c;
}
.feature-box15:hover h4, .feature-box15:hover p, .feature-box15.active h4, .feature-box15.active p {
	color: #fff;
}
/* Feature Box16
 ------------------------------ */
.feature-box16 {
	width: 100%;
}
.feature-box16:hover .iconbox-smedium, .feature-box16.active .iconbox-smedium {
	color: #fff;
	background-color: #fd602c;
}
.feature-box16:hover h4, .feature-box16.active h4 {
	color: #fd602c;
}
/* Feature Box17
 ------------------------------ */
.feature-box17 {
	width: 100%;
	padding: 40px;
	border-radius: 2px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.feature-box17:hover, .feature-box17.active {
	background-color: #fd602c;
}
.feature-box17:hover h4, .feature-box17:hover p, .feature-box17:hover .icon-plain-small, .feature-box17:hover .read-more, .feature-box17.active h4, .feature-box17.active p, .feature-box17.active .icon-plain-small, .feature-box17.active .read-more {
	color: #fff;
}
/* Feature Box18
 ------------------------------ */
.feature-box18 {
	width: 100%;
	padding: 40px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.feature-box18:hover, .feature-box18.active {
	background-color: #242424;
}
.feature-box18:hover h4, .feature-box18.active h4 {
	color: #fff;
}
/* Feature Box19
 ------------------------------ */
.feature-box19 {
	width: 100%;
	padding: 0px;
	margin-bottom: 50px;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
.feature-box19 .iconbox-small {
	line-height: 84px;
	color: #fd602c;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}
.feature-box19:hover .iconbox-small, .feature-box19.active .iconbox-small {
	line-height: 84px;
	color: #fff;
	background-color: #fd602c;
	border: 1px solid #fd602c;
}
.feature-box19:hover h4, .feature-box19.active h4 {
	color: #fd602c;
}
.feature-box19 .image-holder {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}
/* Feature Box20
 ------------------------------ */
.feature-box20 {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	border: 1px solid #383838;
}
.feature-box20 {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
}
.feature-box20 .iconbox-tiny {
	position: absolute;
	top: -35px;
	left: 140px;
}
.feature-box20:hover .iconbox-tiny, .feature-box20.active .iconbox-tiny {
	background-color: #fd602c;
}
.feature-box20:hover .read-more.white, .feature-box20.active .read-more.white {
	color: #fd602c;
}
/* Feature Box21
 ------------------------------ */
.feature-box21 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	min-height: 450px;
	overflow: hidden;
}
.feature-box21 .background-imgholder.img1 {
	background: url(../images/site-img104.jpg) 0 0 no-repeat;
}
.feature-box21 .background-imgholder.img2 {
	background: url(../images/site-img105.jpg) 0 0 no-repeat;
}
.feature-box21 .background-imgholder .overlay {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
}
.feature-box21 .background-imgholder {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	background-position: 50% 50% !important;
	background-size: cover !important;
}
.feature-box21 .text-box {
	position: relative;
	width: 100%;
	z-index: 3;
	padding: 80px;
}
/* Feature Box22
 ------------------------------ */
.feature-box22 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 0;
}
.feature-box22 .iconbox-xlarge {
	color: #fff;
	position: absolute;
}
.feature-box22 .iconbox-xlarge .inner-box {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	background-color: #fd602c;
}
.feature-box22:hover .iconbox-xlarge .inner-box {
	opacity: 1;
}
.feature-box22.margin-bottom {
	margin-bottom: 60px;
}
/* Feature Box23
 ------------------------------ */
 
.feature-box23 {
	width: 100%;
	padding: 40px;
	position: relative;
	float: left;
	transition: all 0.3s ease-out 0s;
}
.feature-box23 .inner {
	width: 140px;
	height: 140px;
	float: left;
	border-radius: 100%;
}
.feature-box23 .digit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 50px;
	top: 115px;
}
.feature-box23 .iconbox-xlarge {
	position: relative;
	color: #fd602c;
	font-size: 28px;
}
.feature-box23:hover, .feature-box23.active {
	background-color: #fd602c;
}
.feature-box23:hover .iconbox-xlarge .digit, .feature-box23.active .iconbox-xlarge .digit {
	color: #242424;
	background-color: #fff;
}
.feature-box23:hover h4, .feature-box23:hover p, .feature-box23.active h4, .feature-box23.active p {
	color: #fff;
}
/*============ Team Section ============ */

/* Team Style 1
 ------------------------------ */
 
.team-box1 {
	padding: 0px;
}
.team-name-holder {
	width: 100%;
	padding: 6px 0;
}
.team-name-holder.bgcolor {
	background-color: #fd602c;
}
.team-box1 .hover-box {
	position: absolute;
	padding: 35px 0;
	margin: 0px;
	top: 320px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 2;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
	top: 150px;
}
.team-box1 .team-member {
	position: relative;
	overflow: hidden;
}
/* Team Style 2
 ------------------------------ */ 	
.team-holder2 {
	width: 100%;
	padding: 0px;
	float: left;
	background-color: #f6f6f6;
	transition: all 0.3s ease-out 0s;
}
.team-holder2 .img-holder {
	position: relative;
	overflow: hidden;
}
.team-holder2 .img-holder .icon-box {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 321px;
	padding: 15px 0;
	z-index: 1;
	background-color: #fd602c;
	transition: all 0.3s ease-out 0s;
}
.team-holder2 .img-holder .icon-box .social-icons-1 {
	margin: 0 0px 0px;
}
.team-holder2 .img-holder .icon-box .social-icons-1 li a:hover, .team-holder2 .img-holder .icon-box .social-icons-1 li a.active {
	color: #242424;
}
.team-holder2 .img-holder .icon-box .social-icons-1 {
	text-align:center;
}


/* Team Hover Styles
 ------------------------------ */

.team-holder2:hover .icon-box, .team-holder2.active .icon-box {
	top: 268px;
}
.team-holder2:hover, .team-holder2.active {
	background-color: #242424;
}
.team-holder2:hover .title, .team-holder2.active .title {
	color: #fff;
}
/* Team Style 3
 ------------------------------ */ 	
.team-holder3 {
	width: 100%;
	padding: 0px;
	float: left;
	margin-bottom: 30px;
	transition: all 0.3s ease-out 0s;
}
.team-holder3 .img-holder {
	position: relative;
	width: 260px;
	height: 260px;
	padding: 14px 0 0 0;
	float: left;
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
	z-index: 2;
	border: 1px solid #eae9e9;
	background-color: #fff;
}
.team-holder3 .img-holder .img-inner {
	width: 230px;
	height: 230px;
	padding: 0;
	margin: 0 0 0 14px;
	float: left;
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
}
.team-holder3 .social-icons-3 li a {
	color: #242424;
}
.team-holder3 .social-icons-3 li a:hover, .team-holder3 .social-icons-3 li a.active {
	color: #fff;
	background-color: #fd602c;
}
.team-holder3 .img-holder .overlay {
	position: absolute;
	width: 230px;
	height: 230px;
	padding: 0;
	float: left;
	left: 15px;
	top: 15px;
	text-align: center;
	border-radius: 100%;
	z-index: 5;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	background-color: rgba(253, 96, 44, 0.9);
}
.team-holder3:hover .img-holder .overlay, .team-holder3.active .img-holder .overlay {
	font-size: 34px;
	line-height: 230px;
	z-index: 5;
	opacity: 1;
	color: #fff;
}
/* Team Style 4
 ------------------------------ */ 	
.team-holder4 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder4 .icon-holder {
	width: 25%;
	padding: 0px;
	float: left;
	margin: 0px;
	min-height: 270px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}

.team-holder4 .icon-holder .social-icons-2 li a {
	color: #7f7f7f;
	background: none;
}
.team-holder4 .icon-holder .social-icons-2 li:first-child {
	margin-top: 45px;
}
.team-holder4:hover .icon-holder, .team-holder4.active .icon-holder {
	background-color: #fd602c;
}
.team-holder4:hover .icon-holder .social-icons-2 li a, .team-holder4.active .icon-holder .social-icons-2 li a {
	color: #fff;
}
.team-holder4:hover h5, .team-holder4.active h5 {
	color: #fd602c;
}
/*============ Price Tables ============ */

.pricetable-holder {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.pricetable-holder .topmargin {
	margin-top: 20px;
}
.pricetable-holder.topmargin2 {
	margin-top: 69px;
}
.pricetable {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
	margin: 20px 0px 0px;
	text-align: center;
	background-color: #fff;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	transition: all 0.3s ease-out 0s;
}
.pricetable.nomargin {
	margin: 0px 0px 0px;
}
.pricetable.first {
	border-left: 1px solid #e9e9e9;
}
.pricetable .title {
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	text-align: center;
	background-color: #242424;
}
.pricetable h2 {
	padding: 0px;
	font-size: 28px;
	font-weight: 600;
	margin: 0px;
	text-align: center;
}
.pricetable .title .price {
	color: #fff;
	font: 14px 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	padding: 8px 0px;
}
.pricetable .title .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable .title .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.pricetable ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.pricetable ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
}
.pricetable ul.plan_features li.highlight {
	background-color: #fff;
}
.pricetable-holder .arrow {
	position: absolute;
	width: 23px;
	height: 20px;
	left: -23px;
	top: 20px;
	background: url(../images/site-img07.png) 0 0 no-repeat;
}
.pricetable-holder .arrow.two {
	left: 291px;
	top: 20px;
	background: url(../images/site-img08.png) 0 0 no-repeat;
}
.pricetable ul.plan_features li.marginbottom {
	margin-bottom: 40px;
}
/* Price Table Hover and Active Styles
 -----------------------------------------------*/
 
.pricetable-holder.active .pricetable {
	background-color: #f6f6f6;
}
.pricetable-holder.active .pricetable ul.plan_features li.highlight {
	background-color: #f6f6f6;
}
.pricetable-holder.active .title {
	background-color: #fd602c;
	padding-bottom: 40px;
	padding-top: 60px;
}
.pricetable-holder.active .title.lesstoppadd {
	padding-top: 40px;
}
.pricetable-holder.active .pricetable ul.plan_features li {
	color: #727272;
	border-bottom: 1px solid #e4e4e4;
}
/* Price Table 2
 -----------------------------------------------*/
 
.pricetable-holder2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.pricetable-holder2 th {
	width: 25%;
	padding: 0px;
	margin: 0px;
}
.pricetable-holder2 th .title-header {
	width: 100%;
	background-color: #242424;
	padding: 20px;
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	float: left;
	text-align: center;
}
.pricetable-holder2 th .title-header.active {
	background-color: #fd602c;
}
.pricetable-holder2 .table > thead > tr > th {
	padding: 0px;
	border: none;
}
.pricetable-holder2 .table > tbody > tr > td {
	padding: 20px;
}
.pricetable-holder2 .table > thead > tr > th {
	vertical-align: middle;
}
.pricetable-holder2 th .price {
	color: #fff;
	font: 14px 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	padding: 8px 0px;
}
.pricetable-holder2 tr td i {
	color: #89be21;
	font-size: 18px;
}
.pricetable-holder2 tr td.red i {
	color: #ff2f16;
}
.pricetable-holder2 th .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder2 th .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.pricetable-holder2 tr:nth-child(even) {
	background: #e9e9e9
}
.pricetable-holder2 tr:nth-child(odd) {
	background: #FFF
}
.pricetable-holder2 th .title-header.first {
	margin-top: 69px;
	border: none;
}
.pricetable-holder2 .table-bordered {
	border: none;
}
.pricetable-holder2 .table-bordered th .title-header.first {
	border-right: 1px solid #e4e4e4;
}
.pricetable-holder2 a.btn2 {
	margin-top: 20px;
}
/* Price Table 3
 -----------------------------------------------*/
 
.pricetable-holder3 {
	width: 100%;
	padding: 10px;
	margin: 0px;
	float: left;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #e5e5e5;
}
.pricetable-holder3 .inner-holder {
	width: 100%;
	padding: 30px;
	margin: 0px;
	float: left;
	transition: all 0.3s ease-out 0s;
	background-color: #f5f5f5;
}
.pricetable-holder3 .title {
	font-size: 28px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	text-align: center;
}
.price-circle {
	width: 140px;
	height: 140px;
	padding: 30px 0 0;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #fff;
}
.price-circle .price {
	color: #242424;
	font: bold 36px/45px "Open Sans", sans-serif;
	padding: 8px 0 0 0;
	text-align: center;
}
.price-circle .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.price-circle .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder3 ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.pricetable-holder3 ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
}
.pricetable-holder3 ul.plan_features li:last-child {
	border-bottom: none;
}
/* hover styles
 -----------------------------------------------*/
.pricetable-holder3:hover, .pricetable-holder3.active {
	border: 1px solid #fd602c;
}
.pricetable-holder3:hover .inner-holder, .pricetable-holder3.active .inner-holder {
	background-color: #fd602c;
}
.pricetable-holder3:hover ul.plan_features li, .pricetable-holder3.active ul.plan_features li {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pricetable-holder3:hover .title, .pricetable-holder3.active .title {
	color: #fff;
}
.pricetable-holder3:hover .btn.btn-border.light, .pricetable-holder3.active .btn.btn-border.light {
	color:#242424;
	background-color:#fff;
	border:1px solid #fff;
}
/*============ Blog Posts ============ */

/* post image holder
 -----------------------------------------------*/
 
.blog-img-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
/* post date boxes
 -----------------------------------------------*/

.post-date-box {
	position: absolute;
	width: 90px;
	height: 90px;
	float: left;
	font-size: 25px;
	color: #fff;
	padding: 22px 0 0 0;
	margin: 0;
	z-index: 2;
	text-align: center;
	background-color: #fd602c;
}
.post-date-box span {
	font-size: 13px;
	color: #fff;
	display: block;
}
.post-date-box .arrow-down {
	position: absolute;
	left: 25px;
	top: 81px;
	float: left;
	z-index: 3;
	border-top: 20px solid #fd602c;
}
/* Date box colors
 -----------------------------------------------*/	
.post-date-box.violet {
	background-color: #fd602c;
}
/* post author image holder
 -----------------------------------------------*/	
 
.post-author-image {
	position: absolute;
	width: 80px;
	height: 80px;
	right: 35px;
	top: 247px;
	float: left;
}
.post-author-image.round {
	border-radius: 100%;
	border: 5px solid #fff;
	text-align: center;
}
/* post info icons
 -----------------------------------------------*/
 
.post-infoicon {
	padding: 3px 12px 3px 12px;
	margin: 0 5px 0 0;
	color: #fff;
	float: left;
	font-size: 12px;
	border-radius: 20px;
	background-color: #fd602c;
}
.post-infoicon.dark {
	background-color: #161616;
}
/* blog holder 1
 -----------------------------------------------*/		
.blog-holder1 {
	width: 100%;
	float: left;
	border: 1px solid #efefef;
	background-color: #fff;
}
.blog-holder1.noborder {
	border: none;
}
.blog-holder1 .post-date-box {
	margin: 30px 0 0 30px;
}
.content-box {
	width: 100%;
	float: left;
	padding: 40px;
}
.content-box.less-pading {
	padding: 30px;
}
.blog-post-info {
	width: 100%;
}
.blog-post-info span {
	font-size: 13px;
	color: #b9b9b9;
	margin-right: 15px;
}
.blog-post-info span.green {
	color: #fd602c;
}
/* blog holder 2
 -----------------------------------------------*/	
.blog-holder2 {
	width: 100%;
	float: left;
	background-color: #fff;
}
.blog-holder2 .text-box {
	width: 100%;
	float: left;
	border-right: 1px solid #e4e4e4;
	padding: 40px;
}
.blog-holder2 .text-box.noborder {
	border-right: none;
}
.blog-holder2 .post-date-box {
	position: static;
	background-color: #fd602c;
}
.blog-holder2.two .post-date-box {
	position: static;
	color: #161616;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.blog-holder2.two .post-date-box span {
	color: #161616;
}
/* blog holder 3
 -----------------------------------------------*/	
.blog-holder3 {
	width: 100%;
	float: left;
	background-color: #fff;
}
.blog-holder3 .blog-img-holder {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
}
.blog-holder3 .blog-img-holder .overlay .post-info {
	float: left;
	margin: 0;
	padding: 142px 0 0 44px;
	width: 100%;
}
.blog-holder3 .blog-img-holder .post-info .post-infoicon {
	z-index: 5;
	margin-right: 8px;
	float: left;
}
.blog-holder3 .blog-img-holder .overlay .content-box {
	float: left;
	margin: 0;
	padding: 70px 0 0 50px;
	width: 100%;
	z-index: 5;
}
.blog-holder3 .blog-img-holder .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0px;
	top: 0px;
	padding: 0;
	float: left;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 10;
}
.blog-holder3 .blog-img-holder .overlay .content-box .blog-post-info span {
	color: #fff;
}
/* blog holder 3 two
 -----------------------------------------------*/	
.blog-holder3.two {
	width: 100%;
	float: left;
	background-color: #fff;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
	float: left;
	margin: 0;
	padding: 274px 0 0 30px;
	width: 100%;
}
/* blog holder 4
 -----------------------------------------------*/	
.blog-holder4 {
	width: 100%;
	float: left;
	transition: all 0.3s ease-out 0s;
	background-color: #f6f6f6;
}
.postinfo-icon-holder {
	float: left;
	margin: 0;
	padding: 0px;
	width: 100%;
}
.blog-holder4 .post-infoicon {
	margin-right: 8px;
	float: left;
}
.blog-holder4:hover, .blog-holder4.active {
	background-color: #242424;
}
.blog-holder4:hover h4, .blog-holder4.active h4 {
	color: #fff;
}
/* blog holder 5
 -----------------------------------------------*/	
.blog-holder5 {
	width: 100%;
	float: left;
}

/*============ Testimonials ============ */

.testimonials-holder {
	width: 100%;
	float: left;
	padding: 40px;
	margin: 0px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.testimonials-holder:hover {
	background-color: #242424;
}
.testimonials-holder:hover h6 {
	color: #fff;
}
.testimonials-holder.two:hover, .testimonials-holder.two.active {
	background-color: #fd602c;
}
.testimonials-holder.two:hover p, .testimonials-holder.two:hover h6, .testimonials-holder.two:hover span, .testimonials-holder.two.active p, .testimonials-holder.two.active span, .testimonials-holder.two.active h6 {
	color: #fff;
}
.testimonials-holder.two .img-inner, .testimonials-holder .img-inner {
	width: 70px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	float: left;
	border-radius: 100%;
}

/* Testimonials Style 2
 -----------------------------------------------*/
 
.testimonials2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
.testimonials2 .textbox {
	position: relative;
	width: 100%;
	padding: 30px;
	margin: 0px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.testimonials2 .textbox .arrow-down {
	position: absolute;
	right: 125px;
	top: 104px;
	border-top: 20px solid #fff;
}
.testimonials2 .imgholder {
	position: relative;
	width: 126px;
	height: 126px;
	padding: 8px;
	margin: 0px;
	border-radius: 100%;
	text-align: center;
	background-color: #fd602c;
	transition: all 0.3s ease-out 0s;
}
.testimonials2 .imgholder .img-inner {
	width: 110px;
	height: 110px;
	padding: 0px;
	margin: 0px;
	border-radius: 100%;
	text-align: center;
}
/* Testimonials Style 3
 -----------------------------------------------*/
 
.testimonials3 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
.testimonials3 .img-holder {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 5px 0 0 5px;
	float: left;
	z-index: 5;
	border-radius: 100%;
	background-color: #ebebeb;
	transition: all 0.3s ease-out 0s;
}
.testimonials3 .img-holder .img-inner {
	width: 110px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-radius: 100%;
}
.testimonials3 .img-holder .arrow-down {
	position: absolute;
	left: 89px;
	top: 94px;
	z-index: 0;
	-ms-transform: rotate(-49deg);
	-webkit-transform: rotate(-49deg);
	transform: rotate(-49deg);
	border-top: 20px solid #ebebeb;
	transition: all 0.3s ease-out 0s;
}
.testimonials3:hover .img-holder, .testimonials3.active .img-holder {
	background-color: #fd602c;
}
.testimonials3:hover .arrow-down, .testimonials3.active .arrow-down {
	border-top: 20px solid #fd602c;
}
/* Testimonials Style 4
 -----------------------------------------------*/
 
.testimonials4 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
.client-img1 {
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	border-radius: 100%;
}
/* Testimonials Style 5
 -----------------------------------------------*/
 
.testimonials5 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left: 35px;
}
.testimonials5 .social-icons-2 li a {
	color: #242424;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.testimonials5 .social-icons-2 li a:hover, .testimonials5 .social-icons-2 li a.active {
	color: #fff;
	border: 1px solid #fd602c;
	background-color: #fd602c;
}

/*============ Footer Newsletter ============ */

.newsletter .email_input {
	background-color: #FFF;
	border: 0px none;
	color: #999;
	float: left;
	font-size: 13px;
	font-weight: normal;
	height: 39px;
	line-height: 39px;
	padding: 0px 7px;
	width: 75%;
}
.newsletter .email_input.dark {
	background-color: #2d2d2d;
	color: #727272;
}
.newsletter .input_submit {
	background-color: #fd602c;
	border: 0px none;
	color: #FFF;
	cursor: pointer;
	float: left;
	height: 39px;
	padding: 0px 20px;
}
.newsletter .input_submit.violet {
	background-color: #fd602c;
}
.newsletter .input_submit.white {
	color: #161616;
	background-color: #fff;
}
.newsletter .input_submit.dark {
	color: #727272;
	background-color: #2d2d2d;
}
.newsletter .input_submit.yellow-green-2 {
	color: #161616;
	background-color: #e9ee42;
}
.newsletter .input_submit.green2 {
	background-color: #fd602c;
}

/*============ Video wrapers ============ */

.video-wrapper {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.video-wrapper video {
	width: 100%;
}
.blog-video-wrapper {
	width: 100%;
	float: left;
}
.blog-video-wrapper iframe {
	width: 100%;
}
.university-video-wrapper {
	width: 100%;
}

/*video padding
 ------------------------------ */
.video-toppadd {
	padding-top: 150px;
}
.video-bopadd {
	padding-bottom: 150px;
}
/*============ Progress bar ============ */

.progressbar-style1 {
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 400;
	letter-spacing: 1px;
	overflow: visible;
	height: 35px;
	color: #fff;
	background: #fff;
	border-radius: 0px;
	box-shadow: none;
	text-transform: uppercase;
}
.progressbar-style1 .progress-bar {
	position: relative;
	overflow: visible;
	background-color: #fd602c;
	font-size: 13px;
	color: #fff;
	padding: 8px 0 0 20px;
	text-align: left;
}
.progressbar-style1 .progress-bar.yellow-3 {
	background-color: #f7c800;
}
.progressbar-style2 {
	margin-top: 10px;
	margin-bottom: 45px;
	font-weight: 400;
	letter-spacing: 1px;
	overflow: visible;
	height: 3px;
	color: #161616;
	background: #ccc;
	border-radius: 0px;
	box-shadow: none;
	text-transform: uppercase;
}
.progressbar-style2 .progress-bar {
	position: relative;
	overflow: visible;
	background-color: #161616;
	font-size: 13px;
	color: #161616;
	padding: 3px 0 0 0;
	text-align: left;
}
.progressbar-style3 {
	margin-top: 10px;
	margin-bottom: 45px;
	font-weight: 400;
	letter-spacing: 1px;
	overflow: visible;
	height: 8px;
	color: #161616;
	background: #fff;
	border-radius: 0px;
	box-shadow: none;
	text-transform: uppercase;
}
.progressbar-style3 .progress-bar {
	position: relative;
	overflow: visible;
	background-color: #e9b444;
	font-size: 13px;
	color: #fff;
	padding: 8px 0 0 0;
	text-align: left;
}
.progressbar-style4 {
	margin-top: 10px;
	margin-bottom: 45px;
	font-weight: 400;
	letter-spacing: 1px;
	overflow: visible;
	height: 8px;
	color: #161616;
	background: #e7e7e7;
	border-radius: 0px;
	box-shadow: none;
	text-transform: uppercase;
}
.progressbar-style4 .progress-bar {
	position: relative;
	overflow: visible;
	background-color: #ff9320;
	font-size: 13px;
	color: #727272;
	padding: 8px 0 0 0;
	text-align: left;
}
/*============ Newsletter ============ */

.email_input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 65px;
	line-height: 39px;
	padding: 0 15px;
	width: 87%;
}
.email_submit {
	background-color: #fff;
	border: 1px solid #fff;
	color: #242424;
	float: left;
	margin: 0px;
	padding: 20px 30px;
	text-transform: uppercase;
	transition: all 0.3s ease-out 0s;
}
.email_submit:hover {
	background-color: #242424;
	border: 1px solid #242424;
	color: #fff;
}
/*============ css progress circles ============ */

.knob {
	display: none;
}
div.demo {
	position: relative;
	text-align: center;
	width: 280px;
	float: left
}
div.demo > p {
	font-size: 20px
}
div.demo .title {
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 40px;
	float: left;
	top: 60px;
}
div.demo .title span {
	text-align: center;
	width: 100%;
	font-size: 20px;
	float: left;
	margin-top: 10px;
}

/*============ Page Scroll to Top ============ */

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 22px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: #fd602c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
	z-index: 999;
}
.scrollup.orange {
	background: #fd602c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.orange2 {
	background: #fd602c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.violet {
	background: #fd602c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.green2 {
	background: #fd602c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.red {
	background: #e93e21 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.yellow {
	background: #ffc000 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.red2 {
	background: #ea3628 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.white {
	border: 1px solid #161616;
	background: #fff url(../images/scroll-top-arrow2.html) no-repeat 15px 16px;
}
.scrollup.yellow-green {
	background: #dbdc33 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.brown {
	background: #8b501f url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.yellow-2 {
	background: #fcc813 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.yellow-green-2 {
	background: #e9ee42 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.yellow-3 {
	background: #f7c800 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.pink {
	background: #f51f6f url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.pink-3 {
	background: #ce0a6c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.orange-3 {
	background: #ff971c url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.orange-4 {
	background: #ff9320 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.dark {
	background: #161616 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.green-3 {
	background: #a5d549 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.green-4 {
	background: #8ac700 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.stone {
	background: #c3a254 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.brown-2 {
	background: #b5854d url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.red-4 {
	background: #f43819 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.red-5 {
	background: #ed3325 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.cyan {
	background: #42d1aa url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.yellow-4 {
	background: #e9b444 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.scrollup.blue {
	background: #1fbef0 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}


/*============ google maps ============ */
.map{
    width: 100%;
    height: 300px;
    border: 1px solid #e4e4e4;
}
.map p{
	margin: 10px;
	color: #333;
}
 
.bmargin.prod-item{width:100%;padding-bottom:10px;border:1px solid #ccc;text-align:center;margin-bottom:20px;}

.flex-caption.container {

    position: absolute;
    width: 100%;
    max-width: 100%;
    top: 35%;

}
.flex-caption h3.title {
    text-align:center; 
    color: white;
    font-size: 50px;
    font-weight: bold; 

}
/*
Template: Hasta
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers
*/


/*
======================================
[ CSS TABLE CONTENT ]
======================================

    [Table of contents]

	1. Gym
	2. Restaurant
	3. Construction
	4. grayscale
	5. Blog 1
	6. Cafe	
	7. Wedding	
	8. Fashion
	9. Mechanic	
	10.Hairsaloon	
	11 Transport	
	12. School
	13. Portfolio
	14. Realestate
	15. Beauty
	16. Law
	17. Shop	
	18. Agency	
	19. charity
	20. University	
	21.Personal	
	22 Medical
	23. Creative
	24. Hosting
	25. Corporate innerpage styles

	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/


/*===============================================
-------------------------------------------------
Gym layout Styles
-------------------------------------------------
================================================*/

/* =========== section top and bottom shapes ============= */
			
.section {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.top-shape1 {
	position: absolute;
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	top: -151px;
	left: 0px;
	z-index: 2;
	background: url(../images/top-shape1.html) center top no-repeat;
}
.top-shape1.white {
	background: url(../../../images/top-shape2.html) center top no-repeat;
}
.top-shape2 {
	width: 100%;
	height: 151px;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 2;
	background: url(../../../images/top-shape2.html) center top no-repeat;
}
.top-shape3 {
	position: absolute;
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	top: -151px;
	left: 0px;
	z-index: 2;
	background: url(../../../images/top-shape2.html) center top no-repeat;
}
.bottom-shape1 {
	position: absolute;
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../../../images/bottom-shape1.html) center top no-repeat;
}
.bottom-shape2 {
	position: absolute;
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../../../images/bottom-shape2.html) center top no-repeat;
}
.bottom-shape3 {
	width: 100%;
	height: 151px;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 5;
	background: url(../../../images/bottom-shape3.html) center top no-repeat;
}
.bottom-shape4 {
	position: absolute;
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../../../images/bottom-shape4.html) center top no-repeat;
}
.bottom-shape5 {
	width: 100%;
	height: 151px;
	padding: 0px;
	margin: 0px;
	background: url(../../../images/bottom-shape1.html) center top no-repeat;
}
.top-shape2.dark {
	background: url(../../../images/top-shape3.html) center top no-repeat;
}
.top-shape2.red {
	background: url(../../../images/top-shape4.html) center top no-repeat;
}
.shape-bpadding2 {
	padding-bottom: 80px;
}
.top-shape2.red2 {
	background: url(../../../images/top-shape5.html) center top no-repeat;
}
/* =========== Header for inner pages ============= */

/*header inner
 ------------------------------ */
.header-inner {
	position: relative;
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 0;
	overflow: hidden
}
.header-inner .overlay {
	position: absolute;
	z-index: 1;
}
.header-inner .inner {
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0px;
	float: left;
	z-index: 3;
}
.header-inner.img1 {
	background: url(../../../images/147.html) center top no-repeat;
}
/*inner page header title
 ------------------------------ */
.header-inner .title {
	padding: 100px 0 0 0;
	margin: 0px;
	font-size: 30px;
	font-weight: 700;
}
/*inner page header title 2
 ------------------------------ */
.header-inner .title-2 {
	padding: 133px 0 0 0;
	margin: 0px;
	font-size: 30px;
	font-weight: 700;
}
.header-inner.two .overlay {
	height: 248px;
}
.header-inner.two {
	height: 248px;
}
.price-big {
	font-size: 26px;
}
.header-inner-2 {
	position: relative;
	width: 100%;
	height: 500px;
	padding: 0px;
	margin: -168px 0 0 0;
	top: 0;
	float: left;
	z-index: 0;
	overflow: hidden
}
.header-inner-2.less-margin {
	height: 400px;
	margin: -81px 0 0 0;
}
.header-inner-2.less-margin-2 {
	margin: -111px 0 0 0;
}
.header-inner.less-margin-2 {
	margin: -111px 0 0 0;
}
.header-inner-2 .overlay {
	position: absolute;
	z-index: 1;
}
.header-inner-2 .inner {
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0px;
	float: left;
	z-index: 3;
}
.header-inner-2 .title {
	padding: 300px 0 0 0;
	margin: 0px;
	font-size: 30px;
	font-weight: 700;
}
.header-inner-2 .title.padding-1 {
	padding-top: 150px;
}
.header-inner.three {
	height: 300px;
}
/* =========== parallax sections ============= */

.parallax-section16 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/131.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section17 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/135.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section18 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/142.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section19 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/164.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* =========== feature boxes ============= */

/* Feature Box24
 ------------------------------ */
 
.feature-box24 {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
	z-index: 0;
}
.feature-box24 .overlay {
	position: absolute;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.2);
}
.feature-box24.two .overlay {
	background-color: rgba(0, 0, 0, 0.3);
}
.feature-box24 .inner {
	padding: 100px 40px 40px 40px;
	position: absolute;
	width: 100%;
	text-align: left;
	margin: 0px;
	z-index: 3;
}
.feature-box24.two .inner {
	padding: 60px 40px 40px 40px;
}
.feature-box24 .inner .but {
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	color: #e93e21;
	text-decoration: underline;
}
.feature-box24 .inner .but:hover {
	color: #fff;
}
/* Feature Box25
 ------------------------------ */ 
.feature-box25 {
	width: 100%;
	float: left;
	padding: 25px;
	min-height: 325px;
	background-color: #e93e21;
}
.feature-box25 .list {
	width: 100%;
	float: left;
	padding: 0;
}
.feature-box25 .list li {
	width: 100%;
	float: left;
	color: #fff;
	padding: 14px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.feature-box25 .list li:last-child {
	border-bottom: none;
}
/* Feature Box26
 ------------------------------ */ 
.feature-box26 {
	width: 100%;
	float: left;
	padding: 0px;
}
.feature-box26 .img-holder {
	width: 100%;
	float: left;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 2px solid #101010;
}
.feature-box26 form select {
	width: 100%;
	padding: 7px;
	border: 1px solid #e4e4e4;
}
.feature-box26 .input {
	width: 100%;
	padding: 7px;
	color: #727272;
	margin-top: 20px;
	border: 1px solid #e4e4e4;
}
/* Feature Box27
 ------------------------------ */ 
.feature-box27 {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
}
/* Price Table 4
 -----------------------------------------------*/
 
.pricetable-holder4 {
	width: 100%;
	padding: 10px;
	margin: 0px;
	float: left;
	border-radius: 2px;
	transition: all 0.3s ease-out 0s;
	border: 2px solid #101010;
}
.pricetable-holder4 .inner-holder {
	width: 100%;
	padding: 30px;
	margin: 0px;
	float: left;
	border-radius: 2px;
	transition: all 0.3s ease-out 0s;
	background-color: #101010;
}
.pricetable-holder4 .title {
	font-size: 28px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	text-align: center;
}
.pricetable-holder4 .price {
	color: #fff;
	font: bold 50px "Open Sans", sans-serif;
	padding: 8px 0 0 0;
	text-align: center;
}
.pricetable-holder4 .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder4 .duration {
	width: 100%;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #3b3b3b;
	font-style: normal;
	font-weight: 500;
}
.pricetable-holder4 ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.pricetable-holder4 ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #3b3b3b;
}
.pricetable-holder4 ul.plan_features li:last-child {
	border-bottom: none;
}
/* hover styles
 -----------------------------------------------*/
.pricetable-holder4:hover, .pricetable-holder4.active {
	border: 2px solid #e93e21;
}
.pricetable-holder4:hover .inner-holder, .pricetable-holder4.active .inner-holder {
	background-color: #e93e21;
}
.pricetable-holder4:hover ul.plan_features li, .pricetable-holder4.active ul.plan_features li {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pricetable-holder4:hover .duration, .pricetable-holder4.active .duration {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pricetable-holder4:hover ul.plan_features li:last-child, .pricetable-holder4.active ul.plan_features li:last-child {
	border-bottom: none;
}
.pricetable-holder4:hover .title, .pricetable-holder4.active .title {
	color: #fff;
}
.pricetable-holder4:hover .btn.btn-dark, .pricetable-holder4.active .btn.btn-dark {
	color: #242424;
	background-color: #fff;
}
/* social big icons
 -----------------------------------------------*/
.socialicon-big {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.socialicon-big li {
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: center;
}
.socialicon-big li a {
	width: 75px;
	height: 75px;
	padding: 0px;
	margin: 0 15px 5px 0;
	text-align: center;
	font-size: 30px;
	color: #242424;
	line-height: 70px;
	float: left;
	border-radius: 100%;
	background-color: #fff;
}
.socialicon-big li a:hover {
	color: #fff;
	background-color: #161616;
}
/* Gym Timetable
 ------------------------------ */
 
/* Feature Box28
 ------------------------------ */ 
.feature-box28 {
	width: 100%;
	float: left;
	padding: 13px 20px 20px 20px;
	margin: 0 0 15px 0;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
}
.feature-box28:hover {
	color: #fff;
	background-color: #e93e21;
	border: 1px solid #e93e21;
}
.feature-box28:hover h5 {
	color: #fff;
}
.seven-cols .col-md-1,  .seven-cols .col-sm-1,  .seven-cols .col-lg-1 {
	width: 14.285714285714285714285714285714%;
}
.five-cols .col-md-1,  .five-cols .col-sm-1,  .five-cols .col-lg-1 {
	width: 20%;
}
/*===============================================
-------------------------------------------------
Restaurant layout Styles
-------------------------------------------------
================================================*/

/* Feature Box31
 ------------------------------ */
.feature-box31 {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
}
.feature-box31 .image-holder {
	position: relative;
}
.feature-box31 .divider-line2 {
	border-bottom: 1px solid #ea3628;
}
.feature-box31 .image-holder .price {
	position: absolute;
	width: 80px;
	height: 80px;
	margin: 0;
	color: #fff;
	top: 204px;
	left: 87px;
	font-size: 20px;
	padding: 0px;
	line-height: 75px;
	font-weight: 600;
	background-color: #ea3628;
}
/* Feature Box32
 ------------------------------ */
.feature-box32 {
	width: 100%;
}
.feature-box32 .iconbox-large {
	color: #ea3628;
	font-size: 30px;
	line-height: 120px;
}
/* Feature Box33
 ------------------------------ */
.feature-box33 {
	width: 100%;
	float: left;
	padding: 0px;
	background-color: #fff;
}
.feature-box33 .image-holder {
	position: relative;
}
.feature-box33 .post-date-box {
	position: absolute;
	left: 97px;
	top: 283px;
	background-color: #ea3628;
}
/* Feature Box34
 ------------------------------ */
.feature-box34 {
	width: 100%;
	float: left;
	padding: 0px;
	border: 1px solid #e4e4e4;
}
.feature-box34 .image-holder {
	width: auto;
	float: left;
}
.feature-box34 .text-box-right {
	padding: 15px 10px 10px 160px
}
/* =========== parallax sections ============= */

.parallax-section21 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/194.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section22 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/196.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section23 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/200.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section24 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/208.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/*============ blog styles ============ */	

.blog-holder7 {
	width: 100%;
	float: left;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
/*============ Reservation Form ============ */	

.res-form-holder {
	width: 100%;
	float: left;
	transition: all 0.3s ease-out 0s;
}
.res-form-holder input {
	width: 100%;
	padding: 10px;
	float: left;
	margin-bottom: 24px;
	border: 1px solid #e4e4e4;
}
.res-form-holder input.half-width {
	width: 48%;
	margin-right: 22px;
}
.res-form-holder input.half-width.last {
	margin-right: 0px;
}
.res-form-holder .btn-res {
	width: 100%;
	padding: 15px;
	margin: 30px 0 0 0;
	color: #fff;
	float: left;
	border-radius: 2px;
	border: none;
	text-transform: uppercase;
	transition: all 0.3s ease-out 0s;
	background-color: #ea3628;
}
.res-form-holder .btn-res:hover {
	background-color: #242424;
}

/*===============================================
-------------------------------------------------
Construction layout Styles
-------------------------------------------------
================================================*/

/*============ feature boxes ============ */

/* Feature Box29
 ------------------------------ */
.feature-box29 {
	width: 100%;
	float: left;
	padding: 0px;
}
.feature-box29 .image-holder {
	position: relative;
	width: 100%;
	float: left;
	padding: 0px;
	z-index: 0;
}
.feature-box29 .post-date-box {
	right: 0px;
	top: 0px;
	background-color: #ffc000;
}
/* =========== parallax sections ============= */

.parallax-section20 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/168.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* Feature Box30
 ------------------------------ */
.feature-box30 {
	width: 100%;
	float: left;
	padding: 0px;
}
.feature-box30 .img-holder {
	width: 120px;
	height: 120px;
	float: left;
	padding: 0px;
	margin: 0px;
	border-radius: 100%;
	transition: all 0.3s ease-out 0s;
	background-color: rgba(255, 255, 255, 0.9);
}
.feature-box30 .img-holder .img-inner {
	width: 110px;
	height: 110px;
	padding: 0px;
	margin: 5px;
	text-align: center;
	border-radius: 100%;
}
.feature-box30 .text-box {
	width: 100%;
	float: left;
	padding: 40px;
	background-color: #fff;
}
.feature-box30 .text-box-right {
	padding: 0 0 0 141px;
}
.feature-box30:hover .img-holder, .feature-box30.active .img-holder {
	background-color: rgba(0, 0, 0, 0.3);
}
/*============ Team Section ============ */
/* Team Style 5
 ------------------------------ */ 	
.team-holder5 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 0;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder5 .image-holder {
	position: relative;
	width: 100%;
	float: left;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
}
.team-holder5 .image-holder img {
	position: relative;
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
}
.team-holder5 .image-holder .hover-box {
	position: absolute;
	width: 100%;
	float: left;
	top: 361px;
	left: 0px;
	padding: 30px;
	margin: 0px;
	z-index: 2;
	transition: all 0.3s ease-out 0s;
	background-color: #ffc000;
}
.team-holder5:hover .image-holder img {
	top: -50px;
}
.team-holder5:hover .image-holder .hover-box {
	top: 135px;
}
/*============ blog styles ============ */	

.blog-holder6 {
	width: 100%;
	float: left;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
.blog-holder6 .image-holder {
	position: relative;
}
.blog-holder6 .image-holder .post-date-box {
	position: absolute;
	top: -10px;
	left: -10px;
	background-color: #ffc000;
}
/*============ page nation ============ */
.pagenation-holder {
	border-bottom: 1px solid #e9e9e9;
	float: left;
	margin: 0;
	padding: 25px 0 10px;
	width: 100%;
}
.pagenation_links a {
	color: #161616;
}
/*===============================================
-------------------------------------------------
grayscale layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section25 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/222.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section26 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/225.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section27 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/239.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section28 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/255.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section29 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/269.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section30 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/294.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* Feature Box35
 ------------------------------ */
.feature-box35:hover .iconbox-xmedium, .feature-box35.active .iconbox-xmedium {
	color: #fff;
	border: 1px solid #161616;
	background-color: #161616;
}
/* Feature Box36
 ------------------------------ */
 
.feature-box36 {
	position: relative;
	float: left;
}
.feature-box36 .digit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 50px;
	top: 115px;
	background-color: #161616;
}
.feature-box36 .iconbox-xlarge {
	position: relative;
	color: #161616;
	font-size: 36px;
	border: 1px solid #888;
}
.feature-box36:hover .iconbox-xlarge, .feature-box36.active .iconbox-xlarge {
	color: #fff;
	background-color: #161616;
	border: 1px solid #161616;
}
/* Feature Box37
 ------------------------------ */
 
.feature-box37 {
	width: 100%;
	padding: 60px;
	margin: 0px;
	float: left;
	background-color: #161616;
}
.feature-box37.middle {
	background-color: #000;
}
/* Feature Box38
 ------------------------------ */
 
.feature-box38 {
	width: 100%;
	position: relative;
	padding: 40px;
	float: left;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
}
.feature-box38:hover {
	background-color: #161616;
	border: 1px solid #161616;
}
/* Feature Box39
 ------------------------------ */
.feature-box39 {
	width: 100%;
}
.feature-box39 .iconbox-xlarge {
	color: #161616;
}
.feature-box39:hover .iconbox-xlarge, .feature-box39.active .iconbox-xlarge {
	color: #fff;
	background-color: #161616;
	border: 1px solid #161616;
}
.feature-box39:hover h3, .feature-box39.active h3 {
	color: #161616;
}
/* Feature Box40
 ------------------------------ */
.feature-box40 {
	width: 100%;
	padding: 0px;
	margin-bottom: 50px;
	transition: all 0.3s ease-out 0s;
}
.feature-box40 .iconbox-small {
	line-height: 84px;
	color: #161616;
	border: 1px solid #e4e4e4;
}
.feature-box40 .text-left {
	text-align: right;
}
.feature-box40:hover .iconbox-small, .feature-box40.active .iconbox-small {
	line-height: 84px;
	color: #fff;
	background-color: #161616;
	border: 1px solid #161616;
}
.feature-box40:hover h4, .feature-box40.active h4 {
	color: #161616;
}
/* Feature Box41
 ------------------------------ */
 
.feature-box41 {
	width: 100%;
	float: left;
	padding: 20px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #e5e5e5;
}
.feature-box41:hover, .feature-box41.active {
	background-color: #161616;
}
.feature-box41:hover h4, .feature-box41.active h4 {
	color: #fff;
}
.feature-box41:hover .icon-plain-medium {
	color: #fff;
}
/* Feature Box42
 ------------------------------ */
.feature-box42 {
	width: 100%;
}
.feature-box42:hover .iconbox-smedium, .feature-box42.active .iconbox-smedium {
	color: #fff;
	border: 1px solid #161616;
	background-color: #161616;
}
.feature-box42 .iconbox-smedium {
	border: 1px solid #e4e4e4;
}
.feature-box42:hover h4, .feature-box42.active h4 {
	color: #161616;
}
/* Feature Box43
 ------------------------------ */
 
.feature-box43 {
	position: relative;
	width: 100%;
	float: left;
}
.feature-box43 .digit {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 45px;
	top: 92px;
	background-color: #161616;
}
.feature-box43 .iconbox-small {
	position: relative;
	float: left;
}
/* Feature Box44
 ------------------------------ */
.feature-box44 {
	width: 100%;
	padding: 40px;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	transition: all 0.3s ease-out 0s;
}
.feature-box44:hover, .feature-box44.active {
	background-color: #161616;
	border: 1px solid #161616;
}
.feature-box44:hover .iconbox-small, .feature-box44.active .iconbox-small {
	color: #fff;
	border: 1px solid #444444;
}
.feature-box44:hover h4, .feature-box44.active h4 {
	color: #fff;
}
/* Feature Box45
 ------------------------------ */
.feature-box45 {
	width: 100%;
}
.feature-box45 .img-holder {
	width: 146px;
	height: 146px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.feature-box45 .iconbox-xtiny {
	color: #fff;
	background-color: #161616;
}
.feature-box46 {
	padding: 0px;
}
.feature-box46:hover .iconbox-tiny, .feature-box46.active .iconbox-tiny {
	color: #fff;
	border: 1px solid #161616;
	background-color: #161616;
}
/* Feature Box47
 ------------------------------ */
.feature-box47 {
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
}
.feature-box47:hover, .feature-box47.active {
	background-color: #161616;
	border: 1px solid #161616;
}
.feature-box47:hover span, .feature-box47:hover h4, .feature-box47.active span, .feature-box47.active h4 {
	color: #fff;
}
/*============ Team Section ============ */
/* Team Style 6
 ------------------------------ */ 	
.team-holder6 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 0;
	background-color: #fff;
	border: 1px solid #161616;
	transition: all 0.3s ease-out 0s;
}
.team-holder6 .image-holder {
	position: relative;
	width: 100%;
	float: left;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
}
.team-holder6 .image-holder img {
	position: relative;
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
}
.team-holder6 .image-holder .hover-box {
	position: absolute;
	width: 66px;
	height: 100%;
	float: left;
	top: 0px;
	right: -70px;
	padding: 30px;
	margin: 0px;
	z-index: 2;
	transition: all 0.3s ease-out 0s;
	background-color: #161616;
}
.team-holder6 .image-holder .hover-box .icons {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.team-holder6 .image-holder .hover-box .icons li {
	padding: 0px;
	margin: 0px;
	float: left;
}
.team-holder6 .image-holder .hover-box .icons li a {
	padding: 0px;
	margin: 0 0 20px 0;
	font-size: 17px;
	color: #fff;
	float: left;
}
/*hover styles*/
.team-holder6:hover, .team-holder6.active {
	background-color: #161616;
}
.team-holder6:hover h4, .team-holder6:hover h6, .team-holder6.active h4, .team-holder6.active h6 {
	color: #fff;
}
.team-holder6 .image-holder .hover-box .icons li a:hover {
	color: #727272;
}
.team-holder6:hover .image-holder img, .team-holder6.active .image-holder img {
	left: -50px;
}
.team-holder6:hover .image-holder .hover-box, .team-holder6.active .image-holder .hover-box {
	right: 0px;
}
/* Team Style 7
 ------------------------------ */ 	
.team-holder7 {
	overflow: hidden;
	max-height: 600px;
	/* [disabled]background-color: #fff; */
}
.team-holder7 .team-member {
	transition: all 0.3s ease-out 0s;
}
.team-holder7 .team-member img {
	transition: all 0.3s ease-out 0s;
}
.team-holder7 .info-box {
	position: relative;
	bottom: 0;
	overflow: hidden;
	padding: 32px 25px 120px;
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder7:hover .info-box {
	border-top: 1px solid #e4e4e4;
	bottom: 100px;
	transition: all 0.3s ease-out 0s;
}
.team-holder7:hover .team-member img {
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease 0s;
}
.team-holder7 .info-box .social-icons {
	text-align: center;
}
.team-holder7 .info-box .social-icons li {
	display: inline;
}
.team-holder7 .info-box .social-icons i {
	color: #242424;
	font-size: 16px;
	margin: 0 15px 0 0;
}
/* Team Style 8
 ------------------------------ */
 
.team-holder8 {
	padding: 0px;
}
.team-holder8 .team-name-holder {
	width: 100%;
	padding: 6px 0;
	float: left;
}
.team-holder8 .team-name-holder.bgcolor {
	background-color: #fff;
}
.team-holder8 .hover-box {
	position: absolute;
	padding: 35px 0;
	margin: 0px;
	top: 320px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 2;
}
.team-holder8:hover .hover-box, .team-holder8.active .hover-box {
	top: 150px;
}
.team-holder8 .image-holder {
	position: relative;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
}
.team-holder8:hover .image-holder, .team-holder8.active .image-holder {
	border: 1px solid #161616;
}
.team-holder8 .social-icons-1 li a:hover, .team-holder8 .social-icons-1 li a.active {
	color: #727272;
}
/* Team Style 9
 ------------------------------ */ 	
.team-holder9 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	text-align: center;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder9 .icon-holder {
	width: 25%;
	padding: 0px;
	float: left;
	margin: 0px;
	min-height: 270px;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder9 .icon-holder .social-icons-2 {
	margin: 0 0 0 14px;
}
.team-holder9 .icon-holder .social-icons-2 li a {
	color: #7f7f7f;
	background: none;
}
.team-holder9 .icon-holder .social-icons-2 li:first-child {
	margin-top: 45px;
}
/* Team Holder 10
 -----------------------------------------------*/
 
.team-holder10 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}

.team-holder10 .social-icons-2 li a {
	color: #242424;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.team-holder10 .social-icons-2 li a:hover, .team-holder10 .social-icons-2 li a.active {
	color: #fff;
	border: 1px solid #161616;
	background-color: #161616;
}
/* Team Style 11
 ------------------------------ */ 	
.team-holder11 {
	width: 100%;
	padding: 0px;
	float: left;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder11 .img-holder {
	position: relative;
	overflow: hidden;
}
.team-holder11 .img-holder .icon-box {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 321px;
	padding: 15px 0;
	z-index: 1;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder11 .img-holder .icon-box .social-icons-1 {
	margin: 0 0px 0px;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder11:hover .icon-box, .team-holder11.active .icon-box {
	top: 268px;
}
.team-holder11:hover, .team-holder11.active {
	background-color: #161616;
}
.team-holder11:hover .title, .team-holder11.active .title {
	color: #fff;
}
.team-holder11:hover .social-icons-1 li a, .team-holder11.active .social-icons-1 li a {
	color: #161616;
}
/*============ blog styles ============ */	

.post-date-box2 {
	width: 90px;
	height: 90px;
	float: left;
	font-size: 25px;
	color: #161616;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;
	text-align: center;
	background-color: #fd602c;
}
.post-date-box2 span {
	font-size: 13px;
	color: #161616;
	display: block;
}
.blog-holder8 .post-date-box2 {
	color: #161616;
	border: 1px solid #161616;
	background-color: #fff;
}
.blog-holder8 .post-date-box2.dark {
	color: #fff;
	border: 1px solid #161616;
	background-color: #161616;
}
.blog-holder8 .post-date-box2.dark span {
	color: #fff;
}
/* blog holder 9
 -----------------------------------------------*/		
.blog-holder9 {
	width: 100%;
	float: left;
	border: 1px solid #efefef;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.blog-holder9 .post-date-box {
	margin: 30px 0 0 30px;
	background-color: #161616;
}
.blog-holder9:hover {
	border: 1px solid #161616;
	background-color: #161616;
}
.blog-holder9:hover h4 {
	color: #fff;
}
/* blog holder 10
 -----------------------------------------------*/	
.blog-holder10 {
	width: 100%;
	float: left;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #e4e4e4;
	background-color: #fff;
}
.blog-holder10 .post-infoicon {
	margin-right: 8px;
	float: left;
}
.blog-holder10:hover, .blog-holder10.active {
	background-color: #161616;
}
.blog-holder10:hover h4, .blog-holder10.active h4 {
	color: #fff;
}
.blog-holder10:hover .post-infoicon {
	background-color: #fff;
	color: #727272;
}
/*============ Testimonials ============ */

/* Testimonials Style 6
 -----------------------------------------------*/
 
.testimonials6 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
.testimonials6 .img-inner {
	width: 110px;
	height: 110px;
	padding: 0px;
	margin: 0px;
	border-radius: 100%;
	text-align: center;
}
/* Tabs
 -----------------------------------------------*/
 
.tab-text-holder {
	width: 100%;
	padding: 60px;
	margin: 0px;
	float: left;
	min-height: 500px;
	border: 3px solid #dfdfdf;
	background-color: #fff;
}
.tab-text-holder.two {
	min-height: 507px;
}
/*============ price table ============ */

/* price table dark style
 -----------------------------------------------*/

.pricetable-holder.two {
	position: relative;
	padding: 0px;
	margin: 0px;
	background-color: #fc4242;
}
.pricetable-holder.two .pricetable {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
	margin: 20px 0px 0px;
	text-align: center;
	background-color: #fff;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	transition: all 0.3s ease-out 0s;
}
.pricetable-holder.two .pricetable.first {
	border-left: 1px solid #e9e9e9;
}
.pricetable-holder.two .pricetable .title {
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	color: #161616;
	text-align: center;
	/*border-bottom: 1px solid #e9e9e9;*/
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.pricetable-holder.two .pricetable .title h2 {
	color: #161616;
}
.pricetable-holder.two .pricetable .title .price {
	color: #161616;
}
.pricetable-holder.two .pricetable .title .price sup {
	color: #161616;
}
.pricetable-holder.two .pricetable .title .price i {
	color: #161616;
}
.pricetable-holder.two .pricetable ul.plan_features {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 50px 0;
}
.pricetable-holder.two .pricetable ul.plan_features li {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
}
.pricetable-holder.two .pricetable ul.plan_features li:last-child {
	border-bottom: none;
}
.pricetable-holder.two .pricetable ul.plan_features li.highlight {
	background-color: #fff;
}
/* Price Table Hover and Active Styles
 -----------------------------------------------*/
.pricetable-holder.two.active .pricetable .title {
	border-bottom: 1px solid #161616;
	background-color: #161616;
}
.pricetable-holder.two.active .pricetable {
	border-bottom: 1px solid #161616;
	background-color: #161616;
}
.pricetable-holder.two.active .pricetable ul.plan_features li {
	border-bottom: 1px solid #444444;
	background-color: #161616;
}
.pricetable-holder.two.active .pricetable .title h2, .pricetable-holder.two.active .pricetable .title .price, .pricetable-holder.two.active .pricetable .title .price sup, .pricetable-holder.two.active .pricetable .title .price i {
	color: #fff;
}
.pricetable-holder.two.active .pricetable ul.plan_features li:last-child {
	border-bottom: none;
}
.pricetable-holder.two.active .pricetable .btn.btn-border-13 {
	color: #fff;
	border: 1px solid #444444;
}
/*============ Testimonials ============ */

.testimonials7 {
	width: 100%;
	float: left;
	padding: 40px;
	margin: 0px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.testimonials7:hover {
	background-color: #242424;
}
.testimonials7:hover h6 {
	color: #fff;
}
.testimonials7.two:hover {
	background-color: #161616;
}
.testimonials7.two:hover h6, .testimonials7.two:hover span {
	color: #fff;
}
.testimonials7.two .img-inner, .testimonials7 .img-inner {
	width: 70px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	float: left;
	border-radius: 100%;
}
/*===============================================
-------------------------------------------------
Blog 1 layout Styles
-------------------------------------------------
================================================*/

/* =========== Body Main bg ============= */

/* blog1 main background
 ------------------------------ */
 
.main-bg-1 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	background-attachment: scroll;
	background-position: top;
	background: url(../../../images/mainbg-2.html) fixed top no-repeat;
}
/* blog1 top header title
 ------------------------------ */
 
.header-title-box {
	width: 100%;
	padding: 150px 0;
	margin: 0px;
	float: left;
}
.header-title-box .title {
	font-size: 80px;
}
/* blog1 post holder
 ------------------------------ */	
.blog1-post-holder {
	width: 100%;
	padding: 0px;
	margin: 0 0 30px 0;
	float: left;
	background-color: #fff;
}
.blog1-post-holder.padding {
	padding: 40px;
}
.blog1-post-holder .image-holder {
	position: relative;
	z-index: 0;
}
.blog1-post-holder .image-holder .post-info {
	position: absolute;
	padding: 12px 20px;
	margin: 0px;
	float: left;
	z-index: 1;
	bottom: 0px;
	background-color: #dbdc33;
}
.blog1-post-holder .image-holder .post-info.two {
	bottom: 49px;
}
.blog1-post-holder .image-holder .post-info.three {
	bottom: -40px;
}
.blog1-post-holder .image-holder .post-info span {
	color: #fff;
	font-size: 14px;
	margin-right: 10px;
}
.blog1-post-holder .image-holder .post-info span i {
	margin-right: 10px;
}
/* blog1 sidebar box
 ------------------------------ */
 
.blog1-sidebar-box {
	width: 100%;
	padding: 0px;
	margin: 0 0 30px 0;
	float: left;
	background-color: #fff;
}
/* blog1 sidebar social links
 ------------------------------ */
.blog1-social-icons {
	width: 100%;
	margin: 0;
	padding: 0px;
	display:inline-block;
	list-style-type: none;
}
.blog1-social-icons li {
	display:inline;
}
.blog1-social-icons li a {
	width: 40px;
	height: 40px;
	font-size: 16px;
	padding: 0;
	margin: 0 10px 0 0;
	color: #242424;
	display:inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	border: 1px solid #e4e4e4;
}
.blog1-social-icons li a:hover {
	color: #fff;
	border: 1px solid #dbdc33;
	background-color: #dbdc33;
}
/* blog1 sidebar input search
 ------------------------------ */ 
.blog1-sidebar-serch_input {
	border: 1px solid #d9d9d9;
	border-width: 1px 0 1px 1px;
	color: #161616;
	float: left;
	font-size: 13px;
	font-weight: normal;
	height: 40px;
	line-height: 39px;
	padding: 0 7px;
	width: 70%;
}
.blog1-sidebar-serch_input.dark {
	color: #ccc;
	border: 1px solid #444444;
	background-color: #444444;
}
.blog1-sidebar-serch-submit {
	background-color: #fff;
	border: 1px solid #d9d9d9;
	float: left;
	height: 40px;
	margin: 0;
	padding: 5px 10px;
}
.blog1-sidebar-serch-submit.dark {
	color: #ccc;
	border: 1px solid #161616;
	background-color: #161616;
}
/* blog1 sidebar latest posts
 ------------------------------ */ 
.blog1-sidebar-posts {
	width: 100%;
	padding: 0px;
	margin: 0 0 25px 0;
	float: left;
}
.blog1-sidebar-posts .post-info {
	font-size: 12px;
	color: #cecece;
}
.blog1-post-info {
	font-size: 12px;
	color: #cecece;
}
.blog1-sidebar-posts:hover h6, .blog1-sidebar-posts.active h6 {
	color: #dbdc33;
}

/* blog1 Author info box
 ------------------------------ */
.blog1-post-info-box {
	width: 100%;
}
.blog1-post-info-box.less-width {
	width: 90%;
}
a.loadmore-but {
	background-color: #dbdc33;
	border-radius: 2px;
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: 600;
	margin: 40px 0;
	padding: 20px 15px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	transition: all 0.3s ease-out 0s;
}
a.loadmore-but:hover {
	background-color: #e7e7e7;
}
a.loadmore-but.orange-2 {
	background-color: #fd602c;
}
a.loadmore-but.orange-2:hover {
	background-color: #242424;
}


/* =========== Blog2 header ============= */
.blog2-header-box {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.blog2-header-box .title {
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #fff;
	text-align: center;
}
.blog2-header-box .image-holder {
	position: relative;
	z-index: 0;
}
.blog2-header-box .image-holder .text-box {
	position: absolute;
	z-index: 1;
	text-align: center;
}
.blog2-header-box .image-holder .text-box .title {
	text-decoration: underline;
	color: #fff;
	margin-bottom: 10px;
}
.blog2-header-box .image-holder .text-box.top-padding {
	padding-top: 200px;
}
.blog2-header-box .image-holder .text-box .post-info span {
	font-size: 16px;
	color: #fff;
	margin-right: 20px;
}
.blog2-header-box .image-holder .text-box .post-info i {
	padding-right: 10px;
}
/* =========== blockquotes ============= */

blockquote.style1 {
	padding: 8px;
	margin: 5px;
	font-size: 14px;
	border-left: none;
	background-image: url(../../../images/openquote1.html);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
}
blockquote.style1 span {
	display: block;
	background-image: url(../../../images/closequote1.html);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/* =========== blockquotes ============= */

blockquote.style1 {
	padding: 8px;
	margin: 5px;
	font-size: 14px;
	border-left: none;
	background-image: url(../../../images/openquote1.html);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
}
blockquote.style1 span {
	display: block;
	background-image: url(../../../images/closequote1.html);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/*===============================================
-------------------------------------------------
Cafe layout Styles
-------------------------------------------------
================================================*/

/* =========== Header logo ============= */

.logo-holder {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	top: 75px;
	float: left;
	text-align: center;
	z-index: 5;
}
.top-minus-margin {
	margin: -200px 0 0 0;
}
/* =========== parallax sections ============= */

.parallax-section31 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/326.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section32 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/336.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section33 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/341.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section34 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/349.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* =========== cafe special menu ============= */

.special-menu-holder {
	width: 90%;
	padding: 0px;
	margin: 0px;
	float: left;
	background-color: #fff;
}
.price-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.price-list li {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	border-bottom: 1px solid #edecec;
}
.price-list li:last-child {
	border-bottom: none;
}
.price-list li span.item {
	float: left;
	text-align: left;
}
.price-list li span.price {
	float: right;
	text-align: right;
}
.price-list li span.line {
	font-size: 15px;
	line-height: 41px;
	color: #e4e4e4;
}
/* Feature Box48
 ------------------------------ */
.feature-box48 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.feature-box48 .icon {
	width: 135px;
	height: 135px;
	border-radius: 100%;
	margin: 0 auto 15px auto;
	border: 1px solid #e4e4e4;
	line-height: 60px;
	transition: all 0.3s ease-out 0s;
	background: #fff url(../../../images/328.html) center center no-repeat;
}
.feature-box48:hover .icon {
	border: 1px solid #e4e4e4;
	border: 1px solid #8b501f;
	background: #8b501f url(../../../images/329.html) center center no-repeat;
}
.feature-box48:hover h5, .feature-box48.active h5 {
	color: #8b501f;
}
.feature-box48 .icon.two {
	background: #fff url(../../../images/330.html) center center no-repeat;
}
.feature-box48:hover .icon.two {
	background: #8b501f url(../../../images/331.html) center center no-repeat;
}
.feature-box48 .icon.three {
	background: #fff url(../../../images/332.html) center center no-repeat;
}
.feature-box48:hover .icon.three {
	background: #8b501f url(../../../images/333.html) center center no-repeat;
}
.feature-box48 .icon.four {
	background: #fff url(../../../images/334.html) center center no-repeat;
}
.feature-box48:hover .icon.four {
	background: #8b501f url(../../../images/335.html) center center no-repeat;
}
.feature-box48:hover .icon.three, .feature-box48.active .icon.three {
	border: 1px solid #e4e4e4;
	border: 1px solid #8b501f;
	background: #8b501f url(../../../images/329.html) center center no-repeat;
}
/*============ blog styles ============ */	

.blog-holder11 {
	width: 100%;
	float: left;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
/*============ testimonials ============ */	

/* Testimonials Style 8
 -----------------------------------------------*/
 
.beans-bg-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url(../../../images/337.html) center top no-repeat;
}
.testimonials8 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.3s ease-out 0s;
}
/*===============================================
-------------------------------------------------
Wedding layout Styles
-------------------------------------------------
================================================*/

.small-line {
	width: 30%;
	height: 1px;
	background-color: #fcc813;
	margin: 0 auto;
}
.small-line.align-left {
	width: 30%;
	height: 1px;
	background-color: #fcc813;
	margin-right: 70%;
}
/* =========== parallax sections ============= */

.parallax-section35 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/380.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/*===============================================
-------------------------------------------------
Fashion layout Styles
-------------------------------------------------
================================================*/

/* Feature Box49
 ------------------------------ */
.feature-box-49 {
	width: 100%;
	padding: 0px;
	margin: 0 0 30px 0;
	float: left;
	border-top: 1px solid #e9ee42;
}
.feature-box-49 .iconbox-xlarge {
	background-color: #e9ee42;
}
.feature-box-49:hover h4, .feature-box-49.active h4 {
	color: #e9ee42;
}
/* =========== parallax sections ============= */

.parallax-section36 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/382.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* Feature Box50
 ------------------------------ */
.feature-box-50 {
	width: 100%;
}
.feature-box-50 .iconbox-xtiny {
	color: #242424;
	background-color: #e9ee42;
}
/* Feature Box51
 ------------------------------ */
.feature-box-51 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.feature-box-51 .image-holder {
	position: relative;
	z-index: 0;
}
.feature-box-51 .image-holder .hover-box {
	position: absolute;
	width: 90%;
	height: 90%;
	z-index: 1;
	left: 5%;
	top: 5%;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #e9ee42;
}
.feature-box-51:hover .image-holder .hover-box, .feature-box-51.active .image-holder .hover-box {
	opacity: 1;
	transition: all 0.3s ease-out 0s;
}
/* Feature Box52
 ------------------------------ */
.feature-box52 {
	width: 100%;
	padding: 20px;
	float: left;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
	transition: all 0.3s ease-out 0s;
}
.feature-box52.two {
	border: none;
	background-color:#f6f6f6;
}
/* Feature Box53
 ------------------------------ */
.feature-box53 {
	width: 100%;
	padding: 0px;
	float: left;
}
.feature-box53 .post-date-box {
	color: #242424;
	top: 60px;
	background-color: #e9ee42;
}
.feature-box53 .post-date-box.green-3 {
	color:#fff;
	background-color: #a5d549;
}
.feature-box53 .post-date-box.green-3 span {
	color:#fff;
}
.feature-box53 .post-date-box span {
	color: #242424;
}
.feature-box53.left-padding {
	padding-left: 40px;
}
/* Feature Box54
 ------------------------------ */
.feature-box54 {
	width: 100%;
	padding: 50px;
	float: left;
	min-height: 585px;
	background-color: #101010;
	border: 1px solid #101010;
}
/*============ Team Section ============ */
/* Team Style 12
 ------------------------------ */ 	
.team-holder12 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 0;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder12 .image-holder {
	position: relative;
	width: 100%;
	float: left;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
}
.team-holder12 .image-holder img {
	position: relative;
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
}
.team-holder12 .image-holder .hover-box {
	position: absolute;
	width: 100%;
	float: left;
	top: 361px;
	left: 0px;
	padding: 30px;
	margin: 0px;
	z-index: 2;
	color: #161616;
	transition: all 0.3s ease-out 0s;
	background-color: #e9ee42;
}
.team-holder12:hover .image-holder img {
	top: -50px;
}
.team-holder12:hover .image-holder .hover-box {
	top: 180px;
}
.team-holder12.two .image-holder .hover-box {
	background-color: #ff971c;
}
/*===============================================
-------------------------------------------------
Mechanic layout Styles
-------------------------------------------------
================================================*/

/* Feature Box55
 ------------------------------ */
.feature-box55 {
	position: relative;
	width: 100%;
	padding: 0px;
	float: left;
	z-index: 0;
}
.feature-box55 .text-holder {
	position: absolute;
	width: 100%;
	padding: 80px 40px 40px 40px;
	float: left;
	z-index: 1;
}
.feature-box55 .text-holder .title-1 {
	font-size: 36px;
}
.feature-box55 .text-holder .title-2 {
	font-size: 50px;
	font-weight: bold;
}
/* Feature Box56
 ------------------------------ */
.feature-box56 {
	position: relative;
	width: 100%;
	padding: 0px;
	float: left;
	z-index: 0;
}
.feature-box56 .offer-badge {
	position: absolute;
	width: 106px;
	height: 106px;
	padding: 0px;
	float: left;
	z-index: 1;
}
.feature-box56 .offer-badge .text {
	position: absolute;
	width: 100%;
	color: #161616;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	padding: 30px 0 0 0;
	float: left;
	z-index: 2;
}
/* Feature Box57
 ------------------------------ */
.feature-box57 {
	width: 100%;
	padding: 40px;
	float: left;
	background-color: #f7c800;
}
.feature-box57 form select {
	width: 100%;
	padding: 7px;
	border: 1px solid #f7c800;
}
.feature-box57 form select.margin-top {
	margin-top: 20px;
}
.feature-box57 .input {
	width: 100%;
	padding: 7px;
	color: #727272;
	margin-top: 20px;
	border: 1px solid #f7c800;
}
/* Feature Box58
 ------------------------------ */
.feature-box58 {
	width: 100%;
	padding: 40px;
	float: left;
	border: 1px solid #e4e4e4;
}
.price-list {
	width: 100%;
	padding: 40px;
	float: left;
	border: 1px solid #e4e4e4;
}
/* =========== parallax sections ============= */

.parallax-section37 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/404.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section38 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/411.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/*===============================================
-------------------------------------------------
Hairsaloon layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section39 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/428.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section40 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/437.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section41 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/441.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* Feature Box59
 ------------------------------ */
.feature-box59 {
	width: 100%;
	float: left;
	padding: 0px;
}
.feature-box59 .image {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	margin: 0 auto;
	text-align: center;
}
/* Feature Box60
 ------------------------------ */
.feature-box60 {
	width: 100%;
	float: left;
	padding: 0px;
}
.social-icons.align-left li {
	display: inline;
}
.social-icons.align-left i {
	color: #242424;
	font-size: 16px;
	margin: 0 15px 0 0;
}
/* footer
 ------------------------------ */
.footer-holder {
	width: 100%;
	padding: 0px;
}
.footer-holder .flogo {
	margin: 0 auto;
	padding-left: 100px;
}
.footer-holder .social-icons-3 {
	margin-top:20px;
	width: 100%;
}
.footer-holder .social-icons-3 li a {
	color: #fff;
	background-color: #161616;
}
.footer-holder .social-icons-3 li a:hover {
	background-color: #f51f6f;
}
.footer-holder .social-icons-3.red li a:hover {
	background-color: #ed3325;
}
/*===============================================
-------------------------------------------------
Transport layout Styles
-------------------------------------------------
================================================*/

/* dotted map
 ------------------------------ */
.dotted-map {
	width: 100%;
	padding: 0px;
	float: left;
	background: url(../../../images/444.html) center 250px no-repeat;
}
/* Feature Box61
 ------------------------------ */
.feature-box61 {
	float: left;
	padding: 0;
	width: 100%;
}
.feature-box61 .text {
	margin: 0;
	padding: 40px 40px 40px;
	position: absolute;
	text-align: left;
	width: 100%;
	z-index: 3;
}
.feature-box61 .image-holder {
	position: relative;
	z-index: 1;
}
/* Feature Box62
 ------------------------------ */
.feature-box62 {
	position: relative;
	float: left;
	padding: 0;
	width: 100%;
}
.feature-box62 .text {
	margin: 0;
	padding: 30px;
	position: absolute;
	text-align: left;
	width: 100%;
	z-index: 3;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
}
.feature-box62 .image-holder {
	position: relative;
	z-index: 1;
}
.feature-box62 .post-date-box {
	background-color: #ff971c;
	left: 20px;
	top: 20px;
}
.small-line-2 {
	width: 45px;
	height: 1px;
	float: left;
	margin: 15px 5px 0 0;
	background-color: #ff971c;
}
/* =========== parallax sections ============= */

.parallax-section42 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/448.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section42 .title1 {
	font-size: 90px;
	line-height: 90px;
}
.parallax-section43 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/449.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section44 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/451.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section44 .title1 {
	font-size: 50px;
	line-height: 90px;
}
/*===============================================
-------------------------------------------------
School layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section45 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/468.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section46 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../images/482.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* =========== cloud shapes ============= */

.cloud-pattren {
	position: absolute;
	width: 100%;
	height: 35px;
	padding: 0px;
	margin: 0px;
	top: -15px;
	left: 0px;
	z-index: 2;
	background: url(../../../images/469.html) center top no-repeat;
}
.cloud-pattren2 {
	position: absolute;
	width: 100%;
	height: 35px;
	padding: 0px;
	margin: 0px;
	bottom: -15px;
	left: 0px;
	z-index: 2;
	background: url(../../../images/469.html) center top no-repeat;
}
.footer-cloud-shape {
	position: absolute;
	width: 100%;
	height: 125px;
	padding: 0px;
	margin: 0px;
	top: -15px;
	left: 0px;
	z-index: 2;
	background: url(../images/478.html) center top no-repeat;
}
/* Feature Box63
 ------------------------------ */
.feature-box63 {
	float: left;
	padding: 0;
	width: 100%;
}
.feature-box63 .iconbox-large {
	border: 1px solid #69c4ef;
	color: #69c4ef;
}
.feature-box63 .title-color-1 {
	color: #69c4ef;
}
.feature-box63 .iconbox-large.two {
	border: 1px solid #c591ec;
	color: #c591ec;
}
.feature-box63 .title-color-2 {
	color: #c591ec;
}
.feature-box63 .iconbox-large.three {
	border: 1px solid #ffc446;
	color: #ffc446;
}
.feature-box63 .title-color-3 {
	color: #ffc446;
}
.feature-box63 .iconbox-large.four {
	border: 1px solid #a2d052;
	color: #a2d052;
}
.feature-box63 .title-color-4 {
	color: #a2d052;
}
/* Feature Box64
 ------------------------------ */
.feature-box64 {
	float: left;
	padding: 25px;
	width: 100%;
	border-radius: 2px;
}
.feature-box64.bg-color-1 {
	background-color: #9c78b1;
}
.feature-box64.bg-color-2 {
	background-color: #57c2ff;
}
.feature-box64.bg-color-3 {
	background-color: #ff9834;
}
.feature-box64 .image-holder {
	position: relative;
	z-index: 0;
}
.feature-box64 .image-holder .date-shape {
	position: absolute;
	z-index: 1;
	width: 130px;
	height: 90px;
	float: left;
	bottom: -35px;
	padding: 11px 0 0 0;
	background: url(../images/471.html) 0 0 no-repeat;
}
.feature-box64 .text-color-1 {
	color: #cbe2ef;
}
.feature-box64 .text-color-2 {
	color: #cbe2ef;
}
.feature-box64 .text-color-3 {
	color: #ffd4ab;
}
/* Feature Box65
 ------------------------------ */
.feature-box65 {
	float: left;
	padding: 40px;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
}
/* Team Style 7 two
 ------------------------------ */ 	
.team-holder7.two {
	overflow: hidden;
	max-height: 490px;
	background-color: #fff;
}
.team-holder7.two:hover .info-box {
	bottom: 150px;
}
/*full width buttons
 ------------------------------ */ 	
.full-btn-1 {
	width: 100%;
	padding: 20px 0;
	margin: 0 0 9px 0;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.full-btn-1.bg-color-1 {
	background-color: #ffd202;
}
.full-btn-1.bg-color-1:hover {
	color: #fff;
	background-color: #ffc002;
}
.full-btn-1.bg-color-2 {
	background-color: #ff6fba;
}
.full-btn-1.bg-color-2:hover {
	color: #fff;
	background-color: #ef4ba0;
}
.full-btn-1.bg-color-3 {
	background-color: #45daff;
}
.full-btn-1.bg-color-3:hover {
	color: #fff;
	background-color: #2fc6eb;
}
.full-btn-1.bg-color-4 {
	border-radius:2px;
	background-color: #ce0a6c;
}
.full-btn-1.bg-color-4:hover {
	color: #fff;
	background-color: #242424;
}
/* =========== Classes table ============= */

.classes-table-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.classes-table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.classes-table table {
	width: 100%;
	border-collapse: collapse;
}
.classes-table tr:nth-of-type(odd) {
	background: #f6f6f6;
}
.classes-table tr:nth-of-type(even) {
	background: #fff;
}
.classes-table th {
	background: #eb574c;
	color: white;
	font-weight: bold;
}
.classes-table td, th {
	padding: 20px;
	color: #242424;
	border: 1px solid #e4e4e4;
	text-align: left;
}

/*===============================================
-------------------------------------------------
Portfolio layout Styles
-------------------------------------------------
================================================*/


/* Portfolio main background
 ------------------------------ */
 
.main-bg-2{
	position:relative;
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	top:-150px;
	background-attachment: scroll;
	background-position: top;
	background: url(../images/mainbg-1.html) fixed top no-repeat;
	}
	
/* blog1 top header title
 ------------------------------ */
 
.header-title-box-2 {
	width: 100%;
	padding: 100px 0;
	margin: 0px;
	float: left;
}
.header-title-box-2 .title {
	font-size: 80px;
	font-weight:600;
	padding:220px 0 0 0;
	line-height:80px;
}

/*===============================================
-------------------------------------------------
Realestate layout Styles
-------------------------------------------------
================================================*/

.call-us-box {
	padding:5px 20px;
	margin: 0px;
	float: left;
	color:#fff;
	border-radius:20px;
	background-color:#a5d549;
}
.property-search {
	width:100%;
	padding:40px 0;
	margin: 0px;
	float: left;
	color:#fff;
	background-color:#a5d549;
}
.property-search input {
	width:100%;
	color:#727272;
	font-size:14px;
	padding:6px;
	border:none;
}
.property-search select {
	width:100%;
	color:#727272;
	font-size:14px;
	padding:6px;
	border:none;
}
.property-search label {
	color:#fff;
	font-size:14px;
	border:none;
	font-weight:normal;
}
.property-search .search-btn {
	height:38px;
	padding:0px;
	width:100%;
	color:#fff;
	float:left;
	border:none;
	transition: all 0.3s ease-out 0s;
	background-color:#161616;
}
.property-search .search-btn:hover {
	color:#242424;
	background-color:#fff;
}

/* Feature Box65
 ------------------------------ */
.feature-box-65 {
	width: 100%;
}
.feature-box-65 .iconbox-xtiny {
	color: #a5d549;
	border:1px solid #a5d549;
}
/* Feature Box66
 ------------------------------ */
.feature-box-66 {
	width: 100%;
	padding:0px;
	margin:0 0 30px 0;
	float:left;
	background-color:#fff;
}
.feature-box-66.border {
	border:1px solid #ededed;
}
.feature-box-66 .image-holder {
	position:relative;
}
.feature-box-66 .image-holder .status {
	position:absolute;
	padding:8px 40px;
	margin:0px;
	bottom:100px;
	right:0;
	color:#fff;
	float:right;
	background-color:#a5d549;
}
.feature-box-66 .image-holder .price {
	position:absolute;
	padding:8px 40px;
	margin:0px;
	bottom:62px;
	right:0;
	color:#242424;
	float:right;
	background-color:#fff;
}

/* Property Info
 ------------------------------ */
.property-info {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
}
.property-info span {
	margin-right:10px;
}

/* =========== parallax sections ============= */

.parallax-section47 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/491.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

/* Team Style 13
 ------------------------------ */ 	
.team-holder13 {
	width: 100%;
	padding: 0px;
	float: left;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder13 .img-holder {
	position: relative;
	overflow: hidden;
}
.team-holder13 .img-holder .icon-box {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 321px;
	padding: 15px 0;
	z-index: 1;
	background-color: #a5d549;
	transition: all 0.3s ease-out 0s;
}
.team-holder13 .img-holder .icon-box .social-icons-1 {
	margin: 0 0px 0px;
}
.team-holder13 .img-holder .icon-box .social-icons-1 li a:hover, .team-holder13 .img-holder .icon-box .social-icons-1 li a.active {
	color: #242424;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder13:hover .icon-box, .team-holder13.active .icon-box {
	top: 268px;
}
.team-holder13:hover .img-holder img, .team-holder13.active .img-holder img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

/* categoriy list
 ------------------------------ */ 
 
.category-list{
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	}
.category-list li{
	width:100%;
	padding:10px 0;
	margin:0px;
	float:left;
	border-bottom: 1px solid #ededed;
	}
.category-list li a:hover{
	color:#a5d549;
	}
.category-list li:last-child{
	border-bottom:none;
	}


/*===============================================
-------------------------------------------------
Beauty layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section48 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/523.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

.team-holder12.three .image-holder .hover-box {
	background-color: #f51f6f;
}


/*===============================================
-------------------------------------------------
Law layout Styles
-------------------------------------------------
================================================*/


.toplist li a.consult-btn{
	padding:6px 30px;
	margin:0px;
	float:left;
	color:#fff;
	border-radius:2px;
	background-color:#c31319;
	}
.toplist li a.consult-btn:hover{
	color:#fff;
	background-color:#242424;
	}
	
/* Feature Box67
 ------------------------------ */
.feature-box-67 {
	width: 100%;
}
.feature-box-67 .iconbox-xtiny {
	color: #c3a254;
	border:1px solid #c3a254;
}

/* Feature Box68
 ------------------------------ */
.feature-box68 {
	width: 100%;
	padding: 0px;
	float: left;
}
.feature-box68 .image-holder {
	position:relative;
	z-index:0;
}

.feature-box68 .image-holder .post-date-box {
	position:absolute;
	color: #242424;
	top: 145px;
	left:100px;
	z-index:1;
	overflow:visible;
	background-color: #e9ee42;
}
.feature-box68 .image-holder .post-date-box.stone {
	color:#fff;
	background-color: #c3a254;
}
.feature-box68 .image-holder .post-date-box.stone span {
	color:#fff;
}
.feature-box68 .image-holder .post-date-box span {
	color: #242424;
}
.feature-box68.left-padding {
	padding-left: 40px;
}

/* =========== parallax sections ============= */

.parallax-section49 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/541.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section49 .title {
	font-size:46px;
	font-weight:500;
	font-family: 'Roboto Slab', serif;
}
.parallax-section49 .title-2 {
	font-size:20px;
	font-weight:300;
	color:#c3a254;
	font-family: 'Roboto Slab', serif;
}
.parallax-section50 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/546.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

/*============ Team Section ============ */
/* Team Style 14
 ------------------------------ */ 	
.team-holder14 {
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
	z-index: 0;
	background-color: #fff;
}
.team-holder14 .image-holder {
	position: relative;
	width: 100%;
	float: left;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
}
.team-holder14 .image-holder img {
	position: relative;
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-out 0s;
}
.team-holder14 .image-holder .hover-box {
	position: absolute;
	width: 66px;
	height: 100%;
	float: left;
	top: 0px;
	right: -70px;
	padding: 30px;
	margin: 0px;
	z-index: 2;
	transition: all 0.3s ease-out 0s;
	background-color: #c3a254;
}
.team-holder14 .image-holder .hover-box .icons {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.team-holder14 .image-holder .hover-box .icons li {
	padding: 0px;
	margin: 0px;
	float: left;
}
.team-holder14 .image-holder .hover-box .icons li a {
	padding: 0px;
	margin: 0 0 20px 0;
	font-size: 17px;
	color: #fff;
	float: left;
}
/*hover styles*/
.team-holder14 .image-holder .hover-box .icons li a:hover {
	color: #727272;
}
.team-holder14:hover .image-holder img, .team-holder14.active .image-holder img {
	left: -50px;
}
.team-holder14:hover .image-holder .hover-box, .team-holder14.active .image-holder .hover-box {
	right: 0px;
}


/*===============================================
-------------------------------------------------
Gym layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section51 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/564.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section52 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/570.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section51 .title {
	font-size:46px;
	font-weight:500;
	font-family: 'Roboto Slab', serif;
}
.parallax-section51 .title-2 {
	font-size:30px;
	font-weight:300;
	color:#fff;
	font-family: 'Roboto Slab', serif;
}
.parallax-section52 .title {
	font-size:46px;
	font-weight:500;
	font-family: 'Roboto Slab', serif;
}
.parallax-section52 .title-2 {
	font-size:30px;
	font-weight:300;
	color:#fff;
	font-family: 'Roboto Slab', serif;
}

/*===============================================
-------------------------------------------------
Shop layout Styles
-------------------------------------------------
================================================*/

/* Feature Box69
 ------------------------------ */
.feature-box69 {
	width: 100%;
	padding: 0px;
	float: left;
}
.feature-box69 .image-holder {
	position:relative;
	z-index:0;
}
.feature-box69 .overlay {
    position: absolute;
    z-index: 1;
}
.feature-box69 .title1 {
	font-size:36px;
	padding:150px 0 0 50px;
}
.feature-box69 .title2 {
	padding:0 0 0 50px;
}

/* =========== parallax sections ============= */

.parallax-section53 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/583.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

.parallax-section-title {
	font-size:46px;
	font-weight:500;
	font-family: 'Roboto Slab', serif;
}
.parallax-section-title-2 {
	font-size:30px;
	font-weight:300;
	color:#fff;
	font-family: 'Roboto Slab', serif;
}

/*============ Newsletter ============ */

.email_input.two {
	background:#fff;
	color:#242424;
	border: 1px solid #e4e4e4;
}
.email_submit.two {
	background-color: #f43819;
	border: 1px solid #f43819;
	color: #fff;
}
.email_submit.two:hover {
	background-color: #242424;
	border: 1px solid #242424;
	color: #fff;
}
.email_submit.three {
	background-color: #242424;
	border: 1px solid #242424;
	color: #fff;
}
.email_submit.three:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #242424;
}
/*newsletter style 4*/
.email_input.four {
	background: none;
	color:#fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.email_submit.four {
	background-color: #fff;
	border: 1px solid #fff;
	color: #242424;
}
.email_submit.four:hover {
	background-color: #242424;
	border: 1px solid #242424;
	color: #fff;
}

/* we accept logo list
 ------------------------------ */
.payment-type{
	padding:0px;
	margin:0px;
	float:left;
	}
.payment-type li{
	display: inline;
	padding:0px;
	margin:0px;
	float:left;
	}
	
.section-copyrights .social-icons-3.no-margin-left{
	margin-left: 0;
	}

/* shop product review stars
 ------------------------------ */
 	
.product-review-stars span {
    color: #f43819;
	float:right;
    margin: 0;
	font-size:18px;
    padding: 0 0 0 10px;
}
.product-details {
	width:100%;
	float:left;
	padding:0px;
}
.product-details li {
	padding-bottom:10px;
}
.product-details li span {
	font-size:14px;
	font-weight:600;
	color:#242424;
}
.product-info-socialicons{
	width:100%;
	float:left;
	padding:0px;
}
.product-info-socialicons li a{
	width:40px;
	height:40px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:40px;
	margin-right:8px;
	border:1px solid #e4e4e4;
	background-color:#fff;
}
.product-info-socialicons li a:hover{
	color:#fff;
	border:1px solid #f43819;
	background-color:#f43819;
}
.product-review-stars-2 {
	width:100%;
	float:left;
    margin: 0;
}
.product-review-stars-2 span {
    color: #f43819;
	float:left;
    margin: 0;
	font-size:18px;
    padding: 0 0 0 10px;
}

/* shop product review stars
 ------------------------------ */
 
.shop-product-holder {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 float:left;
	 overflow:hidden;
	 transition: all 0.3s ease-out 0s;
}
.shop-product-holder .image-holder {
	position: relative;
	top:0px;
	z-index:0;
	transition: all 0.3s ease-out 0s;
}
	.shop-product-holder .image-holder img {
		position: relative;
		overflow: hidden;
		top: 0px;
		transition: all 0.3s ease-out 0s;
		min-height: 250px;
		max-height: 250px;     
	}
.shop-product-holder .image-holder .hoverbox {
	position:absolute;
	 width:100%;
	 padding:0px;
	 margin:0px;
	 float:left;
	 height:65px;
	 color:#fff;
	 text-align:center;
	 font-size:24px;
	 bottom:-65px;
	 z-index:1;
	 line-height:60px;
	 transition: all 0.3s ease-out 0s;
	 background-color:#f43819;
}

.shop-product-holder:hover .image-holder img {
	top:-50px;
}
.shop-product-holder:hover .image-holder .hoverbox {
	bottom:0;
}

/* shop sidebar latest posts
 ------------------------------ */ 

.blog1-sidebar-posts.red-4 .post-info i {
	color: #f43819;
	padding-right:5px;
}
.blog1-sidebar-posts.red-4:hover h6, .blog1-sidebar-posts.red-4.active h6 {
	color: #f43819;
}

/* Shop sidebar tags
 ------------------------------ */	
.shop-tags {
	padding: 0px;
	margin: 0px;
}
.shop-tags li {
	padding: 0px;
	margin: 0;
}
.shop-tags li a {
	padding: 5px 15px 5px 15px;
	margin: 0 10px 10px 0;
	float: left;
	color: #fff;
	background-color: #f43819;
}
.shop-tags li a:hover, .shop-tags li a.active {
	color: #fff;
	background-color: #242424;
}

/*===============================================
-------------------------------------------------
Agency layout Styles
-------------------------------------------------
================================================*/

/* Feature Box70
 ------------------------------ */
.feature-box70{
	width: 100%;
	padding: 30px;
	float: left;
	text-align:left;
	transition: all 0.3s ease-out 0s;
	background-color:#242424;
}
.feature-box70:hover, .feature-box70.active{
	background-color:#ed3325;
}
.feature-box70:hover h4, .feature-box70:hover p, .feature-box70.active h4, .feature-box70.active p{
	color:#fff;
}

/* Feature Box71
 ------------------------------ */
.feature-box71{
	width: 100%;
	padding: 50px;
	float: left;
	text-align:left;
	transition: all 0.3s ease-out 0s;
	background-color:rgba(0, 0, 0, 0.6);
}
/* Feature Box72
 ------------------------------ */
.feature-box72{
	width: 100%;
	padding: 80px 40px;
	float: left;
	text-align:center;
	transition: all 0.3s ease-out 0s;
}
.feature-box72:hover, .feature-box72.active{
	background-color:rgba(0, 0, 0, 0.2);
}

/* Feature Box73
 ------------------------------ */
.feature-box73{
	width: 100%;
	padding: 80px 40px;
	float: left;
	border:1px solid;
}

/* Feature Box74
 ------------------------------ */
.feature-box-74 {
	width: 100%;
}
.feature-box-74 .iconbox-xtiny {
	color: #242424;
	background-color: #fff;
	border:1px solid #e4e4e4;
}
.feature-box-74:hover .iconbox-xtiny {
	color: #fff;
	background-color: #ed3325;
	border:1px solid #ed3325;
}
/* =========== parallax sections ============= */

.parallax-section54 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/615.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

/* Team Style 2 type two
 ------------------------------ */ 
 
.team-holder2.two {
	width: 100%;
	padding: 0px;
	float: left;
	background-color: #f6f6f6;
	transition: all 0.3s ease-out 0s;
}
.team-holder2.two .img-holder {
	position: relative;
	overflow: hidden;
	margin-top:0px;
}

.team-holder2.two .img-holder .icon-box {
	background-color: #ed3325;
}
.team-holder2.two:hover, .team-holder2.active {
	background-color: #242424;
}
.team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
	top: 268px;
}

/*===============================================
-------------------------------------------------
charity layout Styles
-------------------------------------------------
================================================*/

/* Feature Box75
 ------------------------------ */
.feature-box-75 {
	width:100%;
	padding:30px;
	margin:0px;
	float:left;
	border:1px solid #42d1aa;
}

/* Feature Box76
 ------------------------------ */
.feature-box-76 {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}
.feature-box-76 .text-box {
	margin-left:15px;
	min-height:292px;
}

/* Feature Box77
 ------------------------------ */
.feature-box-77 {
	width:100%;
	padding:30px;
	margin:0px;
	float:left;
	background-color:#42d1aa;
}
.feature-box-77 .text-box-inner {
	width:100%;
	padding:30px;
	margin:0px;
	float:left;
	min-height:370px;
	border:1px solid rgba(255, 255, 255, 0.5);
}
/* Feature Box78
 ------------------------------ */
.feature-box-78 {
	position:relative;
	width:100%;
	padding:30px;
	margin:0px;
	float:left;
	border:1px solid #e4e4e4;
}
.feature-box-78 .post-date-box {
	background-color:#42d1aa;
	right: 18px;
    top: -91px;
}

/* Feature Box79
 ------------------------------ */
.feature-box-79 {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px solid rgba(255, 255, 255, 0.4);
}
.feature-box-79.last {
	border-right:none;
}

/* Feature Box80
 ------------------------------ */
.feature-box-80 {
	width:100%;
	padding:0px;
	float:left;
}


.boxed-title {
	width:80%;
	padding:5px;
	margin:0 20% 0 0;
	float:left;
	background-color:#42d1aa;
}
.boxed-title-2 {
	padding:15px;
	margin:0;
	float:right;
	text-align:right;
	background-color:#42d1aa;
}
.boxed-text-1 {
	padding:15px;
	margin:0;
	float:right;
	text-align:right;
	background-color:#fff;
}
.boxed-title-3 {
	padding:10px;
	margin:0 0 20px 0;
	float:left;
	text-align:left;
	background-color:#42d1aa;
}
.boxed-title-4 {
	position:relative;
	width:90%;
	padding:10px;
	margin:13px 10% 20px 0;
	float:left;
	text-align:left;
	background-color:#42d1aa;
}
.boxed-title-4 .post-date-box {
	background-color:#42d1aa;
	right: -35px;
    top: -90px;
}

/* =========== parallax sections ============= */

.parallax-section55 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/633.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section56 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/636.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}


/* Team Style 14 stye two
 ------------------------------ */ 	

.team-holder14.two .image-holder .hover-box {
	background-color: #42d1aa;
}


/*===============================================
-------------------------------------------------
University layout Styles
-------------------------------------------------
================================================*/

/* Feature Box81
 ------------------------------ */
.feature-box-81 {
	width:100%;
	padding:0px;
	float:left;
}
.feature-box-81 .image-holder {
	position:relative;
	width:100%;
	padding:0px;
	float:left;
	z-index:0;
}
.feature-box-81 .image-holder .hover-strip {
	position: absolute;
	width:100%;
	padding:20px;
	float:left;
	bottom:0px;
	z-index:1;
	transition: all 0.3s ease-out 0s;
	background-color:rgba(0, 0, 0, 0.5);
}
.feature-box-81 .image-holder .hover-strip:hover, .feature-box-81 .image-holder .hover-strip.active {
	background-color:#ce0a6c;
}

/* Feature Box82
 ------------------------------ */
.feature-box-82 {
	width:100%;
	padding:0px;
	float:left;
	margin-bottom:20px;
	transition: all 0.3s ease-out 0s;
	background-color:#f6f6f6;
}
.feature-box-82 .image-holder {
	position:relative;
	z-index:0;
}
.feature-box-82 .image-holder .post-info {
	position: absolute;
	z-index:1;
	bottom:16px;
	left:16px;
}
.feature-box-82 .image-holder .post-info .post-infoicon {
    background-color: #ce0a6c;
}
.feature-box-82:hover, .feature-box-82.active{
    background-color:#ce0a6c;
}
.feature-box-82:hover h5, .feature-box-82:hover p, .feature-box-82:hover .blog-post-info span,
.feature-box-82.active h5, .feature-box-82.active p, .feature-box-82.active .blog-post-info span{
    color:#fff;
}

/* Feature Box83
 ------------------------------ */
.feature-box-83 {
	width:100%;
	padding:0px;
	float:left;
}

/* =========== parallax sections ============= */

.parallax-section57 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/656.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section58 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/658.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}


/*===============================================
-------------------------------------------------
Personal layout Styles
-------------------------------------------------
================================================*/

.personal-info{
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	}
.personal-info li{
	color:#e9b444;
	padding-bottom:8px;
	}
.personal-info li i{
	margin-right:10px;
	}
.personal-info.orange-2 li{
	color:#fd602c;
	padding-bottom:8px;
	}	
/* =========== parallax sections ============= */

.parallax-section59 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/687.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section60 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/688.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/* =========== Feature boxes sections ============= */

/* Feature Box84
 ------------------------------ */
.feature-box-84 {
	width:100%;
	padding:70px 40px;
	float:left;
	background-color:rgba(255, 255, 255, 0.8);
}

/* Feature Box85
 ------------------------------ */
.feature-box-85 {
	width: 100%;
	position: relative;
	padding: 40px;
	float: left;
	border:1px solid #e4e4e4;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.feature-box-85 {
	margin-bottom: 28px;
}
.feature-box-85 .arrow-down {
	border-top: 20px solid #e9b444;
	float: left;
	left: 259px;
	position: absolute;
	top: 155px;
	opacity:0;
	z-index: 3;
	transition: all 0.3s ease-out 0s;
}
/* Hover Styles  --------  */
.feature-box-85:hover, .feature-box-85.active {
	border:1px solid #e9b444;
	background-color: #e9b444;
}
.feature-box-85:hover .arrow-down, .feature-box-85.active .arrow-down {
	border-top: 20px solid #e9b444;
	opacity:1;
}
.feature-box-85:hover p, .feature-box-85.active p {
	color:#fff;
}

/*===============================================
-------------------------------------------------
Medical layout Styles
-------------------------------------------------
================================================*/

/* Feature Box86
 ------------------------------ */
.feature-box-86 {
	width: 100%;
	padding: 40px;
	float: left;
	background-color: #1fbef0;
	transition: all 0.3s ease-out 0s;
}
.feature-box-86.bg-color-light {
	background-color: #36cefe;
}
.btn-minus-margin {
	margin-top:-1px;
}

/* Feature Box87
 ------------------------------ */
.feature-box-87 {
	width: 100%;
	padding: 30px;
	float: left;
	min-height:436px;
	background-color: #1fbef0;
	transition: all 0.3s ease-out 0s;
}

.feature-box-87 input {
    border: 0 none;
    color: #272727;
    float: left;
    height: 38px;
    margin: 0 0 15px;
    padding: 5px;
    width: 100%;
}
.feature-box-87 select {
    border: medium none;
    color: #727272;
    font-size: 14px;
    padding: 6px;
    width: 100%;
	margin: 0 0 15px;
}
.feature-box-87 label {
	width: 100%;
    color: #fff;
	font-weight:normal;
}

/* radio Button Style
 ------------------------------ */
.feature-box-87 input[type=radio], input[type=checkbox] {
	    display:none;
	}
.feature-box-87 input[type=radio] + label:before {
	    content: "";  
	    display: inline-block;  
	    width: 15px;  
	    height: 15px;  
	    vertical-align:middle;
	    margin-right: 8px;  
	    background-color: #fff;  
	    border-radius: 8px;  
	}
.feature-box-87 input[type=checkbox] + label:before {
	    content: "";  
	    display: inline-block;  
	    width: 15px;  
	    height: 15px;  
	    vertical-align:middle;
	    margin-right: 8px;  
	    background-color: #fff;  
	    border-radius: 4px;  
	}
.feature-box-87 input[type=radio]:checked + label:before {
		content: "\2022";
		color:white;
	    background-color: #2b2b2b; 
		font-size:1.8em;
		text-align:center;
		line-height:14px;
	}
.feature-box-87 input[type=checkbox]:checked + label:before {
		content:"\2714";
		color:white;
	    background-color: #2b2b2b; 
		text-align:center;
		line-height:15px;
	}

/* Feature Box88
 ------------------------------ */
.feature-box-88 {
	width: 99%;
	padding:50px 40px;
	float: left;
	margin-right:1%;
	margin-bottom:1%;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.feature-box-88 h5 {
	color: #1fbef0;
}
.feature-box-88 i {
	color: #1fbef0;
}

.feature-box-88:hover {
	background-color: #1fbef0;
}

.feature-box-88:hover i {
	color: #fff;
}	
.feature-box-88:hover h5 {
	color: #fff;
}
/* Feature Box89
 ------------------------------ */
.feature-box-89 {
	width: 100%;
	padding:0;
	float: left;
}	
/* find button
 ------------------------------ */
 
 .find-btn{
	 width:100%;
	 height:38px;
	 padding:0px;
	 margin:0px;
	 float:left;
	 background-color:#fff;
	 }
 .find-btn:hover{
	 background-color:#ccc;
	 }
	 
	 
/* =========== Medical timetable ============= */

.classes-table-holder.medical {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.classes-table.medical {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.classes-table.medical table {
	width: 100%;
	border-collapse: collapse;
}
.classes-table.medical tr:nth-of-type(odd) {
	background:none;
}
.classes-table.medical tr:nth-of-type(even) {
	background:none;
}
.classes-table.medical th {
	background: #fff;
	color: #242424;
	font-weight: bold;
}
.classes-table.medical td, th {
	padding: 20px;
	color: #242424;
	border: 1px solid #e4e4e4;
	text-align: left;
}
.classes-table.medical td.color-1 {
	color: #fff;
	border: 1px solid #2a97f3;
	background-color:#2a97f3;
}
.classes-table.medical td.color-2 {
	color: #fff;
	border: 1px solid #4bc29c;
	background-color:#4bc29c;
}
.classes-table.medical td.color-3 {
	color: #fff;
	border: 1px solid #bd7fdd;
	background-color:#bd7fdd;
}
.classes-table.medical td.color-4 {
	color: #fff;
	border: 1px solid #f96f54;
	background-color:#f96f54;
}
.classes-table.medical td.color-5 {
	color: #fff;
	border: 1px solid #7ac43d;
	background-color:#7ac43d;
}
.classes-table.medical td.color-6 {
	color: #fff;
	border: 1px solid #ff67c8;
	background-color:#ff67c8;
}

/*===============================================
-------------------------------------------------
Creative layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section61 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/722.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section62 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/729.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section63 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/732.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}

.business-objects-bg-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: url(../images/726.html) center top no-repeat;
}

/* Feature Box90
 ------------------------------ */
.feature-box-90 {
	width: 95%;
	padding:30px;
	float: left;
	margin:0 10% 4% 0;
	transition: all 0.3s ease-out 0s;
	background-color:#fff;
}
.feature-box-90 span {
	color:#d1d1d1;
	transition: all 0.3s ease-out 0s;
	margin-bottom:15px;
}
.feature-box-90:hover span, .feature-box-90.active span {
	color:#fff;
}
.feature-box-90:hover .title, .feature-box-90.active .title {
	color:#fff;
}
.feature-box-90:hover, .feature-box-90.active {
	background-color:#ff9320;
}

/* Feature Box91
 ------------------------------ */
.feature-box-91{
	width: 100%;
	padding: 0px;
	float: left;
}
.feature-box-91 .image-holder {
	position:relative;
	z-index:0;
}
.feature-box-91 .overlay {
    position: absolute;
    z-index: 1;
}
.feature-box-91 .title1 {
	padding:120px 0 0 0;
}
.feature-box-91 .blog-post-info span {
	color:#fff;
}
.feature-box-91 .post-date-box {
	width: 150px;
	height: auto;
	top:0px;
	color:#ff9320;
	right:50px;
	padding: 40px 30px;
	font-size:56px;
	background-color:#fff;
}
.feature-box-91 .post-date-box span {
    color:#ff9320;
    display: block;
    font-size: 20px;
	padding:30px 0 10px 0;
}

/*===============================================
-------------------------------------------------
Hosting layout Styles
-------------------------------------------------
================================================*/



/* Home Domain search
 ------------------------------ */

.domain-search-home {
	width: 100%;
	float: left;
	padding:0;
	margin: 0px;
}
.domain-search-home #domain-searchform #dsearch {
	background-color: #8ac700;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 55px;
	padding: 7px 10px;
	width: 61%;
}
.domain-search-home .drlist {
	background-color: #EEEEEE;
	color: #272727;
	float: left;
	font-size: 16px;
	height: 55px;
	margin: 0px 0 0 -5px;
	padding: 10px;
	width: 102px;
	background-color: #fff;
	border: 1px solid #92d102;
}
.domain-search-home #search-submit {
	border: none;
	color: #8ac700;
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: normal;
	height: 53px;
	overflow: hidden;
	padding: 5px 25px;
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.domain-search-home #search-submit:hover {
	color: #fff;
	background-color: #242424;
}
/* Home tld list
 ------------------------------ */
ul.home-tld-list {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}
.home-tld-list li {
	width:30%;
	padding:0 10%;
	margin:0px;
	float:left;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-align: center;
	border-right:1px solid rgba(255, 255, 255, 0.5);
}
.home-tld-list li span {
	padding:0px;
	margin:0px;
	float:left;
	color:#fff;
	font-size:20px;
	font-weight:600;
}
.home-tld-list li:last-child {
	border-right:none;
}

/* Feature Box92
 ------------------------------ */
.feature-box-92{
	width: 100%;
	padding: 0px;
	float: left;
}
.feature-box-92 .iconbox-small{
	color:#8ac700;
}
.feature-box-92:hover .title, .feature-box-92.active .title{
	color:#8ac700;
}
.feature-box-92:hover .iconbox-small, .feature-box-92:hover .iconbox-tiny, .feature-box-92.active .iconbox-small, .feature-box-92.active .iconbox-tiny {
	color:#fff;
	border:1px solid #8ac700;
	background-color:#8ac700;
}

/* Feature Box93
 ------------------------------ */
.feature-box-93{
	width: 100%;
	height:100%;
	float: left;
	padding: 80px;
	min-height: 485px;
	background-color:rgba(0, 0, 0, 0.7);
	
}
.feature-box-93 .image-holder {
	position: absolute;
	z-index:0;
	float:left;
	min-height:500px;
	overflow:hidden;
}
.feature-box-93 .overlay {
    position: absolute;
    z-index: 1;
	padding:60px 0 0 0;
}
.feature-box-93 .price-badge {
	position:absolute;
	width:80px;
	height:80px;
	border-radius:100%;
	color:#fff;
	padding:20px 0 0 0;
	font-size:14px;
	text-align:center;
	line-height:20px;
	font-weight:normal;
	background-color:#8ac700;
	z-index:2;
}
.feature-box-93 .price-badge span {
	color:#fff;
	font-size:18px;
}

/* Feature Box94
 ------------------------------ */
.feature-box-94{
	width: 100%;
	float: left;
	padding:0px;
	
}
.feature-box-94 .image-holder{
	position:relative;
	width: 100%;
	float: left;
	padding:0px;
	
}
.feature-box-94 .image-holder .circle{
	position: absolute;
	width:185px;
	height:185px;
	float: right;
	padding:40px;
	right:0px;
	top:18px;
	color:#fff;
	text-align:center;
	border-radius:100%;
	background-color:#8ac700;
	
}
.feature-box-94 .image-holder .circle .arrow-down {
    border-top: 20px solid #8ac700;
    left: 19px;
    position: absolute;
    top: 161px;
    transform: rotate(36deg);
    transition: all 0.3s ease-out 0s;
    z-index: 0;
}

/* Feature Box95
 ------------------------------ */
.feature-box-95{
	width: 100%;
	height:100%;
	float: left;
	padding: 80px;
	min-height: 420px;
	background-color:rgba(138, 199, 0, 0.8);
	
}
/* Feature Box96
 ------------------------------ */
.feature-box-96{
	width: 100%;
	height:100%;
	float: left;
	padding: 80px;
	min-height: 420px;
	
}
/* Feature Box97
 ------------------------------ */
.feature-box-97{
	width: 100%;
	float: left;
	padding: 0;
	
}
.feature-box-97 .iconbox-small.blue{
	background-color:#43c6f1;
	color:#fff;
	border:1px solid #43c6f1;
	
}
.feature-box-97 .iconbox-small.red{
	background-color:#ff5a11;
	color:#fff;
	border:1px solid #ff5a11;
	
}
.feature-box-97 .iconbox-small.violet{
	background-color:#b55ff7;
	color:#fff;
	border:1px solid #b55ff7;
	
}

/* Feature Box98
 ------------------------------ */
.feature-box-98{
	width: 100%;
	min-height:740px;
	float: right;
	padding: 0;
	text-align:right;
	background:url(../images/732-2.html) top right no-repeat;
}

/* Feature Box99
 ------------------------------ */
.feature-box-99{
	width: 100%;
	float: left;
	padding: 0;
}

/* Feature Box 100
 -----------------------------------------------*/
 
.feature-box-100 {
	width:100%;
	padding:40px;
	margin:0px;
	float:left;
	text-align:center;
	color:#fff;
	background-color:#8ac700;
}
.feature-box-100 span {
	font-size:60px;
	color:#fff;
	font-weight:300;
}
.domain-price-1 {
	margin-right:15px;
	text-decoration: line-through;
}

/* Price Table 5
 -----------------------------------------------*/
 
.pricetable-holder5 {
	position:relative;
	width: 100%;
	padding: 15px 15px 40px 15px;
	margin: 0px;
	float: left;
	text-align:center;
	transition: all 0.3s ease-out 0s;
	background-color:#242424;
}
.pricetable-holder5.border-right {
	border-right:1px solid #393939;
}
.pricetable-holder5 .price-circle {
	width:125px;
	height:125px;
	margin:-65px auto 0 auto;
	border-radius:100%;
	background-color:#242424;
	border:1px solid #393939;
}
.pricetable-holder5 .price-circle .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}
.pricetable-holder5 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-holder5 .price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-holder5 .title {
	width:100%;
	color:#fff;
	padding:0 0 15px 0;
	border-bottom:1px solid #393939;
}
.pricetable-holder5 .features-list {
	width:100%;
	padding:0;
	margin:0px;
	float:left;
}
.pricetable-holder5 .features-list li {
	width:100%;
	padding:15px 0;
	margin:0px;
	float:left;
	color:#727272;
	border-bottom:1px solid #393939;
}
.pricetable-holder5 .features-list li:last-child {
	border-bottom:none;
}
.pricetable-top-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#fff;
}
.pricetable-active-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#8ac700;
}
.pricetable-holder5.active {
	background-color:#8ac700;
	padding-bottom:60px;
}
.pricetable-holder5.active .features-list li {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder5.active .title {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder5.active .btn.btn-green-4 {
	color:#242424;
	background-color:#fff;
}

/* Price Table 6
 -----------------------------------------------*/
 
.pricetable-holder6 {
	position:relative;
	width: 100%;
	padding: 15px 0 40px 0;
	margin: 0px;
	float: left;
	text-align:center;
	transition: all 0.3s ease-out 0s;
	background-color:#242424;
}
.pricetable-holder6.border-right {
	border-right:1px solid #393939;
}
.pricetable-holder6 .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}
.pricetable-holder6 .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-holder6 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-holder6 .title-box {
	width:100%;
	color:#fff;
	float:left;
	padding:45px 0 15px 0;
	vertical-align:middle;
	border-bottom:1px solid #393939;
}
.pricetable-holder6.first-table .title-box {
	padding:15px 0 15px 0;
}
.pricetable-holder6.first-table{
	margin-top:83px;
}
.pricetable-holder6 .title-box .title {
	color:#fff;
}
.pricetable-holder6 .features-list {
	width:100%;
	padding:0;
	margin:0px;
	float:left;
}
.pricetable-holder6 .features-list li {
	width:100%;
	padding:15px 0;
	margin:0px;
	float:left;
	color:#727272;
	border-bottom:1px solid #393939;
}
.pricetable-holder6 .features-list li i.green-4 {
	color:#80b604;
	font-size:18px;
}
.pricetable-holder6 .features-list li i.red {
	color:#ff2f16;
	font-size:18px;
}
.pricetable-holder6 .features-list li i.white {
	color:#fff;
	font-size:18px;
}
.pricetable-holder6 .features-list li:last-child {
	border-bottom:none;
}
.pricetable-holder6 .features-list li:nth-child(even) {
	background-color:#2a2a2a;
}
.pricetable-holder6.active .features-list li:nth-child(even) {
	background-color:#80b604;
}
.pricetable-top-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#fff;
}
.pricetable-active-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#8ac700;
}
.pricetable-holder6.active {
	background-color:#8ac700;
	padding-bottom:60px;
}
.pricetable-holder6.active .features-list li {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder6.active .title-box {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder6.active .btn.btn-green-4 {
	color:#242424;
	background-color:#fff;
}

/* =========== parallax sections ============= */

.parallax-section64 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/725.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section65 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/733.html");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section65 .iconbox-large {
	color:#fff;
	background-color:#8ac700;
}


/* =========== newsletter ============= */
.newsletter .input_submit.green-4 {
    background-color: #8ac700;
}

/* =========== footer paymen logos ============= */

.footer-payment-logo-list{
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	}
.footer-payment-logo-list li{
	padding:0 15px 0 0;
	margin:0px;
	float:left;
	}

/* =========== Domain search ============= */
/* domain search
 -----------------------------------------------*/

#domain-search-holder {
	width: 100%;
	padding:0px;
	margin:0 0 150px 0;
	float:left
}

#domain-search-holder #dsearch {
	background-color: #fff;
	border: 1px solid #fff;
	color: #727272;
	font-size: 18px;
	height: 80px;
	padding: 7px 10px;
	width: 72%;
	border:1px solid #e4e4e4;
}
#domain-search-holder.two #dsearch {
	width: 90%;
}
#domain-search-holder .drlist {
	background-color: #EEEEEE;
	color: #242424;
	font-size: 18px;
	height: 80px;
	margin: 0px 0 0 -5px;
	padding: 10px;
	width: 102px;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}
#domain-search-holder #searchsubmit {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: normal;
	height: 77px;
	overflow: hidden;
	padding: 4px 25px;
	margin-left: 0px;
	text-align: center;
	transition: all 0.3s ease-out 0s;
	background-color: #8ac700;
}
#domain-search-holder #searchsubmit:hover {
	color: #fff;
	background-color: #242424;
}
#domain-search-holder ul.tld_list {
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0px;
	float: left;
}
#domain-search-holder ul.tld_list li {
	padding: 0 20px 0 0;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	display: inline;
	color: #161616;
}
#domain-search-holder ul.tld_list li.title {
	padding: 0 20px 0 0;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #fff;
}
#domain-search-holder ul.tld_list li span {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	color: #fff;
}

/* =========== TLD Boxes ============= */
/* tld boxes
 -----------------------------------------------*/
 
.tld-step-box {
	position: relative;
	width:100%;
	padding:40px;
	margin:0px;
	float:left;
	z-index:2;
	text-align:center;
	color:#fff;
	top: -111px;
	background-color:#8ac700;
}
.tld-step-box span {
	font-size:60px;
	color:#fff;
	font-weight:300;
}
.domain-price-1 {
	margin-right:15px;
	text-decoration: line-through;
}


/* =========== domain pricing table ============= */

.domain-pricing-table-holder {
	width: 100%;
	padding: 20px;
	margin: 0px;
	float: left;
	background-color:#f1f1f1;
}
.table-style-2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.table-style-2 table {
	width: 100%;
	border-collapse: collapse;
}
.table-style-2 tr:nth-of-type(odd) {
	background: #f1f1f1;
}
.table-style-2 tr:nth-of-type(even) {
	background: #fff;
}
.table-style-2 th {
	background: #242424;
	color: #fff;
	font-weight: bold;
}
.table-style-2 td, th {
	padding: 30px;
	color: #242424;
	border: none;
	text-align:center;
}

/* =========== Search topic input ============= */

#search-topic #tsearch {
	background-color: #fff;
	border: 1px solid #fff;
	color: #727272;
	font-size: 18px;
	height: 80px;
	padding: 7px 10px;
	width: 85%;
	border:1px solid #e4e4e4;
}
#search-topic #searchsubmit {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: normal;
	height: 77px;
	overflow: hidden;
	padding: 4px 25px;
	margin-left: 0px;
	text-align: center;
	transition: all 0.3s ease-out 0s;
	background-color: #8ac700;
}
#search-topic #searchsubmit:hover {
	color: #fff;
	background-color: #242424;
}

/* =========== Sidebar elements ============= */

.sidebar-posts {
	width: 100%;
	padding: 0px;
	margin: 0 0 25px 0;
	float: left;
}
.sidebar-posts .post-info {
	font-size: 12px;
	color: #cecece;
}
.blog1-post-info {
	font-size: 12px;
	color: #cecece;
}
.sidebar-posts:hover h6, .sidebar-posts.active h6 {
	color: #fd602c;
}


/*===============================================
-------------------------------------------------
	corporate inner page styles
-------------------------------------------------
================================================*/

/* =========== Coming soon page ============= */

/*coming soon
 ------------------------------ */
.parallax-section66 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/758.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section67 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/759.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
/*Count down
 ------------------------------ */

.countdown_holder {
	width: 60%;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
}
.countdown_holder.two {
	width: 60%;
	padding: 0 0 45px 0;
	text-align: center;
	margin: 0 auto;
}
.countdown_holder.two a {
	margin-right: 15px;
}
div#clock {
	color: white;
	margin: 0;
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 90px;
	text-align: center;
}
div#clock p {
	border:1px solid #fff;
	float: left;
	padding: 20px 20px;
	margin-right: 10px;
}
div#clock p b {
	font-weight: normal;
	text-transform: uppercase;
}
div#clock p span {
	display: block;
	font-size: 50px;
	font-weight: bold;
	padding: 5px 0 20px 0;
}
div#clock div.space {
	color: #ccc;
	display: block;
	line-height: 1.7em;
	font-size: 50px;
	float: left;
	height: 88px;
	width: 30px;
}
/*styles two*/



div#clock2 {
	color: white;
	margin: 0;
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 90px;
	text-align: center;
}
div#clock2 p {
	background: #fff;
	float: left;
	color: #161616;
	padding: 20px 20px;
	margin-right: 10px;
	border: 1px solid #e4e4e4;
}
div#clock2 p b {
	font-weight: normal;
	text-transform: uppercase;
}
div#clock2 p span {
	display: block;
	font-size: 50px;
	font-weight: bold;
	padding: 5px 0 20px 0;
}
div#clock2 div.space {
	color: #ccc;
	display: block;
	line-height: 1.7em;
	font-size: 50px;
	float: left;
	height: 88px;
	width: 30px;
}

/* =========== Sitemap list ============= */

ul.sitemap {
	padding: 0px;
	margin: 0px;
}
ul.sitemap li {
	margin: 0 0 8px;
}
ul.sitemap li a {
	color: #fd602c;
}
ul.sitemap li a:hover {
	text-decoration: underline;
}
ul.sitemap li ul {
	padding-left: 30px;
}

/* =========== 404 error ============= */

.error_holder {
	width: 60%;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
}
.error_holder.two {
	width:100%;
	text-align: left;
}
.error_holder .title {
	font-size: 110px;
	font-weight: 400;
	line-height: 65px;
	margin: 0;
	padding: 30px 0 30px;
}
.error_title_big {
	font-size: 200px;
	font-weight: bold;
	line-height: 65px;
	margin: 0;
	padding: 30px 0 30px;
}

.error-search-box {
	width: 100%;
	padding: 0px;
	margin: 0;
	float:left
}
.error-search-box .email_input {
	width: 80%;
	color:#727272;
	height: 50px;
	border:1px solid #e4e4e4;
}
.error-search-box .input_submit {
	width: 20%;
	color:#fff;
	height: 50px;
	transition: all 0.3s ease-out 0s;
	border:1px solid #fd602c;
	background-color:#fd602c;
}
.error-search-box .input_submit:hover {
	border:1px solid #242424;
	background-color:#242424;
}

.error-title-big {
    font-size: 200px;
    font-weight: bold;
    line-height: 65px;
    margin: 0;
    padding: 30px 0;
}

/* =========== corporate blog pages ============= */


.blog-holder-12 {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.blog-holder-12 .post-date-box {
	width:120px;
	height:120px;
	font-size: 36px;
	padding: 29px 0 0;
}
.blog-holder-12 .post-date-box.two {
	top:150px;
	color:#242424;
	background-color:#fff;
}
.blog-holder-12 .image-holder .overlay {
	padding:30px;
	text-align:center;
    position: absolute;
    z-index: 1;
	overflow:hidden;
}
.blog-holder-12 .post-date-box span {
    color: #fff;
    display: block;
    font-size: 16px;
	padding-top:10px;
}
.blog-holder-12 .post-date-box.two span {
    color: #242424;
}
.blog-holder-12 .image-holder .overlay .icon {
	position:absolute;
    background-color: #fd602c;
    color: #fff;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin:0;
    padding: 0;
	display:inline-block;
    text-align: center;
    width: 60px;
	z-index:4;
	top:-60px;
	transition: all 0.3s ease-out 0s;
	border-radius:100%;
}
.blog-holder-12 .image-holder .overlay .icon:hover {
    background-color: #fff;
    color: #fd602c;
}
.blog-holder-12:hover .image-holder .overlay .icon {
	top:160px;

}

/*date box small*/

.blog-holder-12 .post-date-box.three {
	width:80px;
	height:80px;
	font-size: 24px;
	padding: 15px 0 0;
}
.blog-holder-12 .post-date-box.three span {
	font-size:14px;
	padding-top:1px;
}
.blog-holder-12 .post-date-box.three.four {
	top:110px;
	color:#242424;
	background-color:#fff;
	background-color:#fff;
}
.blog-holder-12 .post-date-box.three.four span {
    color: #242424;
}

/*	Corporate Blog pagenation 
 ------------------------------ */
 
.blog-pagenation {
    margin: 0;
    padding: 0;
    width: 100%;
	text-align:center;
}
.blog-pagenation li {
    margin: 0;
    padding: 0;
	display:inline;
}

.blog-pagenation li a {
    color: #242424;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
	display:inline-block;
    text-align: center;
    width: 40px;
	border:1px solid #e4e4e4;
}
.blog-pagenation li a:hover, .blog-pagenation li a.active {
    color: #fff;
	border:1px solid #fd602c;
	background-color:#fd602c;
}

/*	Corporate Deafult Home Page
 ------------------------------ */
 
.feature-box-101 {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}

.feature-box-101 .img {
	position: relative;
	width:190px;
	height:190px;
	padding:0px;
	margin:0px;
	float:left;
	z-index:0;
	border-radius:100%;
	overflow:hidden;
}
.feature-box-101 .circle {
	position: absolute;
	width:190px;
	height:190px;
	padding:0px;
	margin:0px;
	z-index:1;
	right:0;
	line-height: 80px; 
	text-align:center;
	vertical-align:middle;
	border-radius:100%;
	background-color:rgba(253, 96, 44, 0.9);
}
.feature-box-101 .circle .title {
	line-height: 190px;
	vertical-align:middle;
	text-align:center;
}


/* featurebox 102
 -----------------------------------------------*/
.feature-box-102 {
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}
.feature-box-102 .number-1 {
	width:100px;
	height:200px;
	padding:0px;
	margin:0 auto;
	background:url(../images/767.png) center 0 no-repeat;
}
.feature-box-102 .number-2 {
	width:150px;
	height:200px;
	padding:0px;
	margin:0 auto;
	background:url(../images/768.png) center 0 no-repeat;
}
.feature-box-102 .number-3 {
	width:150px;
	height:200px;
	padding:0px;
	margin:0 auto;
	background:url(../images/769.png) center 0 no-repeat;
}
.feature-box-102 .number-4 {
	width:150px;
	height:200px;
	padding:0px;
	margin:0 auto;
	background:url(../images/770.png) center 0 no-repeat;
}

/* Feature Box 103
 ------------------------------ */
.feature-box-103 {
	width: 100%;
}
.feature-box-103  .iconbox-medium {
	color: #fd602c;
}
.feature-box-103:hover .iconbox-medium, .feature-box-103.active .iconbox-medium {
	color: #fff;
	background-color: #fd602c;
	border: 1px solid #fd602c;
}
.feature-box-103:hover h4, .feature-box-103.active h4 {
	color: #fd602c;
}

/* Team Style 15
 ------------------------------ */ 	
.team-holder15 {
	overflow: hidden;
	max-height: 600px;
	background-color: #fff;
}
.team-holder15 .team-member {
	transition: all 0.3s ease-out 0s;
}
.team-holder15 .team-member img {
	transition: all 0.3s ease-out 0s;
}
.team-holder15 .info-box {
	position: relative;
	bottom: 0;
	padding:40px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	transition: all 0.3s ease-out 0s;
}
.team-holder15:hover .info-box {
	border-top: 1px solid #e4e4e4;
	bottom: 100px;
	transition: all 0.3s ease-out 0s;
}
.team-holder15:hover .team-member img {
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease 0s;
}
.team-holder15 .info-box .social-icons {
	text-align: center;
}
.team-holder15 .info-box .social-icons li {
	display: inline;
}
.team-holder15 .info-box .social-icons i {
	color: #242424;
	font-size: 16px;
	margin: 0 15px 0 0;
}


/* Blog
 ------------------------------ */ 	
.blog-holder-13 {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.blog-holder-13 .image-holder{
	position: relative;
}

.blog-holder-13 .image-holder .post-date-box {
	position:absolute;
	width:125px;
	height:145px;
	bottom:30px;
	right:30px;
	font-size: 36px;
	padding: 30px 0 0 0;
}
.blog-holder-13 .image-holder .post-date-box .icon {
	font-size:18px;
}
.blog-holder-13 .image-holder .post-date-box span {
	padding-top:5px;
}
.blog-holder-13 .image-holder .shapes {
	position:absolute;
	width:250px;
	height:60px;
	bottom:-30px;
	left:30px;
	padding:0;
	background:url(../images/775.png) 0 0 no-repeat;
}


/* =========== Parallax ============= */

.parallax-section68 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../images/776.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}
.parallax-section68 .big-text {
	font-size:100px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:80px;
}

.parallax-section69 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url("../../../Images/778.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center;
	z-index: 1;
}








/* Price Table 7
 -----------------------------------------------*/
 
.pricetable-holder7 {
	position:relative;
	width: 100%;
	padding: 15px 0 40px 0;
	margin: 0px;
	float: left;
	text-align:center;
	transition: all 0.3s ease-out 0s;
	background-color:#f6f6f6;
	border:1px solid #e4e4e4;
}
.pricetable-holder7.border-right {
	border-right:1px solid #e4e4e4;
}
.pricetable-holder7 .price {
    color: #242424;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}
.pricetable-holder7 .price sup {
    font-size: 22px;
    font-style: normal;
}
.pricetable-holder7 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.pricetable-holder7 .title-box {
	width:100%;
	color:#242424;
	float:left;
	padding:45px 0 15px 0;
	vertical-align:middle;
	border-bottom:1px solid #e4e4e4;
}
.pricetable-holder7.first-table .title-box {
	padding:15px 0 15px 0;
}
.pricetable-holder7.first-table{
	margin-top:83px;
}
.pricetable-holder7 .title-box .title {
	color:#242424;
}
.pricetable-holder7 .features-list {
	width:100%;
	padding:0;
	margin:0px;
	float:left;
}
.pricetable-holder7 .features-list li {
	width:100%;
	padding:15px 0;
	margin:0px;
	float:left;
	color:#727272;
	border-bottom:1px solid #e4e4e4;
}

.pricetable-top-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#fff;
}
.pricetable-active-bg-strip {
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:25px;
	background-color:#fd602c;
}
.pricetable-holder7.active {
	background-color:#fd602c;
	padding-bottom:60px;
	border:none;
}
.pricetable-holder7.active .features-list li {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder7.active .title-box {
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder7.active .title-box .price {
	color:#fff;
}
.pricetable-holder7.active .title{
	color:#fff;
}
.pricetable-holder7 .ribbon {
    height: 130px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -15px;
    top: -39px;
    width: 180px;
    z-index: 1;
}

.screens-top-padding{
	padding-top:150px;
}
h2.marketing-title {
	font-size: 22px;
	font-weight: bold;
	line-height: 90px;
	margin-bottom: 0px;
	color: navy;
	margin-left:5px;
}
#navbar-collapse-grid li.nav-item ul.dropdown-menu {
	display:none;

}
 
#navbar-collapse-grid li.nav-item:hover ul.dropdown-menu {
	display: block;
}
@media only screen and (max-width: 999px) {
	.navbar-brand {
		width: 140px;
		height: auto;
	}

	h2.marketing-title {
		line-height: 70px;
	}

	.navbar-brand img {
		width: 100%;
	}
	#navbar-collapse-grid li.nav-item.open ul.dropdown-menu  {
		display: block;
	}
}
	@media only screen and (max-width: 479px) {
		.shop-product-holder .image-holder img {
			min-height: 125px;
			max-height: 125px;
		}

		.prod-item #qty {
			margin-bottom: 5px;
			float: none !important;
			width: 80% !important;
		}

		.bmargin.prod-item {
			min-height: 200px;
		}

			.bmargin.prod-item h5 {
				font-size: 15px;
				line-height: 16px;
			}

		.navbar-brand {
			width: 140px;
			height: auto;
		}

		h2.marketing-title {
			line-height: 70px;
		}

		.navbar-brand img {
			width: 100%;
		}
	}
 

/*
Theme: Hasta
Author: Codelayers
Version: 1.0
Designed and Development by: Codelayers
*/



/*===============================================
-------------------------------------------------
image hover styles
-------------------------------------------------
================================================*/

/* =========== image hovers============= */

/*image hover style 1
 ------------------------------ */
.img-hover-holder-1 {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
}
.img-hover-1 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index:1;
	top:0px;
	transition: all 0.3s ease-out 0s;
	overflow: hidden;
}
.img-hover-1 img {
	position: relative;
	top:0px;
	transition: all 0.3s ease-out 0s;
}
.img-hover-1 .text-box {
	position: absolute;
	width: 100%;
	height:100%;
	padding: 20px;
	margin: 0px;
	float: left;
	z-index:0;
	transition: all 0.3s ease-out 0s;
	background-color:#fd602c;
}
.img-hover-holder-1:hover .img-hover-1 img {
	top:215px;
}

/*image hover style 2
 ------------------------------ */
.img-hover-holder-2 {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
}
.img-hover-2 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index:0;
	top:0px;
	transition: all 0.3s ease-out 0s;
	overflow: hidden;
}
.img-hover-2 .text-box {
	position: absolute;
	width: 100%;
	height:100%;
	padding: 20px;
	margin: 0px;
	float: left;
	z-index:1;
	opacity:0;
	transition: all 0.3s ease-out 0s;
	background-color:rgba(0, 0, 0, 0.5);
}
.img-hover-2 .text-box .icon-1 {
	position: absolute;
	width: 50px;
	height: 50px;
	float:left;
	top: -53px;
	left:60px;
	padding: 0px;
	margin: 0px;
	color:#fff;
	line-height:50px;
	text-align:center;
	margin-right:20px;
	background-color: #fd602c;
	border-radius: 100%;
}
.img-hover-2 .text-box .icon-1.two {
	left:119px;
	top: -53px;
}
.img-hover-2 .text-box .icon-1:hover, .img-hover-2 .text-box .icon-2:hover {
	color:#242424;
	background-color: #fff;
}

.img-hover-holder-2:hover .text-box {
	opacity:1;
}
.img-hover-holder-2:hover .text-box .icon-1 {
	top: 80px;
}
.img-hover-holder-2:hover .text-box .icon-1.two {
	top: 80px;
	transition: all 0.5s ease-out 0s;
}



/*image hover style 3
 ------------------------------ */
.img-hover-holder-3 {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
}
.img-hover-3 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index:0;
	transition: all 0.3s ease-out 0s;
	overflow: hidden;
}
.img-hover-3 .text-box {
	position: absolute;
	width: 100%;
	height:100%;
	padding: 20px;
	margin: 0px;
	float: left;
	z-index:1;
	left:-251px;
	transition: all 0.3s ease-out 0s;
	background-color:rgba(0, 0, 0, 0.7);
}
.img-hover-3:hover .text-box {
	left:0;
}

/*image hover style 4
 ------------------------------ */
.img-hover-holder-4 {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0px;
	float: left;
	border: 1px solid #e4e4e4;
}
.img-hover-4 {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index:0;
	transition: all 0.3s ease-out 0s;
	overflow: hidden;
}
.img-hover-4 .text-box {
	position: absolute;
	width: 100%;
	height:100%;
	padding: 10px 20px 20px 20px;
	margin: 0px;
	float: left;
	z-index:1;
	top:154px;
	transition: all 0.3s ease-out 0s;
	background-color:rgba(0, 0, 0, 0.7);
}
.img-hover-4:hover .text-box {
	top:0;
}

/*===============================================
-------------------------------------------------
	Button styles
-------------------------------------------------
================================================*/

/* =========== Buttons ============= */

/*Button style
 ------------------------------ */
 
.sh-btn{
	padding: 15px 35px;
	margin: 0px;
	display: inline-block;
	box-shadow: none;
	border-radius: 0; 
}
/*Button border radius
 ------------------------------ */
.sh-btn.sh-btn-round{
	border-radius:4px;
}
.sh-btn.sh-btn-xround-1{
	border-radius:10px;
}
.sh-btn.sh-btn-xround-2{
	border-radius:20px;
}
.sh-btn.sh-btn-xround-3{
	border-radius:30px;
}
.sh-btn.sh-btn-xround-4{
	border-radius:40px;
}
.sh-btn.sh-btn-xround-5{
	border-radius:50px;
}
.sh-btn.sh-btn-xround-6{
	border-radius:60px;
}
.sh-btn.sh-btn-xround-7{
	border-radius:70px;
}
/*Button sizes
 ------------------------------ */
 .sh-btn.sh-btn-tiny{
	font-size:12px;
	padding: 5px 10px;
}
.sh-btn.sh-btn-small{
	font-size:14px;
	padding: 10px 20px;
}
.sh-btn.sh-btn-medium{
	font-size:16px;
	padding: 15px 35px;
}
.sh-btn.sh-btn-large{
	font-size:20px;
	padding: 20px 50px;
}
.sh-btn.margin{
	margin:0 15px 15px 0;
}
/*Button Colors
 ------------------------------ */
 
 /*Button dark
 ------------------------------ */
.sh-btn.sh-btn-dark{
	color:#fff;
	background-color:#242424;
}
.sh-btn.sh-btn-dark:hover{
	color:#fff;
	background-color:#3e3e3e;
}  
 /*Button white
 ------------------------------ */
.sh-btn.sh-btn-white{
	color:#242424;
	background-color:#fff;
}
.sh-btn.sh-btn-white:hover{
	color:#242424;
	background-color:#f6f6f6;
} 
 /*Button orange
 ------------------------------ */
.sh-btn.sh-btn-orange{
	color:#fff;
	background-color:#fd602c;
}  
.sh-btn.sh-btn-orange:hover{
	color:#fff;
	background-color:#242424;
} 
 
 /*Button blue
 ------------------------------ */
.sh-btn.sh-btn-blue{
	color:#fff;
	background-color:#24bfff;
}  
.sh-btn.sh-btn-blue:hover{
	color:#fff;
	background-color:#242424;
} 
 /*Button green
 ------------------------------ */
.sh-btn.sh-btn-green{
	color:#fff;
	background-color:#96cc37;
}  
.sh-btn.sh-btn-green:hover{
	color:#fff;
	background-color:#242424;
} 
 /*Button yellow
 ------------------------------ */
.sh-btn.sh-btn-yellow{
	color:#fff;
	background-color:#ffd904;
}  
.sh-btn.sh-btn-yellow:hover{
	color:#fff;
	background-color:#242424;
}
 /*Button red
 ------------------------------ */
.sh-btn.sh-btn-red{
	color:#fff;
	background-color:#ff3f04;
}  
.sh-btn.sh-btn-red:hover{
	color:#fff;
	background-color:#242424;
}
 /*Button pink
 ------------------------------ */
.sh-btn.sh-btn-pink{
	color:#fff;
	background-color:#ff3e94;
}  
.sh-btn.sh-btn-pink:hover{
	color:#fff;
	background-color:#242424;
}

/*Button Borders
 ------------------------------ */

/* button borders
 ------------------------------ */
.sh-btn.sh-btn-border {
	color: #242424;
	border: 2px solid;
}
/* button border white
 ------------------------------ */
.sh-btn.sh-btn-border.white {
	color:#fff;
	border-color:#fff;
}
.sh-btn.sh-btn-border:hover.white {
	color:#242424;
	background-color:#fff;
	border-color:#fff;
}
/* button border dark
 ------------------------------ */
.sh-btn.sh-btn-border.dark {
	color:#242424;
	border-color:#242424;
}
.sh-btn.sh-btn-border:hover.dark {
	color:#fff;
	background-color:#242424;
	border-color:#242424;
}
/* button border red
 ------------------------------ */
.sh-btn.sh-btn-border.red {
	color:#fd4912;
	border-color:#fd4912;
}
.sh-btn.sh-btn-border:hover.red {
	color:#fff;
	background-color:#fd4912;
	border-color:#fd4912;
}
/* button border orange
 ------------------------------ */
.sh-btn.sh-btn-border.orange {
	color:#ff9804;
	border-color:#ff9804;
}
.sh-btn.sh-btn-border:hover.orange {
	color:#fff;
	background-color:#ff9804;
	border-color:#ff9804;
}
/* button border yellow
 ------------------------------ */
.sh-btn.sh-btn-border.yellow {
	color:#ffcd04;
	border-color:#ffcd04;
}
.sh-btn.sh-btn-border:hover.yellow {
	color:#fff;
	background-color:#ffcd04;
	border-color:#ffcd04;
}
/* button border green
 ------------------------------ */
.sh-btn.sh-btn-border.green {
	color:#92ca19;
	border-color:#92ca19;
}
.sh-btn.sh-btn-border:hover.green {
	color:#fff;
	background-color:#92ca19;
	border-color:#92ca19;
}
/* button border blue
 ------------------------------ */
.sh-btn.sh-btn-border.blue {
	color:#15cbff;
	border-color:#15cbff;
}
.sh-btn.sh-btn-border:hover.blue {
	color:#fff;
	background-color:#15cbff;
	border-color:#15cbff;
}



/*===============================================
-------------------------------------------------
	Call to action
-------------------------------------------------
================================================*/

/* =========== call to action ============= */

/*call to action
 ------------------------------ */
 
.call-to-action {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    float: left;
    margin: 0 0 15px;
    padding: 25px;
    width: 100%;
}



/*===============================================
-------------------------------------------------
	lists
-------------------------------------------------
================================================*/

/* list style 1
 ------------------------------ */
 
.list-style-1 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
.list-style-1 .icon {
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	line-height: 32px;
	color: #fff;
	border-radius: 100%;
	background-color: #06d0d8;
}
.list-style-1 .text {
	padding: 5px 0 0 42px;
	margin: 0px;
	display: block;
}

/* list style 1 with border
 ------------------------------ */
.list-style-1.icon-border .icon {
	color:#06d0d8;
	background-color: #fff;
	border:1px solid #06d0d8;
}

/* list style 2
 ------------------------------ */
.list-style-2 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
.list-style-2 .icon {
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	color: #06d0d8;
	border-radius: 100%;
	border: 1px solid #06d0d8;
}
.list-style-2 .text {
	padding: 0px 0 0 28px;
	margin: 0px;
	display: block;
}


/* list style 3
 ------------------------------ */
 
ol.list-style-3 {
	list-style-type: none;
 list-style-type: decimal !ie; /*IE 7- hack*/
	margin: 0;
	margin-left: 18px;
	padding: 0;
	counter-reset: li-counter;
}
ol.list-style-3 li {
	position: relative;
	margin: 0px;
	padding-left: 20px;
	min-height: 3em;
	list-style-type: none;
}
ol.list-style-3 li:before {
	position: absolute;
	top: 0;
	left: -15px;
	width: 28px;
	height: 28px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #f5f5f5;
	border-radius: 50%;
	background-color: #464646;
	content: counter(li-counter);
	counter-increment: li-counter;
}

/* list style 4
 ------------------------------ */
.list-style-4 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
.list-style-4  .icon {
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	line-height: 39px;
	color: #fff;
	border-radius: 100%;
}
.list-style-4  .text {
	padding: 5px 0 0 42px;
	margin: 0px;
	display: block;
}
.list-style-4 .icon.red {
	background-color: #fc4242;
}
.list-style-4 .icon.blue {
	background-color: #2f92ee;
}
.list-style-4 .icon.green {
	background-color: #3fc35f;
}
.list-style-4 .icon.violet {
	background-color: #b659fe;
}
.list-style-4 .icon.orange {
	background-color: #ff881e;
}


/* list style 4 with border
 ------------------------------ */

.list-style-4.item-border {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ececec;
}
.list-style-4.item-border.last {
	padding: 0px 0px 10px 0px;
	border-bottom: none;
}



/*===============================================
-------------------------------------------------
	Message boxes
-------------------------------------------------
================================================*/

/* message boxes
 ------------------------------ */
/*message boxes*/
.messagebox_title {
	padding-bottom: 30px;
}
.info-box {
	background-color: #34b0ff;
}
.success-box {
	background-color: #7ebd24;
}
.error-box {
	background-color: #fa482b;
}
.download-box {
	background-color: #F30;
}
.warning-box {
	background-color: #f7c929;
}
.mboxes_close {
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	float: right;
	text-align: right;
}
.mboxes_close i {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
.success-box, .error-box, .warning-box, .info-box span.text-white {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.success-box, .error-box, .warning-box, .info-box {
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 4px;
}


/*===============================================
-------------------------------------------------
	social icons
-------------------------------------------------
================================================*/

/* social icons
 ------------------------------ */
 
.social-icons-list{
	width:100%;
    margin: 0;
    padding: 0;
}
.social-icons-list li {
    display:inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.social-icons-list li a {
    color: #242424;
	display:inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 39px;
    margin: 0 5px 5px 0;
    padding: 0;
    text-align: center;
    width: 40px;
}

/* social icon sizes
 ------------------------------ */
.social-icons-list.icon-round li a {
	border-radius:100%; 
}


/* social icon sizes
 ------------------------------ */
.social-icons-list.icon-large li a {
    font-size: 40px;
    width: 100px;
	height: 100px;
    line-height: 94px;   
}
.social-icons-list.icon-medium li a {
    font-size: 25px;
    width: 80px;
	height: 80px;
    line-height: 84px;   
}
.social-icons-list.icon-small li a {
    font-size: 18px;
    width: 60px;
	height: 60px;
    line-height: 60px;   
}
.social-icons-list.icon-tiny li a {
    font-size: 14px;
    width: 40px;
	height: 40px;
    line-height: 40px;   
}
.social-icons-list.icon-xtiny li a {
    font-size: 12px;
    width: 30px;
	height: 30px;
    line-height: 27px;   
}

/* social icon colors
 ------------------------------ */
.social-icons-list.dark li a {
    color: #fff;
	background-color: #242424;
}
.social-icons-list.dark li a:hover {
    color: #fff;
	background-color: #3e3e3e;
}

/* social icons light
 ------------------------------ */
.social-icons-list.light li a {
    color: #242424;
	background-color: #fff;
	border:1px solid #e4e4e4;
}
.social-icons-list.light li a:hover {
    color: #fff;
	background-color: #242424;
	border:1px solid #242424;
}

/* social icon red
 ------------------------------ */
.social-icons-list.red li a {
    color: #fff;
	background-color: #f83712;
}
.social-icons-list.red li a:hover {
    color: #fff;
	background-color: #242424;
}

/* social icon blue
 ------------------------------ */
.social-icons-list.blue li a {
    color: #fff;
	background-color: #15cbff;
}
.social-icons-list.blue li a:hover {
    color: #fff;
	background-color: #242424;
}

/* social icon green
 ------------------------------ */
.social-icons-list.green li a {
    color: #fff;
	background-color: #34c23e;
}
.social-icons-list.green li a:hover {
    color: #fff;
	background-color: #242424;
}
/* social icon yellow
 ------------------------------ */
.social-icons-list.yellow li a {
    color: #fff;
	background-color: #fedf0e;
}
.social-icons-list.yellow li a:hover {
    color: #fff;
	background-color: #242424;
}
/* social icon pink
 ------------------------------ */
.social-icons-list.pink li a {
    color: #fff;
	background-color: #f83dab;
}
.social-icons-list.pink li a:hover {
    color: #fff;
	background-color: #242424;
}

/* social icon violet
 ------------------------------ */
.social-icons-list.violet li a {
    color: #fff;
	background-color: #ce3df8;
}
.social-icons-list.violet li a:hover {
    color: #fff;
	background-color: #242424;
}


/*===============================================
-------------------------------------------------
	divider lines
-------------------------------------------------
================================================*/

/* Divider Lines
 ------------------------------ */
.sh-divider-line {
	width: 100%;
}
.sh-divider-line.dashed {
	border-bottom: 1px dashed;
}
.sh-divider-line.solid {
	border-bottom: 1px solid;
}
.sh-divider-line.doubble {
	border-bottom: double;
	line-height:40px;
}
.sh-divider-line.margin {
	padding:5px 0;
}

/* Divider Line less width
 ------------------------------ */
.sh-divider-line.less-width-1 {
    width: 10%;
	margin:0 auto;
}
.sh-divider-line.less-width-2 {
    width: 20%;
	margin:0 auto;
}
.sh-divider-line.less-width-3 {
    width: 30%;
	margin:0 auto;
}
.sh-divider-line.less-width-4 {
    width: 40%;
	margin:0 auto;
}
.sh-divider-line.less-width-5 {
    width: 50%;
	margin:0 auto;
}
.sh-divider-line.less-width-6 {
    width: 60%;
	margin:0 auto;
}
.sh-divider-line.less-width-7 {
    width: 70%;
	margin:0 auto;
}
.sh-divider-line.less-width-8 {
    width: 80%;
	margin:0 auto;
}
.sh-divider-line.less-width-9 {
    width: 90%;
	margin:0 auto;
}
/* Divider Line colors
 ------------------------------ */
 
 /* Divider Line dark
 ------------------------------ */
.sh-divider-line.dark {
	border-bottom-color:#242424;
}

/* Divider Line light
 ------------------------------ */
.sh-divider-line.light {
	border-bottom-color:#e4e4e4;
}
/* Divider Line red
 ------------------------------ */
.sh-divider-line.red {
	border-bottom-color:#f83712;
}
/* Divider Line green
 ------------------------------ */
.sh-divider-line.green {
	border-bottom-color:#2bc220;
}
/* Divider Line blue
 ------------------------------ */
.sh-divider-line.blue {
	border-bottom-color:#30d1f4;
}


/*===============================================
-------------------------------------------------
	Widget Styles lines
-------------------------------------------------
================================================*/

/* widget holder
 ------------------------------ */
	
.widget-holder {
	width: 100%;
	padding: 30px;
	margin: 0 0 40px 0;
	float: left;
	border: 1px solid #e4e4e4;
}

/* Post widget
 ------------------------------ */

.posts-widget-image {
	padding:0px;
	margin:0px;
	float:left;
}
.posts-widget-text {
	display: block;
    margin: 0;
    padding: 0 0 0 99px;
    text-align: left;
}

.posts-widget-text .blog-post-info {
	width: 100%;
}
.posts-widget-text .blog-post-info span {
	font-size: 13px;
	color: #b9b9b9;
	margin-right: 15px;
}


/* Twitter widget
 ------------------------------ */	
.twitter-widget-icon {
	width: 32px;
	height: 32px;
	padding: 0px;
	font-size: 14px;
	color: #161616;
	text-align: center;
	line-height: 33px;
	margin: 0 10px 0 0;
	float: left;
	border-radius: 100%;
	background-color: #fdce16;
}
.twitter-widget-icon .title {
	width: 85%;
	padding: 5px 0 0 0;
	margin: 0;
	float: right;
}

/* Testimonials widget
 ------------------------------ */	
 
.testimonials-widget {
	width: 100%;
	padding: 0px;
	margin: 0 0 40px 0;
	float: left;
}
.testimonials-widget .text-box {
	width: 100%;
	padding: 30px;
	margin: 0 0 25px 0;
	float: left;
	border: 1px solid #e4e4e4;
}
.testimonials-widget .image {
	width:100px;
	height:100px;
    float: left;
    margin: 0;
    padding: 0;
	overflow:hidden;
	border-radius:100%;
}
.testimonials-widget .info {
    display: block;
    margin: 0;
    padding: 0 0 0 120px;
    text-align: left;
}









@media only screen and (min-width: 1000px) and (max-width: 1169px){
	

	
	}
	
@media only screen and (min-width: 768px) and (max-width: 999px){
	
.img-hover-holder-1 {
    width: 80%;
}
.img-hover-holder-2 {
    width: 80%;
}
.img-hover-holder-3 {
    width: 80%;
}
.img-hover-holder-4 {
    width: 80%;
}

















	}

@media only screen and (min-width: 640px) and (max-width: 767px){
	
.img-hover-holder-1 {
    width: 46%;
}	
.img-hover-holder-2 {
    width: 46%;
}	
.img-hover-holder-3 {
    width: 46%;
}	
.img-hover-holder-4 {
    width: 46%;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	}
	
@media only screen and (min-width: 480px) and (max-width: 639px){
	
.img-hover-holder-1 {
    width: 63%;
}	
.img-hover-holder-2 {
    width: 63%;
}	
.img-hover-holder-3 {
    width: 63%;
}	
.img-hover-holder-4 {
    width: 63%;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	}
	
@media only screen and (max-width: 479px){
	
	
	

	
	}
	
	
	
	
	


ul.nav > li > a.active {
    color: #573398;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #573398;
}
ul.nav>li>a:hover.active {
	color:#573398;
}
.ms-layer.sbut5 {
    background-color: #573398;
}
.feature-box1:hover .iconbox-tiny, .feature-box1.active .iconbox-tiny {
    background-color: #573398;
    border: 1px solid #573398;
}
a.read-more {
    color: #573398;
}
.text-orange-2 {
    color: #573398;
}
.btn.btn-orange-2 {
    background-color: #573398;
}
.iconlist li i {
    color: #573398;
}
.btn.btn-border.orange-2 {
    border-color: #573398;
    color: #573398;
}
.btn.btn-border:hover.orange-2 {
	background-color:#573398;
	border-color:#573398;
}
.team-name-holder.bgcolor {
    background-color: #573398;
}
.social-icons-1 li a:hover, .social-icons-1 li a.active {
    color: #573398;
}
.pricetable-holder.active .title {
    background-color: #573398;
}
.post-date-box {
    background-color: #573398;
}
.post-date-box .arrow-down {
    border-top: 20px solid #573398;
}
.blog-post-info span.green {
    color: #573398;
}

.footer-tags li a:hover, .footer-tags li a.active {
    border: 1px solid #573398;
    color: #573398;
}
.scrollup {
    background-color: #573398;
}
.social-icons-3 li a:hover, .social-icons-3 li a.active {
    background-color: #573398;
}
.social-icons-3 li a {
    color: #573398;
}
a.topbar-btn:hover, a.topbar-btn.active {
    background-color: #573398;
}
.slide-controls-color-13 .owl-theme .owl-controls .owl-page span {
    background: #573398 none repeat scroll 0 0;
}
.feature-box3:hover .iconbox-xlarge, .feature-box3.active .iconbox-xlarge {
    background-color: #573398;
}
.feature-box3 .iconbox-xlarge {
    color: #573398;
}
.ms-layer.sbut4 {
    background-color: #573398;
}
.digit {
    background-color: #573398;
}
.tabs1 li.active a {
    background-color: #573398;
    border: 1px solid #573398;
}
.tabs1 li a:hover {
    color: #573398;
}
.iconlist.orange li i {
    color: #573398;
}
.feature-box4 .iconbox-xtiny {
    background-color: #573398;
}
.feature-box4:hover h5 {
    color: #573398;
}
.team-holder2 .img-holder .icon-box {
    background-color: #573398;
}
.feature-box5:hover h4, .feature-box5:hover .icon-plain-msmall, .feature-box5.active h4, .feature-box5.active .icon-plain-msmall {
    color: #573398;
}
.tabs2 li.active a {
    background-color: #573398;
    border-right: 1px solid #573398;
}
.tabs2 li a:hover {
    background-color: #573398;
}
.usefull-links.orange li i {
    color: #573398;
}
.newsletter .input_submit {
    background-color: #573398;

}
.social-icons-3.orange li a:hover {
    background-color: #573398;
}
.scrollup.orange {
    background-color: #573398;
}
.scrollup.orange2 {
    background-color: #573398;
}
.scrollup.violet {
   background-color: #573398;
}
ul.nav.orange2 > li > a.active {
    color: #573398;
}
ul.nav.orange2 > li > a.active:hover {
    color: #573398;
}
.navbar-default.orange2 .navbar-nav > li > a:focus, .navbar-default.orange2 .navbar-nav > li > a:hover {
    color: #573398;
}
.ms-layer.sbut5.orange {
    background-color: #573398;
}
.tabs li.active a {
    background-color: #573398;
}
.iconlist.orange2 li i {
    color: #573398;
}
.section-orange-2 {
    background-color: #573398;
}
.testimonials-holder.two:hover, .testimonials-holder.two.active {
    background-color: #573398;
}
.contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
    background-color: #573398;
}
.contact-info-holder .iconbox-xmedium {
    color: #573398;
}
.socialicon-holder .social-icons-3 li a:hover, .socialicon-holder .social-icons-3 li a.active {
    background-color: #573398;
    border: 1px solid #573398;
}
.btn.btn-orange-2.dark {
    background-color: #573398;
}
.feature-box7:hover, .feature-box7.active {
    background-color: #573398;
}
.feature-box8:hover .iconbox-small, .feature-box8.active .iconbox-small {
    background-color: #573398;
    border: 1px solid #573398;
}
.feature-box8:hover h4, .feature-box8.active h4 {
    color: #573398;
}
.feature-box8 .iconbox-small {
    color: #573398;
}
.smk_accordion .accordion_in.st2.acc_active > .acc_head {
    color: #573398;
}
.progressbar-style1 .progress-bar {
    background-color: #573398;
}
.testimonials2 .imgholder {
    background-color: #573398;
}
.team-holder3 .social-icons-3 li a:hover, .team-holder3 .social-icons-3 li a.active {
    background-color: #573398;
}
.post-date-box.violet {
    background-color: #573398;
}
.newsletter .input_submit.violet {
    background-color: #573398;
}
.usefull-links.violet li i {
    color: #573398;
}
.section-green {
    background-color: #573398;
}
.feature-box9:hover .iconbox-xlarge, .feature-box9.active .iconbox-xlarge {
    background-color: #573398;
    border: 1px solid #573398;
}
.feature-box9 .iconbox-xlarge {
    color: #573398;
}
.feature-box9:hover h3, .feature-box9.active h3 {
    color: #573398;
}
.iconlist.green2 li i {
    color: #573398;
}
.blog-holder2 .post-date-box {
    background-color: #573398;
}
.testimonials3:hover .img-holder, .testimonials3.active .img-holder {
    background-color: #573398;
}
.testimonials3:hover .arrow-down, .testimonials3.active .arrow-down {
    border-top: 20px solid #573398;
}
.ms-layer.text59 {
    background-color: #573398;
}
.ms-layer.sbut2:hover {
    background-color: #573398;
    color: #fff;
}
.title-line-8 {
    background-color: #573398;
}
.feature-box10:hover, .feature-box10.active {
    background-color: #573398;
    border: 1px solid #573398;
}
.feature-box11 .iconbox-xtiny {
    background-color: #573398;
}
.post-infoicon {
    background-color: #573398;
}
.tabs3 li.active a {
    background-color: #573398;
    border-right: 1px solid #573398;
}
.tabs3 li a:hover {
    background-color: #573398;
}
.testimonials5 .social-icons-2 li a:hover, .testimonials5 .social-icons-2 li a.active {
    background-color: #573398;
    border: 1px solid #573398;
}
.topbar-middle-logo {
    background-color: #573398;
}
.ms-layer.offerbadge.orange-2 {
    background-color: #573398;
}
.ms-layer.text62 span {
    color: #573398;
}
.feature-box12:hover .iconbox-small, .feature-box12.active .iconbox-small {
    background-color: #573398;
}
.feature-box12:hover .read-more.white, .feature-box12.active .read-more.white {
    color: #573398;
}
.feature-box13:hover .iconbox-medium, .feature-box13.active .iconbox-medium {
    background-color: #573398;
    border: 1px solid #573398;
}
a.read-more.dark:hover {
    color: #573398;
}
.feature-box14 .digit {
    background-color: #573398;
}
.team-holder4:hover .icon-holder, .team-holder4.active .icon-holder {
    background-color: #573398;
}
.team-holder4:hover h5, .team-holder4.active h5 {
    color: #573398;
}
.pricetable-holder2 th .title-header.active {
    background-color: #573398;
}
.feature-box15:hover, .feature-box15.active {
    background-color: #573398;
}
.feature-box15 {
    border: 1px solid #573398;
}
.feature-box16:hover .iconbox-smedium, .feature-box16.active .iconbox-smedium {
    background-color: #573398;
}
.feature-box16:hover h4, .feature-box16.active h4 {
    color: #573398;
}
.social-icons-2 li a {
    background-color: #573398;
}
.pricetable-holder3:hover .inner-holder, .pricetable-holder3.active .inner-holder {
    background-color: #573398;
}
.pricetable-holder3:hover, .pricetable-holder3.active {
    border: 1px solid #573398;
}
.feature-box17:hover, .feature-box17.active {
    background-color: #573398;
}
.feature-box19 .iconbox-small {
    color: #573398;
}
.feature-box19:hover .iconbox-small, .feature-box19.active .iconbox-small {
    background-color: #573398;
    border: 1px solid #573398;
}
.feature-box19:hover h4, .feature-box19.active h4 {
    color: #573398;
}
.feature-box5.two:hover, .feature-box5.two.active {
    background-color: #573398;
}
.feature-box5.two:hover .arrow-down, .feature-box5.two.active .arrow-down {
    border-top: 20px solid #573398;
}
.feature-box20:hover .iconbox-tiny, .feature-box20.active .iconbox-tiny {
    background-color: #573398;
}
.feature-box22 .iconbox-xlarge .inner-box {
    background-color: #573398;
}
.feature-box23:hover, .feature-box23.active {
    background-color: #573398;
}
.btn.appstore.orange {
    background-color: #573398;
}
.btn.appstore.white:hover {
    background-color: #573398;
}
.personal-info.orange-2 li {
    color: #573398;
}
.category-links.orange-2 li a:hover, .category-links.orange-2 li a.active {
    color: #573398;
}
.sidebar-posts:hover h6, .sidebar-posts.active h6 {
    color: #573398;
}
.tags-2 li a:hover, .tags-2 li a.active {
    background-color: #573398;
    border: 1px solid #573398;
}
.btn.btn-green-4 {
    background-color: #573398;
}
.tabs15 li.active a {
    background-color: #573398;
    border: 1px solid #573398;
}
.tabs15 li a:hover {
    color: #573398;
}
ul.sitemap li a {
    color: #573398;
}
.error-search-box .input_submit {
    background-color: #573398;
    border: 1px solid #573398;
}
.cbp-l-filters-button.three .cbp-filter-item.cbp-filter-item-active {
    color: #573398;
}
.cbp-l-filters-button.two .cbp-filter-item.cbp-filter-item-active {
    border-color:#573398;
}
.cbp-l-filters-button.two .cbp-filter-item:hover {
    color: #573398;
}
.cbp-l-filters-button.two .cbp-filter-counter {
    background-color: #573398;
}

.cbp-l-filters-button.two .cbp-filter-counter::before {
    border-top: 4px solid #573398;
}
.blog-holder-12 .image-holder .overlay .icon {
    background-color: #573398;
}
.blog-pagenation li a:hover, .blog-pagenation li a.active {
    background-color: #573398;
    border: 1px solid #573398;
}
a.loadmore-but.orange-2 {
    background-color: #573398;
}
.smart-forms .btn-primary.orange-2 {
    background-color: #573398;
}



/*rgba color*/

.team-holder3 .img-holder .overlay {
    background-color: rgba(87, 51, 152, 0.9);
}
.section-overlay.orange-2 {
    background-color: rgba(87, 51, 152, 0.9);
}

.pricetable-holder .arrow {
    background: url(../../images/colors/violet/site-img07.png);
}
.pricetable-holder .arrow.two {
    background: url(../../images/colors/violet/site-img08.png);
}










.topbar.orange2 {
    background-color: #573398;
}
.feature-box-101 .circle {
    background-color: rgba(87, 51, 152, 0.9);
}
.feature-box-102 .number-1 {
    background: url(../../images/colors/violet/1.png) center 0 no-repeat;
}
.feature-box-102 .number-2 {
    background: url(../../images/colors/violet/2.png) center 0 no-repeat;
}
.feature-box-102 .number-3 {
    background: url(../../images/colors/violet/3.png) center 0 no-repeat;
}
.feature-box-102 .number-4 {
    background: url(../../images/colors/violet/4.png) center 0 no-repeat;
}
.feature-box-103:hover .iconbox-medium, .feature-box-103.active .iconbox-medium {
    background-color: #573398;
    border: 1px solid #573398;
}
.feature-box-103:hover h4, .feature-box-103.active h4 {
    color: #573398;
}
.feature-box-103 .iconbox-medium {
    color: #573398;
}
.blog-holder-13 .image-holder .shapes {
    background: url(../../images/colors/violet/775.png);
}

.pricetable-holder7.active {
    background-color: #573398;
}

.pricetable-active-bg-strip {
    background-color: #573398;
}


/* Responsive CSS Styles Table of Contents */


@media only screen and (min-width: 1000px) and (max-width: 1169px){
a.logo {
    margin: 1px 0px 0px 50px;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 82px;
}
.team-box1 .hover-box {
    top: 320px;
}
.social-icons-1 li.first {
    margin-left: 12px;
}
.pricetable-holder .arrow {
	display:none;
}
.feature-box2 .content-box {
    padding: 31px 0px 0px;
}
.feature-box2 .content-box .arrow-left {
    top: 84px;
}
.feature-box4 .iconbox-mtiny {
    top: 149px;
}
.team-holder2 .img-holder .icon-box {
    top: 261px;
}
.team-holder2:hover .icon-box {
	top:206px;
	}
.team-holder2 .social-icons-1 {
    margin: 2px 0px 0px;
}
.team-holder2 .social-icons-1 li.first {
    margin-left: 0px;
}
.post-author-image {
    top: 193px;
}
.blog-holder2 .text-box-right.more-padding-1 {
    padding: 0px 0px 0px 0;
}
.search-smallicon2 {
	top:20px;
	right:-800px;
}
.blog-holder3 .blog-img-holder .overlay .post-info {
    padding: 112px 0 0 44px;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 234px 0 0 30px;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left:15px;
}
.feature-box12 .iconcircle-small {
    left: 109px;
}
.email_input {
    width: 86%;
}
.blog-holder4 .post-infoicon{
	margin-bottom:8px;
	 }
.team-holder4 .icon-holder .social-icons-2 li:first-child {
    margin-top:20px;
}
.team-holder4 .icon-holder {
	min-height: 233px;
}
div.demo {
    width: 100%;
}
.feature-box4 .iconbox-xtiny {
    top: 0;
}
.team-holder5:hover .image-holder .hover-box {
	top:80px;
}
.header-inner.two .overlay {
    height: 160px;
}
.header-inner .title {
    padding: 52px 0 0;
}
.header-inner.two {
    height: 160px;
}
.feature-box31 .image-holder .price {
    left: 75px;
    top: 170px;
}

/*===== blog2 styles =======*/
.blog2-header-box .image-holder .text-box.top-padding {
    padding-top: 123px;
}

/*===== Cafe Layout styles =======*/
.logo-holder {
    top: -10px;
}
.header-inner-2 .title {
    padding: 253px 0 0;
}
.header-inner-2 {
    height: 427px;
}
/*===== Wedding Layout styles =======*/
.row.wedding-groomsman .col-md-4{
	width:100%;
	}
.row.wedding-bridesmaids .col-md-4{
	width:100%;
	}
.header-inner-2.less-margin {
    height: 320px;
    margin: -81px 0 0;
}

/*===== Shop Layout styles =======*/

.gallery .previews a {
    cursor: pointer;
    display: inline;
    margin-bottom: 9px;
	margin-top:10px;
}

/*===== Agency Layout styles =======*/
.navbar-header .logo-box {
    width: 220px;
}
.navbar-header .logo-box.big-1 {
    width:250px;
}
.navbar-header .logo-box.big-2 {
    width:350px;
}
.navbar-header .logo-box.big-3 {
    width:370px;
}
/*===== Charity Layout styles =======*/
.feature-box-79 .btn.morepadd {
    padding: 15px 20px;
}
.feature-box-83 {
	width:90%;
}
/*===== medical Layout styles =======*/
.section-copyrights ul.social-icons-3.less-margin {
    margin-left: 0;
}
/*===== creative Layout styles =======*/
.feature-box-90 {
	width: 95%;
	padding:30px;
	float: left;
	margin:0 0 0 0;
}
.feature-box-90:before .col-md-3 {
	width: 100%;
}
.feature-box-90 span {
	font-size:18px;
}

.feature-box-90 .title {
	font-size:14px;
}
/*===== hosting Layout styles =======*/
.feature-box-93 .overlay {
    padding: 0;
}
.feature-box-95 {
    min-height: 785px;
}
#search-topic #tsearch {
    font-size: 18px;
    height: 80px;
    width: 82%;
}
/*===== corporate inner pages =======*/
.error-title-big {
    font-size: 160px;
}
.screens-top-padding{
	padding-top:70px;
	}





















}


@media only screen and (min-width: 768px) and (max-width: 999px){
	
	.sticky-wrapper{ height:500px;}
	
.container{ width:94%;}

.bmargin{
	margin-bottom:40px;
	}
.section-side-image .image-holder.two {
    width: auto;
}
.team-box1 {
	width:80%;
	margin:0 auto;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 160px;
}
.team-box1 .hover-box {
    top: 361px;
}
.sub-title {
    width: 70%;
}
.pricetable-holder .arrow {
	display:none;
}
.feature-box2 .content-box {
    padding: 74px 0px 0px;
}

.colmargin{ 
	margin:0 0 70px 0;
}
.feature-box4 .iconbox-mtiny {
    top: 213px;
}
.team-holder2 .img-holder .icon-box {
    top: 405px;
}
.team-holder2:hover .icon-box {
	top:350px;
	}
.team-holder2 .social-icons-1 {
    margin: 2px 0px 0px;
}
.team-holder2 .social-icons-1 li.first {
    margin-left: 0px;
}
.post-author-image {
    top: 222px;
}
.socialicon-holder {
    padding: 20px 0px 0px 237px;
}
.contact-info-holder{
	margin-bottom:30px;
	}
.contact-info-holder .sideline {
	display:none;
}
.feature-box7{
	margin-bottom:30px;
	}
.item-holder {
	margin-bottom:30px;
}

#header {
    padding: 0 0 15px 0;
}
#header2 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
#header4 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
#header3 {
	height:80px;
    }
.menu-main {
	background-color:#161616;
    }
.menu-main2 {
	background-color:#fff;
    }
.sec-topmargin {
    margin-top:0px;
}
.search-smallicon2 {
	top:20px;
	right:-580px;
}
.client-list2 .col-md-4 {
    border-right: none;
}
.blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
    margin: 0 0 30px 0;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left:80px;
}
.testimonials5 {
	margin-bottom:80px;
}
.background-imgholder-full.img1, .background-imgholder-full.img2 {
	background:none;
	height:auto;
}

.feature-box12 {
	margin-bottom:80px;
}
.feature-box12 .iconbox-small {
    left: 310px;
}
.email_input {
    width: 80%;
}
.team-holder4 .icon-holder .social-icons-2 li:first-child {
    margin-top:20px;
}
.team-holder4 .icon-holder {
	min-height: 341px;
}
.pricetable-holder2 th .title-header.first {
	margin-top:28px;
}
.pricetable-holder2 a.btn2 {
	padding:10px 20px;
}
.pricetable-holder2 a.btn13 {
	padding:10px 20px;
}
.col-divider-margin {
	margin-top:0px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6{
	margin-top:0px;
	}


	
/*===== gym styles =======*/

.shape-bpadding2 {
    padding-bottom: 0px;
}	
.feature-box24.two .inner {
    width: 80%;
}
.seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
  }
  
/*===== Construction styles =======*/  
.team-holder5 .image-holder .hover-box {
	top:380px;
}
.header-inner.two .overlay {
    height: 160px;
}
.header-inner .title {
    padding: 52px 0 0;
}
.header-inner.two {
    height: 160px;
}

/*===== Restaurant styles =======*/ 
.feature-box31 .image-holder .price {
    left: 110px;
    top: 242px;
}

/*===== grayscale styles =======*/ 
.sec-dummy-top-padding {
	padding-top:80px;
}
.tab-text-holder {
	padding: 30px;
}
.team-holder8:hover .hover-box, .team-holder8.active .hover-box {
    top: 173px;
}

/*===== Cafe Layout styles =======*/
.logo-holder {
    top: -10px;
}
.master-slider.margintop-2 {
    top: 0px;
}
.logo-holder img {
	width:30%;
	margin-bottom:100px;
}
.special-menu-holder {
    width: 100%;
	margin-top:30px;
}

#header8 .menu-bg {
	background:none;
}
#header8 {
	top: 0;
}
.header-inner-2 {
    height: 320px;
    margin: 0;
}
.header-inner-2 .title {
    padding: 118px 0 0;
}

/*===== Wedding Layout styles =======*/
.section-less-padding.top-margin {
    margin-top:0px;
}
/*===== Fashion Layout styles =======*/
.team-holder12 .image-holder .hover-box {
    top: 425px;
}
.team-holder12:hover .image-holder .hover-box {
	top:280px;
}
/*===== Hair saloon Layout styles =======*/
.topbar.more-padding {
    padding: 10px 0 10px;
}
#header9, #header10 {
    top:0px;
}
.footer-holder .social-icons-3 {
    margin-left: 0;
}
.header-inner-2.less-margin {
    height: 241px;
}
.header-inner-2 .title.padding-1 {
    padding-top: 118px;
}
/*===== School Layout styles =======*/
#header10 .menu-bg {
    min-height: 90px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 33%;
}
.header-inner.less-margin-2 {
    margin: 0;
}
.header-inner.three {
    height: 240px;
}
.header-inner .title-2 {
    padding: 85px 0 0;
}


.classes-table table, thead, tbody, th, td, tr { 
display: block; 
}
.classes-table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.classes-table tr { border: 1px solid #ccc; }
		
.classes-table td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
}
		
.classes-table td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
		
.classes-table td:nth-of-type(1):before { content: "Time"; }
.classes-table td:nth-of-type(2):before { content: "Monday"; }
.classes-table td:nth-of-type(3):before { content: "Tuesday"; }
.classes-table td:nth-of-type(4):before { content: "Wednesday"; }
.classes-table td:nth-of-type(5):before { content: "Thursday"; }
.classes-table td:nth-of-type(6):before { content: "Friday"; }
.classes-table td:nth-of-type(7):before { content: "Saturday"; }

.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }




/*===== Portfolio Layout styles =======*/
.main-bg-2 {
    top: 0;
}
.menu-main-3 {
	background-color:#161616;
}

/*===== Realestate Layout styles =======*/

.team-holder13 .img-holder .icon-box {
    top: 408px;
}
.team-holder13:hover .icon-box, .team-holder13.active .icon-box {
	top: 350px;
}
.feature-box68 .image-holder .post-date-box {
    top: 0;
}

/*===== Shop Layout styles =======*/
.shop-product-holder .image-holder .hoverbox {
    width: 91%;
}
/*===== Agency Layout styles =======*/
.navbar-header .logo-box {
    width: 220px;
}
.navbar-header .logo-box.big-1 {
    width:250px;
}
.navbar-header .logo-box.big-2 {
    width:350px;
}
.navbar-header .logo-box.big-3 {
    width:370px;
}
/*===== Charity Layout styles =======*/
.boxed-title-3 {
    width: 100%;
}
/*===== medical Layout styles =======*/

.section-copyrights ul.social-icons-3.less-margin {
    margin-left: 0;
}
/*===== creative Layout styles =======*/
.feature-box-91 .title1 {
    padding: 0;
}
.feature-box-91 .post-date-box {
    font-size: 31px;
    height: auto;
    padding: 25px;
    width: 130px;
}
.feature-box-91 .post-date-box span {
    font-size: 14px;
    padding: 8px 0 0;
}
/*===== hosting Layout styles =======*/
.feature-box-93{
	padding: 50px;
	
}
.pricetable-holder5 {
	margin-bottom:50px;
}
.feature-box-96 {
    background-color: #f6f6f6;
}
.feature-box-98{
	background:none;
}
#search-topic #tsearch {
    font-size: 18px;
    height: 80px;
    width: 75%;
}
/*===== corporate inner pages =======*/
.error_holder {
    width: 100%;
}
.blog-holder-12 .post-date-box {
    font-size: 21px;
    height: 80px;
    padding: 10px 0 0;
    width: 80px;
}
.blog-holder-12 .post-date-box span {
    font-size: 12px;
    padding-top: 0;
}
.blog-holder-12 .post-date-box.two {
    top: 110px;
}
.blog-holder-12:hover .image-holder .overlay .icon {
	top:80px;

}
.parallax-section68 .big-text {
    font-size: 72px;
}
.screens-top-padding{
	padding-top:0px;
}













}



@media only screen and (min-width: 640px) and (max-width: 767px){


.container{ width:94%;}

.bmargin{
	margin-bottom:40px;
	}
.section-side-image .text-inner {
    padding: 80px 80px 80px 40px;
}
.section-side-image .text-inner.two {
    padding: 0px 80px 80px 40px;
}
.sub-title {
    width: 80%;
}
.team-box1 {
	width:50%;
    top: 391px;
	margin:0 auto;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 150px;
}
.team-box1 .hover-box {
    top: 361px;
}
.pricetable-holder .arrow {
	display:none;
}

.sec-padding {
    padding: 60px 0px;
}
.sec-tpadding{
	padding:60px 0 0 0;
	}
.sec-bpadding{
	padding:0 0 60px 0;
	}
.feature-box2 .content-box {
    position: relative;
    padding: 39px 0px 49px;
}
.colmargin{ 
	margin:0 0 60px 0;
}
.feature-box4 .iconbox-mtiny {
	display:none;
}
.team-holder2 .img-holder .icon-box {
    top: 559px;
}
.team-holder2:hover .icon-box {
	top:494px;
	}
.team-holder2 .social-icons-1 {
    margin: 2px 0px 0px;
}
.team-holder2 .social-icons-1 li.first {
    margin-left: 0px;
}
.item-holder{
	margin-bottom:30px;
	}
.tabs-content {
    width: 100%;
    padding: 0% 0% 0%;
}
.video-wrapper {
	margin-bottom:30px;
}
.post-author-image {
    top: 416px;
}
.contact-info-holder{
	margin-bottom:30px;
	}
.socialicon-holder {
    padding: 20px 0px 0px 176px;
}
.contact-info-holder .sideline {
	display:none;
}

.img-holder{
	margin-top:30px;
	}
.section-side-image .text-inner {
    padding: 80px 15px 80px 15px;
}
.blog-holder2 .img-holder {
    margin-top: 0px;
}
#header2 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
#header4 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
.menu-main {
	background-color:#161616;
    }
.menu-main2 {
	background-color:#fff;
    }
.sec-topmargin {
    margin-top:0px;
}
.search-smallicon2 {
	top:20px;
	right:-450px;
}
.client-list2 .col-md-4 {
    border-right: none;
}
.blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
    margin: 0 0 30px 0;
}
.testimonials5 {
	margin-bottom:80px;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left:180px;
}
.testimonials5 {
	margin-bottom:80px;
}
.background-imgholder-full.img1, .background-imgholder-full.img2 {
	background:none;
	height:auto;
}
.feature-box12 {
	margin-bottom:80px;
}
.feature-box12 .iconbox-small {
    left: 246px;
}
.email_input {
    width: 74%;
}
.team-holder4 .icon-holder .social-icons-2 li:first-child {
    margin-top:100px;
}
.team-holder4 .image-holder.lesswidth2 {
    width: 70%;
}
.team-holder4 .icon-holder {
    min-height: 550px;
    width: 30%;
}
.team-holder4 .icon-holder .social-icons-2 {
	width: 30%;
	margin-left:70px;
}
.team-holder4 .icon-holder .social-icons-2 li a {
	font-size:28px;
	margin-bottom:30px;
}


.team-holder9 .icon-holder .social-icons-2 li:first-child {
    margin-top:100px;
}
.team-holder9 .image-holder.lesswidth2 {
    width: 70%;
}
.team-holder9 .icon-holder {
    min-height: 550px;
    width: 30%;
}
.team-holder9 .icon-holder .social-icons-2 {
	width: 30%;
	margin-left:70px;
}
.team-holder9 .icon-holder .social-icons-2 li a {
	font-size:28px;
	margin-bottom:30px;
}


.pricetable-holder2 a.btn2 {
	padding:6px 5px;
}
.pricetable-holder2 a.btn13 {
	padding:6px 0px;
}
.feature-box21 .text-box {
    padding: 60px;
}
.feature-box22.margin-bottom {
	margin-bottom:60px;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 35px 0 0 30px;
}
.feature-box20{ margin-bottom:80px;}

.feature-box20 .iconbox-tiny {
    left: 258px;
}
.col-divider-margin {
	margin-top:0px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6{
	margin-top:0px;
	}
.sub-title-2 {
    width: 90%;
}

/*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
    padding: 0;
}*/

/*===== gym styles =======*/
.feature-box24 .inner {
    width: 70%;
}
.section-title-3 {
    font-size: 40px;
}
.bottom-shape1 {
    height: 107px;
}
.shape-bpadding2 {
    padding-bottom: 0px;
}
.feature-box26 .img-holder {
	border:none;
}
.bottom-shape3 {
    height: 100px;
}
.feature-box24.two .inner {
    width: 100%;
}
.seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
  }
.team-holder5 .image-holder .hover-box {
	top:450px;
	width: 70%;
}
.header-inner.two .overlay {
    height: 200px;
}
.header-inner.two {
    height: 200px;
}

/*===== grayscale styles =======*/
.team-holder6 {
	width: 45%;
	margin-right:20px;
}
.sec-dummy-top-padding {
	padding-top:80px;
}
.team-holder8:hover .hover-box, .team-holder8.active .hover-box {
    top: 173px;
}
/*===== Blog1 styles =======*/
.header-title-box {
    padding: 89px 0;
}
/*===== blog2 styles =======*/
.blog2-header-box .image-holder .text-box.top-padding {
    padding-top: 146px;
}

/*===== Cafe Layout styles =======*/
.logo-holder {
    top: -10px;
}
.master-slider.margintop-2 {
    top: 0px;
}
.logo-holder img {
	width:30%;
	margin-bottom:100px;
}
.special-menu-holder {
    width: 100%;
	margin-top:30px;
}
.header-inner-2 {
    height:349px;
    margin: -80px 0 0;

}
.team-holder7.two:hover .info-box {
    bottom: 230px;
}
.header-inner-2 {
    height: 267px;
    margin: 0;
}
.header-inner-2 .title {
    padding: 118px 0 0;
}
/*===== Wedding Layout styles =======*/
.section-less-padding.top-margin {
    margin-top:0px;
}
.text-box.padding-left-7{
	padding:0px;
}
/*===== Fashion Layout styles =======*/
.feature-box-51 .image-holder .hover-box {
    width: 51%;
}
.feature-box53.left-padding {
    padding-left: 0px;
	margin-bottom:30px;
}
.team-holder12 .image-holder .hover-box {
    width: 67%;
}
.team-holder12 .image-holder .hover-box {
    top: 460px;
}
.team-holder12:hover .image-holder .hover-box {
	top:290px;
}
/*===== Hair saloon Layout styles =======*/
.topbar.more-padding {
    padding: 10px 0 10px;
}
#header9, #header10 {
    top:0px;
}
.footer-holder .social-icons-3 {
    margin-left: 0;
}
.header-inner-2.less-margin {
    height: 200px;
    margin: 0;
}
.header-inner-2 .title.padding-1 {
    padding-top: 61px;
}

/*===== Transport Layout styles =======*/
.feature-box61 .title-line-7{
	display:none;
	}
.feature-box61 .text {
    width: 64%;
}
/*===== School Layout styles =======*/
#header10 .menu-bg {
    min-height: 90px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 100%;
}
.parallax-section45 {
	background-color:#fc4242;
}
.header-inner.less-margin-2 {
    margin: 0;
}
.header-inner.three {
    height: 200px;
}
.header-inner .title-2 {
    padding: 85px 0 0;
}
.classes-table table, thead, tbody, th, td, tr { 
display: block; 
}
.classes-table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.classes-table tr { border: 1px solid #ccc; }
		
.classes-table td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
}
		
.classes-table td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
		
.classes-table td:nth-of-type(1):before { content: "Time"; }
.classes-table td:nth-of-type(2):before { content: "Monday"; }
.classes-table td:nth-of-type(3):before { content: "Tuesday"; }
.classes-table td:nth-of-type(4):before { content: "Wednesday"; }
.classes-table td:nth-of-type(5):before { content: "Thursday"; }
.classes-table td:nth-of-type(6):before { content: "Friday"; }
.classes-table td:nth-of-type(7):before { content: "Saturday"; }

.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }


/*===== Portfolio Layout styles =======*/
.header-title-box-2 .title {
    font-size: 61px;
	padding: 0;
    line-height: 55px;
}
.main-bg-2 {
    top: 0;
}
.menu-main-3 {
	background-color:#161616;
}
/*===== Realestate Layout styles =======*/
.team-holder13 {
    width: 45%;
	margin-right:10px
}
/*===== Law Layout styles =======*/
.team-holder14 {
    width: 48%;
	margin-right:10px;
}
.feature-box68 .image-holder .post-date-box {
    top: 0;
}
/*===== Shop Layout styles =======*/
.shop-product-holder .image-holder .hoverbox {
    width: 53%;
}
/*===== Agency Layout styles =======*/
.navbar-header .logo-box {
    width: 220px;
}
.navbar-header .logo-box.big-1 {
    width:250px;
}
.navbar-header .logo-box.big-2 {
    width:350px;
}
.navbar-header .logo-box.big-3 {
    width:370px;
}
.team-holder2.two {
    width: 48%;
	margin-right:10px;
}
.team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
    top: 281px;
}
/*===== Charity Layout styles =======*/
.boxed-title-3 {
    width: 100%;
}
/*===== University Layout styles =======*/
.feature-box-81 {
    width: 70%;
}
/*===== medical Layout styles =======*/

.section-copyrights ul.social-icons-3.less-margin {
    margin-left: 0;
}
/*===== creative Layout styles =======*/
.feature-box-91 .title1 {
    padding: 0;
}
.feature-box-91 .post-date-box {
    font-size: 31px;
    height: auto;
    padding: 25px;
    width: 130px;
}
.feature-box-91 .post-date-box span {
    font-size: 14px;
    padding: 8px 0 0;
}
/*===== hosting Layout styles =======*/
.feature-box-93{
	padding: 50px;
	
}
.pricetable-holder5 {
	margin-bottom:50px;
}
.feature-box-96 {
    background-color: #f6f6f6;
}
.feature-box-98{
	background:none;
}
#search-topic #tsearch {
    font-size: 16px;
    height: 60px;
    width: 70%;
}
#search-topic #searchsubmit {
    font-size: 15px;
    height: 60px;
}
/*===== corporate inner pages =======*/
.error_holder {
    width: 100%;
}
.blog-holder-12 .post-date-box {
    font-size: 21px;
    height: 80px;
    padding: 10px 0 0;
    width: 80px;
}
.blog-holder-12 .post-date-box span {
    font-size: 12px;
    padding-top: 0;
}
.blog-holder-12 .post-date-box.two {
    top: 93px;
}
.blog-holder-12:hover .image-holder .overlay .icon {
	top:60px;
}
.blog-holder-12 .image-holder .overlay {
    padding: 13px;
}
.blog-holder-12 .post-date-box.three.four {
    top: 93px;
}

/*===== corporate deafult home page =======*/
.feature-box-101 .circle {
    left: 132px;
}
.sec-padd-default-page {
    padding: 60px 0;
}
.team-holder15 {
    max-height: 690px;
}
.parallax-section68 .big-text {
    font-size: 72px;
}
.screens-top-padding{
	padding-top:0px;
}






}


@media only screen and (min-width: 480px) and (max-width: 639px){
	
.container{ width:94%;}

.section-side-image .text-inner {
    padding: 80px 80px 80px 40px;
}
.section-side-image .text-inner.two {
    padding: 0px 80px 80px 40px;
}
.sub-title {
    width: 100%;
}
.team-box1 {
	width:60%;
	margin:0 auto;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 150px;
}
.team-box1 .hover-box {
    top: 320px;
}
.pricetable-holder .arrow {
	display:none;
}

.sec-padding {
    padding: 40px 0px;
}
.sec-tpadding{
	padding:40px 0 0 0;
	}
.sec-bpadding{
	padding:0 0 40px 0;
	}
.feature-box2 .content-box {
    padding: 53px 0px 53px;
}
.colmargin{ 
	margin:0 0 50px 0;
}
.tabs-content1 .padding-left-3 {
    padding: 0px 0px 0px 0px;
}
.feature-box4 .iconbox-mtiny {
	display:none;
}
.team-holder2 .img-holder .icon-box {
    top: 559px;
}
.team-holder2:hover .icon-box {
	top:435px;
	}
.team-holder2 .social-icons-1 {
    margin: 2px 0px 0px;
}
.team-holder2 .social-icons-1 li.first {
    margin-left: 0px;
}
.team-holder2 {
	margin-bottom:30px;
}
.item-holder {
	margin-bottom:30px;
}
.video-wrapper {
	margin-bottom:30px;
}
.contact-info-holder{
	margin-bottom:30px;
	}
.socialicon-holder {
    padding: 20px 0px 0px 110px;
}
.contact-info-holder .sideline {
	display:none;
}
.img-holder{
	margin-top:30px;
	}
.section-side-image .text-inner {
    padding: 80px 15px 80px 15px;
}
.blog-holder2 .img-holder {
    margin-top: 0px;
}
#header2 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
#header4 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
.menu-main {
	background-color:#161616;
    }
.menu-main2 {
	background-color:#fff;
    }
.sec-topmargin {
    margin-top:0px;
}
.search-smallicon2 {
	top:20px;
	right:-300px;
}
.client-list2 .col-md-4 {
    border-right: none;
}
.blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
    margin: 0 0 30px 0;
}
.blog-holder3 .blog-img-holder .overlay .post-info {
    padding: 79px 0 0 44px;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 177px 0 0 30px;
}
.blog-holder3 .blog-img-holder .post-info .post-infoicon {
    margin-bottom: 5px;
}
.testimonials5 {
	margin-bottom:80px;
}
.testimonials5 {
	margin-bottom:80px;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left:100px;
}
.testimonials5 {
	margin-bottom:80px;
}
.background-imgholder-full.img1, .background-imgholder-full.img2 {
	background:none;
	height:auto;
}
.feature-box12 {
	margin-bottom:80px;
}
.feature-box12 .iconbox-small {
    left: 171px;
}
.bmargin{
	margin-bottom:40px;
	}
.email_input {
    width: 60%;
}
.blog-holder4 .post-infoicon{
	margin-bottom:8px;
	 }
.blog-holder4 .col-xs-6 {
    width: 100%;
}
.team-holder4 .icon-holder .social-icons-2 li:first-child {
    margin-top:60px;
}
.team-holder4 .icon-holder {
    min-height: 434px;
}
.team-holder4 .icon-holder .social-icons-2 {
	width: 16%;
	margin-left:30px;
}
.team-holder4 .icon-holder .social-icons-2 li a {
	font-size:28px;
	margin-bottom:30px;
}

.team-holder9 .icon-holder .social-icons-2 li:first-child {
    margin-top:60px;
}
.team-holder9 .icon-holder {
    min-height: 434px;
}
.team-holder9 .icon-holder .social-icons-2 {
	width: 16%;
	margin-left:30px;
}
.team-holder9 .icon-holder .social-icons-2 li a {
	font-size:28px;
	margin-bottom:30px;
}


.pricetable-holder2 a.btn2 {
	padding:6px 0px;
}
.pricetable-holder2 a.btn13 {
	padding:6px 0px;
}
.pricetable-holder2 th .title-header {
    font-size: 10px;
    padding: 8px;
}
.topbar-left-items {
    width: 100%;
}
.topbar-middle-logo {
    width: 100%;
	margin:10px 0 0 0;
}
.topbar-right-items {
    width: 100%;
	margin:0 0 10px 0;
}
.feature-box20{
	margin-bottom:80px;
	}
.feature-box20 .iconbox-tiny {
    left: 186px;
}
.feature-box21 .text-box {
    padding: 50px;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 35px 0 0 30px;
}
.col-divider-margin {
	margin-top:0px;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6{
	margin-top:0px;
	}
.sub-title-2 {
    width: 90%;
}

/*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
    padding: 0;
}*/

/*===== gym styles =======*/

.top-shape1{
	height:108px;
	top:-108px;
	}
.top-shape2{
	height:108px;
	top:-108px;
	}
.section-title-3 {
    font-size: 40px;
}
.shape-bpadding2 {
    padding-bottom: 0px;
}
.feature-box26 .img-holder {
	border:none;
}
.bottom-shape3 {
    height: 100px;
}
.feature-box24.two .inner {
    padding: 22px 20px 20px;
}
.seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
  }
  
 /*===== construction styles =======*/
.team-holder5 .image-holder .hover-box {
	top:480px;
	width: 90%;
}
.header-inner.two .overlay {
    height: 150px;
}
.header-inner.two {
    height: 150px;
}
.header-inner .title {
    padding: 51px 0 0;
}
 /*===== grayscale styles =======*/
.team-holder6 {
	width: 90%;
}
.sec-dummy-top-padding {
	padding-top:60px;
}
.tab-text-holder {
	padding: 30px;
}
/*===== Blog1 styles =======*/
.header-title-box {
    padding: 70px 0;
}
.header-title-box .title {
    font-size: 60px;
}
/*===== blog2 styles =======*/
.blog2-header-box .image-holder .text-box.top-padding {
    padding-top: 110px;
}
/*===== Cafe Layout styles =======*/
.logo-holder {
    top: -10px;
}
.master-slider.margintop-2 {
    top: 0px;
}
.logo-holder img {
	width:40%;
	margin-bottom:150px;
}
.special-menu-holder {
    width: 100%;
	margin-top:30px;
}
.header-inner-2 {
    height:282px;
    margin: -80px 0 0;

}
.team-holder7.two:hover .info-box {
    bottom: 230px;
}
.header-inner-2 {
    height: 200px;
    margin: 0;
}
.header-inner-2 .title {
    padding: 81px 0 0;
}
/*===== Wedding Layout styles =======*/
.section-less-padding.top-margin {
    margin-top:0px;
}
.text-box.padding-left-7{
	padding:0px;
}
/*===== Fashion Layout styles =======*/
.feature-box-51 .image-holder .hover-box {
    width: 73%;
}
.feature-box53.left-padding {
    padding-left: 0px;
}
.team-holder12 .image-holder .hover-box {
    width: 90%;
}
.team-holder12 .image-holder .hover-box {
    top: 460px;
}
.team-holder12:hover .image-holder .hover-box {
	top:290px;
}
/*===== Hair saloon Layout styles =======*/
.topbar.more-padding {
    padding: 10px 0 10px;
}
#header9, #header10 {
    top:0px;
}
.footer-holder .social-icons-3 {
    margin-left: 0;
}
.header-inner-2.less-margin {
    height: 150px;
    margin: 0;
}
.header-inner-2 .title.padding-1 {
    padding-top: 40px;
}
/*===== School Layout styles =======*/
#header10 .menu-bg {
    min-height: 90px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 100%;
}
.header-inner.less-margin-2 {
    margin: 0;
}
.header-inner.three {
    height: 150px;
}
.header-inner .title-2 {
    padding: 40px 0 0;
}
.classes-table table, thead, tbody, th, td, tr { 
display: block; 
}
.classes-table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.classes-table tr { border: 1px solid #ccc; }
		
.classes-table td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
}
		
.classes-table td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
		
.classes-table td:nth-of-type(1):before { content: "Time"; }
.classes-table td:nth-of-type(2):before { content: "Monday"; }
.classes-table td:nth-of-type(3):before { content: "Tuesday"; }
.classes-table td:nth-of-type(4):before { content: "Wednesday"; }
.classes-table td:nth-of-type(5):before { content: "Thursday"; }
.classes-table td:nth-of-type(6):before { content: "Friday"; }
.classes-table td:nth-of-type(7):before { content: "Saturday"; }

.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }

/*===== Portfolio Layout styles =======*/
.header-title-box-2 .title {
    font-size: 61px;
    line-height: 55px;
	padding:0px;
}
.main-bg-2 {
    top: 0;
}
.menu-main-3 {
	background-color:#161616;
}
/*===== Realestate Layout styles =======*/

.team-holder13 .img-holder .icon-box {
    top: 528px;
}
.team-holder13:hover .icon-box, .team-holder13.active .icon-box {
	top: 461px;
}

/*===== Law Layout styles =======*/
.team-holder14 {
    width: 93%;
}
.feature-box68 .image-holder .post-date-box {
    top: 0;
}

/*===== Shop Layout styles =======*/
.feature-box69 .title1 {
    font-size: 36px;
    padding: 76px 0 0 50px;
}
.shop-product-holder .image-holder .hoverbox {
    width: 71%;
}
/*===== Agency Layout styles =======*/
.navbar-header .logo-box {
    width: 220px;
}
.navbar-header .logo-box.big-1 {
    width:250px;
}
.navbar-header .logo-box.big-2 {
    width:350px;
}
.navbar-header .logo-box.big-3 {
    width:370px;
}
.team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
    top: 461px;
}

/*===== Charity Layout styles =======*/
.boxed-title-3 {
    width: 100%;
}
/*===== University Layout styles =======*/
.feature-box-81 {
    width: 90%;
}
/*===== medical Layout styles =======*/

.section-copyrights ul.social-icons-3.less-margin {
    margin-left: 0;
}
/*===== creative Layout styles =======*/
.feature-box-91 .title1 {
    padding: 0;
}
.feature-box-91 .post-date-box {
    font-size: 31px;
    height: auto;
    padding: 10px;
    width: 130px;
}
.feature-box-91 .post-date-box span {
    font-size: 11px;
    padding: 0px 0 0;
}
.feature-box-91 .post-date-box .divider-line.margin {
    margin: 5px 0;
}
.feature-box-91 .title1 {
    font-size: 14px;
}
.feature-box-91 .text-box.padding-5 {
    padding: 10px;
}
/*===== hosting Layout styles =======*/
.domain-search-home #domain-searchform #dsearch {
    width: 53%;
}
.section-small-title-6 {
    font-size: 40px;
}
.section-title-6 {
    font-size: 37px;
}
.feature-box-93{
	padding: 40px 20px;
	
}
.pricetable-holder5 {
	margin-bottom:50px;
}
.feature-box-96 {
    background-color: #f6f6f6;
}
.feature-box-98{
	background:none;
}
#search-topic #tsearch {
    font-size: 16px;
    height: 60px;
    width: 65%;
}
#search-topic #searchsubmit {
    font-size: 15px;
    height: 60px;
}
/*===== corporate inner pages =======*/
.error_holder {
    width: 100%;
}
.blog-holder-12 .post-date-box {
    font-size: 21px;
    height: 70px;
    padding: 5px 0 0;
    width: 70px;
}
.blog-holder-12 .post-date-box span {
    font-size: 12px;
    padding-top: 0;
}
.blog-holder-12 .post-date-box.two {
    top: 65px;
}
.blog-holder-12:hover .image-holder .overlay .icon {
	top:60px;
}
.blog-holder-12 .image-holder .overlay {
    padding: 0;
}
.blog-holder-12 .image-holder .overlay .icon {
    font-size: 12px;
    height: 40px;
    line-height: 41px;
    width: 40px;
}
.blog-holder-12 .post-date-box.three.four {
    top: 80px;
}

/*===== corporate deafult home page =======*/
.sec-padd-default-page {
    padding: 60px 0;
}
.team-holder15 {
    max-height: 650px;
}
.parallax-section68 .big-text {
    font-size: 50px;
}
.screens-top-padding{
	padding-top:0px;
}









}





@media only screen and (max-width: 479px){

.container{ width:94%;}

.btn {
	padding: 10px 15px;
	margin-bottom:20px;
}
.text-box-right {
    float: left;
    margin: 20px 0 20px 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.text-box-left {
    float: left;
    margin: 20px 0 20px 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.text-box-right.more-padding-1 {
    padding: 0 0 0 0px;
}
.text-box-right.more-padding-3 {
    padding: 0 0 0 0px;
}
.text-box-right.more-padding-4 {
    padding: 0 0 0 0px;
}
.sub-title {
    width: 100%;
}
.section-title {
    font-size: 32px;
}
.section-side-image .text-inner {
    padding: 80px 80px 80px 40px;
}
.section-side-image .text-inner.two {
    padding: 0px 80px 80px 40px;
}
.team-box1 {
	width:80%;
	margin:0 auto;
}
.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 120px;
}
.team-box1 .hover-box {
    top: 320px;
}
.pricetable-holder .arrow {
	display:none;
}

.sec-padding {
    padding: 35px 0px;
}
.sec-tpadding{
	padding:35px 0 0 0;
	}
.sec-bpadding{
	padding:0 0 35px 0;
	}
.feature-box2 .content-box {
    padding: 30px 0px 30px;
}
.colmargin{ 
	margin:0 0 50px 0;
}
.tabs-content1 .padding-left-3 {
    padding: 0px 0px 0px 0px;
}
.feature-box4 .iconbox-mtiny {
	display:none;
}
.tabs-content1 .btn5{
	margin-bottom:20px;
	float:left;
	}
.team-holder2 .img-holder .icon-box {
    top: 315px;
}
.team-holder2:hover .icon-box {
	top:260px;
	}
.team-holder2 .social-icons-1 {
    margin: 2px 0px 0px;
}
.team-holder2 .social-icons-1 li.first {
    margin-left: 0px;
}
.team-holder2 {
	margin-bottom:30px;
}
.item-holder {
	margin-bottom:30px;
}
.video-wrapper {
	margin-bottom:20px;
}
.post-author-image {
    top: 178px;
}
.contact-info-holder{
	margin-bottom:30px;
	}
.socialicon-holder {
    padding: 20px 0px 0px 25px;
}
.contact-info-holder .sideline {
	display:none;
}
.team-holder3 .text-box-right {
	width:100%;
	padding: 0px 0px 0px 0px;
}
.btn3.green2 {
	padding: 8px 15px;
}
.btn5.green2 {
	padding: 8px 15px;
}
.img-holder{
	margin-top:30px;
	}
.section-side-image .text-inner {
    padding: 80px 15px 80px 15px;
}	
.blog-holder2 .img-holder {
    margin-top: 0px;
}	
#header2 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
#header4 {
	top:0px;
	border-bottom: none;
	background-color:#161616;
    }
.menu-main {
	background-color:#161616;
    }
.menu-main2 {
	background-color:#fff;
    }
.sec-topmargin {
    margin-top:0px;
}	
.search-smallicon2 {
	top:20px;
	right:-100px;
}	
.client-list2 .col-md-4 {
    border-right: none;
}	
.blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
    margin: 0 0 80px 0;
}	
.blog-holder3 .blog-img-holder .overlay .content-box {
    padding: 14px 0 0 50px;
}	
.blog-holder3 .blog-img-holder .overlay .post-info {
    padding: 57px 0 0 44px;
}	
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 185px 0 0 4px;
}	
.blog-holder3 .blog-img-holder .post-info .post-infoicon {
    margin-bottom: 5px;
}
.testimonials5 {
	margin-bottom:80px;
}
.testimonials5 .social-icons-2 li:first-child a {
	margin-left:25px;
}
.testimonials5 {
	margin-bottom:80px;
}
.background-imgholder-full.img1, .background-imgholder-full.img2 {
	background:none;
	height:auto;
}
.feature-box12 {
	margin-bottom:80px;
}
.feature-box12 .iconbox-small {
    left: 101px;
}
.bmargin{
	margin-bottom:40px;
	}
.email_input {
    width: 63%;
	height: 55px;
}
.email_submit {
    padding: 15px 12px;
}
.blog-holder4 .post-infoicon{
	margin-bottom:8px;
	 }
.blog-holder4 .col-xs-6 {
    width: 100%;
}
.team-holder4 .icon-holder {
    min-height: 279px;
}
.pricetable-holder2 a.btn2 {
	padding:6px 0px;
}
.pricetable-holder2 a.btn13 {
	padding:6px 0px;
}
.pricetable-holder2 th .title-header {
    font-size: 10px;
    padding: 8px;
}
.pricetable-holder2 th .price {
    font-size: 14px;
}

.pricetable-holder2 .table {
		overflow-x: auto;
		display: block;
	}
.topbar-left-items {
    width: 100%;
}
    .topbar-left-items {
        width: 49%;
        float: left;
    }
.topbar-middle-logo {
    width: 100%;
	margin:10px 0 0 0;
}
.topbar-right-items {
    width: 100%;
	margin:0 0 0px 0;
}
    .topbar-right-items {
        width: 49%;
         float:right;
    }
.feature-box20{
	margin-bottom:80px;
	}
.feature-box20 .iconbox-tiny {
    left: 110px;
}
.feature-box21 .text-box {
    padding: 30px;
}
.feature-box22 .text-box-right {
	width:100%;
	float:left;
	padding:0px;
	margin:150px 0 0 0;
}

.feature-box22 .iconbox-xlarge {
	margin-right:90%;
}
.video-wrapper {
	margin-bottom:30px;
}
.text-box-right.less-padding-1 {
    padding: 0;
}
.team-holder3.two .image-left {
    padding: 0 0 0 0;
}
div.demo {
    width: 237px;
}
.blog-holder3.two .blog-img-holder .overlay .post-info {
    padding: 35px 0 0 30px;
}
.btn.appstore {
	margin-bottom:15px;
}
.col-divider-margin {
	margin-top:0px;
}
.text-box-right.more-padding-2 {
    padding: 0 0 0 0;
}
.col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6{
	margin-top:0px;
	}
.sub-title-2 {
    width: 90%;
}
.sec-dummy-top-padding {
    padding-top: 30px;
}

/*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
    padding: 0;
}*/

/*===== gym styles =======*/
.top-shape1{
	top:-92px;
	height:92px;
	}
.top-shape2{
	top:-92px;
	height:92px;
	}
.section-title-3 {
    font-size: 30px;
}
.feature-box24 .inner {
    padding: 30px;
}
.shape-bpadding2 {
    padding-bottom: 0px;
}
.feature-box26 .img-holder {
	border:none;
}
.bottom-shape3 {
    height: 100px;
}
.feature-box24.two .inner {
    padding: 10px 0px 10px;
}
.seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
  }
	
/*===== Construction styles =======*/	
.feature-box30 .text-box-right {
    padding: 0 0 0 0;
}	
.header-inner.two .overlay {
    height: 100px;
}
.header-inner.two {
    height: 100px;
}
.header-inner .title {
	font-size: 24px;
    padding: 15px 0 0;
}
/*===== Restaurant styles =======*/	
.feature-box33 .post-date-box {
    top: 601px;
}
.sec-bpadding-3 {
    padding-bottom: 60px;
}
.sec-tpadding-3 {
    padding-top: 60px;
}
.section-title-4 {
    font-size: 50px;
}
/*===== grayscale layout styles =======*/	

.blog-holder8 .col-xs-9 {
    width: 100%;
}
.blog-holder8 .col-xs-3 {
    width: 100%;
}
.tab-text-holder {
	padding: 30px;
}
/*===== Blog1 styles =======*/
.header-title-box {
    padding: 70px 0;
}
.header-title-box .title {
    font-size: 40px;
}
/*===== blog2 styles =======*/
.blog2-header-box .image-holder .text-box.top-padding {
    padding-top: 60px;
	font-size:18px;
}
.blog2-header-box .image-holder .text-box .title {
	font-size:18px;
	margin-bottom:0px;
}
.blog2-header-box .image-holder .text-box .post-info span {
    font-size: 10px;
    margin-right: 20px;
}
/*===== Cafe Layout styles =======*/
.logo-holder {
    top: -10px;
}
.master-slider.margintop-2 {
    top: 0px;
}
.logo-holder img {
	width:40%;
	margin-bottom:150px;
}
.special-menu-holder {
    width: 100%;
	margin-top:30px;
}
.team-holder7.two {
    max-height: 415px;
}
.header-inner-2 {
    height: 133px;
    margin: 0;
}
.header-inner-2 .title {
    padding: 42px 0 0;
	font-size:22px;
}
/*===== Wedding Layout styles =======*/
.section-less-padding.top-margin {
    margin-top:0px;
}
.text-box.padding-left-7{
	padding:0px;
	}

.client-list3 img {
	width: 90%;
}
/*===== Fashion Layout styles =======*/
.feature-box53.left-padding {
    padding-left: 0px;
}
/*===== Mechanic Layout styles =======*/
.feature-box55 .text-holder {
    padding: 20px;
}
/*===== Hair saloon Layout styles =======*/
.topbar.more-padding {
    padding: 10px 0 10px;
}
#header9, #header10 {
    top:0px;
}
.footer-holder .social-icons-3 {
    margin-left: 0;
}
.header-inner-2.less-margin {
    height: 99px;
    margin: 0;
}
.header-inner-2 .title.padding-1 {
    padding-top: 13px;
}
/*===== Transport Layout styles =======*/
.feature-box61 .text {
	padding:15px;
}
.parallax-section42 .title1 {
	font-size:40px;
	line-height:40px;
}
/*===== School Layout styles =======*/
#header10 .menu-bg {
    min-height: 90px;
}
.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 100%;
}
.header-inner.less-margin-2 {
    margin: 0;
}
.header-inner.three {
    height: 100px;
}
.header-inner .title-2 {
    padding: 10px 0 0;
}
/*.classes-table table, thead, tbody, th, td, tr { 
display: block; 
}*/
.classes-table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.classes-table tr { border: 1px solid #ccc; }
		
.classes-table td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
}
		
.classes-table td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
		
.classes-table td:nth-of-type(1):before { content: "Time"; }
.classes-table td:nth-of-type(2):before { content: "Monday"; }
.classes-table td:nth-of-type(3):before { content: "Tuesday"; }
.classes-table td:nth-of-type(4):before { content: "Wednesday"; }
.classes-table td:nth-of-type(5):before { content: "Thursday"; }
.classes-table td:nth-of-type(6):before { content: "Friday"; }
.classes-table td:nth-of-type(7):before { content: "Saturday"; }

.table-style-2 td:nth-of-type(1):before { content: "TLD"; }
.table-style-2 td:nth-of-type(2):before { content: "Registration"; }
.table-style-2 td:nth-of-type(3):before { content: "Domain Transfer"; }
.table-style-2 td:nth-of-type(4):before { content: "DNS Management"; }
.table-style-2 td:nth-of-type(5):before { content: "Whois Privacy"; }
.table-style-2 td:nth-of-type(6):before { content: ""; }

/*===== Portfolio Layout styles =======*/
.header-title-box-2 .title {
    font-size: 40px;
    line-height: 40px;
	padding:0px;
}
.main-bg-2 {
    top: 0;
}
.menu-main-3 {
	background-color:#161616;
}
/*===== Realestate Layout styles =======*/

.team-holder13 .img-holder .icon-box {
    top: 350px;
}
.team-holder13:hover .icon-box, .team-holder13.active .icon-box {
	top: 285px;
}
.feature-box68 .image-holder .post-date-box {
    top: 0;
}

/*===== Winery Layout styles =======*/
.parallax-section51 .title {
    font-size: 35px;
}

/*===== Shop Layout styles =======*/
.feature-box69 .title1 {
    font-size: 20px;
    padding: 42px 0 0 50px;
}
.feature-box69 .title2 {
	font-size: 20px;
    padding: 0 0 0 50px;
}
.parallax-section-title {
    font-size: 30px;
}
/*===== Agency Layout styles =======*/
.navbar-header .logo-box {
    width: 220px;
}
.navbar-header .logo-box.big-1 {
    width:250px;
}
.navbar-header .logo-box.big-2 {
    width:250px;
}
.navbar-header .logo-box.big-3 {
    width:250px;
}
.team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
    top: 277px;
}
/*===== Personal Layout styles =======*/
.section-title-5 {
    font-size: 20px;

}
/*===== medical Layout styles =======*/

.section-copyrights ul.social-icons-3.less-margin {
    margin-left: 0;
}

/*===== creative Layout styles =======*/
.feature-box-91 .title1 {
    padding: 0;
}
.feature-box-91 .post-date-box {
    font-size: 14px;
    height: auto;
    padding: 10px;
    width: 80px;
	right:0px;
}
.feature-box-91 .post-date-box span {
    font-size: 11px;
    padding: 0px 0 0;
}
.feature-box-91 .post-date-box .divider-line.margin {
    margin: 5px 0;
}
.feature-box-91 .title1 {
    font-size: 14px;
}
.feature-box-91 .text-box.padding-5 {
    padding: 10px;
}

/*===== hosting Layout styles =======*/
.section-small-title-6 {
    font-size: 40px;
}
.section-title-6 {
    font-size: 37px;
}
.feature-box-93{
	padding: 20px 20px;
	
}
.pricetable-holder5 {
	margin-bottom:50px;
}
.feature-box-96 {
    background-color: #f6f6f6;
}
.feature-box-98{
	background:none;
}
#domain-search-holder #dsearch {
    font-size: 14px;
    height: 48px;
    width: 100%;
}
#domain-search-holder .drlist {
    height: 48px;
    width: 102px;
}
#domain-search-holder #searchsubmit {
    font-size: 14px;
    height: 48px;
    padding: 4px 25px;
}
#search-topic #tsearch {
    font-size: 16px;
    height: 60px;
    width: 100%;
}
#search-topic #searchsubmit {
    font-size: 15px;
    height: 60px;
}
/*===== corporate inner pages =======*/
.error-title-big {
    font-size: 80px;
}
.error_holder {
    width: 100%;
}
.blog-holder-12 .post-date-box {
    font-size: 14px;
    height: 40px;
    padding: 5px 0 0;
    width: 40px;
	line-height: 11px;
}
.blog-holder-12 .post-date-box span {
    font-size: 10px;
    padding-top: 0;
}
.blog-holder-12 .post-date-box.two {
    top: 39px;
}
.blog-holder-12:hover .image-holder .overlay .icon {
	top:30px;
}
.blog-holder-12 .image-holder .overlay {
    padding: 0;
}
.blog-holder-12 .image-holder .overlay .icon {
    font-size: 12px;
    height: 40px;
    line-height: 41px;
    width: 40px;
}
.blog-holder-12 .post-date-box.three {
    top: 22px;
}
.blog-holder-12 .post-date-box.three span {
    padding-top: 13px;
}
.blog-holder-12 .post-date-box.three.four {
    top: 100px;
}

/*===== corporate deafult home page =======*/
.sec-padd-default-page {
    padding: 40px 0;
}
.team-holder15 {
    max-height: 540px;
}
.blog-holder-13 .image-holder .post-date-box {
    bottom: 10px;
    font-size: 24px;
    padding: 10px 0 0;
    right: 10px;
    width: 80px;
	height:100px;
}
.blog-holder-13 .image-holder .shapes {
	display:none;
}
.blog-holder-13 .image-holder .post-date-box span {
    padding-top: 0px;
}
.parallax-section68 .big-text {
    font-size: 30px;
}
.pricetable-holder7 .ribbon {
	display:none;
}
.lspace-3 {
    letter-spacing: 0;
}
.lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5, .lspace-6 {
    letter-spacing: 20px;
}
.lspace-sm {
    letter-spacing: 5px;
}
.parallax-section68 .big-text {
    font-weight: bold;
    line-height: 8px;
}
.text-box.padding-7 {
    padding: 30px;
}
.screens-top-padding{
	padding-top:0px;
}






}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icond41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.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 .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { display:none; }
.flex-direction-nav .flex-next { display:none; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;display:block; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; display:block;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.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:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.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-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -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); }
.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%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

.flexslider .slides li.slide {
    height: 44vw;
}

@media only screen and (max-width: 479px) {
     
    /*.flexslider .slides li.slide {
        min-height: 250px;
    }*/
    .flexslider .flex-caption h3.title {
        font-size: 20px;
    }
    .flexslider .flex-caption .meta { display:none;
    }
}
/* 
 * 	Core Owl Carousel CSS File
 *	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%;
}
.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 {
	width: 60%;
	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);
}
/* mouse grab icon */
.grabbing {
	cursor: url(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-demo5 .item {
	margin: 3px;
}
#owl-demo5 .item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
#owl-demo6 .owl-item div {
	padding: 5px;
}
#owl-demo6 .owl-item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
#owl-demo7 .item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
#owl-demo8 .item {
	display: block;
	padding: 0px;
	margin: 5px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#owl-demo8 .item img {
	width: 100%;
}
#owl-demo9 .item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#owl-demo10 .item img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
	background-color: #F00;
	padding: 5px 9px;
}
.owl-theme .owl-buttons i {
	margin-top: 2px;
	background-color: #F00;
}
#sync1 .item {
	padding: 0 0px;
	margin: 0 0 30px 0;
	color: #FFF;
}
#sync2 {
	width: 100%;
	margin: 0 auto;
}
#sync2 .item {
	width: 150px;
	height: 80px;
	padding: 0;
	margin: 0;
	color: #FFF;
	cursor: pointer;
}
.carousel_holder {
	width: 100%;
	padding: 0px;
	margin: 0 0 0 0;
	float: left;
}
#sync1 .item img {
	display: block;
	width: 100%;
	height: auto;
}
 @media only screen and (max-width:480px) {
}
 @media only screen and (max-width:320px) {
#sync2 {
	width: 100%;
	margin: 0;
}
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* 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: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/*Slider next prev buttons colors*/

.slide-nextprev-but-1 .owl-theme .owl-controls .owl-buttons div {
	background: #a5d549;
	opacity: 1;
	transition: all 0.3s ease-out 0s;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	background-color: #242424;
}
/*control colors*/
.slide-controls-color-1 .owl-theme .owl-controls .owl-page span {
	background: #e9ee42;
}
.slide-controls-color-2 .owl-theme .owl-controls .owl-page span {
	background: #f51f6f;
}
.slide-controls-color-3 .owl-theme .owl-controls .owl-page span {
	background: #ff971c;
}
.slide-controls-color-4 .owl-theme .owl-controls .owl-page span {
	background: #a5d549;
}
.slide-controls-color-5 .owl-theme .owl-controls .owl-page span {
	background: #c3a254;
}
.slide-controls-color-6 .owl-theme .owl-controls .owl-page span {
	background: #e93e21;
}
.slide-controls-color-7 .owl-theme .owl-controls .owl-page span {
	background: #42d1aa;
}
.slide-controls-color-8 .owl-theme .owl-controls .owl-page span {
	background: #ce0a6c;
}
.slide-controls-color-9 .owl-theme .owl-controls .owl-page span {
	background: #e9b444;
}
.slide-controls-color-10 .owl-theme .owl-controls .owl-page span {
	background: #1fbef0;
}
.slide-controls-color-11 .owl-theme .owl-controls .owl-page span {
	background: #fff;
}
.slide-controls-color-12 .owl-theme .owl-controls .owl-page span {
	background: #8ac700;
}
.line-style .owl-theme .owl-controls .owl-page span {
	width: 50px;
	height: 3px;
	border-radius: 0;
}
.opacity-9 .owl-theme .owl-controls .owl-page span {
	opacity: 0.9;
}
.opacity-8 .owl-theme .owl-controls .owl-page span {
	opacity: 0.8;
}
.opacity-7 .owl-theme .owl-controls .owl-page span {
	opacity: 0.7;
}
.opacity-6 .owl-theme .owl-controls .owl-page span {
	opacity: 0.6;
}
.opacity-5 .owl-theme .owl-controls .owl-page span {
	opacity: 0.5;
}
.opacity-4 .owl-theme .owl-controls .owl-page span {
	opacity: 0.4;
}
.opacity-3 .owl-theme .owl-controls .owl-page span {
	opacity: 0.3;
}
.opacity-2 .owl-theme .owl-controls .owl-page span {
	opacity: 0.2;
}
.opacity-1 .owl-theme .owl-controls .owl-page span {
	opacity: 0.1;
}
.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;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/* 
 *  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 */
/*empty*/
@-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);
}
}

/*	
--------------------------------------------------
@ * Smart Forms v3.1.0
  * http://www.doptiq.com/smart-forms
  * Last updated 05 / JUNE / 2015
  * Product developed by Elflaire 
  * http://codecanyon.net/user/elflaire
-------------------------------------------------- 
*/

/* Roboto google font import 
--------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);

html, body{
	border: 0;
	margin: 0;
	padding: 0;
}

/* @backgrounds :: modify or add yours below 
------------------------------------------------------------------- */
.darkbg{ background:#6C82A2 url(../images/dark.html) repeat fixed; }
.woodbg{ background:#E6CCA6 url(../images/wood.html) repeat fixed; }

/* @form wrappers 
---------------------------------- */
.smart-wrap{ padding:0 20px; }
.smart-forms, 
.smart-forms *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.smart-forms {
	line-height: 1.231;
	font-weight: normal;
	font-size: 14px;
	color: #727272;
}

.smart-container{
	background:#fff;
/*	margin:50px auto;	
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-o-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;*/
	 
}

/* @form container width 
/* @if you want to change the form container width change the values below 
/* @alternatively you can add yours eg .wrap4{ max-width:200px; } 
---------------------------------------------------------------------------- */
.wrap-0{ max-width:952px; }
.wrap-1{ max-width:852px; }
.wrap-2{ max-width:652px; }
.wrap-3{ max-width:100%; }

/* @form helper classes 
--------------------------------------------------------------- */
.smart-forms .section{ margin-bottom:22px; }
.smart-forms .smart-link{ color:#4ebd4a; text-decoration:none; }
.smart-forms .smart-link:hover{ text-decoration: underline; }
.smart-forms .tagline{ height:0; border-top:1px solid #CFCFCF; text-align:center;  }
.smart-forms .tagline span{ 
	text-transform:uppercase; 
	display:inline-block;
	position:relative;
	padding:0 15px; 
	background:#fff; 
	color:#4ebd4a;
	top:-10px;  
}

.smart-forms .section.less-width{ 
	width:45%;
 }


/* @form label + field :: field class is useful for validation 
---------------------------------------------------------------------- */
.smart-forms .field{ display:block; position:relative; }
.smart-forms .field-icon i { color:#BBB; position:relative; }
.smart-forms .field-label { display: block; margin-bottom: 7px; }
.smart-forms .field-label.colm{ padding-top:12px; }
.smart-forms .field-label em{ 
	color:#e74c3c;
	font-size:14px;
	font-style:normal;
	display:inline-block;
	margin-left:4px;
	position:relative; 
	top:3px;  
}

.smart-forms fieldset{ 
	border:0;
	display:block;
}

/* @form header section 
----------------------------------------- */
.smart-forms .form-header{ 
	overflow:hidden;
	position:relative;
	padding:25px 30px;
	-webkit-border-radius:5px 5px 0 0 ;
	-moz-border-radius:5px 5px 0 0 ;
	-o-border-radius:5px 5px 0 0 ;
	border-radius:5px 5px 0 0 ;
}
	
.smart-forms .form-header h4 { 
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:300; 
	font-size:32px; 
	padding:0;
	margin:0;
		 
}

.smart-forms .form-header h4 i { 
	font-size:38px;
	position:relative; 
	margin-right:10px;
	top:2px; 
}

/* @header themes :: primary + lite 
---------------------------------------------- */
.smart-forms .header-primary {	
	background-color:#4ebd4a;
	border-top:1px solid #A7D065;  
	border-bottom:5px solid #3c9b39;
}

.smart-forms .header-lite{ 
	background:#F3F5FA;
	border-top:1px solid #A7D065; 
	border-bottom:1px solid #D9DDE5; 
}

.smart-forms .header-lite:before{
	content:"";
	background-color:#4ebd4a;  
	position:absolute;
	height:8px;  
	z-index:1; 
	top:0px;
	right:0;  
	left:0;
}

.smart-forms .header-primary h4{ color:#fff; }
.smart-forms .header-lite h4{ color:#5D6A87; padding-top:5px; }

/* @remove rounded corners form headers 
----------------------------------------------------------------- */
.smart-flat, 
.smart-flat .form-header{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}

/* @form body + footer 
------------------------------------------------------------------- */	
.smart-forms .form-body{ padding:40px 30px; padding-bottom:20px; }
.smart-forms .form-footer {
	overflow:hidden;
	padding:0 0;

}

/* @crossbrowser placeholder styling :: modern browsers only IE10+
------------------------------------------------------------------------ */
.smart-forms input[type=search] { -webkit-appearance: textfield; }
.smart-forms ::-webkit-search-decoration, 
.smart-forms ::-webkit-search-cancel-button { -webkit-appearance: none; }
.smart-forms input:invalid { -moz-box-shadow: none; box-shadow: none;  }
.smart-forms input::-webkit-input-placeholder,
.smart-forms textarea::-webkit-input-placeholder { color: #AAAAAA; }
.smart-forms input:focus::-webkit-input-placeholder,
.smart-forms textarea:focus::-webkit-input-placeholder { color: #D6DBE0; }
.smart-forms input:-moz-placeholder,
.smart-forms textarea:-moz-placeholder { color: #AAAAAA; }
.smart-forms input:focus:-moz-placeholder,
.smart-forms textarea:focus:-moz-placeholder { color: #D6DBE0; }
.smart-forms input::-moz-placeholder,
.smart-forms textarea::-moz-placeholder { color: #AAAAAA; opacity: 1; }
.smart-forms input:focus::-moz-placeholder,
.smart-forms textarea:focus::-moz-placeholder { color: #D6DBE0; opacity: 1; }
.smart-forms input:-ms-input-placeholder,
.smart-forms textarea:-ms-input-placeholder { color: #AAAAAA; }
.smart-forms input:focus:-ms-input-placeholder,
.smart-forms textarea:focus:-ms-input-placeholder { color: #D6DBE0; }

/* @element general styling :: fonts :: adjust accordingly
------------------------------------------------------------- */
.smart-forms label, 
.smart-forms input,
.smart-forms button,
.smart-forms select,  
.smart-forms textarea {
	margin: 0;  
	font-size: 14px;
	font-family:  "Roboto", Arial, Helvetica, sans-serif;
	font-weight:400;
	color: #626262;
	outline:none;
}

/* @remove browser specific styling
----------------------------------------------- */
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms input[type="button"],
.smart-forms input[type="submit"],
.smart-forms input[type="search"],
.smart-forms .select-multiple select {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0px;
	border-radius: 0px;
}

.smart-forms input[type="search"]::-webkit-search-decoration,
.smart-forms input[type="search"]::-webkit-search-cancel-button,
.smart-forms input[type="search"]::-webkit-search-results-button,
.smart-forms input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* @labels font-size styling :: adjust to fit your needs 
--------------------------------------------------------- */
.smart-forms .switch, 
.smart-forms .option,
.smart-forms .field-label{ font-size:14px; }

/* @prevent user selection for usability purposes
----------------------------------------------------- */
.smart-forms .radio,
.smart-forms .button,  
.smart-forms .checkbox,
.smart-forms .select .arrow,
.smart-forms .switch > label,
.smart-forms .ui-slider .ui-slider-handle{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* @universal rules for all elements 
---------------------------------------------------- */
.smart-forms .radio,
.smart-forms .button,
.smart-forms .tooltip,
.smart-forms .checkbox,  
.smart-forms .gui-input,
.smart-forms .notification,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select{ 
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline:none;
}

.smart-forms .select > select,
.smart-forms .select-multiple select{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.smart-forms .select,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select{
	background: #fff;
	position: relative;
	vertical-align: top;
	border: 1px solid #e4e4e4;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #626262;
	outline:none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

/* input dark
----------------------------------------------------------- */
.smart-forms.dark .select,
.smart-forms.dark .gui-input,
.smart-forms.dark .gui-textarea,
.smart-forms.dark .select > select,
.smart-forms.dark .select-multiple select{
	background: #242424;
	position: relative;
	vertical-align: top;
	border: 1px solid #545353;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #fff;
	outline:none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

.smart-forms.dark .state-success .gui-input, .smart-forms.dark .state-success .gui-textarea, .smart-forms.dark .state-success.select > select, .smart-forms.dark .state-success.select-multiple > select, .smart-forms.dark .state-success input:hover + .checkbox, .smart-forms.dark .state-success input:hover + .radio, .smart-forms.dark .state-success input:focus + .checkbox, .smart-forms.dark .state-success input:focus + .radio, .smart-forms.dark .state-success .checkbox, .smart-forms.dark .state-success .radio {
    background: #242424 none repeat scroll 0 0;
    border-color: #545353;
}

/* @form element :focus state 
-------------------------------------------------------- */
.smart-forms.dark .gui-input:focus,
.smart-forms.dark .gui-textarea:focus,
.smart-forms.dark .select > select:focus,
.smart-forms.dark .select-multiple select:focus{ 
    color: #fff;
    background: #242424;
	border:1px solid #727272;
	-webkit-box-shadow:0px 0px 3px #4EBD4A inset; 
	-moz-box-shadow:0px 0px 3px #4EBD4A inset;  
	-o-box-shadow:0px 0px 3px #4EBD4A inset;	
	box-shadow:0px 0px 3px #4EBD4A inset;
    outline: none; 

}

/* input less width
----------------------------------------------------------- */

.section-form.less-width {
	position: relative;
   width: 49.8%;
   margin-bottom:15px;
   display: inline-block;
}


/* @styling inputs and textareas 
------------------------------------------- */
.smart-forms .gui-input, 
.smart-forms .gui-textarea { padding:10px; }
.smart-forms .gui-textarea {    
    resize: none;
	line-height: 19px;
	overflow: auto;
	max-width:100%;
    height: 96px;
}

/* @hint below textareas 
---------------------------------------- */
.smart-forms .input-hint {
    padding: 10px;
	display: block;
	margin-top: -1px;
	line-height: 16px;
	position: relative; 
    background: #F5F5F5;
    border: 1px solid #CFCFCF;	   
	font-family:Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    font-size: 11px;
    color: #999;
}

.smart-forms .input-hint.style1 {
    background:none;
    border: none;	   
    color: #727272;
}

/* @form selects :: dropdowns 
-------------------------------------------------- */
.smart-forms .select { border:0; z-index:10; }
.smart-forms .select > select {
	display: block;
    padding:9px 10px; 
    color: #626262;
    background: #F5F5F5;   	
     border: 1px solid #CFCFCF;	
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:normal;
	outline:none;
	text-indent: 0.01px;
    text-overflow: ''; 
	z-index:10;
	margin: 0;	
}

.smart-forms .select > select::-ms-expand { display: none; }
.smart-forms .select .arrow {
	position: absolute;
	top: 9px;
	right: 4px;
	width: 24px;
	height: 24px;
	color:#9F9F9F;
	pointer-events:none;
	z-index:16;
}

.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
	content: '';
	position: absolute;
	font:12px "Consolas", monospace;
	font-style:normal;
	pointer-events:none;
	display:none\9;
	left:5px;
	
}

.smart-forms .select .arrow:before { content:'\25BC'; bottom:4px; }
.smart-forms .select .double:after { content:'\25B2'; top:-1px;  }
.smart-forms .select .double:before { content:'\25BC'; bottom:-1px; }
.smart-forms .select-multiple select { 
	width:100%; 
	height: 123px;
	padding: 10px;
}

/* @file inputs :: file uploaders 
-------------------------------------------------------- */
.smart-forms .file{ display:block; width:100%; }
.smart-forms .file .gui-file{
	width:100%;
	height:100%;
	cursor:pointer;
	padding:8px 10px;
	position:absolute;
	-moz-opacity:0;
	opacity: 0;
	z-index:11;
	bottom:0;	
	right:0;
}

.smart-forms .file .button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index:10;
}

/* @form element :hover state 
-------------------------------------------- */
.smart-forms .gui-input:hover,
.smart-forms .gui-textarea:hover,
.smart-forms .select > select:hover,
.smart-forms .select-multiple select:hover, 
.smart-forms .gui-input:hover ~ .input-hint,
.smart-forms .file .gui-file:hover + .gui-input,
.smart-forms .gui-textarea:hover ~ .input-hint{
	border-color: #6BC868;
}

/* @form element :focus state 
-------------------------------------------------------- */
.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select > select:focus,
.smart-forms .select-multiple select:focus{ 
    color: #3c3c3c;
    background: #fff;
	border:1px solid #4EBD4A;
	-webkit-box-shadow:0px 0px 3px #4EBD4A inset; 
	-moz-box-shadow:0px 0px 3px #4EBD4A inset;  
	-o-box-shadow:0px 0px 3px #4EBD4A inset;	
	box-shadow:0px 0px 3px #4EBD4A inset;
    outline: none; 

}

.smart-forms .select > select:focus {	
	z-index:10;
	z-index:20\9;
}

.smart-forms .gui-textarea:focus{  height: 120px; }
.smart-forms .select > select:focus { z-index:10; z-index:20\9; }
.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i{ color:#4EBD4A; }
.smart-forms .select-multiple select:focus, 
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint, 
.smart-forms .file .gui-file:focus + .gui-input{ border-color: #4EBD4A; }
.smart-forms .select > select:focus + .arrow{ color:#4EBD4A; }


/* @radio + checkbox option elements 
----------------------------------------------------- */ 
.smart-forms .option {
    position: relative;	
	padding-right:15px;    
	display: inline-block;
	vertical-align:middle;
}
.smart-forms .option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
	left: 0;
}

.smart-forms .checkbox, 
.smart-forms .radio { 
	position:relative;
	margin-right:2px;
	background: #fff;
	display: inline-block;
    border: 3px solid #CFCFCF;	
	margin-bottom:0;
	margin-top:0;	
	height: 21px;
	width: 21px;
	top:4px;
	
}

.smart-forms .checkbox:before, 
.smart-forms .radio:before {
    content: '';
    display: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
	margin: 0;
}

.smart-forms input:checked + .checkbox:before, 
.smart-forms input:checked + .radio:before {
    display: block;
}

.smart-forms .checkbox:before {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #4ebd4a;
    -webkit-border-width: 0 0 3px 3px;
	-moz-border-width: 0 0 3px 3px;
	border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.smart-forms input:checked + .checkbox, 
.smart-forms input:checked + .radio{ border: 3px solid #4ebd4a; }
.smart-forms .radio { 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px;
 
}
.smart-forms .radio:before {
    margin: 4px;
    width: 7px;
    height: 7px;
    background: #4ebd4a;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
}


/* @radio + checkbox :hover state 
-------------------------------------------------- */
.smart-forms input:hover + .checkbox, 
.smart-forms input:hover + .radio{
    border-color:#6BC868;
	
}

/* @radio + checkbox :focus state 
--------------------------------------------------- */
.smart-forms input:focus + .checkbox, 
.smart-forms input:focus + .radio{ border-color: #4ebd4a; }
.smart-forms input:focus + .radio:before{ background: #4ebd4a; }
.smart-forms input:focus + .checkbox:before{ border-color: #4ebd4a; }

/* @toggle switch elements 
-------------------------------------------------- */
.smart-forms .switch { 
	cursor:pointer; 
	position: relative; 
	padding-right:10px;
    display: inline-block;
	margin-bottom:5px;
	height: 26px;
}
.smart-forms .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: #D7D7D7;
    border: 2px solid #D7D7D7;
	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;
	
}
.smart-forms .switch > .switch-label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; }
.smart-forms .switch > .switch-label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

.smart-forms .switch > .switch-label:after {
	content:"";	
    margin: 1px;
    width: 19px;
    height: 19px;
	display: block;
    background: #fff;
}

.smart-forms .switch > input {
	-webkit-appearance: none;
	position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
	left: 0;
	top: 0;
   
}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.smart-forms .switch > input:focus { outline: none; }
.smart-forms .switch > input:focus + .switch-label { color: #fff; border-color: #C7C7C7; background:#C7C7C7; }
.smart-forms .switch > input:focus + .switch-label:after { background: #fff; }

/* @toggle switch normal state 
--------------------------------------------------------------- */
.smart-forms .switch > input:checked + .switch-label {
    border-color: #4ebd4a;
	background: #4ebd4a; 
	padding-left: 33px;
	color: white;
}

.smart-forms .switch > input:checked + .switch-label:before {
    content: attr(data-on);
    left: 1px;
	top:1px;
}

.smart-forms .switch > input:checked + .switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.smart-forms .switch > input:checked:focus + .switch-label { background: #3c9b39; border-color: #3c9b39; }
.smart-forms .switch-round > .switch-label { 
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px; 
}

.smart-forms .switch-round > .switch-label + span{ top:-2px; }
.smart-forms .switch-round > .switch-label:before { width: 33px; }
.smart-forms .switch-round > .switch-label:after {
    width: 19px;
	color:#D7D7D7;
	content: "\2022";
	font:20px/20px Times, Serif;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

.smart-forms .switch-round > input:checked + .switch-label { padding-left: 33px; }
.smart-forms .switch-round > input:checked + .switch-label:after{ color:#4ebd4a; }

/* @buttons 
----------------------------------------------------- */
.smart-forms .button {
    border: 0;
	height: 42px;
	color: #243140;
	line-height: 1;
	font-size:15px; 
    cursor: pointer;
	padding: 0 50px;
	text-align: center;
	vertical-align: top;
    background: #DBDBDB;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

/* @buttons :hover, :active states 
---------------------------------------------------------------- */
.smart-forms .button:hover { color: #243140; background: #E8E8E8; }
.smart-forms .button:active{ color: #1d2938; background: #C4C4C4; }
.smart-forms a.button, 
.smart-forms span.button, 
.smart-forms label.button { line-height: 42px; text-decoration: none; }
.smart-forms .button i{ font-size:14px; }
.smart-forms .button-list .button{ margin-bottom:5px; }

/* @primary button theme
-------------------------------------------- */
.smart-forms .btn-primary {  background-color: #4ebd4a;  }
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus { background-color: #6bc868; }
.smart-forms .btn-primary:active{ background-color: #3c9b39; }
.smart-forms .btn-primary, 
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus, 
.smart-forms .btn-primary:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

/* button colors
-------------------------------------------- */
.smart-forms .btn-primary.red {  background-color: #e93e21;  }
.smart-forms .btn-primary.red:hover,
.smart-forms .btn-primary.red:focus { background-color: #242424; }
.smart-forms .btn-primary.red:active{ background-color: #e93e21; }


/* button colors
-------------------------------------------- */
/*red*/

.smart-forms .btn-primary.red {  background-color: #e93e21;  }
.smart-forms .btn-primary.red:hover,
.smart-forms .btn-primary.red:focus { background-color: #242424; }
.smart-forms .btn-primary.red:active{ background-color: #e93e21; }

/*green*/
.smart-forms .btn-primary.green {  background-color: #a5d549;  }
.smart-forms .btn-primary.green:hover,
.smart-forms .btn-primary.green:focus { background-color: #242424; }
.smart-forms .btn-primary.green:active{ background-color: #a5d549; }

/*green 4*/
.smart-forms .btn-primary.green-4 {  background-color: #a5d549;  }
.smart-forms .btn-primary.green-4:hover,
.smart-forms .btn-primary.green-4:focus { background-color: #242424; }
.smart-forms .btn-primary.green-4:active{ background-color: #a5d549; }


/*pink*/

.smart-forms .btn-primary.pink {  background-color: #8ac700;  }
.smart-forms .btn-primary.pink:hover,
.smart-forms .btn-primary.pink:focus { background-color: #242424; }
.smart-forms .btn-primary.pink:active{ background-color: #8ac700; }

/*stone*/

.smart-forms .btn-primary.stone {  background-color: #c3a254; border-radius:2px; padding:0 100px; text-align:center; margin-left:430px; vertical-align:middle; height: 60px; }
.smart-forms .btn-primary.stone:hover,
.smart-forms .btn-primary.stone:focus { background-color: #fff; color:#242424; }
.smart-forms .btn-primary.stone:active{ background-color: #c3a254; }

/*stone2*/

.smart-forms .btn-primary.stone-2 {  background-color: #c3a254;}
.smart-forms .btn-primary.stone-2:hover,
.smart-forms .btn-primary.stone-2:focus { background-color: #242424; color:#fff; }
.smart-forms .btn-primary.stone-2:active{ background-color: #c3a254; }


/*brown-2*/

.smart-forms .btn-primary.brown-2 {  background-color: #b5854d;}
.smart-forms .btn-primary.brown-2:hover,
.smart-forms .btn-primary.brown-2:focus { background-color: #242424; color:#fff; }
.smart-forms .btn-primary.brown-2:active{ background-color: #b5854d; }

/*red-4*/

.smart-forms .btn-primary.red-4 {  background-color: #f43819;}
.smart-forms .btn-primary.red-4:hover,
.smart-forms .btn-primary.red-4:focus { background-color: #242424; color:#fff; }
.smart-forms .btn-primary.red-4:active{ background-color: #f43819; }

/*red 5*/

.smart-forms .btn-primary.red-5 {  background-color: #ed3325;  }
.smart-forms .btn-primary.red-5:hover,
.smart-forms .btn-primary.red-5:focus { background-color: #242424; }
.smart-forms .btn-primary.red-5:active{ background-color: #ed3325; }

/*cyan*/

.smart-forms .btn-primary.cyan {  background-color: #42d1aa;  }
.smart-forms .btn-primary.cyan:hover,
.smart-forms .btn-primary.cyan:focus { background-color: #242424; }
.smart-forms .btn-primary.cyan:active{ background-color: #42d1aa; }

/*pink 3*/

.smart-forms .btn-primary.pink-3 {  background-color: #ce0a6c;  }
.smart-forms .btn-primary.pink-3:hover,
.smart-forms .btn-primary.pink-3:focus { background-color: #242424; }
.smart-forms .btn-primary.pink-3:active{ background-color: #ce0a6c; }


/*yellow 4*/

.smart-forms .btn-primary.yellow-4 {  background-color: #e9b444; border-radius:2px; padding:0 100px; text-align:center; margin-left:430px; vertical-align:middle; height: 60px; }
.smart-forms .btn-primary.yellow-4:hover,
.smart-forms .btn-primary.yellow-4:focus { background-color: #fff; color:#242424; }
.smart-forms .btn-primary.yellow-4:active{ background-color: #e9b444; }


/*blue*/

.smart-forms .btn-primary.blue-small {  background-color: #1fbef0; padding:0 20px;  }
.smart-forms .btn-primary.blue-small:hover,
.smart-forms .btn-primary.blue-small:focus { background-color: #fff; color:#242424; }
.smart-forms .btn-primary.blue-small:active{ background-color: #1fbef0; }



/*blue*/

.smart-forms .btn-primary.blue {  background-color: #1fbef0; }
.smart-forms .btn-primary.blue:hover,
.smart-forms .btn-primary.blue:focus { background-color: #242424; color:#fff; }
.smart-forms .btn-primary.blue:active{ background-color: #1fbef0; }

/*orange 2*/

.smart-forms .btn-primary.orange-2 {  background-color: #fd602c;}
.smart-forms .btn-primary.orange-2:hover,
.smart-forms .btn-primary.orange-2:focus { background-color: #242424; color:#fff; }
.smart-forms .btn-primary.orange-2:active{ background-color: #fd602c; }



/* @rounded buttons 
-------------------------------------------- */
.smart-forms .btn-rounded{ 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	-o-border-radius:22px;
	border-radius:22px;  
}

/* @left + right buttons :: look like IOS
-------------------------------------------- */
.smart-forms .button-left, 
.smart-forms .button-right {
    position: relative;
	z-index:9;
}

.smart-forms .button-left:before, 
.smart-forms .button-right:before {
    content:'';
    z-index:-1;
    width: 32px;
    height: 32px;
	position: absolute;
    background-color: inherit;
	border-color: inherit;	
    border: none;
	top: 5px;
}

.smart-forms .button-left {
    border-left-width: 0; 
	padding: 0 18px 0 7px;
    -webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin-left:20px;
}

.smart-forms .button-left:before {
	left: -15px;
	-webkit-border-radius: 2px 5px 0 5px;
	-moz-border-radius: 2px 5px 0 5px;
	-o-border-radius: 2px 5px 0 5px;
	border-radius: 2px 5px 0 5px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.smart-forms .button-right {
    padding: 0 7px 0 18px;
    border-right-width: 0;
    -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;
	margin-right:20px;
}

.smart-forms .button-right:before {
    right: -15px;
    -webkit-border-radius: 5px 2px 5px 0;
	-moz-border-radius: 5px 2px 5px 0;
	-o-border-radius: 5px 2px 5px 0;
	border-radius: 5px 2px 5px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* @left right button pointed button shapes 
------------------------------------------------ */
.smart-forms .btn-pointed.button-left, 
.smart-forms .btn-pointed.button-right{ 
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	-o-border-radius:22px; 
	border-radius:22px;  
}

.smart-forms .btn-rounded.button-left{ 
	-webkit-border-radius: 0 22px 22px 0;
	-moz-border-radius: 0 22px 22px 0;
	-o-border-radius: 0 22px 22px 0; 
	border-radius: 0 22px 22px 0;  
}

.smart-forms .btn-rounded.button-right{
	-webkit-border-radius: 22px 0 0 22px;
	-moz-border-radius: 22px 0 0 22px;
	-o-border-radius: 22px 0 0 22px;
	border-radius: 22px 0 0 22px; 
}

/* @push buttons
------------------------------------------------ */
.smart-forms .pushed { 
	-webkit-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	box-shadow:inset 0 -0.3em 0 rgba(0,0,0,0.2);
	position:relative;
}

.smart-forms .pushed:active{
	-webkit-box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	box-shadow:inset 0 -0.15em  0 rgba(0,0,0,0.2);
	top:2px;
}

.smart-forms .pushed.button-left:before {
	-webkit-box-shadow:inset 0.35em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);
	box-shadow:inset 0.35em 0 0 rgba(0,0,0,0.2);	
}

.smart-forms .pushed:active.button-left:before{
	-webkit-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
	box-shadow:inset 0.2em 0  0 rgba(0,0,0,0.2);
}

.smart-forms .pushed.button-right:before {
	-webkit-box-shadow:inset  -0.35em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);
	-o-box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);
	box-shadow:inset -0.35em 0  0  rgba(0,0,0,0.2);	
}

.smart-forms .pushed:active.button-right:before{
	-webkit-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	-o-box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
	box-shadow:inset -0.2em 0  0 rgba(0,0,0,0.2);
}

/* @adjust buttons in form footer
------------------------------------------------ */
.smart-forms .form-footer .button{ margin-right:10px; margin-bottom:5px; }
.smart-forms .align-right .button{ margin-right:0; margin-left:10px; }

/* @social buttons :: facebook :: twitter :: google +
---------------------------------------------------- */
.smart-forms .twitter, 
.smart-forms .twitter:hover, 
.smart-forms .twitter:focus,
.smart-forms .facebook, 
.smart-forms .facebook:hover, 
.smart-forms .facebook:focus,
.smart-forms .googleplus,
.smart-forms .googleplus:hover, 
.smart-forms .googleplus:focus { color:#fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); } 
.smart-forms .facebook { background-color:#3b5998; }
.smart-forms .twitter { background-color:#00acee;  }
.smart-forms .googleplus { background-color:#dd4b39; }
.smart-forms .facebook:hover, 
.smart-forms .facebook:focus { background-color:#25385F;  }
.smart-forms .twitter:hover, 
.smart-forms .twitter:focus { background-color:#00749F;  }
.smart-forms .googleplus:hover, 
.smart-forms .googleplus:focus { background-color:#8D2418;  }
.smart-forms .span-left{ padding-left:52px; text-align:left; }
.smart-forms .btn-social { position:relative; margin-bottom:5px;  }
.smart-forms .btn-social i{ font-size:22px; position:relative; top:2px;    }
.smart-forms .btn-social span{
	-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;	
	display:inline-block; 
	text-align:center; 
	position:absolute;
	width:42px; 
	left:0; 
}

.smart-forms .twitter span{ background-color:#009AD5; }
.smart-forms .facebook span{ background-color:#31497D; }
.smart-forms .googleplus span{ background-color:#C03121; }

/* @rating and review star widget :: with hover back afetr selecting
------------------------------------------------------------------------ */
.smart-forms .rating { position:relative; }
.smart-forms .rating.block { display:block; margin:10px 0; }
.smart-forms .rating label{color: #A2A6A8;} 
.smart-forms .rating label i{ font-size:17px; text-align:center; color:inherit;  }
.smart-forms .rating label span{ font:22px/22px Times, Serif; }
.smart-forms .rating-star{ margin-left:4px; }
.smart-forms .rating-input { position: absolute; left:-9999px; top: auto; }
.smart-forms .rating:hover .rating-star:hover,
.smart-forms .rating:hover .rating-star:hover ~ .rating-star,
.smart-forms .rating-input:checked ~ .rating-star { color: #4ebd4a;	}
.smart-forms .rating-star, 
.smart-forms .rating:hover .rating-star {	
	width: 18px;
	float: right;
	display: block;
	cursor:pointer;
	color: #A2A6A8;	
}

.smart-forms .rating:before,
.smart-forms .rating:after{ display: table; content: ""; line-height: 0; }
.smart-forms .rating:after{ clear: both; }
.smart-forms .rating .lbl-text{ font-size:14px; display: inline-block; float:left; }
.smart-forms .rating-wrapper {
	position:relative;
	display:inline-block;
	margin-top:0;
	float: right;
}

.smart-forms .rating label span{
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0 1px rgba(255, 255, 255, 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;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
	white-space:nowrap;
	position:absolute;
	padding:5px 10px;
	font-weight:bold;
	background:#000;
	font-size:11px;
	margin-left:-5px;
	margin-bottom:15px;
	display:block;
	left:-9999px;
	color:#fff;
	opacity:0;
	z-index:10;
}

.smart-forms .rating label:hover span{ bottom:100%; opacity:1; left: auto; margin-bottom:5px;  }
.smart-forms .rating label span:before{
	content: ''; 
	position: absolute;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;	
	left: 8px;
	top: 100%;
}


/* @smart widget
   @this widget helps us to position an element eg button or label or span
   @the positions can either be left or right while the input stays 100%
   @you ca use this to rapidly create search widgets, newsletter subscribe etc 
---------------------------------------------------------------------------------*/
.smart-forms .smart-widget, 
.smart-forms .append-picker-icon, 
.smart-forms .prepend-picker-icon { position: relative; display:block; }
.smart-forms .smart-widget .field input, 
.smart-forms .append-picker-icon input, 
.smart-forms .prepend-picker-icon input { width: 100%; }

.smart-forms .append-picker-icon button, 
.smart-forms .prepend-picker-icon button,
.smart-forms .smart-widget .button { 
	border:1px solid #CFCFCF;
	background: #F5F5F5;
    position: absolute;
	cursor: pointer;
	color: #626262;
	height: 42px;
    top: 0;
}

.smart-forms .sm-right .button, 
.smart-forms .append-picker-icon button{ border-left:0; }
.smart-forms .sm-left .button, 
.smart-forms .prepend-picker-icon button{ border-right:0; }

.smart-forms .sm-left .button, 
.smart-forms .prepend-picker-icon button { left:0; }
.smart-forms .sm-right .button, 
.smart-forms .append-picker-icon button {  right:0; }

/* @smart widget buttons - to left 
------------------------------------------------- */
.smart-forms .sml-50, 
.smart-forms .prepend-picker-icon { padding-left: 50px; } 
.smart-forms .sml-50 .button, 
.smart-forms .prepend-picker-icon button{ width: 50px; }
.smart-forms .sml-80{ padding-left: 80px; } 
.smart-forms .sml-80 .button { width: 80px; }
.smart-forms .sml-120{ padding-left: 120px; } 
.smart-forms .sml-120 .button { width: 120px; }

/* @smart widget buttons - to right 
------------------------------------------------- */
.smart-forms .smr-50, 
.smart-forms .append-picker-icon{ padding-right: 50px; } 
.smart-forms .smr-50 .button, 
.smart-forms .append-picker-icon button{ width: 50px; }
.smart-forms .smr-80{ padding-right: 80px; } 
.smart-forms .smr-80 .button { width: 80px; }
.smart-forms .smr-120{ padding-right: 120px; } 
.smart-forms .smr-120 .button { width: 120px; }


/* @icon append (right) :: prepend (left)
------------------------------------------------- */
.smart-forms .append-icon, 
.smart-forms .prepend-icon{
    display: inline-block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.smart-forms .append-icon .field-icon, 
.smart-forms .prepend-icon .field-icon{
	top:0;
	width:42px;
	height:42px;
	color: inherit;
	line-height:42px;
	position:absolute;
	text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
	z-index:99;
}

.smart-forms .append-icon .field-icon i, 
.smart-forms .prepend-icon .field-icon i{ 
	position:relative;
	font-size:14px;
}

.smart-forms .prepend-icon .field-icon{ left:0;  }
.smart-forms .append-icon .field-icon{ right:0; }
.smart-forms .prepend-icon > input, 
.smart-forms .prepend-icon > textarea,
.smart-forms .prepend-icon > select{ padding-left:36px; }
.smart-forms .append-icon > input, 
.smart-forms .append-icon > textarea{ padding-right:36px; padding-left:10px;  }
.smart-forms .append-icon > textarea{ padding-right:36px; }

/* @tooltips on inputs + textareas 
------------------------------------------------- */ 
.smart-forms .tooltip {
	position: absolute;
	z-index: -1;
	opacity: 0;
	color: #fff;	
	width: 184px;
	left: -9999px;
	top:auto;
	font-size: 11px;
	font-weight:normal;
	background: #333333;
	-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;
}

.smart-forms .tooltip > em{ padding:12px; font-style:normal; display:block; position:static; }
.smart-forms .tooltip:after { content: ''; position: absolute; }
.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tooltip,
.smart-forms .gui-textarea:focus + .tooltip,
.smart-forms .select > select:focus ~ .tooltip { opacity: 1; z-index: 999; }

/* @tooltip left
------------------------------------------------- */
.smart-forms .tip-left { top:1px; margin-right:-20px; }
.smart-forms .tip-left:after {
	top:12px;
	left: 100%;
	border-left: 8px solid #333333;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left,
.smart-forms .gui-textarea:focus + .tip-left,
.smart-forms .select > select:focus ~ .tip-left {
	margin-right:5px;
	right: 100%;
	left: auto;
}

/* @tooltip right
------------------------------------------------- */
.smart-forms .tip-right { top:1px; margin-left:-20px; }
.smart-forms .tip-right:after {
	top:12px;
	right: 100%;
	border-right: 8px solid #333333;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;	
}

.smart-forms .gui-input:focus + .tip-right,
.smart-forms .gui-textarea:focus + .tip-right,
.smart-forms .select > select:focus ~ .tip-right { left: 100%; margin-left:5px; }

/* @tooltip right-top
------------------------------------------------- */
.smart-forms .tip-right-top { bottom: 100%; margin-bottom: -20px; }
.smart-forms .tip-right-top:after {
	top: 100%;
	right: 12px;
	border-top: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-top,
.smart-forms .gui-textarea:focus + .tip-right-top,
.smart-forms .select > select:focus ~ .tip-right-top {
	right: 0;
	left: auto;
	margin-bottom: 10px;
}

/* @tooltip left-top
------------------------------------------------- */
.smart-forms .option .tooltip,
.smart-forms .tip-left-top { bottom: 100%; margin-bottom: -20px; }
.smart-forms .option .tooltip:after,
.smart-forms .tip-left-top:after {
	top: 100%;
	left: 12px;
	border-top: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tip-left-top,
.smart-forms .gui-textarea:focus + .tip-left-top,
.smart-forms .select > select:focus ~ .tip-left-top {
	left: 0;
	right: auto;
	margin-bottom: 10px;
}

.smart-forms .option:hover .tooltip{
	left:-10px;
}

/* @tooltip right-bottom
------------------------------------------------- */
.smart-forms .tip-right-bottom { top: 100%; margin-top: -20px; }
.smart-forms .tip-right-bottom:after {
	right: 12px;
	bottom: 100%;
	border-bottom: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-bottom,
.smart-forms .gui-textarea:focus + .tip-right-bottom {
	margin-top: 10px;
	left: auto;
	right: 0;
}

/* @tooltip left-bottom
------------------------------------------------- */
.smart-forms .tip-left-bottom { top: 100%; margin-top: -20px; }
.smart-forms .tip-left-bottom:after {
	left: 12px;
	bottom: 100%;
	border-bottom: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left-bottom,
.smart-forms .gui-textarea:focus + .tip-left-bottom {
	margin-top:10px;
	right: auto;
	left: 0;
}

/* @lists
-------------------------------------------------------------- */
.smart-forms .smart-list{ list-style:none; margin:0; padding:0; }
.smart-forms .smart-list li{ margin-bottom:20px; }

/* @notification messages | info | error | warning | success
-------------------------------------------------------------- */
.smart-forms .form-msg{ display:none; }
.smart-forms .notification { color: #444; padding:15px; position:relative; }
.smart-forms .notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal;  }
.smart-forms .notification .close-btn{
	margin-top: -7px;
	padding: inherit;
	position: absolute;
	text-decoration:none; 
    font: bold 20px/20px Arial, sans-serif;
	opacity: 0.65; 	
	color: inherit;
    display: block;    
    right:1px;
	top:14%;
}

.smart-forms .notification .close-btn:hover{ opacity: 1; }
.smart-forms .alert-info { color:#163161; background-color: #cfe6fc; }
.smart-forms .alert-success { color:#336633; background-color: #d2f7ad; }
.smart-forms .alert-warning { color: #CC6600; background-color: #fae7a2; }
.smart-forms .alert-error { color:#990000; background-color: #FBDBCF; }
.smart-forms .notification ul{ 
	margin-left:1.3em; 
	list-style-position: inside;
	margin-top:10px;
} 

/* @validaion - error state
------------------------------------- */
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox, 
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox, 
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox, 
.smart-forms .state-error .radio{
	background:#FEE9EA;
	border-color:#DE888A;
}

.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select > select:focus,
.smart-forms .state-error.select-multiple > select:focus{
	-webkit-box-shadow:0px 0px 3px #DE888A inset;
	-moz-box-shadow:0px 0px 3px #DE888A inset;
	-o-box-shadow:0px 0px 3px #DE888A inset;
	box-shadow:0px 0px 3px #DE888A inset;
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i{  color: #DE888A; }
.smart-forms .state-error.select .arrow { color: #DE888A; }
.smart-forms .state-error.select > select:focus + .arrow{ color:#DE888A; }
.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input, 
.smart-forms .state-error .gui-textarea ~ .input-hint { border-color:#DE888A; }
.smart-forms .state-error + em{ 
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-size:0.85em;
	color:#DE888A;
}

/* @validaion - success state 
-------------------------------------------------- */
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox, 
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox, 
.smart-forms .state-success input:focus + .radio, 
.smart-forms .state-success .checkbox, 
.smart-forms .state-success .radio{
	background:#F0FEE9;
	border-color:#A5D491;
}

.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select > select:focus,
.smart-forms .state-success.select-multiple > select:focus{ 
	-webkit-box-shadow:0px 0px 3px #A5D491 inset; 
	-moz-box-shadow:0px 0px 3px #A5D491 inset; 
	-o-box-shadow:0px 0px 3px #A5D491 inset; 
	box-shadow:0px 0px 3px #A5D491 inset; 
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i{  color: #A5D491; }
.smart-forms .state-success.select .arrow { color: #A5D491; }
.smart-forms .state-success.select > select:focus + .arrow{ color:#A5D491; }
.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input, 
.smart-forms .state-success .gui-textarea ~ .input-hint { border-color:#A5D491; }

/* @disabled state 
----------------------------------------------- */
.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms input[disabled] + .radio,
.smart-forms input[disabled] + .checkbox,
.smart-forms .switch > input[disabled] + label{
	cursor: default;
	opacity:0.5;
}

.smart-forms .gui-input[disabled],
.smart-forms .gui-textarea[disabled], 
.smart-forms .select > select[disabled], 
.smart-forms .select-multiple select[disabled],
.smart-forms .gui-input[disabled] ~ .input-hint,
.smart-forms .file .gui-file[disabled] + .gui-input,
.smart-forms .file .gui-file[disabled]:hover + .gui-input, 
.smart-forms .gui-textarea[disabled] ~ .input-hint {    
	background-color: #f4f6f6;
	border-color: #d5dbdb!important;
	cursor: default;
	color: #d5dbdb;
	opacity:0.7;
}

.smart-forms input[disabled] ~ .field-icon i,
.smart-forms textarea[disabled] ~ .field-icon i,
.smart-forms .select > select[disabled] + .arrow{ 
	opacity:0.4; 
}

/* @jquery ui helper classes 
----------------------------------------------- */
.ui-helper-hidden {
	display: none;
}

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

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

/* @datepicker - requires jquery ui
----------------------------------------------- */
.ui-datepicker {
	width: 18em;
	margin-top:8px;
	display: none;
	background: #fff;
	position:relative;
	font: 14px/1.55  "Roboto", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 4px rgba(0,0,0,.1);
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	border:1px solid #CFCFCF;
	z-index:9999!important;		
	text-align: center;
	color: #666;
	
}

.ui-datepicker a { color: #404040; text-align:center; }
.ui-datepicker .ui-state-disabled span{ color:#DBDBDB;}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #F5F5F5;
	border-bottom:1px solid #CFCFCF;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color:#4ebd4a;
	top:20.5%;
}

.ui-datepicker .ui-datepicker-prev { left: 2px;  }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-title { 
	margin: 0 2.3em; 
	line-height: 1.8em; 
	text-align: center;
	color:#4ebd4a; 
}

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	margin: 0 0 .4em;
	border-collapse: collapse;
}

.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td { border: 0; padding:2px 5px; }
.ui-datepicker td span,
.ui-datepicker td a {
	padding: .25em;
	display: block;
	text-align: center;
	text-decoration: none;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {  background:#F5F5F5; }
.ui-datepicker .ui-state-disabled span:hover{ background:none; }
.ui-datepicker-today a, .ui-datepicker-today a:hover, 
.ui-datepicker .ui-state-highlight {
	font-weight: 700;
	background: #4ebd4a!important;
	color:#fff;
}

/* @multiple calendars || not responsive use carefully 
--------------------------------------------------------------- */
.cal-widget .ui-datepicker { width: 100%; margin-top:0; }
.cal-widget .ui-datepicker:before{ display:none; }
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.333%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* @ ui buttons
---------------------------------------------------------------- */
.ui-datepicker-buttonpane{ border-top:1px solid #CFCFCF; padding:10px;  }
.ui-datepicker-buttonpane button {
	padding: 8px 12px;
	margin-right: .2em;
	position: relative;
	line-height: normal;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	vertical-align: middle;
	background: #DBDBDB;
	text-align: center;
	overflow: visible;	
	cursor: pointer;
	color: #243140;
	border:0;
}

/* @ ui buttons :hover, :active states 
---------------------------------------------------------------- */
.ui-datepicker-buttonpane button:hover { color: #243140; background: #E8E8E8; }
.ui-datepicker-buttonpane button:active{ color: #1d2938; background: #C4C4C4; }
.ui-monthpicker .ui-datepicker-header{ margin-bottom:3px; }

/* @ui slider - requires jquery ui
------------------------------------------------------*/
.smart-forms .slider-wrapper, 
.smart-forms .sliderv-wrapper{ 
	background:#E5E5E5; 
	position:relative; 
}

.smart-forms .ui-slider {
	position: relative;
	text-align: left;
}

.smart-forms .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.5em;
	height: 1.5em;
	cursor: default;
	background:#fff;
	border:3px solid #4ebd4a;
	-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;
}

.smart-forms .ui-slider .ui-slider-handle:before{
	content: '';
    width: 7px;
    height: 7px;
	position:absolute;
    background-color: #4ebd4a;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
	z-index: 2;	
	left:4px;
	top:4px;
}

.smart-forms .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background-color: #4ebd4a;
}

.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,
.smart-forms .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.smart-forms .ui-slider-horizontal { height: .5em; }
.smart-forms .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.smart-forms .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.smart-forms .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.smart-forms .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.smart-forms .ui-slider-vertical, 
.smart-forms .sliderv-wrapper { width: .5em; height: 100px; }
.smart-forms .ui-slider-vertical .ui-slider-handle { left: -.45em; margin-left: 0; margin-bottom: -.6em; }
.smart-forms .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.smart-forms .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.smart-forms .ui-slider-vertical .ui-slider-range-max { top: 0; }
.smart-forms .slider-input{  color:#f6931f!important; border:0; background:none; }
.smart-forms .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px;   }
.smart-forms .ui-slider .ui-state-active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/* @ui slider tooltip
------------------------------------------------------*/
.smart-forms .slider-tip {
	display: block;
	position: absolute;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif ;
	background: #333333;
	padding:10px;
	color: #fff;
}

.smart-forms .slider-wrapper .slider-tip{ top: -50px; left:-15px; }
.smart-forms .slider-wrapper .slider-tip:after { 
	content: ''; 
	position: absolute; 
	top: 98%;
	left: 35%;
	border-top: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;	
}

.smart-forms .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; }
.smart-forms .sliderv-wrapper .slider-tip:after{ 
	content: ''; 
	position: absolute;
	top:30%;
	right: 98%;
	border-right: 8px solid #333333;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;	
}

/* @ui slider themes
------------------------------------------------------*/
.smart-forms .yellow-slider .ui-slider .ui-slider-handle{ border-color:#faa226; }
.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,
.smart-forms .yellow-slider .ui-slider .ui-slider-range { background-color: #faa226;  }
.smart-forms .red-slider .ui-slider .ui-slider-handle{ border-color:#ee4f3d; }
.smart-forms .red-slider .ui-slider .ui-slider-handle:before,
.smart-forms .red-slider .ui-slider .ui-slider-range { background-color:#ee4f3d;  }
.smart-forms .purple-slider .ui-slider .ui-slider-handle{ border-color:#9464e2; }
.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,
.smart-forms .purple-slider .ui-slider .ui-slider-range { background-color:#9464e2;  }
.smart-forms .blue-slider .ui-slider .ui-slider-handle{ border-color:#00acee; }
.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,
.smart-forms .blue-slider .ui-slider .ui-slider-range { background-color:#00acee;  }
.smart-forms .black-slider .ui-slider .ui-slider-handle{ border-color:#505558; }
.smart-forms .black-slider .ui-slider .ui-slider-handle:before,
.smart-forms .black-slider .ui-slider .ui-slider-range { background-color:#505558;  }
.smart-forms .green-slider .ui-slider .ui-slider-handle{ border-color:#0E993C; }
.smart-forms .green-slider .ui-slider .ui-slider-handle:before,
.smart-forms .green-slider .ui-slider .ui-slider-range { background-color:#0E993C;  }

/* @ui timepicker - requires jquery ui
------------------------------------------------------*/
.ui-timepicker-div .ui-widget-header {
	position: relative;
	background: #F5F5F5;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
 }
 
.ui-timepicker-div dl { text-align: left; border:1px solid #CFCFCF; border-width:1px 0 0 0; padding:15px 10px; padding-bottom:15px; margin:0;  }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 15px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0;    }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; background:#E5E5E5;  position:relative; top:6px;  }

.ui-timepicker-div dl .ui_tpicker_hour, 
.ui-timepicker-div dl .ui_tpicker_minute, 
.ui-timepicker-div dl .ui_tpicker_second,  
.ui-timepicker-div dl .ui_tpicker_millisec{ background:#E5E5E5;  position:relative;  top:5px;  }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none;   }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0;  }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block;   }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block;  }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* ui-autocomplete widget
----------------------------------------------------- */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index: 10000000;	
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
	font-family:  "Roboto", Arial, Helvetica, sans-serif;
	font-size:14px;
	border:1px solid #bbb;
	border-top:0;
	background:#fff;
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: auto;	
}

.ui-autocomplete .ui-menu { position: absolute; }
.ui-autocomplete .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 8px 10px;
	cursor: pointer;
	min-height: 0;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	background:#F2F4FA;
	border-bottom:1px solid #DCE1EE;
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.ui-autocomplete .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
	border-color:#ddd;
}

.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-state-active { }
.ui-autocomplete .ui-menu-item:hover{
	background:#DCE1EE;
}

/* @jquery ui combobox widget
---------------------------------------- */
.custom-combobox {
	position: relative;
	padding-right:45px;
	display: block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	right:0;
	margin-left: -1px;
	padding: 0;
	z-index:10;
	width:45px;
	line-height:40px;
	height:100%;
	text-align:center;
	background:#F5F5F5;
	border:1px solid #CFCFCF;
	border-left:0;
	cursor:pointer;
	color:#aaa;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

/* @progress bars 
------------------------------------------------------*/
.smart-forms .progress-section{ display:none; } 
.smart-forms .progress-bar {
    position: relative;
    background:#E5E5E5; 
}

.smart-forms .progress-bar .percent { 
	position:absolute; 
	display:inline-block; 
	top:-3px; 
	right:-24px; 
	font-size:9px; 
	color:#93A2AA; 
}
.smart-forms .progress-bar > .bar {   
	width:60%; 
	height:7px;
	display: block;
	background-size: 16px 16px;	
	background-color: #bdc3c7; 
}

/* @progress bar themes
----------------------------------------------------------- */
.smart-forms .bar-primary > .bar  { background-color: #4ebd4a; }
.smart-forms .bar-blue > .bar     { background-color: #00acee; }
.smart-forms .bar-black > .bar    { background-color: #505558; }
.smart-forms .bar-green > .bar    { background-color: #0E993C; }
.smart-forms .bar-purple > .bar   { background-color: #9464e2; }
.smart-forms .bar-red > .bar      { background-color: #ee4f3d; }
.smart-forms .bar-yellow > .bar   { background-color: #faa226; }

/* @progress bar strips + animation IE10+ 
----------------------------------------------------------- */
.smart-forms .ui-slider .ui-slider-range,  
.smart-forms .progress > button[type="submit"], 
.smart-forms .progress > button[type="submit"]:hover,
.smart-forms .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));
}

.smart-forms .progress > button[type="submit"], 
.smart-forms .progress > button[type="submit"]:hover,  
.smart-forms .progress-animated > .bar{
	-webkit-animation: sfprogress .6s linear infinite;
	-moz-animation: sfprogress .6s linear infinite;
	-o-animation: sfprogress .6s linear infinite;
    animation: sfprogress .6s linear infinite;
}

.smart-forms .progress > button[type="submit"]:hover{ cursor:wait; }

@-webkit-keyframes sfprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}


@-moz-keyframes sfprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@-o-keyframes sfprogress {
	from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

@keyframes sfprogress {
    from { background-position: 0 0; }
	to { background-position: -16px 0; }
}

/* @cloned widgets 
--------------------------------------------------------------- */
.clone-widget{ padding-right:100px; position:relative;  }
.clone-widget .button{ position:absolute; right:0; top:0;}
.clone-widget .clone{ right:50px; }

/* @google map :: block elements 
----------------------------------------------------------------------- */
.smart-forms .map-container{ padding:10px; border: 1px solid #CFCFCF; }
.smart-forms #map_canvas{ width:100%; height:300px; overflow:hidden;  }
.smart-forms .block{ display:block; }

/* @form grid
----------------------------------- */ 

/* @form rows 
--------------------------------- */
.smart-forms .frm-row{ margin:0 -10px;  }
.smart-forms .slider-group:before,
.smart-forms .slider-group:after,
.smart-forms .frm-row:before,
.smart-forms .frm-row:after { display: table; content: ""; line-height: 0; }
.smart-forms .slider-group:after, 
.smart-forms .frm-row:after{ clear: both; }

/* @form columns 
----------------------------------- */
.smart-forms .frm-row .colm{ 
	min-height:1px; 
	padding-left:10px; 
	padding-right:10px; 
	position:relative; 
	float:left; 
}

.smart-forms .frm-row .colm1{width:8.33%;}
.smart-forms .frm-row .colm2{width:16.66%;}
.smart-forms .frm-row .colm3{width:25%;}
.smart-forms .frm-row .colm4{width:33.33%;}
.smart-forms .frm-row .colm5{width:41.66%;}
.smart-forms .frm-row .colm6{width:50%;}
.smart-forms .frm-row .colm7{width:58.33%;}
.smart-forms .frm-row .colm8{width:66.66%;}
.smart-forms .frm-row .colm9{width:75%;}
.smart-forms .frm-row .colm10{width:83.33%;}
.smart-forms .frm-row .colm11{width:91.66%;}
.smart-forms .frm-row .colm12{width:100%; }
.smart-forms .frm-row .colm1-5{width:20%;}
.smart-forms .frm-row .colm1-8{width:12.5%;}

/* @spacers 
--------------------------------------- */
.smart-forms .spacer{ 
	border-top:1px solid #CFCFCF; 
	display:block;
	height:0; 
}

/* @margin spacers :: modify accordingly 
-------------------------------------------- */
.smart-forms .spacer-t10{ margin-top:10px; }
.smart-forms .spacer-b10{ margin-bottom:10px; }
.smart-forms .spacer-t15{ margin-top:15p; }
.smart-forms .spacer-b15{ margin-bottom:15px; }
.smart-forms .spacer-t20{ margin-top:20px; }
.smart-forms .spacer-b20{ margin-bottom:20px; }
.smart-forms .spacer-t25{ margin-top:25px; }
.smart-forms .spacer-b25{ margin-bottom:25px; }
.smart-forms .spacer-t30{ margin-top:30px; }
.smart-forms .spacer-b30{ margin-bottom:30px; }
.smart-forms .spacer-t40{ margin-top:40px; }
.smart-forms .spacer-b40{ margin-bottom:40px; }

/* @padding spacers :: modify accordingly 
-------------------------------------------------- */
.smart-forms .frm-row .pad-l10{ padding-left:10px; }
.smart-forms .frm-row .pad-r10{ padding-right:10px; }
.smart-forms .frm-row .pad-l20{ padding-left:20px; }
.smart-forms .frm-row .pad-r20{ padding-right:20px; }
.smart-forms .frm-row .pad-l30{ padding-left:30px; }
.smart-forms .frm-row .pad-r30{ padding-right:30px; }
.smart-forms .frm-row .pad-l40{ padding-left:40px; }
.smart-forms .frm-row .pad-r40{ padding-right:40px; }

/* @border spacers + text adjust
-------------------------------------------------- */
.smart-forms .bdl { border-left:1px solid #CFCFCF;   }
.smart-forms .bdr { border-right:1px solid #CFCFCF;  }
.smart-forms .fine-gray{ color:#999; }
.smart-forms .small-text{ font-size:11px; font-style:normal;  }
.smart-forms .text-align{ height:42px; line-height:42px; }

/* @element alignment
-------------------------------------------------- */
.smart-forms .align-right{ text-align:right; }
.smart-forms .align-center{ text-align:center; }

/* @simple price boxes :: depend on grid
-------------------------------------------------- */
.smart-forms .price-box{ 
	padding:30px; 
	text-align:center;
	position:relative; 
	border:1px solid #CFCFCF;
	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); 
}

.smart-forms .price-box p{ line-height:1.5em; color:#526066; margin-bottom:0; }
.smart-forms .price-box h5{ text-transform:uppercase; font-weight:300; margin:0; font-size:15px; color:#B0B2B9; letter-spacing:2px  }
.smart-forms .price-box h4{ font-size:60px; font-weight:300; margin:0; color:#626262; }
.smart-forms .selected-box h4{ color:#4ebd4a; }
.smart-forms .price-box h4 sup{ position:relative; font-size:30px; vertical-align:top; top:15px; }
.smart-forms .price-box h4 .per-month{font-size:14px; }
.smart-forms .expand{ height:50px; line-height:50px!important; border-radius:3px; }

/* @simple price boxes ribbon IE8+
----------------------------------------- */
.smart-forms .ribbon,
.smart-forms .ribbon-large{
	width:75px;
	height:78px;
	overflow:hidden;
	position:absolute;
	right: -2px;
	top: -2px;
	z-index:1;
}

.smart-forms .ribbon-inner{
	font-family:"Helvetica Neue",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: #4ebd4a;
	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;
}

.smart-forms .ribbon-inner:before,
.smart-forms .ribbon-inner:after{
	content:"";
	border-top:3px solid #3c9b39;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	bottom:-3px;
}

.smart-forms .ribbon-inner:before{ left:0px; }
.smart-forms .ribbon-inner:after{ right:0px; }
.smart-forms .ribbon-large{ width:115px; height:118px; }
.smart-forms .ribbon-large .ribbon-inner{
	width:160px;
	left:-8px;
	top:28px;
}

/* @captcha refresh button + icon 
-------------------------------------------------- */
.smart-forms .sfcode{ padding-left:24px; }
.smart-forms .captcode{ padding:0; position:relative; }
.smart-forms .captcode img{ position:relative; top:1px;}
.smart-forms .refresh-captcha{ 
	position:absolute;
	background:#4EBD4A;
	border:3px solid #3C9B39;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	right:-15px;
	height:32px;
	width:32px; 
	top:4px; 
}

.smart-forms .refresh-captcha i{ 
	position:absolute; 
	text-align:center; 
	line-height:26px;
	font-size:17px; 
	color:#fff;
	left:24%;
}

/* @captcha refresh button themes
-------------------------------------------------- */
.smart-forms .refresh-black    { background:#505558; border-color: #333333; }
.smart-forms .refresh-blue     { background:#00acee; border-color: #0087bb; }
.smart-forms .refresh-green    { background:#0E993C; border-color: #0B792F; }
.smart-forms .refresh-purple   { background:#9464e2; border-color: #7639da; }
.smart-forms .refresh-red      { background:#ee4f3d; border-color: #e42914; }
.smart-forms .refresh-yellow   { background:#faa226; border-color: #e88a05; }

/* Firefox select fix - select arrow hack  disabled on FF 30+
-------------------------------------------------------------- */
@-moz-document url-prefix() {
	.smart-forms .select:before{ 
		content: '';
		pointer-events:none;		
		-moz-transition:none;
		transition:none;
		position: absolute; 
		background: #F5F5F5; 
		width: 36px;
		right:1px;
		top:1px; 
		bottom:1px;
		z-index:99;  
	}
	
	.smart-forms .select > select:focus,
	.smart-forms .select > select:hover,
	.smart-forms .select:hover select,
	.smart-forms .select:hover:before{ 
		background: #fff;
		-moz-transition:none;
		transition:none;		
		-moz-box-shadow:none;  	
		box-shadow:none;		
	}
	
	.smart-forms .select .arrow {  z-index:100;  }
	.smart-forms .state-error.select > select:focus,
	.smart-forms .state-error.select > select:hover,
	.smart-forms .state-error.select:hover select,
	.smart-forms .state-error.select:hover:before,	
	.smart-forms .state-error.select:before { background:#FEE9EA;  }
	
	.smart-forms .state-success.select > select:focus,
	.smart-forms .state-success.select > select:hover,
	.smart-forms .state-success.select:hover select,
	.smart-forms .state-success.select:hover:before,		
	.smart-forms .state-success.select:before { background:#F0FEE9;  }	
			
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.smart-forms .select .arrow:after,
	.smart-forms .select .arrow:before { display:block; }
}

/* @Fix old of versions android + ios
------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
        .smart-forms .option, 
        .smart-forms .rating, 
        .smart-forms .switch, 
		.smart-forms .captcode { -webkit-animation: bugfix infinite 1s; }
        @-webkit-keyframes bugfix { 
            from { padding: 0;  } 
            to { padding: 0; } 
        }
		.smart-forms .switch { margin-right:10px;  margin-bottom:5px; }
		.smart-forms .option { margin-right:15px; }
		.smart-forms .switch-round > .switch-label:after{ font:20px/18px Times, Serif; }				
}

/* @responsiveness for tablets + smart mobile 
-------------------------------------------------- */
@media (max-width: 800px) {
	.smart-forms .frm-row{ margin:0;  }
	.smart-forms .frm-row .colm{  width: 100%; float:none; padding:0; }
	.smart-forms .bdl { border-left:0;  }
	.smart-forms .bdr { border-right:0; }
	.smart-forms .align-right{ text-align: left; }
}

@media only screen and (min-width: 640px) and (max-width: 767px){
	
.section-form.less-width {
    width: 100%;
}
.smart-forms .btn-primary.yellow-4 {
    margin-left: 0;
}

}

@media only screen and (min-width: 480px) and (max-width: 639px){
	
.section-form.less-width {
    width: 100%;
}
.smart-forms .btn-primary.yellow-4 {
    margin-left: 0;
}

}
@media only screen and (max-width: 479px){
	
.section-form.less-width {
    width: 100%;
}
.smart-forms .btn-primary.yellow-4 {
    margin-left: 0;
}

}