/* Minification failed. Returning unminified contents. (16816,3578): run-time error CSS1030: Expected identifier, found '.' (16816,3594): run-time error CSS1031: Expected selector, found ')' (16816,3594): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4027): run-time error CSS1030: Expected identifier, found '.' (16816,4043): run-time error CSS1031: Expected selector, found ')' (16816,4043): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4147): run-time error CSS1030: Expected identifier, found '.' (16816,4163): run-time error CSS1031: Expected selector, found ')' (16816,4163): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4231): run-time error CSS1030: Expected identifier, found '.' (16816,4247): run-time error CSS1031: Expected selector, found ')' (16816,4247): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4416): run-time error CSS1030: Expected identifier, found '.' (16816,4432): run-time error CSS1031: Expected selector, found ')' (16816,4432): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4583): run-time error CSS1030: Expected identifier, found '.' (16816,4599): run-time error CSS1031: Expected selector, found ')' (16816,4599): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4762): run-time error CSS1030: Expected identifier, found '.' (16816,4778): run-time error CSS1031: Expected selector, found ')' (16816,4778): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4836): run-time error CSS1030: Expected identifier, found '.' (16816,4852): run-time error CSS1031: Expected selector, found ')' (16816,4852): run-time error CSS1025: Expected comma or open brace, found ')' (16816,4925): run-time error CSS1030: Expected identifier, found '.' (16816,4941): run-time error CSS1031: Expected selector, found ')' (16816,4941): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5072): run-time error CSS1030: Expected identifier, found '.' (16816,5088): run-time error CSS1031: Expected selector, found ')' (16816,5088): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5220): run-time error CSS1030: Expected identifier, found '.' (16816,5236): run-time error CSS1031: Expected selector, found ')' (16816,5236): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5324): run-time error CSS1030: Expected identifier, found '.' (16816,5340): run-time error CSS1031: Expected selector, found ')' (16816,5340): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5489): run-time error CSS1030: Expected identifier, found '.' (16816,5505): run-time error CSS1031: Expected selector, found ')' (16816,5505): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5648): run-time error CSS1030: Expected identifier, found '.' (16816,5664): run-time error CSS1031: Expected selector, found ')' (16816,5664): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5749): run-time error CSS1030: Expected identifier, found '.' (16816,5765): run-time error CSS1031: Expected selector, found ')' (16816,5765): run-time error CSS1025: Expected comma or open brace, found ')' (16816,5911): run-time error CSS1030: Expected identifier, found '.' (16816,5927): run-time error CSS1031: Expected selector, found ')' (16816,5927): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6057): run-time error CSS1030: Expected identifier, found '.' (16816,6073): run-time error CSS1031: Expected selector, found ')' (16816,6073): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6211): run-time error CSS1030: Expected identifier, found '.' (16816,6227): run-time error CSS1031: Expected selector, found ')' (16816,6227): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6286): run-time error CSS1030: Expected identifier, found '.' (16816,6302): run-time error CSS1031: Expected selector, found ')' (16816,6302): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6575): run-time error CSS1030: Expected identifier, found '.' (16816,6591): run-time error CSS1031: Expected selector, found ')' (16816,6591): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6646): run-time error CSS1030: Expected identifier, found '.' (16816,6662): run-time error CSS1031: Expected selector, found ')' (16816,6662): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6730): run-time error CSS1030: Expected identifier, found '.' (16816,6746): run-time error CSS1031: Expected selector, found ')' (16816,6746): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6810): run-time error CSS1030: Expected identifier, found '.' (16816,6826): run-time error CSS1031: Expected selector, found ')' (16816,6826): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6913): run-time error CSS1030: Expected identifier, found '.' (16816,6929): run-time error CSS1031: Expected selector, found ')' (16816,6929): run-time error CSS1025: Expected comma or open brace, found ')' (16816,6996): run-time error CSS1030: Expected identifier, found '.' (16816,7012): run-time error CSS1031: Expected selector, found ')' (16816,7012): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7102): run-time error CSS1030: Expected identifier, found '.' (16816,7118): run-time error CSS1031: Expected selector, found ')' (16816,7118): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7336): run-time error CSS1030: Expected identifier, found '.' (16816,7352): run-time error CSS1031: Expected selector, found ')' (16816,7352): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7534): run-time error CSS1030: Expected identifier, found '.' (16816,7550): run-time error CSS1031: Expected selector, found ')' (16816,7550): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7643): run-time error CSS1030: Expected identifier, found '.' (16816,7659): run-time error CSS1031: Expected selector, found ')' (16816,7659): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7810): run-time error CSS1030: Expected identifier, found '.' (16816,7826): run-time error CSS1031: Expected selector, found ')' (16816,7826): run-time error CSS1025: Expected comma or open brace, found ')' (16816,7978): run-time error CSS1030: Expected identifier, found '.' (16816,7994): run-time error CSS1031: Expected selector, found ')' (16816,7994): run-time error CSS1025: Expected comma or open brace, found ')' (16816,8304): run-time error CSS1030: Expected identifier, found '.' (16816,8320): run-time error CSS1031: Expected selector, found ')' (16816,8320): run-time error CSS1025: Expected comma or open brace, found ')' (16816,8473): run-time error CSS1030: Expected identifier, found '.' (16816,8489): run-time error CSS1031: Expected selector, found ')' (16816,8489): run-time error CSS1025: Expected comma or open brace, found ')' (16816,8560): run-time error CSS1030: Expected identifier, found '.' (16816,8576): run-time error CSS1031: Expected selector, found ')' (16816,8576): run-time error CSS1025: Expected comma or open brace, found ')' (16816,8736): run-time error CSS1030: Expected identifier, found '.' (16816,8752): run-time error CSS1031: Expected selector, found ')' (16816,8752): run-time error CSS1025: Expected comma or open brace, found ')' (16816,8870): run-time error CSS1030: Expected identifier, found '.' (16816,8886): run-time error CSS1031: Expected selector, found ')' (16816,8886): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9043): run-time error CSS1030: Expected identifier, found '.' (16816,9059): run-time error CSS1031: Expected selector, found ')' (16816,9059): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9172): run-time error CSS1030: Expected identifier, found '.' (16816,9188): run-time error CSS1031: Expected selector, found ')' (16816,9188): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9347): run-time error CSS1030: Expected identifier, found '.' (16816,9363): run-time error CSS1031: Expected selector, found ')' (16816,9363): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9480): run-time error CSS1030: Expected identifier, found '.' (16816,9496): run-time error CSS1031: Expected selector, found ')' (16816,9496): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9614): run-time error CSS1030: Expected identifier, found '.' (16816,9630): run-time error CSS1031: Expected selector, found ')' (16816,9630): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9697): run-time error CSS1030: Expected identifier, found '.' (16816,9713): run-time error CSS1031: Expected selector, found ')' (16816,9713): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9780): run-time error CSS1030: Expected identifier, found '.' (16816,9796): run-time error CSS1031: Expected selector, found ')' (16816,9796): run-time error CSS1025: Expected comma or open brace, found ')' (16816,9953): run-time error CSS1030: Expected identifier, found '.' (16816,9969): run-time error CSS1031: Expected selector, found ')' (16816,9969): run-time error CSS1025: Expected comma or open brace, found ')' (16816,10164): run-time error CSS1030: Expected identifier, found '.' (16816,10180): run-time error CSS1031: Expected selector, found ')' (16816,10180): run-time error CSS1025: Expected comma or open brace, found ')' (16816,10279): run-time error CSS1030: Expected identifier, found '.' (16816,10295): run-time error CSS1031: Expected selector, found ')' (16816,10295): run-time error CSS1025: Expected comma or open brace, found ')' (16816,10381): run-time error CSS1030: Expected identifier, found '.' (16816,10397): run-time error CSS1031: Expected selector, found ')' (16816,10397): run-time error CSS1025: Expected comma or open brace, found ')' (16816,10760): run-time error CSS1030: Expected identifier, found '.' (16816,10776): run-time error CSS1031: Expected selector, found ')' (16816,10776): run-time error CSS1025: Expected comma or open brace, found ')' (16816,10875): run-time error CSS1030: Expected identifier, found '.' (16816,10891): run-time error CSS1031: Expected selector, found ')' (16816,10891): run-time error CSS1025: Expected comma or open brace, found ')' (16816,11005): run-time error CSS1030: Expected identifier, found '.' (16816,11021): run-time error CSS1031: Expected selector, found ')' (16816,11021): run-time error CSS1025: Expected comma or open brace, found ')' (16816,11087): run-time error CSS1030: Expected identifier, found '.' (16816,11103): run-time error CSS1031: Expected selector, found ')' (16816,11103): run-time error CSS1025: Expected comma or open brace, found ')' (16816,11362): run-time error CSS1030: Expected identifier, found '.' (16816,11378): run-time error CSS1031: Expected selector, found ')' (16816,11378): run-time error CSS1025: Expected comma or open brace, found ')' (16816,11713): run-time error CSS1030: Expected identifier, found '.' (16816,11729): run-time error CSS1031: Expected selector, found ')' (16816,11729): run-time error CSS1025: Expected comma or open brace, found ')' (16816,12133): run-time error CSS1030: Expected identifier, found '.' (16816,12149): run-time error CSS1031: Expected selector, found ')' (16816,12149): run-time error CSS1025: Expected comma or open brace, found ')' (16816,12421): run-time error CSS1030: Expected identifier, found '.' (16816,12437): run-time error CSS1031: Expected selector, found ')' (16816,12437): run-time error CSS1025: Expected comma or open brace, found ')' (16816,12718): run-time error CSS1030: Expected identifier, found '.' (16816,12734): run-time error CSS1031: Expected selector, found ')' (16816,12734): run-time error CSS1025: Expected comma or open brace, found ')' (16816,12935): run-time error CSS1030: Expected identifier, found '.' (16816,12951): run-time error CSS1031: Expected selector, found ')' (16816,12951): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13011): run-time error CSS1030: Expected identifier, found '.' (16816,13027): run-time error CSS1031: Expected selector, found ')' (16816,13027): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13068): run-time error CSS1030: Expected identifier, found '.' (16816,13084): run-time error CSS1031: Expected selector, found ')' (16816,13084): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13174): run-time error CSS1030: Expected identifier, found '.' (16816,13190): run-time error CSS1031: Expected selector, found ')' (16816,13190): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13332): run-time error CSS1030: Expected identifier, found '.' (16816,13348): run-time error CSS1031: Expected selector, found ')' (16816,13348): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13404): run-time error CSS1030: Expected identifier, found '.' (16816,13420): run-time error CSS1031: Expected selector, found ')' (16816,13420): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13532): run-time error CSS1030: Expected identifier, found '.' (16816,13548): run-time error CSS1031: Expected selector, found ')' (16816,13548): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13604): run-time error CSS1030: Expected identifier, found '.' (16816,13620): run-time error CSS1031: Expected selector, found ')' (16816,13620): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13754): run-time error CSS1030: Expected identifier, found '.' (16816,13770): run-time error CSS1031: Expected selector, found ')' (16816,13770): run-time error CSS1025: Expected comma or open brace, found ')' (16816,13911): run-time error CSS1030: Expected identifier, found '.' (16816,13927): run-time error CSS1031: Expected selector, found ')' (16816,13927): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14040): run-time error CSS1030: Expected identifier, found '.' (16816,14056): run-time error CSS1031: Expected selector, found ')' (16816,14056): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14165): run-time error CSS1030: Expected identifier, found '.' (16816,14181): run-time error CSS1031: Expected selector, found ')' (16816,14181): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14279): run-time error CSS1030: Expected identifier, found '.' (16816,14295): run-time error CSS1031: Expected selector, found ')' (16816,14295): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14498): run-time error CSS1030: Expected identifier, found '.' (16816,14514): run-time error CSS1031: Expected selector, found ')' (16816,14514): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14767): run-time error CSS1030: Expected identifier, found '.' (16816,14783): run-time error CSS1031: Expected selector, found ')' (16816,14783): run-time error CSS1025: Expected comma or open brace, found ')' (16816,14936): run-time error CSS1030: Expected identifier, found '.' (16816,14952): run-time error CSS1031: Expected selector, found ')' (16816,14952): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15028): run-time error CSS1030: Expected identifier, found '.' (16816,15044): run-time error CSS1031: Expected selector, found ')' (16816,15044): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15227): run-time error CSS1030: Expected identifier, found '.' (16816,15243): run-time error CSS1031: Expected selector, found ')' (16816,15243): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15344): run-time error CSS1030: Expected identifier, found '.' (16816,15360): run-time error CSS1031: Expected selector, found ')' (16816,15360): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15493): run-time error CSS1030: Expected identifier, found '.' (16816,15509): run-time error CSS1031: Expected selector, found ')' (16816,15509): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15636): run-time error CSS1030: Expected identifier, found '.' (16816,15652): run-time error CSS1031: Expected selector, found ')' (16816,15652): run-time error CSS1025: Expected comma or open brace, found ')' (16816,15794): run-time error CSS1030: Expected identifier, found '.' (16816,15805): run-time error CSS1031: Expected selector, found ')' (16816,15805): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16063): run-time error CSS1030: Expected identifier, found '.' (16816,16074): run-time error CSS1031: Expected selector, found ')' (16816,16074): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16155): run-time error CSS1030: Expected identifier, found '.' (16816,16166): run-time error CSS1031: Expected selector, found ')' (16816,16166): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16225): run-time error CSS1030: Expected identifier, found '.' (16816,16236): run-time error CSS1031: Expected selector, found ')' (16816,16236): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16304): run-time error CSS1030: Expected identifier, found '.' (16816,16315): run-time error CSS1031: Expected selector, found ')' (16816,16315): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16487): run-time error CSS1030: Expected identifier, found '.' (16816,16498): run-time error CSS1031: Expected selector, found ')' (16816,16498): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16600): run-time error CSS1030: Expected identifier, found '.' (16816,16611): run-time error CSS1031: Expected selector, found ')' (16816,16611): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16711): run-time error CSS1030: Expected identifier, found '.' (16816,16722): run-time error CSS1031: Expected selector, found ')' (16816,16722): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16801): run-time error CSS1030: Expected identifier, found '.' (16816,16812): run-time error CSS1031: Expected selector, found ')' (16816,16812): run-time error CSS1025: Expected comma or open brace, found ')' (16816,16907): run-time error CSS1030: Expected identifier, found '.' (16816,16918): run-time error CSS1031: Expected selector, found ')' (16816,16918): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17013): run-time error CSS1030: Expected identifier, found '.' (16816,17024): run-time error CSS1031: Expected selector, found ')' (16816,17024): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17105): run-time error CSS1030: Expected identifier, found '.' (16816,17116): run-time error CSS1031: Expected selector, found ')' (16816,17116): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17213): run-time error CSS1030: Expected identifier, found '.' (16816,17224): run-time error CSS1031: Expected selector, found ')' (16816,17224): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17324): run-time error CSS1030: Expected identifier, found '.' (16816,17335): run-time error CSS1031: Expected selector, found ')' (16816,17335): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17413): run-time error CSS1030: Expected identifier, found '.' (16816,17424): run-time error CSS1031: Expected selector, found ')' (16816,17424): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17518): run-time error CSS1030: Expected identifier, found '.' (16816,17529): run-time error CSS1031: Expected selector, found ')' (16816,17529): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17633): run-time error CSS1030: Expected identifier, found '.' (16816,17644): run-time error CSS1031: Expected selector, found ')' (16816,17644): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17726): run-time error CSS1030: Expected identifier, found '.' (16816,17737): run-time error CSS1031: Expected selector, found ')' (16816,17737): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17842): run-time error CSS1030: Expected identifier, found '.' (16816,17853): run-time error CSS1031: Expected selector, found ')' (16816,17853): run-time error CSS1025: Expected comma or open brace, found ')' (16816,17914): run-time error CSS1030: Expected identifier, found '.' (16816,17925): run-time error CSS1031: Expected selector, found ')' (16816,17925): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18050): run-time error CSS1030: Expected identifier, found '.' (16816,18061): run-time error CSS1031: Expected selector, found ')' (16816,18061): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18252): run-time error CSS1030: Expected identifier, found '.' (16816,18263): run-time error CSS1031: Expected selector, found ')' (16816,18263): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18448): run-time error CSS1030: Expected identifier, found '.' (16816,18459): run-time error CSS1031: Expected selector, found ')' (16816,18459): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18662): run-time error CSS1030: Expected identifier, found '.' (16816,18673): run-time error CSS1031: Expected selector, found ')' (16816,18673): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18822): run-time error CSS1030: Expected identifier, found '.' (16816,18833): run-time error CSS1031: Expected selector, found ')' (16816,18833): run-time error CSS1025: Expected comma or open brace, found ')' (16816,18990): run-time error CSS1030: Expected identifier, found '.' (16816,19001): run-time error CSS1031: Expected selector, found ')' (16816,19001): run-time error CSS1025: Expected comma or open brace, found ')' (16816,19131): run-time error CSS1030: Expected identifier, found '.' (16816,19142): run-time error CSS1031: Expected selector, found ')' (16816,19142): run-time error CSS1025: Expected comma or open brace, found ')' (16816,19272): run-time error CSS1030: Expected identifier, found '.' (16816,19283): run-time error CSS1031: Expected selector, found ')' (16816,19283): run-time error CSS1025: Expected comma or open brace, found ')' (16816,19395): run-time error CSS1030: Expected identifier, found '.' (16816,19406): run-time error CSS1031: Expected selector, found ')' (16816,19406): run-time error CSS1025: Expected comma or open brace, found ')' (16816,19520): run-time error CSS1030: Expected identifier, found '.' (16816,19531): run-time error CSS1031: Expected selector, found ')' (16816,19531): run-time error CSS1025: Expected comma or open brace, found ')' (16816,22405): run-time error CSS1030: Expected identifier, found ',' (16816,22424): run-time error CSS1031: Expected selector, found ')' (16816,22424): run-time error CSS1025: Expected comma or open brace, found ')' (16816,22802): run-time error CSS1030: Expected identifier, found ',' (16816,22821): run-time error CSS1031: Expected selector, found ')' (16816,22821): run-time error CSS1025: Expected comma or open brace, found ')' (16816,22891): run-time error CSS1030: Expected identifier, found ',' (16816,22910): run-time error CSS1031: Expected selector, found ')' (16816,22910): run-time error CSS1025: Expected comma or open brace, found ')' (16816,22983): run-time error CSS1030: Expected identifier, found ',' (16816,23002): run-time error CSS1031: Expected selector, found ')' (16816,23002): run-time error CSS1025: Expected comma or open brace, found ')' */ /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. * Version: 1.8 * Author: @htmlstream * Website: http://htmlstream.com */ /*Header Fixed ------------------------------------*/ .ie8 .header-fixed .header.header-fixed-shrink { background: #fff; } /*Blog Latest Tweets ------------------------------------*/ .ie8 .blog-twitter .blog-twitter-inner:after, .ie8 .blog-twitter .blog-twitter-inner:before { border: none; } .ie8 .our-clients img { width: 100%; height: 100px; vertical-align: inherit; } .ie8 .our-clients .img-hover { display: none; } /*Pricing Stickers*/ .ie8 .sticker-left { width: 90px; text-align: right; background: #72c02c; } .ie8 .sticker-right { width: 100px; text-align: left; background: #e74c3c; } /*Easy Block*/ .ie8 .easy-bg-v2 { width: 75px; text-align: left; } .ie8 .rgba-red {background: #e74c3c;} .ie8 .rgba-blue {background: #3498db;} .ie8 .rgba-default {background: #72c02c;} .ie8 .rgba-purple {background: #9b6bcc;} .ie8 .rgba-aqua {background: #27d7e7;} .ie8 .rgba-yellow {background: #f1c40f;} /*Sky-Forms*/ .ie8 .sky-form .icon-append { right: 5px !important; padding-left: 0; } /*Background Opacity*/ .ie8 .service-block-v2 .service-block-in { background: url(/assets/img/transparent/white.png) repeat; } .ie8 .job-img .job-banner, .ie8 .job-img .job-img-inputs, .ie8 .parallax-team:before, .ie8 .image-block .company-description, .ie8 .search-block:before, .ie8 .parallax-counter .counters, .ie8 .carousel-v1 .carousel-caption { background: url(/assets/img/transparent/black.png) repeat; } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. * Version: 1.9 * Author: @htmlstream * Website: http://htmlstream.com */ /*[-----*** TABLE OF CONTENT ***-----] 1- Promo Blocks 2- Breadcrumbs 2.1- Breadcrumbs v1 2.2- Breadcrumbs v2 2.3- Breadcrumbs v3 3- Image Hover Effects 4- Block Grid 4.1-Block Grid v1 4.2-Block Grid v2 5- Services Box v1 6- Service Block 6.1- Service Block v1 6.2- Service Block v2 6.3- Service Block v3 6.4- Service Block v4 6.5- Service Block v5 6.6- Service Block v6 6.7- Service Block v7 6.8- Service Block v8 7- Process 8- Team 8.1- Team v1 8.2- Team v2 8.3- Team v3 8.4- Team v4 8.5- Team v5 8.6- Team v6 8.7- Team v7 9- Call To Action 9.1- Call To Action v1 9.2- Call To Action v2 10- Portfolio Box 10.1- Portfolio Box v1 11- Portfolio Feature v2 12- Thumbnail 13- Image Backgrounds 13.1- Image Backgrounds v1 13.2- Image Backgrounds v2 14- Parallax Quote 15- Parallax Team 16- Parallax Counter 16.1- Parallax Counter v1 16.2- Parallax Counter v2 16.3- Parallax Counter v3 16.4- Parallax Counter v4 17- Flat Background Block 18- Flat Testimonials 19- Testimonials 19.1- Testimonials v4 19.2- Testimonials v5 19.3- Testimonials v6 20- Featured Blog 21- Blog Comments 22- Quote 22.1- Quote v2 23- Team Social 24- Box Shadows 25- Interactive Slider 25.1- Interactive Slider v1 25.2- Interactive Slider v2 26- Blog Trending 27- Blog Latest Posts 28- Blog Photostream 29- Newsletter 30- Blog Post Quote 31- Blog Post Author 32- Blog Comments 33- News 33.1- News v1 33.2- News v2 33.3- News v3 34- Blog Grid 35- Blog Thumb 36- Shop-subscribe -------------------------------------------------------------*/ /*-------------------------------------------------- [1. Promo Blocks] ----------------------------------------------------*/ /*Promo Background Images*/ .promo-bg-pattern-v1-dark { background: url(/assets/img/patterns/5.png) repeat; } .promo-bg-pattern-v1-light { background: url(/assets/img/patterns/16.png) repeat; } /*Promo Background Images*/ .promo-bg-img-v1 { background: url(/assets/img/bg/img1.jpg) no-repeat; background-size: cover; } .promo-bg-img-v2 { background: url(/assets/img/bg/img5.jpg) no-repeat; background-size: cover; } .promo-bg-img-v3 { background: url(/assets/img/bg/img10.jpg) no-repeat; background-size: cover; } .promo-bg-img-v4 { background: url(/assets/img/bg/img11.jpg) no-repeat; background-size: cover; } .promo-bg-img-v5 { background: url(/assets/img/bg/img6.jpg) no-repeat; background-size: cover; } /*Promo Background Fixed*/ .promo-bg-fixed { background-attachment: fixed; } /*Promo Texts v1*/ .promo-text-v1 { padding: 3px 0; font-size: 20px; font-weight: 600; display: inline-block; border-bottom: solid 2px #fff; } .promo-text-v1.color-dark { border-color: #555; } /*Promo Texts v2*/ .promo-text-v2 { font-size: 55px; font-weight: 600; line-height: 63px; } /*Promo Video Icon*/ .promo-video-icon-wrap { width: 64px; height: 64px; font-size: 18px; line-height: 70px; display: inline-block; transition: all .3s ease-in-out; } .promo-video-icon-wrap:hover { color: #333; text-decoration: none; } .promo-video-icon-wrap.color-light { color: #333; background: rgba(255,255,255,1); } .promo-video-icon-wrap.color-light:hover { background: rgba(255,255,255,.9); } .promo-video-icon-wrap.color-dark { color: #fff; background: rgba(0,0,0,.8); } .promo-video-icon-wrap.color-dark:hover { color: #fff; background: rgba(0,0,0,.9); } .promo-video-icon { left: 3px; position: relative; } /*-------------------------------------------------- [2. Breadcrumbs] ----------------------------------------------------*/ /*Default Breadcrumbs*/ .breadcrumbs { overflow: hidden; padding: 10px 0 6px; border-bottom: solid 1px #eee; background: url(/assets/img/patterns/breadcrumbs.png) repeat; } .video-business-img1 { background: url(/assets/video/youtube-business/video-business-img1.jpg) no-repeat center; background-size: cover; /*Scales the background image to be as large as possible*/ } .breadcrumbs h1 { color: #666; font-size: 22px; margin-top: 8px; } .breadcrumb { top: 10px; padding-right: 0; background: none; position: relative; } .breadcrumb a { color: #777; } .breadcrumb li.active, .breadcrumb li a:hover { color: #72c02c; text-decoration: none; } @media (max-width: 550px) { .breadcrumbs h1.pull-left, .breadcrumbs ul.pull-right { width: 100%; text-align: center; } .breadcrumbs h1.pull-left { margin-bottom: 0; } .breadcrumbs .breadcrumb { top: 0; margin-bottom: 10px; } } /*Breadcrumbs Dark and Light*/ .breadcrumbs.breadcrumbs-dark, .breadcrumbs.breadcrumbs-light { background: #222; padding: 30px 0 20px; border-bottom: solid 3px #777; } .breadcrumbs.breadcrumbs-light { background: #f7f7f7; border-bottom: 1px solid #eee; } .breadcrumbs.breadcrumbs-dark h1, .breadcrumbs.breadcrumbs-dark a, .breadcrumbs.breadcrumbs-light h1, .breadcrumbs.breadcrumbs-light a { color: #fff; font-weight: 200; } .breadcrumbs.breadcrumbs-light h1, .breadcrumbs.breadcrumbs-light a { color: #555; } .breadcrumbs.breadcrumbs-dark h1 { font-size: 24px; } .breadcrumbs.breadcrumbs-light h1 { font-size: 26px; } /*Breadcrumbs Sizes*/ .breadcrumbs-sm { padding: 50px 0; } .breadcrumbs-md { padding: 100px 0; } .breadcrumbs-lg { padding: 200px 0; } /*Breadcrumbs v1 and v3 ------------------------------------*/ .breadcrumbs-v1, .breadcrumbs-v3 { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } /*Breadcrumbs v1 ------------------------------------*/ .breadcrumbs-v1 { padding: 100px 0; position: relative; background: url(/assets/img/breadcrumbs/img1.jpg) center no-repeat; background-size: cover; /*Scales the background image to be as large as possible*/ } .breadcrumbs-v1:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.15); } .breadcrumbs-v1 span, .breadcrumbs-v1 h1 { color: #fff; z-index: 1; position: relative; } .breadcrumbs-v1 span { font-size: 24px; font-weight: 200; margin-bottom: 5px; display: inline-block; } .breadcrumbs-v1 h1 { font-size: 50px; margin-bottom: 0; line-height: 55px; text-transform: uppercase; } @media (max-width: 768px) { .breadcrumbs-v1 { padding: 50px 0; } .breadcrumbs-v1 h1 { font-size: 40px; line-height: 45px; } } /*Breadcrumbs v2 ------------------------------------*/ .breadcrumbs-v2 { text-align: center; position: relative; background: url(/assets/img/bg/11.jpg) no-repeat center; } .breadcrumbs-v2-in { padding: 80px 0; position: relative; } .breadcrumbs-v2 h1 { color: #fff; text-transform: uppercase; } .breadcrumb-v2 li a, .breadcrumb-v2 li.active { color: #fff; } .breadcrumb-v2 li i { color: #fff; min-width: 19px; padding: 3px 7px; margin-right: 5px; text-align: center; border: 1px solid #fff; } /*Breadcrumbs v3 ------------------------------------*/ .breadcrumbs-v3 { z-index: 1; padding: 100px 0; position: relative; } .breadcrumbs-v3.breadcrumbs-lg { padding: 200px 0; } .breadcrumbs-v3.img-v1 { background: url(/assets/img/breadcrumbs/img1.jpg) no-repeat; background-size: cover; background-position: center center; } .breadcrumbs-v3.img-v2 { background: url(/assets/img/breadcrumbs/img2.jpg) no-repeat; background-size: cover; background-position: center center; } .breadcrumbs-v3.img-v3 { background: url(/assets/img/breadcrumbs/img3.jpg) no-repeat; background-size: cover; background-position: center center; } .breadcrumbs-v3:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.2); } .breadcrumbs-v3 h1 { color: #fff; font-size: 40px; line-height: 50px; text-transform: uppercase; } .breadcrumbs-v3 p { color: #fff; font-size: 24px; font-weight: 200; margin-bottom: 0; text-transform: uppercase; } @media (max-width: 992px) { .breadcrumbs-v3.breadcrumbs-lg { padding: 100px 0; } } @media (max-width: 768px) { .breadcrumbs-v3, .breadcrumbs-v3.breadcrumbs-lg { padding: 50px 0; } .breadcrumbs-v3 h1 { font-size: 30px; line-height: 40px; } .breadcrumbs-v3 p { font-size: 18px; } } /*-------------------------------------------------- [3. Image Hover Effects] ----------------------------------------------------*/ /*Image Hover v1*/ .img-hover-v1 span { display: block; overflow: hidden; position: relative; } .img-hover-v1 span:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; } .img-hover-v1:hover span:after { background: rgba(0,0,0,0.3); } .img-hover-v1 img, .img-hover-v2 img, .img-hover-v1 span:after { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .img-hover-v1:hover img { -transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } /*Image Hover v2*/ .img-hover-v2 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); } .img-hover-v2:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); } /*-------------------------------------------------- [4. Block Grid] ----------------------------------------------------*/ /*Block Grid v1 ------------------------------------*/ .block-grid-v1 { background: #fff; padding: 15px 15px 5px; border-bottom: solid 2px #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .block-grid-v1:hover { border-color: #72c02c; } .block-grid-v1 img { margin-bottom: 10px; } .block-grid-v1 img.block-grid-v1-img { width: 35px; height: 35px; margin-top: 8px; } .block-grid-v1.content-boxes-v1 img.pull-left { float: inherit !important; } .block-grid-v1 h3 a { font-size: 22px; font-weight: 200; margin-right: 10px; } .block-grid-v1.content-boxes-v1 h3 { margin-bottom: 0; } .block-grid-v1.content-boxes-v1 h3 a { color: #555; } /*Star Vote*/ .block-grid-v1 .star-vote { padding: 0; margin-bottom: 10px; vertical-align: middle; } .block-grid-v1 .star-vote li { padding: 0; font-size: 11px; display: inline-block; } /*Additional Info*/ .block-grid-v1-add-info { margin: 0; padding-top: 15px; border-top: solid 1px #eee; } .block-grid-v1-add-info li { padding: 0; margin-right: 3px; margin-bottom: 10px; } .block-grid-v1-add-info li a { font-size: 11px; padding: 4px 7px; text-decoration: none; border: solid 2px #eee; border-radius: 3px !important; } /*Block Grid v2 ------------------------------------*/ .block-grid-v2 { padding: 0; } .block-grid-v2 li { list-style: none; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ } .block-grid-v2-info { padding: 15px; text-align: center; background: #f9f9f9; border-bottom: solid 3px #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .block-grid-v2 li:hover .block-grid-v2-info { border-color: #72c02c; } .block-grid-v2-info h3 { font-size: 22px; font-weight: 200; margin-bottom: 10px; } .block-grid-v2-info .star-vote li { padding: 2px; font-size: 16px; } /*-------------------------------------------------- [5. Services Box] ----------------------------------------------------*/ /*Services Box v1 ------------------------------------*/ .service-box-v1 .service-block { background: #fff; padding-top: 30px; padding-bottom: 20px; } .service-box-v1 p { position: relative; margin-bottom: 50px; } .service-box-v1 p:after { content: " "; left: 50%; height: 1px; width: 50px; bottom: -15px; position: absolute; margin-left: -25px; background: #72c02c; } .service-box-v1 ul { padding: 0 40px; } .service-box-v1 li { margin: 8px 0; font-size: 15px; padding-top: 8px; border-top: dotted 1px #72c02c; } .service-box-v1 li:hover { color: #72c02c; } .service-box-v1 li:first-child { padding-top: 0; border-top: none; } /*-------------------------------------------------- [6. Service Block ] ----------------------------------------------------*/ /*Service Block v1 ------------------------------------*/ .service-block-v1 { margin-top: 20px; text-align: center; position: relative; padding: 45px 20px 20px; border: 1px solid #f2f2f2; } .service-block-v1 i { left: 50%; top: -30px; color: #fff; width: 60px; height: 60px; font-size: 26px; line-height: 62px; margin-left: -30px; text-align: center; position: absolute; background: #72c02c; display: inline-block; } .service-block-v1 h3, .service-block-v1 p { margin-bottom: 20px; } /*Service Block v2 (used in page_404_error2.html) ------------------------------------*/ .service-block-v2 .service-block-in { padding: 20px 30px; text-align: center; margin-bottom: 15px; background: rgba(255,255,255,0.2); } .service-block-v2 .service-block-in i { font-size: 40px; } .service-block-v2 .service-block-in h4 { line-height: 25px; } .service-block-v2 .service-block-in p { margin-bottom: 20px; } .service-block-v2 .service-block-in i, .service-block-v2 .service-block-in h4, .service-block-v2 .service-block-in p { color: #fff; } /*Service Block v3 (used in profile pages) ------------------------------------*/ .service-block-v3 { padding: 20px; } .service-block-v3 i { color: #fff; float: left; font-size: 50px; margin: 0 20px 20px 0; } .service-block-v3 .service-heading, .service-block-v3 .service-in small { color: #fff; opacity: 0.8; line-height: 1; } .service-block-v3 .service-in h4, .service-block-v3 .counter { color: #fff; } .service-block-v3 .service-heading { font-size: 16px; text-transform: uppercase; } .service-block-v3 .counter { display: block; line-height: 1; font-size: 30px; } .service-block-v3 .progress { margin-bottom: 7px; } /*Service Innner*/ .service-block-v3 .service-in small { font-size: 16px; text-transform: uppercase; } .service-block-v3 .service-in h4 { font-size: 16px; line-height: 0.8; margin-bottom: 0; } /*Statistics*/ .service-block-v3 .statistics .heading-xs { color: #fff; opacity: 0.8; } .service-block-v3 .statistics small { color: #fff; } .service-block-v3 .statistics .progress { background: #bbb; } .service-block-v3 .statistics .progress-bar-light { background: #fff; } /*Service Block v4 ------------------------------------*/ .service-block-v4 { position: relative; background: #f7f7f7; } .service-block-v4:after { top: 0; width: 0; height: 0; left: 50%; content: ''; margin-left: -20px; position: absolute; border-style: solid; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; } .service-block-v4 .service-desc { text-align: center; } .service-block-v4 .service-desc i { color: #72c02c; display: block; font-size: 30px; margin-bottom: 20px; } .service-block-v4 .service-desc h3 { font-size: 18px; margin-bottom: 15px; text-transform: uppercase; } /*Service Block v5 ------------------------------------*/ .service-block-v5 { text-align: center; background: #f7f7f7; } .service-block-v5 .service-inner { padding: 80px 40px; } .service-block-v5 .service-inner i { margin-bottom: 30px; } .service-block-v5 .service-inner span { display: block; font-size: 18px; font-weight: 200; margin-bottom: 15px; text-transform: uppercase; } .service-block-v5 .service-border { border-left: 1px solid #eee; border-right: 1px solid #eee; } @media (max-width: 992px) { .service-block-v5 .service-border { border-left: none; border-right: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } } /*Service Block v6 ------------------------------------*/ .service-block-v6 i { float: left; margin: 5px 15px 0 0; } .service-block-v6 .service-desc { overflow: hidden; } .service-block-v6 .service-desc h2 { font-size: 18px; margin: 0 0 10px; text-transform: uppercase; } .service-block-v6 .service-desc a { text-transform: uppercase; } /*Service Block v7 ------------------------------------*/ .service-block-v7 { margin-top: 20px; text-align: center; position: relative; border: 1px solid #ddd; padding: 45px 20px 20px; } .service-block-v7 i { left: 50%; top: -25px; color: #fff; width: 45px; height: 45px; font-size: 22px; line-height: 46px; text-align: center; position: absolute; background: #72c02c; margin-left: -22.5px; display: inline-block; } .service-block-v7 h3, .service-block-v7 p { margin-bottom: 20px; } /*Service Block v8 ------------------------------------*/ .service-block-v8 { padding: 25px; background: #fff; } .service-block-v8 i { color: #555; float: left; font-size: 22px; margin: 5px 25px 0 0; } .service-block-v8 .service-block-desc { overflow: hidden; } .service-block-v8 .service-block-desc h3 { font-size: 18px; margin: 0 0 30px; position: relative; text-transform: uppercase; } .service-block-v8 .service-block-desc h3:after { left: 0; top: 40px; height: 1px; width: 30px; content: " "; position: absolute; background: #72c02c; } /*-------------------------------------------------- [7. Process] ----------------------------------------------------*/ /*Process v1 ------------------------------------*/ .process-v1 .process-in { text-align: center; } .process-v1 .process-in > li i { z-index: 1; width: 30px; height: 30px; position: relative; text-align: center; background: #72c02c; margin-bottom: 15px; display: inline-block; border: solid 9px #fff; } .process-v1 .process-in > li i:after { top: -9px; left: -9px; right: -9px; bottom: -9px; content: " "; border-radius: 50%; position: absolute; border: 1px solid #bbb; } /*Process Description*/ .process-v1 .process-in .process-desc { padding: 0 20px; } .process-v1 .process-in > li h3 { font-size: 16px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase; } /*Process Border*/ .process-v1 .process-border { position: relative; } .process-v1 .process-border:before { top: 15px; width: 75%; left: 12%; content: " "; display: block; position: absolute; border-top: solid 2px #ddd; } @media (max-width: 768px) { .process-v1 .process-border:before { border: none; } } /*-------------------------------------------------- [8. Team] ----------------------------------------------------*/ /*Team v1 ------------------------------------*/ .team-v1 ul { position: relative; } /*Team Image*/ .team-v1 li > .team-img { position: relative; } .team-v1 li > .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: transparent; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .team-v1 li:hover > .team-img:after { background: rgba(0,0,0,0.5); } /*Team Socials*/ .team-v1 li > .team-img ul { left: 0; top: 45%; z-index: 1; padding: 0; width: 100%; height: 36px; list-style: none; margin-top: -18px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .team-v1 li:hover > .team-img ul { top: 50%; visibility: visible; } .team-v1 li > .team-img ul li { margin: 0 5px; text-align: center; display: inline-block; } .team-v1 li > .team-img li i { color: #eee; border-width: 2px; border-color: #eee; transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } .team-v1 li > .team-img li i.fa-twitter:hover { color: #fff; background: #3498db; border-color: #3498db; } .team-v1 li > .team-img li i.fa-facebook:hover { color: #fff; background: #4765a0; border-color: #4765a0; } .team-v1 li > .team-img li i.fa-google-plus:hover { color: #fff; background: #e74c3c; border-color: #e74c3c; } /*Team Discription*/ .team-v1 li > h3 { color: #000; font-size: 18px; line-height: 20px; margin: 15px 0 7px; text-transform: uppercase; } .team-v1 li > h4 { color: #999; font-size: 11px; line-height: 16px; text-transform: uppercase; } .team-v1 li > p { margin: 20px 0; position: relative; } .team-v1 li > p:before { left: 0; top: -10px; height: 1px; width: 40px; content: " "; position: absolute; background: #bbb; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .team-v1 li:hover > p:before { width: 100%; background: #72c02c; } /*Team v2 ------------------------------------*/ .team-v2 { position: relative; margin-bottom: 20px; } .team-v2 img { width: 100%; } .team-v2 .inner-team { padding: 20px; background: #fff; text-align: center; } .team-v2 .inner-team h3 { margin: 0; } .team-v2 .inner-team small { display: block; font-size: 12px; margin-bottom: 7px; } .team-v2 .inner-team p { font-size: 13px; } .team-v2 .inner-team hr { margin: 10px 0 15px; } /*Team-Social (Temporary)*/ .team-social { margin-bottom: 0; } .team-social li { padding: 0 2px; } .team-social li a { font-size: 14px; padding: 6px 4px; text-align: center; border-radius: 50% !important; } .team-social li i { min-width: 20px; } .team-social li a.fb { color: #4862a3; border: 1px solid #4862a3; } .team-social li a.tw { color: #159ceb; border: 1px solid #159ceb; } .team-social li a.gp { color: #dc4a38; border: 1px solid #dc4a38; } .team-social li a:hover { text-decoration: none; } .team-social li a.fb:hover { color: #fff; background: #4862a3; } .team-social li a.tw:hover { color: #fff; background: #159ceb; } .team-social li a.gp:hover { color: #fff; background: #dc4a38; } /*Team v3 ------------------------------------*/ .team-v3 .team-img { position: relative; } .team-v3 .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .team-v3 .team-img:hover:after { background: rgba(0,0,0,0.5); transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .team-v3 .team-img > img { width: 100%; } /*Team Hover Gradient*/ .team-v3 .team-hover { left: 0; top: 60%; z-index: 1; padding: 0; width: 100%; padding: 20px; list-style: none; margin-top: -90px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .team-v3 .team-img:hover .team-hover { top: 50%; visibility: visible; } .team-v3 .team-hover span, .team-v3 .team-hover small { color: #fff; display: block; } .team-v3 .team-hover span { font-size: 18px; font-weight: 400; text-transform: uppercase; } .team-v3 .team-hover small { font-size: 13px; font-weight: 200; margin-bottom: 10px; } .team-v3 .team-hover p { color: #fff; font-weight: 200; margin-bottom: 20px; } /*Team Social*/ .team-v3 .team-hover .team-social-v3 i { color: #fff; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; display: inline-block; border: 1px solid #fff; } .team-v3 .team-hover .team-social-v3 i:hover { color: #666; background: #fff; text-decoration: none; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } /*Team v4 ------------------------------------*/ .team-v4 { text-align: center; } .team-v4 img { width: 100%; margin-bottom: 20px; } .team-v4 span { color: #333; display: block; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; } .team-v4 small { color: #999; display: block; font-size: 12px; font-style: italic; margin-bottom: 10px; } .team-v4 .team-social-v4 a { color: #555; font-size: 16px; } .team-v4 .team-social-v4 a:hover { color: #72c02c; text-decoration: none; } /*Team v5 ------------------------------------*/ .team-v5 { text-align: center; } .team-v5 span { color: #555; display: block; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; } .team-v5 small { display: block; color: #72c02c; font-size: 13px; font-style: italic; position: relative; margin-bottom: 25px; } .team-v5 small:after { left: 50%; top: 30px; height: 1px; width: 30px; content: " "; background: #777; margin-left: -15px; position: absolute; } .team-v5 .team-img { position: relative; } .team-v5 .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .team-v5 .team-img:hover:after { background: rgba(0,0,0,0.5); transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .team-v5 .team-img > img { width: 100%; margin-bottom: 20px; } /*Team Hover Gradient*/ .team-v5 .team-hover { left: 0; top: 60%; z-index: 1; padding: 0; width: 100%; list-style: none; margin-top: -16px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .team-v5 .team-img:hover .team-hover { top: 50%; visibility: visible; } /*Social Network-*/ .team-v5 .team-hover .team-social-v5 i { color: #fff; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; display: inline-block; border: 1px solid #fff; } .team-v5 .team-hover .team-social-v5 i:hover { color: #666; background: #fff; text-decoration: none; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } /*Team v6 ------------------------------------*/ .team-v6 { text-align: center; } .team-v6 img { width: 100%; margin-bottom: 20px; } .team-v6 span { color: #777; display: block; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; } .team-v6 small { display: block; color: #72c02c; font-size: 13px; margin-bottom: 15px; } /*Team v7 ------------------------------------*/ .team-v7 .team-v7-in { padding: 0 50px; } .team-v7 .team-v7-name { color: #555; display: block; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; } .team-v7 .team-v7-position { display: block; color: #72c02c; font-style: normal; margin-bottom: 15px; } .team-v7 p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } /*Team Space*/ .team-v7 .team-v7-name { margin-top: 60px; } .team-v7 .social-icons-v1 { margin-bottom: 60px; } /*Team Image*/ .team-v7 .team-v7-img { position: relative; } .team-v7 .team-v7-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.1); } /*Team Info*/ .team-v7 .team-arrow-right, .team-v7 .team-arrow-left { position: relative; } .team-v7 .team-arrow-left:before, .team-v7 .team-arrow-right:before { width: 0; height: 0; top: 20%; z-index: 2; content: " "; position: absolute; border-style: solid; } .team-v7 .team-arrow-right:before { right: -25px; border-width: 20px 0 20px 25px; border-color: transparent transparent transparent #fff; } .team-v7 .team-arrow-left:before { left: -25px; border-width: 20px 25px 20px 0; border-color: transparent #fff transparent transparent; } /*Team Info Media Queries*/ @media (max-width: 991px) { /*Team Arrows*/ .team-v7 .team-arrow-left:before, .team-v7 .team-arrow-right:before { top: auto; left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; } .team-v7 .team-arrow-left:before, .team-v7 .team-arrow-right:before { left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; } /*Equal Height Columns*/ .team-v7 .equal-height-column { height: auto !important; } } /*-------------------------------------------------- [9. Call To Action] ----------------------------------------------------*/ /*Call To Action v1 ------------------------------------*/ .call-action-v1 p { margin-top: 5px; font-size: 18px; font-weight: 200; margin-bottom: 0; } .call-action-v1.call-action-v1-boxed { padding: 0 25px; } .call-action-v1 .call-action-v1-box { width: 100%; display: table; padding: 30px 0; vertical-align: middle; } .call-action-v1 .call-action-v1-in { display: table-cell; vertical-align: middle; } .call-action-v1 .call-action-v1-in.inner-btn { padding-top: 1px; min-width: 250px; text-align: right; } @media (max-width: 992px) { .call-action-v1 .call-action-v1-in, .call-action-v1 .call-action-v1-in.inner-btn { display: block; text-align: center; } .call-action-v1 .call-action-v1-in p { margin-bottom: 20px; } } /*Call To Axtion v2 ------------------------------------*/ .call-action-v2 { padding: 50px 0; text-align: center; background: url(/assets/img/patterns/16.png); } .call-action-v2 h2 { font-size: 22px; text-transform: uppercase; } .call-action-v2 p { padding: 0 100px; margin-bottom: 20px; } @media (max-width: 768px) { .call-action-v2 p { padding: inherit; } } /*-------------------------------------------------- [10. Portfolio Box] ----------------------------------------------------*/ /*Portfolio Box*/ @media (min-width: 991px) and (max-width: 1199px) { .portfolio-box { margin-bottom: 60px; } } @media (min-width: 768px) and (max-width: 992px) { .portfolio-box { margin-bottom: 0; } } @media (max-width: 768px) { .portfolio-box { margin-bottom: 60px; } } .portfolio-box a.fancybox { background: #fff; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ } .portfolio-box a.fancybox:after { top: 0; left: 0; right: 0; width: 100%; height: 100%; content: " "; position: absolute; } .portfolio-box a.fancybox:hover:after { background: rgba(0,0,0,0.5); } .portfolio-box a.fancybox img { width: 100%; overflow: hidden; transition: all 500ms ease 0s; } .portfolio-box a.fancybox:hover img { transform: scale(1.1) rotate(0.1deg); } .portfolio-box .portfolio-box-in { left: 0; top: 50%; z-index: 1; width: 100%; min-height: 50px; margin-top: -25px; visibility: hidden; text-align: center; position: absolute; } .portfolio-box a.fancybox:hover .portfolio-box-in { visibility: visible; } .portfolio-box a.fancybox:after, .portfolio-box a.fancybox:hover:after, .portfolio-box a.fancybox:hover .portfolio-box-in i { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-box .portfolio-box-in i { color: #fff; width: 50px; height: 50px; padding: 16px; font-size: 20px; text-align: center; background: #72c02c; display: inline-block; } /*Project Tag*/ .portfolio-box small.project-tag { display: block; font-size: 12px; margin-bottom: 5px; } .portfolio-box small.project-tag, .portfolio-box small.project-tag a { color: #999; } .portfolio-box small.project-tag i { margin-right: 5px; } .portfolio-box small.project-tag a:hover { color: #72c02c; } /*Portfolio Box v1 ------------------------------------*/ .portfolio-box-v1 { margin: 0; } .portfolio-box-v1 [class^="col-"] { padding: 0; overflow: hidden; } .portfolio-box-v1 li { background: #333; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ } .portfolio-box-v1 li:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; } .portfolio-box-v1 li:hover:after { background: rgba(0,0,0,0.7); } .portfolio-box-v1 li:after, .portfolio-box-v1 li:hover:after { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-box-v1 li img { width: 100%; overflow: hidden; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-box-v1 li:hover img { -transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .portfolio-box-v1 .portfolio-box-v1-in { left: 0; top: 50%; z-index: 1; width: 100%; visibility: hidden; min-height: 150px; margin-top: -75px; text-align: center; position: absolute; font-family: "Open Sans", Arial, sans-serif; } .portfolio-box-v1 li:hover .portfolio-box-v1-in { visibility: visible; } .portfolio-box-v1 .portfolio-box-v1-in h3 { font-size: 22px; margin-top: 20px; position: relative; margin-bottom: 20px; text-transform: uppercase; } .portfolio-box-v1 .portfolio-box-v1-in h3:after { left: 50%; height: 1px; width: 40px; content: " "; bottom: -10px; background: #fff; margin-left: -20px; position: absolute; } .portfolio-box-v1 .portfolio-box-v1-in p, .portfolio-box-v1 .portfolio-box-v1-in h3 { color: #fff; } .portfolio-box-v1 .portfolio-box-v1-in p { font-size: 16px; margin-bottom: 20px; } .portfolio-box-v1 .portfolio-box-v1-in a.btn-u { font-weight: normal; -webkit-backface-visibility: hidden; /*For Chrome*/ } /*-------------------------------------------------- [11. Portfolio Feature v2] ----------------------------------------------------*/ .portfolio-box-v2 { margin: 0 0 60px; } .portfolio-box-v2 [class^="col-"] { padding: 0; overflow: hidden; } .portfolio-box-v2 li { background: #333; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ } .portfolio-box-v2 li:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; } .portfolio-box-v2 li:hover:after { background: rgba(255,255,255,0.6); } .portfolio-box-v2 li:after, .portfolio-box-v2 li:hover:after { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-box-v2 li img { width: 100%; overflow: hidden; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .portfolio-box-v2 li:hover img { -transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .portfolio-box-v2 .portfolio-box-v2-in { left: 0; top: 50%; z-index: 1; width: 100%; visibility: hidden; min-height: 60px; margin-top: -30px; text-align: center; position: absolute; font-family: "Open Sans", Arial, sans-serif; } .portfolio-box-v2 li:hover .portfolio-box-v2-in { visibility: visible; } .portfolio-box-v2 .portfolio-box-v2-in i { color: #fff; width: 60px; height: 60px; padding: 20px; font-size: 22px; cursor: pointer; margin-right: 5px; text-align: center; display: inline-block; background: rgba(114,192,44,0.8); } .portfolio-box-v2 .portfolio-box-v2-in i:hover { background: #72c02c; } /*-------------------------------------------------- [12. Thumbnail] ----------------------------------------------------*/ /*Thumbnail v1 ------------------------------------*/ .thumbnails-v1 .thumbnail-img { margin-bottom: 12px; } .thumbnails-v1 h3 { margin-bottom: 5px; } .thumbnails-v1 h3 a { color: #555; font-size: 15px; text-transform: uppercase; } .thumbnails-v1 .read-more { color: #72c02c; font-size: 12px; text-transform: uppercase; } /*-------------------------------------------------- [13. Image Backgrounds] ----------------------------------------------------*/ /*Image Backgrounds v1 ------------------------------------*/ .bg-image-v1 { width: 100%; height: auto; padding: 50px 0; position: relative; background: url(/assets/img/bg/11.jpg) repeat fixed; background-size: cover; } .bg-image-v1:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.5); } /*Image Backgrounds v2 ------------------------------------*/ .bg-image-v2 { width: 100%; height: auto; padding: 50px 0; position: relative; background: url(/assets/img/bg/7.jpg) repeat fixed; } .bg-image-v2:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(255,255,255,0.7); } /*Background Dark Cover*/ .bg-image-v2-dark:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.5); } .bg-image-v2-dark h2, .bg-image-v2-dark p { color: #eee !important; } /*-------------------------------------------------- [14. Parallax Quote] ----------------------------------------------------*/ .parallax-quote { color: #fff; padding: 100px 0; position: relative; text-align: center; background: url(/assets/img/team/faces.jpg) 50% 0 repeat fixed; } .parallax-quote:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.8); } .parallax-quote:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(/assets/img/patterns/gridtile.png) repeat; } /*Parallax Quote Inner*/ .parallax-quote-in { z-index: 1; padding: 0 80px; position: relative; } .parallax-quote-in p { color: #fff; font-size: 28px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .parallax-quote-in p:after, .parallax-quote-in p:before { content: ' " '; position: absolute; font-family: Tahoma; } .parallax-quote-in p:after { margin-left: 3px; } .parallax-quote-in p:before { margin-left: -15px; } .parallax-quote-in small { color: #bbb; font-size: 13px; font-weight: 400; text-transform: uppercase; } @media (max-width: 768px){ .parallax-quote-in { padding: 0 40px; } .parallax-quote-in p { font-size: 20px; } } /*Parallax Quote Light*/ .parallax-quote-light:after { background: rgba(255,255,255,0.9); } .parallax-quote-light .parallax-quote-in { background: #fff; padding: 30px 80px; border-bottom: solid 2px #ddd; } .parallax-quote-light .parallax-quote-in p { color: #555; font-size: 28px; font-weight: 200; } .parallax-quote-light .parallax-quote-in small { color: #555; } @media (max-width: 768px){ .parallax-quote-light .parallax-quote-in { padding: 30px 40px; } .parallax-quote-light .parallax-quote-in p { font-size: 20px; } .parallax-quote-light .parallax-quote-in small { font-weight: 200; } } /*-------------------------------------------------- [15. Parallax Team] ----------------------------------------------------*/ .parallax-team { background: url(/assets/img/team/faces.jpg) 50% 0 repeat fixed; } .parallax-team, .parallax-team .title-box-v2 { position: relative; } .parallax-team:before, .parallax-team-dark:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(255,255,255,0.9); } /*Parallax Team*/ .parallax-team { background: url(/assets/img/team/faces.jpg) 50% 0 repeat fixed; } .parallax-team, .parallax-team .title-box-v2 { position: relative; } .parallax-team-dark:before { background: rgba(0,0,0,0.8); } /*-------------------------------------------------- [16. Parallax Counter] ----------------------------------------------------*/ .parallax-bg { background: url(/assets/img/patterns/5.png) repeat fixed; } /*Parallax Counter ------------------------------------*/ .parallax-counter { padding: 30px 0; background: url(/assets/img/patterns/5.png) repeat fixed; } .parallax-counter .counters { color: #fff; padding: 15px 0; } .parallax-counter h4 { color: #999; font-size: 16px; text-transform: uppercase; } .parallax-counter span.counter { font-size: 48px; } /*Parallax Counter v1 ------------------------------------*/ .parallax-counter-v1 { padding: 60px 0; background: url(/assets/img/patterns/5.png) repeat fixed; } .parallax-counter-v1 .counters { color: #fff; padding: 15px 0 10px; border: solid 1px #555; } .parallax-counter-v1 h4 { color: #eee; font-size: 16px; text-transform: uppercase; } .parallax-counter-v1 span.counter { font-size: 42px; line-height: 48px; } /*Parallax Counter v2 ------------------------------------*/ .parallax-counter-v2 { position: relative; padding: 80px 0 60px; background: url(/assets/img/patterns/16.png) repeat fixed; } .parallax-counter-v2:after { top: 0; left: 50%; content: " "; margin-left: -25px; position: absolute; border-top: 25px solid #fff; border-left: 25px solid transparent; border-right: 25px solid transparent; } .parallax-counter-v2:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.02); } .parallax-counter-v2 .counters { padding: 20px 0; border-bottom: solid 2px #ddd; background: rgba(255,255,255,0.9); } .parallax-counter-v2 .counters h4, .parallax-counter-v2 .counters span { color: #555; font-weight: 200; font-family: "Open Sans", Arial, sans-serif; } .parallax-counter-v2 .counters span { font-size: 36px; } .parallax-counter-v2 .counters h4 { font-size: 22px; text-transform: uppercase; } @media (max-width: 992px) { .parallax-counter-v2 .counters { margin-bottom: 0 !important; } } /*Parallax Counter v3 ------------------------------------*/ .parallax-counter-v3 { z-index: 1; height: auto; padding: 80px 0; overflow: hidden; text-align: center; position: relative; background: url(/assets/img/bg/25.jpg) 50% 0 fixed; } .parallax-counter-v3:after { left: 0; bottom: 0; width: 100%; z-index: -1; content: " "; height: 100%; text-align: center; position: absolute; background: rgba(0,0,0,0.5); } .parallax-counter-v3 .features { width: 130px; height: 130px; padding: 25px; position: relative; text-align: center; display: inline-block; border-radius: 50% !important; background: rgba(255,255,255,0.2); } .parallax-counter-v3 .features:after { top: -9px; left: -9px; right: -9px; bottom: -9px; content: " "; border-radius: 50%; position: absolute; border: 1px solid #fff; } .parallax-counter-v3 .features span { color: #fff; display: block; font-weight: 200; } .parallax-counter-v3 .features span.counter { font-size: 30px; } .parallax-counter-v3 .features span.features-info { text-transform: uppercase; } @media (max-width: 550px) { .parallax-counter-v3 .features { width: 110px; height: 110px; padding: 22px; } .parallax-counter-v3 .features:after { top: -7px; left: -7px; right: -7px; bottom: -7px; } .parallax-counter-v3 .features span.counter { font-size: 20px; } .parallax-counter-v3 .features span.features-info { font-size: 11px; } } /*Parallax Counter v4 ------------------------------------*/ .parallax-counter-v4 { z-index: 1; height: auto; padding: 30px 0; overflow: hidden; text-align: center; position: relative; background: url(/assets/img/bg/19.jpg) 50% 0 fixed; } .parallax-counter-v4:after { left: 0; bottom: 0; width: 100%; z-index: -1; content: " "; height: 100%; text-align: center; position: absolute; background: rgba(0,0,0,0.5); } .parallax-counter-v4 i { color: #fff; display: block; font-size: 50px; margin-bottom: 20px; } .parallax-counter-v4 span.counter { color: #fff; font-size: 30px; font-weight: 400; margin-bottom: 10px; } .parallax-counter-v4 h4 { color: #fff; font-size: 18px; font-weight: 200; text-transform: uppercase; } /*-------------------------------------------------- [17. Flat Background Block] ----------------------------------------------------*/ .flat-bg-block-v1 { padding: 40px 0; background: url(/assets/img/patterns/16.png) repeat; } .flat-bg-block-v1 .checked-list.first-child { float: left; margin-right: 100px; } .flat-bg-block-v1 .checked-list li { color: #888; margin-bottom: 5px; } .flat-bg-block-v1 .checked-list i { color: #72c02c; margin-right: 5px; } /*Image Over*/ .flat-bg-block-v1 img.img-over { top: -70px; right: 10px; position: absolute; } @media (min-width: 991px) and (max-width: 1199px) { .flat-bg-block-v1 img.img-over { top: -18px; } } @media (max-width: 991px) { .flat-bg-block-v1 img.img-over { position: static; } } /*-------------------------------------------------- [18. Flat Testimonials] ----------------------------------------------------*/ .flat-testimonials { padding: 50px 0; background-color: #333; } .flat-testimonials .flat-testimonials-in { padding: 30px; text-align: center; background: rgba(255,255,255,0.2); } .flat-testimonials .flat-testimonials-in img { width: 135px; height: 135px; margin: 0 auto 25px; } .flat-testimonials .flat-testimonials-in h3 { color: #fff; font-size: 22px; font-weight: 200; } .flat-testimonials .flat-testimonials-in span { display: block; margin-bottom: 5px; } .flat-testimonials .flat-testimonials-in p { color: #fff; font-weight: 200; position: relative; } .flat-testimonials .flat-testimonials-in p:before, .flat-testimonials .flat-testimonials-in p:after { top: 5px; font-size: 22px; line-height: 10px; position: relative; } .flat-testimonials .flat-testimonials-in p:before { content: "“"; padding-right: 5px; } .flat-testimonials .flat-testimonials-in p:after { content: "”"; padding-left: 5px; } /*-------------------------------------------------- [19. Testimonials] ----------------------------------------------------*/ /*Testimonials v4 ------------------------------------*/ .testimonials-v4 { /*overflow: hidden;*/ } .testimonials-v4 .testimonials-v4-in { background: #fff; position: relative; margin-bottom: 40px; padding: 20px 20px 20px 55px; -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1); } .testimonials-v4 .testimonials-v4-in:before { color: #bbb; font-size: 60px; content: "\201C"; position: absolute; margin: -25px 0 0 -40px; font-family: Georgia, serif; } .testimonials-v4 .testimonials-v4-in:after { width: 0; height: 0; left: 80px; content: " "; bottom: -30px; position: absolute; border-style: solid; border-width: 30px 30px 0 0; border-color: #fff transparent transparent transparent; -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1)); } .testimonials-v4 .testimonials-v4-in p { color: #777; font-size: 14px; font-style: italic; } .testimonials-v4 img { float: left; width: 60px; height: auto; margin: 0 20px; } .testimonials-v4 .testimonials-author { color: #555; display: block; font-size: 14px; overflow: hidden; padding-top: 8px; text-transform: uppercase; } .testimonials-v4 .testimonials-author em { font-size: 13px; text-transform: capitalize; } /*Testimonials v5 ------------------------------------*/ .testimonials-v5 { padding-top: 50px; padding-bottom: 50px; } .testimonials-v5 .testimonials-desc span { font-size: 13px; font-weight: 200; } .testimonials-v5 .testimonials-desc p { padding: 15px; position: relative; background: #f9f9f9; margin-bottom: 25px; } .testimonials-v5 .testimonials-desc p:after { width: 0; height: 0; left: 30px; color: #fff; bottom: -12px; content: " "; text-align: center; position: absolute; border-style: solid; border-width: 13px 10px 0 10px; border-color: #f9f9f9 transparent transparent transparent; } /*Testimonials By*/ .testimonials-v5 .testimonials-by { margin-left: 20px; } .testimonials-v5 .testimonials-by img { float: left; width: 40px; height: auto; margin-right: 15px; } .testimonials-v5 .testimonials-by small { color: #72c02c; font-size: 12px; } .testimonials-v5 .testimonials-by span { text-transform: uppercase; } /*Testimonials v6 ------------------------------------*/ .testimonials-v6.testimonials-wrap { padding-left: 70px; padding-right: 70px; } .testimonials-v6 .testimonials-info { padding: 20px; background: #fff; border-bottom: solid 3px #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .testimonials-v6 .testimonials-info:hover { border-color: #72c02c; } .testimonials-v6 .testimonials-info img { float: left; width: 80px; height: auto; margin-right: 20px; } .testimonials-v6 .testimonials-desc { overflow: hidden; } .testimonials-v6 .testimonials-desc p { margin-bottom: 15px; } .testimonials-v6 .testimonials-desc strong, .testimonials-v6 .testimonials-desc span { color: #555; display: block; } @media (max-width: 768px) { .testimonials-v6 .testimonials-wrap { padding-left: 0; padding-right: 0; } } /*-------------------------------------------------- [20. Featured Blog] ----------------------------------------------------*/ .featured-blog h2 { font-size: 18px; margin: 0 0 25px; line-height: 25px; position: relative; } .featured-blog h2:after { left: 0; z-index: 1; width: 30px; height: 2px; content: " "; bottom: -10px; position: absolute; background: #72c02c; } .featured-blog .featured-img { position: relative; } .featured-blog .featured-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .featured-blog .featured-img:hover:after { background: rgba(0,0,0,0.3); transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .featured-blog .featured-img > img { width: 100%; } /*Team Hover Gradient*/ .featured-blog .featured-img i { top: 60%; left: 50%; z-index: 1; width: 100%; list-style: none; text-align: center; visibility: hidden; position: absolute; margin: -17.5px 0 0 -17.5px; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .featured-blog .featured-img:hover i { top: 50%; visibility: visible; } .featured-blog .featured-img i { color: #fff; width: 35px; height: 35px; padding: 11px; font-size: 14px; text-align: center; display: inline-block; background: rgba(255,255,255,0.4); } .featured-blog .featured-img i:hover { color: #fff; background: #72c02c; text-decoration: none; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } /*-------------------------------------------------- [21. Blog Comments] ----------------------------------------------------*/ .blog-comments img { width: 80px; height: auto; } .blog-comments .comments-itself { background: #fff; padding: 20px 30px; position: relative; } .blog-comments .comments-itself:before { width: 0; height: 0; top: 20px; left: -17px; content: " "; position: absolute; border-style: solid; border-width: 15px 17px 15px 0; border-color: transparent #fff transparent transparent; } .blog-comments .comments-itself h3 { margin: 0 0 10px; } .blog-comments .comments-itself span { color: #999; float: right; font-size: 13px; } .blog-comments .comments-itself p { color: #999; } /*Comments Reply*/ .blog-comments.blog-comments-reply { margin-left: 70px; } /*Media Queries*/ @media (max-width: 768px) { .blog-comments .comments-itself:before { display: none; } .blog-comments .comments-itself:after { width: 0; height: 0; top: -17px; left: 20px; content: " "; position: absolute; border-style: solid; border-width: 0 15px 17px 15px; border-color: transparent transparent #fff transparent; } } /*-------------------------------------------------- [22. Quote] ----------------------------------------------------*/ .quote-v1 { padding: 60px 0; text-align: center; background: url(/assets/img/patterns/5.png) repeat; } .quote-v1 p { color: #fff; font-size: 22px; font-weight: 200; padding: 0 100px; position: relative; margin-bottom: 20px; } .quote-v1 p:before { color: #72c02c; font-size: 60px; content: "\201C"; position: absolute; margin: -30px 0 0 -40px; font-family: Georgia, serif; } .quote-v1 span { color: #fff; font-size: 18px; } @media (max-width: 768px) { .quote-v1 p { font-size: 18px; padding: 0 50px; } } /*Quote v2 ------------------------------------*/ .quote-v2 { text-align: center; padding: 85px 10% 40px; } .quote-v2 p { color: #555; font-size: 16px; font-style: italic; position: relative; margin-bottom: 20px; } .quote-v2 p:before { left: 50%; top: -75px; font-size: 80px; content: "\201C"; position: absolute; margin-left: -25px; font-family: Georgia, serif; } .quote-v2 span { color: #555; font-weight: 400; } /*-------------------------------------------------- [23. Team Social] ----------------------------------------------------*/ .social-icons-v1 i { color: #555; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; background: #f7f7f7; display: inline-block; } .social-icons-v1 i:hover { color: #fff; background: #72c02c; text-decoration: none; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .social-icons-v1--dark i { color: #fff; background: #333; } /*-------------------------------------------------- [24. Box Shadows] ----------------------------------------------------*/ .shadow-wrapper { z-index: 1; position: relative; } /*Common Style*/ .box-shadow { background: #fff; position: relative; } .box-shadow:after, .box-shadow:before { top: 80%; left: 5px; width: 50%; z-index: -1; content: ""; bottom: 15px; max-width: 300px; background: #999; position: absolute; } /*Effect 1*/ .shadow-effect-1 { box-shadow: 0 10px 6px -6px #bbb; -moz-box-shadow: 0 10px 6px -6px #bbb; -webkit-box-shadow: 0 10px 6px -6px #bbb; } /*Effect 2,3,4*/ .shadow-effect-2 { position: relative; } .shadow-effect-2:after, .shadow-effect-2:before, .shadow-effect-3:before, .shadow-effect-4:after { transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); box-shadow: 0 15px 10px #999; -moz-box-shadow: 0 15px 10px #999; -webkit-box-shadow: 0 15px 10px #999; } .shadow-effect-2:after, .shadow-effect-4:after { left: auto; right: 5px; transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); } /*Effect 5*/ .shadow-effect-5 { box-shadow: 0 0 2px #ccc; } /*-------------------------------------------------- [25. Interactive Slider] ----------------------------------------------------*/ /*Interactive Slider v1 ------------------------------------*/ .interactive-slider-v1 { z-index: 1; padding: 130px 0; position: relative; } .interactive-slider-v1.img-v1 { background: url(/assets/img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v1.img-v2 { background: url(/assets/img/bg/19.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v1.img-v3 { background: url(/assets/img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v1:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.3); } .interactive-slider-v1 h2 { color: #fff; font-size: 40px; font-weight: 600; text-transform: uppercase; } .interactive-slider-v1 p { color: #fff; font-size: 24px; font-weight: 200; text-transform: uppercase; } @media (max-width: 768px) { .interactive-slider-v1 h2 { font-size: 30px; } .interactive-slider-v1 p { font-size: 18px; } } /*Interactive Slider v2 ------------------------------------*/ .interactive-slider-v2 { z-index: 1; padding: 200px 0; position: relative; text-align: center; background: url(/assets/img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2-md { padding: 250px 0; } .interactive-slider-v2.img-v1 { background: url(/assets/img/bg/25.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2.img-v2 { background: url(/assets/img/bg/14.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2.img-v3 { background: url(/assets/img/bg/img8.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2.img-v4 { background: url(/assets/img/bg/img9.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2.intro-promo-img { background: url(/assets/img/intro/promo.jpg) no-repeat; background-size: cover; background-position: center center; } .interactive-slider-v2:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,.4); } .intro-promo-cover-dark:after { background: rgba(0,0,0,.8); } .intro-promo-cover-light:after { background: rgba(255,255,255,.9); } .interactive-slider-v2 h1 { color: #fff; font-size: 70px; font-weight: 600; line-height: 80px; text-transform: uppercase; } .interactive-slider-v2 p { color: #fff; font-size: 24px; font-weight: 200; font-family: "Open Sans", Arial, sans-serif; } @media (max-width: 768px) { .interactive-slider-v2 h1 { font-size: 50px; line-height: 60px; margin-bottom: 20px; } } /*-------------------------------------------------- [26. Blog Trending] ----------------------------------------------------*/ .blog-trending li { margin-bottom: 20px; } .blog-trending h3 { font-size: 14px; margin: 0 0 5px; line-height: 17px; } .blog-trending small, .blog-trending small a { color: #777; } .blog-trending small a:hover { color: #72c02c; } /*-------------------------------------------------- [27. Blog Latest Posts] ----------------------------------------------------*/ .blog-latest-posts li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; } .blog-latest-posts li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .blog-latest-posts h3 { font-size: 14px; margin: 0 0 3px; line-height: 20px; } .blog-latest-posts small, .blog-latest-posts small a { color: #777; } .blog-latest-posts small { margin-bottom: 8px; display: inline-block; } .blog-latest-posts p { font-size: 12px; } /*-------------------------------------------------- [28. Blog Photostream] ----------------------------------------------------*/ .blog-photostream { margin-right: -5px; } .blog-photostream li { padding: 0; margin: 3px 5px 5px; position: relative; } .blog-photostream li img { width: 78px; height: auto; } /*-------------------------------------------------- [29. Newsletter] ----------------------------------------------------*/ .blog-newsletter p { color: #555; margin-bottom: 15px; } .blog-newsletter .form-control { border: none; } .blog-newsletter .form-control:focus { box-shadow: none; } /*-------------------------------------------------- [30. Blog Post Quote] ----------------------------------------------------*/ .blog-post-quote { padding: 35px 60px; background: #fff; text-align: center; } .blog-post-quote p { color: #555; font-size: 32px; font-weight: 200; line-height: 45px; position: relative; margin-bottom: 20px; font-family: "Open Sans", Arial, sans-serif; } @media (max-width: 768px) { .blog-post-quote { padding: 35px 25px; } .blog-post-quote p { font-size: 26px; line-height: 35px; } } .blog-post-quote p:before, .blog-post-quote p:after { top: -3px; font-size: 30px; position: relative; } .blog-post-quote p:before { left: -10px; content: "\0022"; } .blog-post-quote p:after { right: -10px; content: "\0022"; } .blog-post-quote span { color: #555; font-size: 20px; font-weight: 200; } /*-------------------------------------------------- [31. Blog Post Author] ----------------------------------------------------*/ .blog-author { padding: 20px; background: #fff; } .blog-author img { float: left; width: 80px; height: auto; margin-right: 20px; } .blog-author .blog-author-desc { overflow: hidden; } .blog-author .blog-author-desc h4 { float: left; font-size: 18px; margin: 0 0 10px; text-transform: uppercase; } .blog-author .blog-author-desc ul { float: right; margin-top: 6px; } .blog-author .blog-author-desc p { color: #555; } /*-------------------------------------------------- [32. Blog Comments] ----------------------------------------------------*/ .blog-comments img { width: 80px; height: auto; } .blog-comments .comments-itself { background: #fff; padding: 20px 30px; position: relative; } .blog-comments .comments-itself:before { width: 0; height: 0; top: 20px; left: -17px; content: " "; position: absolute; border-style: solid; border-width: 15px 17px 15px 0; border-color: transparent #fff transparent transparent; } .blog-comments .comments-itself h3 { margin: 0 0 10px; } .blog-comments .comments-itself span { color: #555; float: right; font-size: 13px; } .blog-comments .comments-itself p { color: #555; } /*Comments Reply*/ .blog-comments.blog-comments-reply { margin-left: 70px; } /*Media Queries*/ @media (max-width: 768px) { .blog-comments .comments-itself:before { display: none; } .blog-comments .comments-itself:after { width: 0; height: 0; top: -17px; left: 20px; content: " "; position: absolute; border-style: solid; border-width: 0 15px 17px 15px; border-color: transparent transparent #fff transparent; } } /*-------------------------------------------------- [33. News] ----------------------------------------------------*/ /*News v1 ------------------------------------*/ .news-section { border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .news-v1 .news-v1-in { background: #fafafa; } .news-v1 h3 { margin-bottom: 0; font-weight: 200; line-height: 28px; padding: 10px 15px 15px; } .news-v1 h3 a { color: #555; } .news-v1 h3 a:hover { color: #72c02c; } .news-v1 p { color: #555; padding: 0 15px; margin-bottom: 20px; } .news-v1 .news-v1-info { margin-left: 0; margin-top: 30px; overflow: hidden; padding: 8px 10px; border-top: solid 1px #eee; } .news-v1 .news-v1-info li { font-size: 12px; } .news-v1 .news-v1-info li a:hover { color: #72c02c; text-decoration: none; } /*News v2 ------------------------------------*/ /*News Badge*/ .news-v2 .news-v2-badge { overflow: hidden; position: relative; } .news-v2 .news-v2-badge p { left: 0; top: 20px; background: #fff; padding: 5px 15px; text-align: center; position: absolute; } .news-v2 .news-v2-badge span { color: #555; display: block; font-size: 16px; line-height: 16px; } .news-v2 .news-v2-badge small { color: #555; display: block; font-size: 10px; text-transform: uppercase; } /*News Description*/ .news-v2 .news-v2-desc { padding: 20px; background: #fff; } .news-v2 .news-v2-desc h3 { margin: 0 0 3px; font-size: 16px; } .news-v2 .news-v2-desc h3 a { color: #555; } .news-v2 .news-v2-desc h3 a:hover { color: #72c02c; } .news-v2 .news-v2-desc small { color: #555; display: block; margin-bottom: 15px; text-transform: uppercase; } .news-v2 .news-v2-desc p { color: #555; } /*News v3 ------------------------------------*/ /*News Posts*/ .news-v3 { /*background: #fff;*/ } .news-v3 .news-v3-in { padding: 35px 30px; } .news-v3 .news-v3-in-sm { padding: 20px; } .news-v3 h2 { font-size: 32px; font-weight: 200; margin: 0 0 20px; line-height: 45px; text-transform: uppercase; } .news-v3 .news-v3-in-sm h2 { font-size: 22px; margin: 0 0 15px; line-height: 30px; text-transform: inherit; } @media (max-width: 768px) { .news-v3 h2 { font-size: 22px; line-height: 30px; } } .news-v3 h2 a { color: #555; } .news-v3 h2 a:hover { color: #72c02c; text-decoration: none; } .news-v3 p { color: #555; margin-bottom: 20px; } /*News Info*/ .news-v3 .posted-info li { color: #555; font-style: italic; } .news-v3 .news-v3-in-sm .posted-info li { padding: 0; font-size: 12px; padding-left: 5px; } .news-v3 .posted-info li:before, .news-v3 .news-v3-in-sm .posted-info li:before { content: '/'; } .news-v3 .posted-info li:before { font-size: 12px; line-height: 12px; margin-right: 13px; } .news-v3 .news-v3-in-sm .posted-info li:before { font-size: 11px; line-height: 11px; margin-right: 9px; } .news-v3 .posted-info li:first-child:before, .news-v3 .news-v3-in-sm .posted-info li:first-child:before { content: " "; margin-right: 0; } .news-v3 .posted-info li a { color: #555; } .news-v3 .posted-info li a:hover { color: #72c02c; } /*News Shares*/ .news-v3 .post-shares { padding-left: 0; list-style: none; margin: 40px 0 0 -5px; } .news-v3 .news-v3-in-sm .post-shares { margin: 20px 0 0 -5px; } .news-v3 .post-shares li { position: relative; padding: 0 10px 0 5px; display: inline-block; } .news-v3 .post-shares li i { color: #555; width: 40px; height: 40px; padding: 13px; font-size: 16px; background: #eee; text-align: center; display: inline-block; } .news-v3 .post-shares li i:hover { background: #ddd; } .news-v3 .post-shares li span { top: -5px; right: 6px; color: #fff; width: 22px; height: 22px; padding: 4px; font-size: 10px; line-height: 10px; position: absolute; text-align: center; background: #72c02c; border: 2px solid #fff; border-radius: 50% !important; } .news-v3 .post-shares-lg li span { top: -10px; right: 0px; width: 29px; height: 29px; padding: 4px; font-size: 10px; line-height: 16px; } /*-------------------------------------------------- [34. Blog Grid] ----------------------------------------------------*/ .blog-grid img { margin-bottom: 15px; } .blog-grid h3 { font-size: 22px; margin: 0 0 10px; line-height: 1.4; } .blog-grid h2.blog-grid-title-lg { font-size: 28px; line-height: 1.4; margin: 0 0 10px; } .blog-grid h3.blog-grid-title-sm { font-size: 15px; line-height: 1.4; } .blog-grid h3 a { color: #333; } .blog-grid p { margin-bottom: 15px; } .blog-grid-inner { padding: 20px; background: #fff; margin: -70px 40px 0; position: relative; } /*Blog Grid Gradient*/ .blog-grid .blog-grid-grad { position: relative; } .blog-grid .blog-grid-grad i { top: 10px; left: 10px; z-index: 1; color: #fff; width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; position: absolute; display: inline-block; background: rgba(0,0,0,0.5); } /*Blog Grid Info*/ .blog-grid .blog-grid-info { padding-left: 0; list-style: none; } .blog-grid .blog-grid-info li { color: #888; padding: 0 2px; font-size: 12px; display: inline-block; } .blog-grid .blog-grid-info li:before { content: '/'; font-size: 12px; line-height: 1.4; margin-right: 9px; } .blog-grid .blog-grid-info li:first-child:before { content: " "; margin-right: 0; } .blog-grid .blog-grid-info li a { color: #888; } .blog-grid .blog-grid-info li a:hover { text-decoration: none; } /*Read More Link*/ .blog-grid a.r-more { font-size: 13px; font-weight: 400; font-style: italic; display: inline-block; } .blog-grid a.r-more:hover { text-decoration: none; } /*-------------------------------------------------- [35. Blog Thumb] ----------------------------------------------------*/ .blog-thumb { overflow: hidden; } /*Blog Grid Hover*/ .blog-thumb .blog-thumb-hover { float: left; position: relative; margin-right: 15px; } .blog-thumb .blog-thumb-hover:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; -webkit-transition: all 0.35s, -webkit-transform 0.35s; transition: all 0.35s, transform 0.35s; } .blog-thumb .blog-thumb-hover img { width: 120px; height: auto; } .blog-thumb .blog-thumb-hover img.video-play-btn { width: 30px; height: 30px; } /*Icon Hover Gradient*/ .blog-thumb .blog-thumb-hover .hover-grad { left: 0; top: 50%; z-index: 1; opacity: 0; width: 100%; color: #fff; font-size: 20px; margin-top: -14px; text-align: center; position: absolute; display: inline-block; -webkit-transition: all 0.65s, -webkit-transform 0.65s; transition: all 0.65s, transform 0.65s; } .blog-thumb .blog-thumb-hover:hover .hover-grad { opacity: 1; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; } /*Blog Thumb Description*/ .blog-thumb .blog-thumb-desc { overflow: hidden; } .blog-thumb .blog-thumb-desc h3 { font-size: 14px; margin: 0 0 5px; font-weight: 400; line-height: 1.4; } .blog-thumb .blog-thumb-desc h3 a { color: #555; } /*Blog Grid Info*/ .blog-thumb .blog-thumb-info { padding-left: 0; list-style: none; } .blog-thumb .blog-thumb-info li { color: #888; padding: 0 2px; font-size: 12px; display: inline-block; } .blog-thumb .blog-thumb-info li:before { content: '/'; font-size: 12px; line-height: 1.4; margin-right: 9px; } .blog-thumb .blog-thumb-info li:first-child:before { content: " "; margin-right: 0; } .blog-thumb .blog-thumb-info li a { color: #888; } .blog-thumb .blog-thumb-info li a:hover { color: #e74c3c; } /*Blog Thumb Circle ------------------------------------*/ .blog-thumb.blog-thumb-circle .blog-thumb-hover:after { border-radius: 50% !important; } .blog-thumb.blog-thumb-circle .blog-thumb-hover img { width: 50px; height: 50px; } .blog-thumb.blog-thumb-circle .blog-thumb-hover .hover-grad { font-size: 15px; margin-top: -10px; } /*Blog Thumb Colors ------------------------------------*/ .blog-thumb .blog-thumb-hover:hover:after { background: rgba(114,192,44,0.9); } .blog-grid .blog-grid-grad i:hover { background: rgba(114,192,44,1); } /*-------------------------------------------------- [36. Shop-subscribe] ----------------------------------------------------*/ .shop-subscribe { padding: 25px 0; } .shop-subscribe h2 { margin: 0; color: #fff; font-size: 24px; font-weight: 200; text-transform: uppercase; } /*Input Form Control*/ .shop-subscribe input { border-color: #fff; border-right: none; background: transparent; } .shop-subscribe .form-control { color: #fff; font-size: 14px; font-weight: 200; } .shop-subscribe .form-control:focus { box-shadow: none; border-color: #fff; } .shop-subscribe .form-control::-moz-placeholder { color: #fff; } .shop-subscribe .form-control:-ms-input-placeholder { color: #fff; } .shop-subscribe .form-control::-webkit-input-placeholder { color: #fff; } .shop-subscribe .input-group-btn { border-color: #fff; background: transparent; } .shop-subscribe .input-group-btn .btn { border: 1px solid #fff; background: transparent; } .shop-subscribe .input-group-btn i { color: #fff; font-size: 16px; font-weight: 200; } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. * Version: 1.9 * Author: @htmlstream * Website: http://htmlstream.com [-----*** TABLE OF CONTENT ***-----] 1- Parallax Slider (Main) 2- Master Slider 3- Revolution Slider 4- Layer Slider 5- Sequence Slider (Home Page) 6- Clients Carousel 7- Pie Chart 8- Counter 9- Back To Top 10- Owl Carousel 10.1- Recent Works (Owl Carousel) 10.2- Parallax Twitter (Owl Carousel) 10.3- Clients Section (Owl Carousel) 10.4- Owl Video -----------------------------------------------------------------------*/ /*-------------------------------------------------- [1. Parallax Slider (Main)] ----------------------------------------------------*/ .slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; } .slider-inner .da-dots { z-index: 10; } @media (max-width: 450px) { .da-slide p { display:none; } } @media (max-width: 900px) { /*Slider Parallax*/ .da-slide .da-img { display:none; } } /*-------------------------------------------------- [2. Master Slider] ----------------------------------------------------*/ .ms-promo-info { font-size: 45px; font-weight: 300; line-height: 1.5; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .ms-promo-info-in { font-size: 60px; font-weight: 600; } .ms-promo-sub { font-size: 18px; font-weight: 400; line-height: 1.4; font-family: "Open Sans", Arial, sans-serif; } .ms-promo-sub-in { font-size: 15px; } .ms-img-bordered { background: #fff; padding: 7px; } /*-------------------------------------------------- [3. Revolution Slider] ----------------------------------------------------*/ .tp-dottedoverlay { z-index: 1 !important; } .tp-bullets.preview4 .bullet { border-radius: 10px !important; } .tp-banner-container ul li, .fullscreenbanner-container ul li { list-style: none; visibility: hidden; } .tp-banner-container a.btn-u, .tp-banner-container a.btn-u:hover { color: #fff; border: solid 1px transparent; } .tp-banner-container a.re-btn-brd { background: none; border: solid 1px #fff; } .tp-banner-container a.re-btn-brd:hover { color: #555; background: #fff; } /*Fullwidth*/ .tp-banner-container .btn-u.btn-brd { font-weight: 400; } .tp-banner-container { position: relative; } /*Fullscreen*/ .fullscreen-container { padding:0; width:100%; position:relative; } /*Slider Contents v1*/ .revolution-mch-1:after { top: 0; left: 0; right: 0; width: 100%; height: 100%; content: ' '; position: absolute; background: rgba(0,0,0,0.3); } .revolution-ch1 { color: #fff; font-size: 40px; font-weight: 400; line-height: 60px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .revolution-ch2 { color: #fff; font-size: 20px; max-width: 470px; line-height: 32px; position: relative; text-align: center; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; } .revolution-ch2:after { left: 50%; width: 70px; height: 2px; content: ' '; bottom: -20px; background: #fff; margin-left: -35px; position: absolute; } /*Slider Contents v2*/ .re-title-v1 { color: #fff; font-size: 75px; font-weight: 600; line-height: 60px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .re-title-v2 { color: #fff; font-size: 40px; font-weight: 600; line-height: 45px; text-align: center; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .re-text-v1 { color: #fff; font-size: 24px; text-align: center; font-family: "Open Sans", Arial, sans-serif; } .re-text-v2 { color: #fff; font-size: 24px; font-family: "Open Sans", Arial, sans-serif; } /*Slides*/ .rs-caption-1 { color: #fff; font-size: 32px; font-weight: 200; padding: 6px 75px; position: relative; border-top: solid 1px #fff; border-bottom: solid 1px #fff; } .rs-caption-1:after, .rs-caption-1:before { font-size: 16px; content: "\f005"; position: absolute; font-family: FontAwesome; } @media (max-width: 768px) { .rs-caption-1:after, .rs-caption-1:before { content: ""; } } .rs-caption-1:after { right: 4%; } .rs-caption-1:before { left: 4%; } .rs-caption-2 { color: #fff; position: relative; font-size: 26px; font-weight: 200; line-height: 40px; padding: 10px 50px; text-align: center; } .rs-caption-2:after { left: 50%; content: ""; height: 1px; width: 100px; bottom: -10px; background: #fff; margin-left: -50px; position: absolute; } .rs-caption-3 a { margin: 0 5px; padding: 7px 20px; text-transform: uppercase; } @media (max-width: 768px) { .rs-caption-1, .rs-caption-2, .rs-caption-3 { font-weight: normal; } } /*-------------------------------------------------- [4. Layer Slider] ----------------------------------------------------*/ .layer_slider { overflow: hidden; } .ls-ct-half, .ls-ct-center { border-radius: 100px !important; } /*-------------------------------------------------- [5. Sequence Slider (Home Page)] ----------------------------------------------------*/ @media (max-width: 900px) { #sequence-theme .info { top:80px !important; width:60% !important; margin-right:50px; } } @media (max-width: 450px) { #sequence-theme .info { top:70px !important; width:70% !important; margin-right:25px; } #sequence-theme h2 { font-size:30px !important; } #sequence-theme .info p { font-size:18px !important; } } /*-------------------------------------------------- [6. Clients Carousel] ----------------------------------------------------*/ .clients { border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px; box-shadow:none !important; margin-bottom: 0 !important; } .clients li { overflow: hidden; margin-left: 1px; position: relative; background: #fafafa; } .clients li:hover { background: #f6f6f6; } .clients li img.color-img { top: 0; left: 0; display: none; position: absolute; } .clients li:hover img.color-img { display: block; } .clients li img { filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; } .clients li img:hover { filter: none; } /*-------------------------------------------------- [7. Pie Chart] ----------------------------------------------------*/ .pie-progress-charts .inner-pchart { text-align: center; } .pie-progress-charts .circle { color: #555; font-weight: 200; margin-bottom: 20px; } .pie-progress-charts .circle-title { font-size: 22px; } @media (max-width: 767px) { .pie-progress-charts .inner-pchart { margin-bottom: 40px; } } /*-------------------------------------------------- [8. Counter] ----------------------------------------------------*/ .counters { color: #555; text-align: center; } @media (max-width: 767px) { .counters { margin-bottom: 30px; } .counters:last-child { margin-bottom: inherit; } } .counters span { font-size: 35px; } .counters span.counter-icon { display: block; margin-bottom: 10px; } .counters span.counter-icon i { color: #fff; padding: 16px; min-width: 65px; font-size: 30px; position: relative; background: #72c02c; } .counters span.counter-icon i:after { width: 0; height: 0; left: 38%; content: " "; bottom: -7px; display: block; position: absolute; border-top: 7px solid #72c02c; border-left: 7px solid transparent; border-right: 7px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .counters:hover span.counter-icon i { border-color: #000; } /*-------------------------------------------------- [9. Back To Top] ----------------------------------------------------*/ #topcontrol { color: #fff; z-index: 99; width: 30px; height: 30px; font-size: 20px; background: #222; position: relative; right: 14px !important; bottom: 11px !important; border-radius: 3px !important; } #topcontrol:after { top: -2px; left: 8.5px; content: "\f106"; position: absolute; text-align: center; font-family: FontAwesome; } #topcontrol:hover { color: #fff; background: #72c02c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*-------------------------------------------------- [10. Owl Carousel] ----------------------------------------------------*/ .owl-btn { color: #777; cursor: pointer; font-size: 18px; padding: 2px 9px; text-align: center; background: #f5f5f5; } .owl-btn:hover { color: #fff; background: #72c02c; } /*Owl Carousel v1*/ .owl-carousel-v1 .owl-navigation { text-align: right; margin-bottom: 20px; } .owl-carousel-v1 .item { margin: 0 5px; } .owl-carousel-v1 .item img { text-align: center; } .owl-carousel-v1 .owl-pagination { display: none; } /*Owl Carousel v2*/ .owl-carousel-v2 .owl-slider-v2 { margin-bottom: 20px; } .owl-carousel-v2 .item { margin: 0 15px; } .owl-carousel-v2 .item img { text-align: center; } .owl-carousel-v2 .owl-navigation { text-align: center; } .owl-carousel-v2 .owl-pagination { display: none; } /*Owl Carousel v3*/ .owl-carousel-v3 .item { margin: 0 15px; } .owl-carousel-v3 .item img { text-align: center; } .owl-carousel-v3 .owl-pagination { display: none; } /*Owl Carousel v4*/ .owl-carousel-v4 .owl-wrapper-outer { margin-bottom: 20px; } .owl-carousel-v4 .item { margin: 0 3px; } .owl-carousel-v4 .item img { width: 100%; } /*Owl Carousel v5*/ .owl-carousel-v5 .owl-wrapper-outer { margin-bottom: 20px; } .owl-carousel-v5 .owl-controls .owl-page.active span, .owl-carousel-v5 .owl-controls.clickable .owl-page:hover span { background: #72c02c; } .owl-carousel-v5 .owl-controls .owl-page span { margin: 5px 3px !important; } /*Owl Slider v6*/ .owl-carousel-v6 .owl-carousel-item { margin: 0 10px; padding: 7px 0; text-align: center; position: relative; border: 1px solid #e4e2e2; } .owl-carousel-v6 .owl-carousel-item img { width: 150px; height: auto; } .owl-carousel-v6 .owl-wrapper-outer { margin-bottom: 20px; } .owl-carousel-v6 .owl-controls .owl-page span { margin: 5px 3px !important; } /*Owl Pagination*/ .owl-pagination { text-align: center !important; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100);/*IE7 fix*/ } .owl-theme .owl-controls .owl-page { zoom: 1; display: inline-block; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; opacity: 0.3; display: block; margin: 5px 7px; background: #bbb; filter: Alpha(Opacity=50);/*IE7 fix*/ -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /*Owl Carousel Style v1*/ .owl-carousel-style-v1 img { width: 120px; height: auto; } /*Owl Carousel Style v2*/ .owl-carousel-style-v2 .item { margin: 0 3px; background: #fafafa; text-align: center; border: solid 1px #eee; } .owl-carousel-style-v2 .item img { padding: 0 3px; display: inline-block; } .owl-carousel-style-v2 .item:hover { background: #f7f7f7; border-color: #e5e5e5; transition: all 0.4s ease-in-out; } .owl-carousel-style-v2 .owl-pagination { display: none; } /*Owl Clients v2 ------------------------------------*/ .owl-clients-v1 img { width: 120px; height: auto; } .owl-clients-v1 .owl-pagination { display: none; } /*Owl Carousel - Testimonials v3 ------------------------------------*/ /*Testimonials Section*/ .testimonials-v3 { padding: 100px 0; font-family: "Open Sans", Arial, sans-serif; } .testimonials-v3 ul { margin: 0; padding: 0; text-align: center; position: relative; } .testimonials-v3 li img { width: 150px; height: 150px; margin-bottom: 10px; } .testimonials-v3 li > p { font-size: 14px; } .testimonials-v3 .testimonials-v3-title { font-size: 22px; font-weight: 200; margin-bottom: 20px; } .testimonials-v3 .testimonials-v3-title p { color: #72c02c; margin-bottom: 0; } .testimonials-v3 .testimonials-v3-title span { color: #777; display: block; font-size: 14px; } /*Testimonials Owl Navigation*/ .testimonials-v3 .owl-pagination { display: none; } .testimonials-v3 .owl-buttons .owl-prev, .testimonials-v3 .owl-buttons .owl-next { padding: 13px; position: relative; margin: 15px 2px 0; background: #f5f5f5; display: inline-block; } .testimonials-v3 .owl-buttons .owl-prev:after, .testimonials-v3 .owl-buttons .owl-next:after { top: 0; color: #bbb; font-size: 16px; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } .testimonials-v3 .owl-buttons .owl-prev:after { left: 10px; content: "\f104"; } .testimonials-v3 .owl-buttons .owl-next:after { right: 10px; content: "\f105"; } .testimonials-v3 .owl-buttons .owl-prev:hover:after, .testimonials-v3 .owl-buttons .owl-next:hover:after { color: #fff; } .testimonials-v3 .owl-buttons .owl-prev:hover, .testimonials-v3 .owl-buttons .owl-next:hover { background: #72c02c; -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } /*Recent Works (Owl Carousel) ------------------------------------*/ .owl-work-v1 .owl-navigation { top: 3px; position: relative; } .owl-work-v1 .owl-navigation { margin-bottom: 10px; } .owl-work-v1 .item a { text-align: center; } .owl-work-v1 .item a:hover { text-decoration: none; } .owl-work-v1 .item a:hover strong { color: #555; } .owl-work-v1 .item em.overflow-hidden { display: block; } .owl-work-v1 .item a span { display: block; padding: 10px; border-bottom: solid 2px #eee; } .owl-work-v1 .item a strong { color: #555; display: block; } .owl-work-v1 .item a i { color: #777; } .owl-work-v1 .item a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .owl-work-v1 .item a:hover img { opacity: 0.8; -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.0) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } .owl-work-v1 .item a:hover span { border-bottom: solid 2px #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } /*Parallax Twitter (Owl Carousel) ------------------------------------*/ .parallax-twitter { color: #fff; padding: 100px 0; position: relative; text-align: center; background: #333 url(/assets/img/bg/19.jpg) 50% 0 fixed; background-size: cover; background-position: center center; } .parallax-twitter:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.5); } .parallax-twitter:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(/assets/img/patterns/gridtile.png) repeat; } .parallax-twitter-in { z-index: 1; position: relative; } /*Twitter Block (owl-controls)*/ .parallax-twitter-in ul { margin: 0; } .parallax-twitter-in li { color: #fff; } .parallax-twitter-in li p { color: #fff; font-size: 18px; font-weight: 200; } .parallax-twitter-in li a { color: #eee; text-decoration: underline; } .parallax-twitter-in li a:hover { text-decoration: none; } .parallax-twitter-in li span { color: #ddd; display: block; font-size: 14px; font-weight: 400; margin-bottom: 20px; } .parallax-twitter-in .owl-page { width: 18px; } /*Clients Section (Owl Carousel) ------------------------------------*/ .clients-section { padding: 60px 0; position: relative; background: #333 url(/assets/img/bg/7.jpg) 50% fixed; background-size: cover; background-position: center center; } .clients-section:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.8); } .clients-section:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(/assets/img/patterns/gridtile.png) repeat; } .clients-section .title-v1 p, .clients-section .title-v1 h2 { color: #fff; } .clients-section ul { padding: 0; z-index: 1; list-style: none; } .clients-section li { margin: 0 3px; background: #fff; } .clients-section li a { padding: 10px; display: block; overflow: hidden; text-align: center; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients-section li a:hover { -transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .clients-section img { width: 100px; height: 100px; } .clients-section .owl-pagination { display: none; } /*Owl Video ------------------------------------*/ .owl-video img { position: relative; text-align: center; margin: 0 auto 20px; } .owl-video img.video-play { top: 50%; left: 50%; margin-top: -52px; margin-left: -52px; position: absolute; } .owl-video .owl-controls .owl-page span { margin: 5px 3px; } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. * Version: 1.9. * Author: @htmlstream * Website: http://htmlstream.com */ /*Reset Styles ------------------------------------*/ * { border-radius: 0; } a, a:focus, a:hover, a:active, button, button:hover { outline: 0 !important; } a:focus { text-decoration: none; } hr { margin: 30px 0; } hr.hr-xs { margin: 10px 0; } hr.hr-md { margin: 20px 0; } hr.hr-lg { margin: 40px 0; } /*Headings*/ h1 { font-size: 28px; line-height: 35px; } h2 { font-size: 24px; line-height: 33px; } h3 { font-size: 20px; line-height: 27px; } h4 { line-height: 25px; } h5 { line-height: 20px; } h6 { line-height: 18px; } .font-open-sans { font-family: "Open Sans", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { color: #555; margin-top: 5px; text-shadow: none; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { margin-right: 5px; } /*Block Headline*/ .headline { display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .headline h2 { font-size: 22px; } .headline h2, .headline h3, .headline h4 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c; } .headline-md { margin-bottom: 15px; } .headline-md h2 { font-size: 21px; } /*Heading Options*/ .heading { text-align: center; } .heading h2 { padding: 0 12px; position: relative; display: inline-block; line-height: 34px !important; /*For Tagline Boxes*/ } .heading h2:before, .heading h2:after { content: ' '; width: 70%; position: absolute; border-width: 1px; border-color: #bbb; } .heading h2:before { right: 100%; } .heading h2:after { left: 100%; } @media (max-width: 768px) { .heading h2:before, .heading h2:after { width: 20%; } } /*Headline v1*/ .heading-v1 h2:before, .heading-v1 h2:after { top: 15px; height: 6px; border-top-style: solid; border-bottom-style: solid; } /*Headline v2*/ .heading-v2 h2:before, .heading-v2 h2:after { top: 15px; height: 6px; border-top-style: dashed; border-bottom-style: dashed; } /*Headline v3*/ .heading-v3 h2:before, .heading-v3 h2:after { top: 15px; height: 6px; border-top-style: dotted; border-bottom-style: dotted; } /*Headline v4*/ .heading-v4 h2:before, .heading-v4 h2:after { top: 17px; border-bottom-style: solid; } /*Headline v5*/ .heading-v5 h2:before, .heading-v5 h2:after { top: 17px; border-bottom-style: dashed; } /*Headline v6*/ .heading-v6 h2:before, .heading-v6 h2:after { top: 17px; border-bottom-style: dotted; } /*Heading Titles v1*/ .title-v1 { z-index: 1; position: relative; text-align: center; margin-bottom: 60px; } .title-v1 h1, .title-v1 h2 { color: #444; font-size: 28px; position: relative; margin-bottom: 15px; padding-bottom: 20px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .title-v1 h1:after, .title-v1 h2:after { bottom: 0; left: 50%; height: 1px; width: 70px; content: " "; margin-left: -35px; position: absolute; background: #72c02c; } .title-v1 p { font-size: 17px; font-weight: 200; } /*Heading Titles v2*/ h2.title-v2 { color: #555; position: relative; margin-bottom: 30px; } h2.title-v2:after { left: 0; width: 70px; height: 2px; content: " "; bottom: -10px; background: #555; position: absolute; } h1.title-v2.title-center, h2.title-v2.title-center, h3.title-v2.title-center { text-align: center; } h1.title-v2.title-center:after, h2.title-v2.title-center:after, h3.title-v2.title-center:after { left: 50%; width: 70px; margin-left: -35px; } h1.title-light, h2.title-light, h3.title-light { color: #fff; } h2.title-light:after { background: #fff; } /*Heading Title v3*/ h1[class^="title-v3-"], h2[class^="title-v3-"], h3[class^="title-v3-"] { color: #555; } h2.title-v3-xlg { font-size: 28px; line-height: 32px; } h1.title-v3-lg, h2.title-v3-lg { font-size: 24px; line-height: 28px; } h1.title-v3-md, h2.title-v3-md { font-size: 20px; line-height: 24px; } h2.title-v3-sm, h3.title-v3-md { font-size: 18px; line-height: 24px; } h3.title-v3-md { line-height: 22px; } h3.title-v3-sm { font-size: 16px; line-height: 20px; } h2.title-v3-xs { font-size: 16px; line-height: 22px; } h3.title-v3-xs { font-size: 14px; margin-bottom: 0; } /*Title v4*/ .title-v4 { font-size: 18px; margin: 0 0 20px; font-weight: bold; position: relative; text-transform: uppercase; border-bottom: 3px solid #333; } /*Headline Center*/ .headline-center { text-align: center; position: relative; } .headline-center h2 { color: #555; font-size: 24px; position: relative; margin-bottom: 20px; padding-bottom: 15px; } .headline-center h2:after { left: 50%; z-index: 1; width: 30px; height: 2px; content: " "; bottom: -5px; margin-left: -15px; text-align: center; position: absolute; background: #72c02c; } .headline-center p { /*color: #999;*/ font-size: 14px; /*padding: 0 150px;*/ } @media (max-width: 991px) { .headline-center p { padding: 0 50px; } } .headline-center.headline-light h2 { color: #fff; } .headline-center.headline-light p { color: #eee; } /*Headline Center v2*/ .headline-center-v2 { z-index: 0; text-align: center; position: relative; } .headline-center-v2 h2 { color: #555; font-size: 24px; margin-bottom: 20px; text-transform: uppercase; } .headline-center-v2 span.bordered-icon { color: #fff; padding: 0 10px; font-size: 15px; line-height: 18px; position: relative; margin-bottom: 25px; display: inline-block; } .headline-center-v2 span.bordered-icon:before, .headline-center-v2 span.bordered-icon:after { top: 8px; height: 1px; content: " "; width: 100px; background: #fff; position: absolute; } .headline-center-v2 span.bordered-icon:before { left: 100%; } .headline-center-v2 span.bordered-icon:after { right: 100%; } .headline-center-v2 p { color: #555; font-size: 14px; padding: 0 70px; } .headline-center-v2.headline-center-v2-dark p { color: #666; } .headline-center-v2.headline-center-v2-dark span.bordered-icon { color: #666; } .headline-center-v2.headline-center-v2-dark span.bordered-icon:before, .headline-center-v2.headline-center-v2-dark span.bordered-icon:after { background: #666; } /*Headline Left*/ .headline-left { position: relative; } .headline-left .headline-brd { color: #555; position: relative; margin-bottom: 25px; padding-bottom: 10px; } .headline-left .headline-brd:after { left: 1px; z-index: 1; width: 30px; height: 2px; content: " "; bottom: -5px; position: absolute; background: #72c02c; } /*Headline v2 ------------------------------------*/ .headline-v2 { display: block; background: #fff; padding: 1px 10px; margin: 0 0 20px 0; border-left: 2px solid #000; } .headline-v2 h2 { margin: 3px 0; font-size: 20px; font-weight: 200; } /*Heading Sizes ------------------------------------*/ h2.heading-md { font-size: 20px; line-height: 24px; } h2.heading-sm, h3.heading-md { font-size: 18px; line-height: 24px; } h3.heading-md { line-height: 22px; } h3.heading-sm { font-size: 16px; line-height: 20px; } h2.heading-xs { font-size: 16px; line-height: 22px; } h3.heading-xs { font-size: 14px; margin-bottom: 0; } /*Devider ------------------------------------*/ .devider.devider-dotted { border-top: 2px dotted #eee; } .devider.devider-dashed { border-top: 2px dashed #eee; } .devider.devider-db { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .devider.devider-db-dashed { height: 5px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .devider.devider-db-dotted { height: 5px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } /*Tables ------------------------------------*/ /*Basic Tables*/ .table thead > tr > th { border-bottom: none; } @media (max-width: 768px) { .table th.hidden-sm, .table td.hidden-sm { display: none !important; } } /*Forms ------------------------------------*/ .form-control { box-shadow: none; border-radius: 0; } .input-group-addon { border-radius: 0; } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; } /*Form Spacing*/ .form-spacing .form-control { margin-bottom: 15px; } /*Form Icons*/ .input-group-addon { color: #b3b3b3; font-size: 14px; background: #fff; } /*Carousel v1 ------------------------------------*/ .carousel-v1 .carousel-caption { left: 0; right: 0; bottom: 0; padding: 7px 15px; background: rgba(0, 0, 0, 0.7); } .carousel-v1 .carousel-caption p { color: #fff; margin-bottom: 0; } .carousel-v1 .carousel-arrow a.carousel-control { opacity: 1; font-size:30px; height:inherit; width: inherit; background: none; text-shadow: none; position: inherit; } .carousel-v1 .carousel-arrow a i { top: 50%; opacity: 0.6; background: #000; margin-top: -18px; padding: 2px 12px; position: absolute; } .carousel-v1 .carousel-arrow a i:hover { opacity: 0.8; } .carousel-v1 .carousel-arrow a.left i { left: 0; } .carousel-v1 .carousel-arrow a.right i { right: 0; } /*Carousel v2 ------------------------------------*/ .carousel-v2 .carousel-control, .carousel-v2 .carousel-control:hover { opacity: 1; text-shadow: none; } .carousel-v2 .carousel-control.left, .carousel-v2 .carousel-control.right { top: 50%; z-index: 5; color: #eee; width: 45px; height: 45px; font-size: 30px; margin-top: -22px; position: absolute; text-align: center; display: inline-block; border: 2px solid #eee; background: rgba(0,0,0,0.1); } .carousel-v2 .carousel-control:hover { background: rgba(0,0,0,0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .carousel-v2 .carousel-control.left { left: 20px; } .carousel-v2 .carousel-control.right { right: 20px; } .carousel-v2 .carousel-control .arrow-prev, .carousel-v2 .carousel-control .arrow-next { top: -5px; position: relative; } .carousel-v2 .carousel-control .arrow-next { right: -2px; } @media (min-width: 768px) { .carousel-indicators { bottom: 10px; } } /*Tabs ------------------------------------*/ .nav-tabs > li > a, .nav-pills > li > a, .nav-tabs.nav-justified > li > a { border-radius: 0; } /*Tabs v1 ------------------------------------*/ .tab-v1 .nav-tabs { border: none; background: none; border-bottom: solid 2px #72c02c; } .tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { color: #fff; border: none; background: #72c02c; } .tab-v1 .nav-tabs > li > a { border: none; } .tab-v1 .nav-tabs > li > a:hover { color: #fff; background: #72c02c; } .tab-v1 .tab-content { padding: 10px 0; } .tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; } .tab-v1 .tab-content img.img-tab-space { margin-top: 7px; } /*Tabs v2 ------------------------------------*/ .tab-v2 .nav-tabs { border-bottom: none; } .tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border: none; } .tab-v2 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 2px #72c02c; border-bottom: none !important; } .tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; } /*Tabs v3 ------------------------------------*/ .tab-v3 .nav-pills li a { color: #777; font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; } .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { color: #fff; background: #72c02c; border: solid 1px #68af28; } .tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; } .tab-v3 .tab-content { padding: 15px; background: #fafafa; border: solid 1px #eee; } /*Tab v4 ------------------------------------*/ .tab-v4 .tab-heading { width: 100%; overflow: hidden; position: relative; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #333; } .tab-v4 .tab-heading h2 { margin: 0; float: left; font-size: 18px; font-weight: bold; } /*Nav Tabs*/ .tab-v4 .nav-tabs { top: 3px; border: none; float: right; overflow: hidden; position: relative; } .tab-v4 .nav-tabs a { color: #555; font-size: 12px; padding: 6px 15px; text-transform: uppercase; } .tab-v4 .nav-tabs > .active > a, .tab-v4 .nav-tabs > .active > a:hover, .tab-v4 .nav-tabs > .active > a:focus { border: none; background: inherit; } .tab-v4 .nav-tabs > li > a { border: none; } .tab-v4 .nav-tabs > li > a:hover { background: inherit; } .tab-v4 .tab-content { padding: 20px 0 10px; } /*Tab v5 ------------------------------------*/ .tab-v5 .nav-tabs { border-bottom: none; } .tab-v5 .nav-tabs li a { border: none; font-size: 14px; background: none; padding: 9px 16px; } .tab-v5 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 3px #222; border-bottom: none !important; } .tab-v5 .tab-content { padding: 13px; border: solid 1px #eee; } /*Accordions ------------------------------------*/ /*Accordion v1*/ .acc-v1 .panel-heading { padding: 0; box-shadow: none; } .acc-v1 .panel-heading a { display: block; font-size: 14px; padding: 5px 15px; background: #fefefe; } .acc-icon a.accordion-toggle i { color: #555; margin-right: 8px; } .acc-icon a.accordion-toggle:hover i { color: #39414c; } /*Navigation ------------------------------------*/ .dropdown-menu, .navbar-toggle { border-radius: 0; } /*Pegination*/ .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; } .pagination li a { color: #777; padding: 5px 15px; } .pagination li a:hover { color: #fff; background: #5fb611; border-color: #5fb611; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #72c02c; background-color: #72c02c; } /*Pagination Without Space*/ .pagination-no-space .pagination { margin: 0; } /*Pager*/ .pager li > a, .pager li > span { border-radius: 0; } .pager li > a:hover, .pager li > a:focus { color: #fff; background: #5fb611; border-color: #5fb611; } /*Pager v2 and v3 ------------------------------------*/ .pager.pager-v2 li > a { border: none; } .pager.pager-v2 li > a, .pager.pager-v3 li > a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .pager.pager-v2 li > a:hover, .pager.pager-v2 li > a:focus, .pager.pager-v3 li > a:hover, .pager.pager-v3 li > a:focus { color: #fff; background: #72c02c; } /*Pager Amount*/ .pager.pager-v2 li.page-amount, .pager.pager-v3 li.page-amount { font-size: 16px; font-style: italic; } .pager.pager-v2 li.page-amount, .pager.pager-v2 li.page-amount:hover, .pager.pager-v2 li.page-amount:focus, .pager.pager-v3 li.page-amount, .pager.pager-v3 li.page-amount:hover, .pager.pager-v3 li.page-amount:focus { top: 7px; color: #777; position: relative; } /*Pager Size*/ .pager.pager-v2.pager-md li a, .pager.pager-v3.pager-md li a { font-size: 16px; padding: 8px 18px; } /*Pager v4 ------------------------------------*/ .pager.pager-v4 li > a { line-height: normal; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .pager.pager-v4 li > a:hover, .pager.pager-v4 li > a:focus { color: #fff; background: #222; border-color: #222; } /*Pager Amount*/ .pager.pager-v4 li.page-amount { font-size: 14px; font-style: italic; } .pager.pager-v4 li.page-amount, .pager.pager-v4 li.page-amount:hover, .pager.pager-v4 li.page-amount:focus { top: 7px; color: #777; position: relative; } /*Sidebar Menu ------------------------------------*/ .list-group-item:first-child, .list-group-item:last-child { border-radius: 0; } /*Sidebar Menu v1*/ .sidebar-nav-v1 li { padding: 0; } .sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; } .sidebar-nav-v1 li a:hover { text-decoration: none; } .sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover { background: #717984; } .sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover, .sidebar-nav-v1 > li.active:focus { border-color: #ddd; } .sidebar-nav-v1 > li.active > a { color: #fff; } /*Sidebar Sub Navigation*/ .sidebar-nav-v1 li ul { padding: 0; list-style: none; } .sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a { background: #f8f8f8; } .sidebar-nav-v1 li ul a { color: #555; font-size: 12px; border-top: solid 1px #ddd; padding: 6px 30px 6px 17px; } .sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: #72c02c; } /*Sidebar Badges*/ .list-group-item li > .badge { float: right; } .sidebar-nav-v1 span.badge { margin-top: 8px; margin-right: 10px; } .sidebar-nav-v1 .list-toggle > span.badge { margin-right: 25px; } .sidebar-nav-v1 ul li span.badge { margin-top: 8px; font-size: 11px; padding: 3px 5px; margin-right: 10px; } /*Sidebar List Toggle*/ .list-toggle:after { top: 7px; right: 10px; color: #777; font-size: 14px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } .list-toggle.active:after { color: #fff; content: "\f107"; } /*Button Styles ------------------------------------*/ .btn { box-shadow: none; border-radius: 0; } .btn-u { border: 0; color: #fff; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; background: #72c02c; white-space: nowrap; display: inline-block; text-decoration: none; } .btn-u:hover { color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-u.btn-block { text-align: center; } a.btn-u { /*padding: 4px 13px;*/ /*vertical-align: middle;*/ } .btn-u-sm, a.btn-u-sm { padding: 3px 12px; } .btn-u-md, a.btn-u-md { padding: 10px 20px; } .btn-u-lg, a.btn-u-lg { font-size: 18px; padding: 10px 25px; } .btn-u-xs, a.btn-u-xs { font-size: 12px; padding: 2px 12px; line-height: 18px; } /*Button Groups*/ .btn-group .dropdown-menu > li > a { padding: 3px 13px; } .btn-group > .btn-u, .btn-group-vertical > .btn-u { float: left; position: relative; } .btn-group > .btn-u:first-child { margin-left: 0; } /*For FF Only*/ @-moz-document url-prefix() { .footer-subsribe .btn-u { padding-bottom: 4px; } } @media (max-width: 768px) { @-moz-document url-prefix() { .btn-u { padding-bottom: 6px; } } } /*Buttons Color*/ .btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: #5fb611; } .btn-u-split.dropdown-toggle { border-left: solid 1px #5fb611; } .btn-u.btn-u-blue { background: #3498db; } .btn-u.btn-u-blue:hover, .btn-u.btn-u-blue:focus, .btn-u.btn-u-blue:active, .btn-u.btn-u-blue.active, .open .dropdown-toggle.btn-u.btn-u-blue { background: #2980b9; } .btn-u.btn-u-split-blue.dropdown-toggle { border-left: solid 1px #2980b9; } .btn-u.btn-u-red { background: #e74c3c; } .btn-u.btn-u-red:hover, .btn-u.btn-u-red:focus, .btn-u.btn-u-red:active, .btn-u.btn-u-red.active, .open .dropdown-toggle.btn-u.btn-u-red { background: #c0392b; } .btn-u.btn-u-split-red.dropdown-toggle { border-left: solid 1px #c0392b; } .btn-u.btn-u-orange { background: #e67e22; } .btn-u.btn-u-orange:hover, .btn-u.btn-u-orange:focus, .btn-u.btn-u-orange:active, .btn-u.btn-u-orange.active, .open .dropdown-toggle.btn-u.btn-u-orange { background: #d35400; } .btn-u.btn-u-split-orange.dropdown-toggle { border-left: solid 1px #d35400; } .btn-u.btn-u-sea { background: #1abc9c; } .btn-u.btn-u-sea:hover, .btn-u.btn-u-sea:focus, .btn-u.btn-u-sea:active, .btn-u.btn-u-sea.active, .open .dropdown-toggle.btn-u.btn-u-sea { background: #16a085; } .btn-u.btn-u-split-sea.dropdown-toggle { border-left: solid 1px #16a085; } .btn-u.btn-u-green { background: #2ecc71; } .btn-u.btn-u-green:hover, .btn-u.btn-u-green:focus, .btn-u.btn-u-green:active, .btn-u.btn-u-green.active, .open .dropdown-toggle.btn-u.btn-u-green { background: #27ae60; } .btn-u.btn-u-split-green.dropdown-toggle { border-left: solid 1px #27ae60; } .btn-u.btn-u-yellow { background: #f1c40f; } .btn-u.btn-u-yellow:hover, .btn-u.btn-u-yellow:focus, .btn-u.btn-u-yellow:active, .btn-u.btn-u-yellow.active, .open .dropdown-toggle.btn-u.btn-u-yellow { background: #f39c12; } .btn-u.btn-u-split-yellow.dropdown-toggle { border-left: solid 1px #f39c12; } .btn-u.btn-u-default { background: #95a5a6; } .btn-u.btn-u-default:hover, .btn-u.btn-u-default:focus, .btn-u.btn-u-default:active, .btn-u.btn-u-default.active, .open .dropdown-toggle.btn-u.btn-u-default { background: #7f8c8d; } .btn-u.btn-u-split-default.dropdown-toggle { border-left: solid 1px #7f8c8d; } .btn-u.btn-u-purple { background: #9b6bcc; } .btn-u.btn-u-purple:hover, .btn-u.btn-u-purple:focus, .btn-u.btn-u-purple:active, .btn-u.btn-u-purple.active, .open .dropdown-toggle.btn-u.btn-u-purple { background: #814fb5; } .btn-u.btn-u-split-purple.dropdown-toggle { border-left: solid 1px #814fb5; } .btn-u.btn-u-aqua { background: #27d7e7; } .btn-u.btn-u-aqua:hover, .btn-u.btn-u-aqua:focus, .btn-u.btn-u-aqua:active, .btn-u.btn-u-aqua.active, .open .dropdown-toggle.btn-u.btn-u-aqua { background: #26bac8; } .btn-u.btn-u-split-aqua.dropdown-toggle { border-left: solid 1px #26bac8; } .btn-u.btn-u-brown { background: #9c8061; } .btn-u.btn-u-brown:hover, .btn-u.btn-u-brown:focus, .btn-u.btn-u-brown:active, .btn-u.btn-u-brown.active, .open .dropdown-toggle.btn-u.btn-u-brown { background: #81674b; } .btn-u.btn-u-split-brown.dropdown-toggle { border-left: solid 1px #81674b; } .btn-u.btn-u-dark-blue { background: #4765a0; } .btn-u.btn-u-dark-blue:hover, .btn-u.btn-u-dark-blue:focus, .btn-u.btn-u-dark-blue:active, .btn-u.btn-u-dark-blue.active, .open .dropdown-toggle.btn-u.btn-u-dark-blue { background: #324c80; } .btn-u.btn-u-split-dark.dropdown-toggle { border-left: solid 1px #324c80; } .btn-u.btn-u-light-green { background: #79d5b3; } .btn-u.btn-u-light-green:hover, .btn-u.btn-u-light-green:focus, .btn-u.btn-u-light-green:active, .btn-u.btn-u-light-green.active, .open .dropdown-toggle.btn-u.btn-u-light-green { background: #59b795; } .btn-u.btn-u-split-light-green.dropdown-toggle { border-left: solid 1px #59b795; } .btn-u.btn-u-dark { background: #555; } .btn-u.btn-u-dark:hover, .btn-u.btn-u-dark:focus, .btn-u.btn-u-dark:active, .btn-u.btn-u-dark.active, .open .dropdown-toggle.btn-u.btn-u-dark { background: #333; } .btn-u.btn-u-split-dark.dropdown-toggle { border-left: solid 1px #333; } .btn-u.btn-u-light-grey { background: #585f69; } .btn-u.btn-u-light-grey:hover, .btn-u.btn-u-light-grey:focus, .btn-u.btn-u-light-grey:active, .btn-u.btn-u-light-grey.active, .open .dropdown-toggle.btn-u.btn-u-light-grey { background: #484f58; } .btn-u.btn-u-split-light-grey.dropdown-toggle { border-left: solid 1px #484f58; } /*Bordered Buttons*/ .btn-u.btn-brd { color: #555; background: none; padding: 5px 13px; border: solid 1px transparent; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .btn-u.btn-brd-width-2 { padding: 7px 18px; border-width: 2px; } .btn-u.btn-brd:hover { background: none; } .btn-u.btn-brd:focus { background: none; } .btn-u.btn-brd.btn-brd-hover:hover { color: #fff !important; } .btn-u.btn-brd { border-color: #72c02c; } .btn-u.btn-brd:hover { color: #5fb611; border-color: #5fb611; } .btn-u.btn-brd.btn-brd-hover:hover { background: #5fb611; } .btn-u.btn-brd.btn-u-blue { border-color: #3498db; } .btn-u.btn-brd.btn-u-blue:hover { color: #2980b9; border-color: #2980b9; } .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover { background: #2980b9; } .btn-u.btn-brd.btn-u-red { border-color: #e74c3c; } .btn-u.btn-brd.btn-u-red:hover { color: #c0392b; border-color: #c0392b; } .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover { background: #c0392b; } .btn-u.btn-brd.btn-u-orange { border-color: #e67e22; } .btn-u.btn-brd.btn-u-orange:hover { color: #d35400; border-color: #d35400; } .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover { background: #d35400; } .btn-u.btn-brd.btn-u-sea { border-color: #1abc9c; } .btn-u.btn-brd.btn-u-sea:hover { color: #16a085; border-color: #16a085; } .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover { background: #16a085; } .btn-u.btn-brd.btn-u-green { border-color: #2ecc71; } .btn-u.btn-brd.btn-u-green:hover { color: #27ae60; border-color: #27ae60; } .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover { background: #27ae60; } .btn-u.btn-brd.btn-u-yellow { border-color: #f1c40f; } .btn-u.btn-brd.btn-u-yellow:hover { color: #f39c12; border-color: #f39c12; } .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover { background: #f39c12; } .btn-u.btn-brd.btn-u-default { border-color: #95a5a6; } .btn-u.btn-brd.btn-u-default:hover { color: #7f8c8d; border-color: #7f8c8d; } .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover { background: #7f8c8d; } .btn-u.btn-brd.btn-u-dark { border-color: #555; } .btn-u.btn-brd.btn-u-dark:hover { color: #333; border-color: #333; } .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover { background: #333; } .btn-u.btn-brd.btn-u-light-grey { border-color: #585f69; } .btn-u.btn-brd.btn-u-light-grey:hover { color: #484f58; border-color: #484f58; } .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover { background: #484f58; } .btn-u.btn-brd.btn-u-purple { border-color: #9b6bcc; } .btn-u.btn-brd.btn-u-purple:hover { color: #814fb5; border-color: #814fb5; } .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover { background: #814fb5; } .btn-u.btn-brd.btn-u-aqua { border-color: #27d7e7; } .btn-u.btn-brd.btn-u-aqua:hover { color: #26bac8; border-color: #26bac8; } .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover { background: #26bac8; } .btn-u.btn-brd.btn-u-brown { border-color: #9c8061; } .btn-u.btn-brd.btn-u-brown:hover { color: #81674b; border-color: #81674b; } .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover { background: #81674b; } .btn-u.btn-brd.btn-u-dark-blue { border-color: #4765a0; } .btn-u.btn-brd.btn-u-dark-blue:hover { color: #324c80; border-color: #324c80; } .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover { background: #324c80; } .btn-u.btn-brd.btn-u-light-green { border-color: #79d5b3; } .btn-u.btn-brd.btn-u-light-green:hover { color: #59b795; border-color: #59b795; } .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover { background: #59b795; } .btn-u.btn-brd.btn-u-light { color: #fff; border-color: #fff; } .btn-u.btn-brd.btn-u-light:hover { border-color: #fff; } .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover { background: #fff; color: #555 !important; } /*Dropdown Buttons ------------------------------------*/ .dropdown-show { box-shadow: 0 0 4px #eee; display: inline-block; position: relative; } /*Badges and Labels ------------------------------------*/ .badge, .label { border-radius: 0; } /*Labels*/ span.label { font-size: 11px; font-weight: 400; padding: 4px 7px; } /*Badges*/ span.badge, .list-group-item.active>.badge { color: #fff; font-weight: 400; padding: 4px 7px; } span.label-u, span.badge-u, .list-group-item.active>.badge.badge-u { background: #72c02c; } span.label-blue, span.badge-blue, .list-group-item.active>.badge { background: #3498db; } span.label-red, span.badge-red, .list-group-item.active>.badge { background: #e74c3c; } span.label-green, span.badge-green, .list-group-item.active>.badge.badge-green { background: #2ecc71; } span.label-sea, span.badge-sea, .list-group-item.active>.badge.badge-sea { background: #1abc9c; } span.label-orange, span.badge-orange, .list-group-item.active>.badge.badge-orange { background: #e67e22; } span.label-yellow, span.badge-yellow, .list-group-item.active>.badge.badge-yellow { background: #f1c40f; } span.label-purple, span.badge-purple, .list-group-item.active>.badge.badge-purple { background: #9b6bcc; } span.label-aqua, span.badge-aqua, .list-group-item.active>.badge.badge-aqua { background: #27d7e7; } span.label-brown, span.badge-brown, .list-group-item.active>.badge.badge-brown { background: #9c8061; } span.label-dark-blue, span.badge-dark-blue, .list-group-item.active>.badge.badge-dark-blue { background: #4765a0; } span.label-light-green, span.badge-light-green, .list-group-item.active>.badge.badge-light-green { background: #79d5b3; } span.label-light, span.badge-light, .list-group-item.active>.badge.badge-light { color: #777; background: #ecf0f1; } span.label-dark, span.badge-dark, .list-group-item.active>.badge.badge-dark { background: #555; } /*Badge Lists*/ .badge-lists li { position: relative; } .badge-lists span.badge { top: -10px; right: -6px; position: absolute; } /*Badge Icons*/ .badge-lists.badge-icons span.badge { min-width: 12px; padding: 3px 6px; } .badge-lists.badge-icons i { font-size: 18px; min-width: 25px; } /*Badge Box v1*/ .badge-box-v1 a { color: #777; min-width: 40px; font-size: 18px; padding: 8px 9px; display: inline-block; border: solid 1px #eee; } /*Badge Box v2*/ .badge-box-v2 a { color: #777; font-size: 12px; padding: 10px; min-width: 70px; text-align: center; display: inline-block; border: solid 1px #eee; } .badge-box-v2 a i { font-size: 20px; } /*General Badge Box*/ .badge-box-v1 a i, .badge-box-v2 a i { display: block; margin: 1px auto 2px; } .badge-box-v1 a:hover, .badge-box-v2 a:hover { color: #555; border-color: #555; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Icons ------------------------------------*/ /*Social Icons*/ .social-icons { margin: 0; padding: 0; } .social-icons li { list-style: none; margin-right: 3px; margin-bottom: 5px; text-indent: -9999px; display: inline-block; } .social-icons li a, a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a { background-position: 0 -38px; } .social-icons-color li a { opacity: 0.7; background-position: 0 -38px !important; -webkit-backface-visibility: hidden; /*For Chrome*/ } .social-icons-color li a:hover { opacity: 1; } .social_amazon {background: url(/assets/img/icons/social/amazon.png) no-repeat;} .social_behance {background: url(/assets/img/icons/social/behance.png) no-repeat;} .social_blogger {background: url(/assets/img/icons/social/blogger.png) no-repeat;} .social_deviantart {background: url(/assets/img/icons/social/deviantart.png) no-repeat;} .social_dribbble {background: url(/assets/img/icons/social/dribbble.png) no-repeat;} .social_dropbox {background: url(/assets/img/icons/social/dropbox.png) no-repeat;} .social_evernote {background: url(/assets/img/icons/social/evernote.png) no-repeat;} .social_facebook {background: url(/assets/img/icons/social/facebook.png) no-repeat;} .social_forrst {background: url(/assets/img/icons/social/forrst.png) no-repeat;} .social_github {background: url(/assets/img/icons/social/github.png) no-repeat;} .social_googleplus {background: url(/assets/img/icons/social/googleplus.png) no-repeat;} .social_jolicloud {background: url(/assets/img/icons/social/jolicloud.png) no-repeat;} .social_last-fm {background: url(/assets/img/icons/social/last-fm.png) no-repeat;} .social_linkedin {background: url(/assets/img/icons/social/linkedin.png) no-repeat;} .social_picasa {background: url(/assets/img/icons/social/picasa.png) no-repeat;} .social_pintrest {background: url(/assets/img/icons/social/pintrest.png) no-repeat;} .social_rss {background: url(/assets/img/icons/social/rss.png) no-repeat;} .social_skype {background: url(/assets/img/icons/social/skype.png) no-repeat;} .social_spotify {background: url(/assets/img/icons/social/spotify.png) no-repeat;} .social_stumbleupon {background: url(/assets/img/icons/social/stumbleupon.png) no-repeat;} .social_tumblr {background: url(/assets/img/icons/social/tumblr.png) no-repeat;} .social_twitter {background: url(/assets/img/icons/social/twitter.png) no-repeat;} .social_vimeo {background: url(/assets/img/icons/social/vimeo.png) no-repeat;} .social_wordpress {background: url(/assets/img/icons/social/wordpress.png) no-repeat;} .social_xing {background: url(/assets/img/icons/social/xing.png) no-repeat;} .social_yahoo {background: url(/assets/img/icons/social/yahoo.png) no-repeat;} .social_youtube {background: url(/assets/img/icons/social/youtube.png) no-repeat;} .social_vk {background: url(/assets/img/icons/social/vk.png) no-repeat;} .social_instagram {background: url(/assets/img/icons/social/instagram.png) no-repeat;} /*Font Awesome Icon Styles*/ i.icon-custom { color: #555; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-bottom: 5px; text-align: center; display: inline-block; border: solid 1px #555; } i.icon-sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px; } i.icon-md { width: 55px; height: 55px; font-size: 22px; line-height: 55px; } i.icon-lg { width: 60px; height: 60px; font-size: 31px; line-height: 60px; margin-bottom: 10px; } i.icon-2x { font-size: 30px; } i.icon-3x { font-size: 40px; } i.icon-4x { font-size: 50px; } /*Line Icons*/ i.icon-line { font-size: 17px; } i.icon-sm.icon-line { font-size: 14px; } i.icon-md.icon-line { font-size: 22px; } i.icon-lg.icon-line { font-size: 28px; } i.icon-2x.icon-line { font-size: 27px; } i.icon-3x.icon-line { font-size: 36px; } i.icon-4x.icon-line { font-size: 47px; } /*Icon Styles For Links*/ .link-icon, .link-bg-icon { color: #555; } .link-icon:hover, .link-bg-icon:hover { border: none; text-decoration: none; } .link-icon:hover i { color: #72c02c; background: none; border: solid 1px #72c02c; } .link-bg-icon:hover i { color: #72c02c; background: #72c02c; border-color: #72c02c; color: #fff !important; } /*Icons Color*/ i.icon-color-u, i.icon-color-red, i.icon-color-sea, i.icon-color-dark, i.icon-color-grey, i.icon-color-blue, i.icon-color-green, i.icon-color-yellow, i.icon-color-orange, i.icon-color-purple, i.icon-color-aqua, i.icon-color-brown, i.icon-color-dark-blue, i.icon-color-light-grey, i.icon-color-light-green, { background: none; } i.icon-color-u { color: #72c02c; border: solid 1px #72c02c; } i.icon-color-blue { color: #3498db; border: solid 1px #3498db; } i.icon-color-red { color: #e74c3c; border: solid 1px #e74c3c; } i.icon-color-sea { color: #1abc9c; border: solid 1px #1abc9c; } i.icon-color-green { color: #2ecc71; border: solid 1px #2ecc71; } i.icon-color-yellow { color: #f1c40f; border: solid 1px #f1c40f; } i.icon-color-orange { color: #e67e22; border: solid 1px #e67e22; } i.icon-color-grey { color: #95a5a6; border: solid 1px #95a5a6; } i.icon-color-purple { color: #9b6bcc; border: solid 1px #9b6bcc; } i.icon-color-aqua { color: #27d7e7; border: solid 1px #27d7e7; } i.icon-color-brown { color: #9c8061; border: solid 1px #9c8061; } i.icon-color-dark-blue { color: #4765a0; border: solid 1px #4765a0; } i.icon-color-light-green { color: #79d5b3; border: solid 1px #79d5b3; } i.icon-color-light { color: #fff; border: solid 1px #fff; } i.icon-color-light-grey { color: #585f69; border: solid 1px #585f69; } /*Icons Backgroun Color*/ i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-darker, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green { color: #fff; border-color: transparent; } i.icon-bg-u { background: #72c02c; } i.icon-bg-blue { background: #3498db; } i.icon-bg-red { background: #e74c3c; } i.icon-bg-sea { background: #1abc9c; } i.icon-bg-green { background: #2ecc71; } i.icon-bg-yellow { background: #f1c40f; } i.icon-bg-orange { background: #e67e22; } i.icon-bg-grey { background: #95a5a6; } i.icon-bg-dark { background: #555; } i.icon-bg-darker { background: #333; } i.icon-bg-purple { background: #9b6bcc; } i.icon-bg-aqua { background: #27d7e7; } i.icon-bg-brown { background: #9c8061; } i.icon-bg-dark-blue { background: #4765a0; } i.icon-bg-light-green { background: #79d5b3; } i.icon-bg-light { background: #fff; border-color: transparent; } i.icon-bg-light-grey { background: #585f69; border-color: transparent; } /* Make Font Awesome icons fixed width */ .fa-fixed [class^="fa"], .fa-fixed [class*=" fa"] { width: 1.25em; text-align: center; display: inline-block; } .fa-fixed [class^="fa"].fa-lg, .fa-fixed [class*=" fa"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*Content Boxes ------------------------------------*/ /*Content Boxes v1*/ .content-boxes-v1 { text-align: center; } .content-boxes-v1 span { display: block; margin-top: 5px; } /*Content Boxes v2*/ .content-boxes-v2-o span { display: block; overflow: hidden; } .content-boxes-v2-o small { display: block; line-height: 1.6; } .content-boxes-v2-o .icon-md + span { margin-top: 9px; } .content-boxes-v2-o .icon-lg + span { margin-top: 11px; } .content-boxes-v2-o .icon-custom { float: left; margin-top: 3px; margin-right: 15px; } @media (max-width: 992px) { .content-boxes-v2, .content-boxes-v2 .text-justify { text-align: center; } .content-boxes-v2 span { display: block; margin-top: 5px; } } /*Content Boxes v3*/ .content-boxes-v3 i.icon-custom { top: 8px; float: left; position: relative; } .content-boxes-v3 .content-boxes-in-v3 { padding: 0 20px; overflow: hidden; } .content-boxes-v3 .content-boxes-in-v3 h3 { font-size: 18px; line-height: 22px; margin-bottom: 3px; text-transform: capitalize; } .content-boxes-v3 .content-boxes-in-v3 h3 a { color: #555; } /*Content Boxes Right v3*/ .content-boxes-v3.content-boxes-v3-right { text-align: right; } .content-boxes-v3.content-boxes-v3-right i.icon-custom { float: right; } @media (max-width: 768px){ .content-boxes-v3.content-boxes-v3-right { text-align: inherit; } .content-boxes-v3.content-boxes-v3-right i.icon-custom { float: left; margin-left: 0; } } /*Content Boxes v4*/ .content-boxes-v4 h2 { color: #555; font-size: 18px; font-weight: bold; text-transform: uppercase; } .content-boxes-v4 a { color: #777; font-size: 11px; font-weight: bold; text-transform: uppercase; } .content-boxes-v4 i { width: 25px; color: #72c02c; font-size: 35px; margin-top: 10px; } .content-boxes-in-v4 { padding: 0 10px; overflow: hidden; } .content-boxes-v4-sm i { font-size: 26px; margin-top: 10px; margin-right: 5px; } /*Content Boxes v5*/ .content-boxes-v5 i { float: left; color: #999; width: 50px; height: 50px; padding: 11px; font-size: 22px; background: #eee; line-height: 28px; text-align: center; margin-right: 15px; display: inline-block; } .content-boxes-v5:hover i { color: #fff; background: #72c02c; } /*Content Boxes v6*/ .content-boxes-v6 { padding-top: 25px; text-align: center; } .content-boxes-v6 i { color: #fff; width: 90px; height: 90px; padding: 30px; font-size: 30px; line-height: 30px; position: relative; text-align: center; background: #dedede; margin-bottom: 25px; display: inline-block; } .content-boxes-v6 i:after { top: -8px; left: -8px; right: -8px; bottom: -8px; content: " "; position: absolute; border: 1px solid #dedede; border-radius: 50% !important; } .content-boxes-v6:hover i, .content-boxes-v6:hover i:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-boxes-v6:hover i { background: #72c02c; } .content-boxes-v6:hover i:after { border-color: #72c02c; } /*Colored Content Boxes ------------------------------------*/ .service-block { padding: 20px 30px; text-align: center; margin-bottom: 20px; } .service-block p, .service-block h2 { color: #fff; } .service-block h2 a:hover{ text-decoration: none; } .service-block-light, .service-block-default { background: #fafafa; border: solid 1px #eee; } .service-block-default:hover { box-shadow: 0 0 8px #eee; } .service-block-light p, .service-block-light h2, .service-block-default p, .service-block-default h2 { color: #555; } .service-block-u { background: #72c02c; } .service-block-blue { background: #3498db; } .service-block-red { background: #e74c3c; } .service-block-sea { background: #1abc9c; } .service-block-grey { background: #95a5a6; } .service-block-yellow { background: #f1c40f; } .service-block-orange { background: #e67e22; } .service-block-green { background: #2ecc71; } .service-block-purple { background: #9b6bcc; } .service-block-aqua { background: #27d7e7; } .service-block-brown { background: #9c8061; } .service-block-dark-blue { background: #4765a0; } .service-block-light-green { background: #79d5b3; } .service-block-dark { background: #555; } .service-block-light { background: #ecf0f1; } /*Funny Boxes ------------------------------------*/ .funny-boxes { background: #f7f7f7; padding: 20px 20px 15px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .funny-boxes h2 { margin-top: 0; font-size: 18px; line-height: 20px; } .funny-boxes h2 a { color: #555; } .funny-boxes p a { color: #72c02c; } .funny-boxes .funny-boxes-img li { font-size: 12px; margin-bottom: 2px; } .funny-boxes .funny-boxes-img li i { color: #72c02c; font-size: 12px; margin-right: 5px; } @media (max-width: 992px) { .funny-boxes .funny-boxes-img li { display: inline-block; } } .funny-boxes .funny-boxes-img img { margin: 5px 10px 15px 0; } .funny-boxes ul.funny-boxes-rating li { display: inline-block; } .funny-boxes ul.funny-boxes-rating li i { color: #f8be2c; cursor: pointer; font-size: 14px; } .funny-boxes ul.funny-boxes-rating li i:hover { color: #f8be2c; } /*Funny Colored Boxes*/ .funny-boxes-colored p, .funny-boxes-colored h2 a, .funny-boxes-colored .funny-boxes-img li, .funny-boxes-colored .funny-boxes-img li i { color: #fff; } /*Red Funny Box*/ .funny-boxes-red { background: #e74c3c; } /*Dark Red Funny Box*/ .funny-boxes-purple { background: #9b6bcc; } /*Blue Funny Box*/ .funny-boxes-blue { background: #3498db; } /*Grey Funny Box*/ .funny-boxes-grey { background: #95a5a6; } /*Turquoise Funny Box*/ .funny-boxes-sea { background: #1abc9c; } /*Turquoise Top Bordered Funny Box*/ .funny-boxes-top-sea { border-top: solid 2px #1abc9c; } .funny-boxes-top-sea:hover { border-top-color: #16a085; } /*Yellow Top Bordered Funny Box**/ .funny-boxes-top-yellow { border-top: solid 2px #f1c40f; } .funny-boxes-top-yellow:hover { border-top-color: #f39c12; } /*Red Top Bordered Funny Box**/ .funny-boxes-top-red { border-top: solid 2px #e74c3c; } .funny-boxes-top-red:hover { border-top-color: #c0392b; } /*Purple Top Bordered Funny Box**/ .funny-boxes-top-purple { border-top: solid 2px #9b6bcc; } .funny-boxes-top-purple:hover { border-top-color: #814fb5; } /*Orange Left Bordered Funny Box**/ .funny-boxes-left-orange { border-left: solid 2px #e67e22; } .funny-boxes-left-orange:hover { border-left-color: #d35400; } /*Green Left Bordered Funny Box**/ .funny-boxes-left-green { border-left: solid 2px #72c02c; } .funny-boxes-left-green:hover { border-left-color: #5fb611; } /*Blue Left Bordered Funny Box**/ .funny-boxes-left-blue { border-left: solid 2px #3498db; } .funny-boxes-left-blue:hover { border-left-color: #2980b9; } /*Dark Left Bordered Funny Box**/ .funny-boxes-left-dark { border-left: solid 2px #555; } .funny-boxes-left-dark:hover { border-left-color: #333; } /*Typography ------------------------------------*/ .text-justify p { text-align: justify;} .text-transform-uppercase { text-transform: uppercase;} .text-transform-normal { text-transform: inherit !important;} .font-bold { font-weight: 600;} .font-light { font-weight: 200;} .font-normal { font-weight: 400 !important;} /*Text Dropcap*/ .dropcap { float: left; color: #72c02c; padding: 5px 0; font-size: 45px; font-weight: 200; line-height: 30px; margin: 0px 5px 0 0; } .dropcap-bg { float: left; color: #fff; padding: 7px 0; min-width: 50px; font-size: 35px; font-weight: 200; line-height: 35px; text-align: center; background: #72c02c; margin: 4px 10px 0 0; } /*Text Highlights*/ .text-highlights { color: #fff; font-weight: 200; padding: 0px 5px; background: #555; } .text-highlights-green { background: #72c02c; } .text-highlights-blue { background: #3498db; } .text-highlights-red { background: #e74c3c; } .text-highlights-sea { background: #1abc9c; } .text-highlights-orange { background: #e67e22; } .text-highlights-yellow { background: #f1c40f; } .text-highlights-purple { background: #9b6bcc; } .text-highlights-aqua { background: #27d7e7; } .text-highlights-brown { background: #9c8061; } .text-highlights-dark-blue { background: #4765a0; } .text-highlights-light-green { background: #79d5b3; } /*Text Borders*/ .text-border { border-bottom: dashed 1px #555; } .text-border-default { border-color: #95a5a6; } .text-border-green { border-color: #72c02c; } .text-border-blue { border-color: #3498db; } .text-border-red { border-color: #e74c3c; } .text-border-yellow { border-color: #f1c40f; } .text-border-purple { border-color: #9b6bcc; } /*List Styles*/ .list-styles li { margin-bottom: 8px; } /*Contextual Backgrounds*/ .contex-bg p { opacity: 0.8; padding: 8px 10px; } .contex-bg p:hover { opacity: 1; } /*Blockquote*/ blockquote { padding: 5px 15px; border-left-width: 2px; } blockquote p { font-size: 14px; font-weight: 400; } blockquote h1, blockquote h2, blockquote span { font-size: 18px; margin: 0 0 8px; line-height: 24px; } /*Blockquote Styles*/ blockquote.bq-text-lg p, blockquote.bq-text-lg small { text-transform: uppercase; } blockquote.bq-text-lg p { font-size: 22px; font-weight: 300; line-height: 32px; } blockquote.text-right, blockquote.hero.text-right { border-left: none; border-right: 2px solid #eee; } blockquote.hero.text-right, blockquote.hero.text-right:hover { border-color: #555; } blockquote:hover, blockquote.text-right:hover { border-color: #72c02c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } blockquote.bq-dark, blockquote.bq-dark:hover { border-color: #585f69; } blockquote.bq-green { border-color: #72c02c; } /*Blockquote Hero Styles*/ blockquote.hero { border: none; padding: 18px; font-size: 16px; background: #f3f3f3; border-left: solid 2px #666; } blockquote.hero:hover { background: #eee; border-left-color: #666; } blockquote.hero.hero-dark, blockquote.hero.hero-default { border: none; } blockquote.hero.hero-dark { background: #444; } blockquote.hero.hero-dark:hover { background: #555; } blockquote.hero.hero-default { background: #72c02c; } blockquote.hero.hero-default:hover { background: #5fb611; } blockquote.hero.hero-dark p, blockquote.hero.hero-dark h2, blockquote.hero.hero-dark small, blockquote.hero.hero-default p, blockquote.hero.hero-default h2, blockquote.hero.hero-default small { color: #fff; font-weight: 200; } /*Alerts ------------------------------------*/ .alert { border-radius: 0; } /*Alerts ------------------------------------*/ .thumbnail { border-radius: 0; } /*Tag Boxes ------------------------------------*/ .tag-box { padding: 20px; background: #fff; margin-bottom: 30px; } .tag-box h2 { font-size: 20px; line-height: 25px; } .tag-box p { margin-bottom: 0; } .tag-box.tag-text-space p { margin-bottom: 10px; } /*Tag Boxes v1*/ .tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; } /*Tag Boxes v2*/ .tag-box-v2 { background: #fafafa; border: solid 1px #eee; border-left: solid 2px #72c02c; } /*Tag Boxes v3*/ .tag-box-v3 { border: solid 2px #eee; } /*Tag Boxes v4*/ .tag-box-v4 { border: dashed 1px #bbb; } /*Tag Boxes v5*/ .tag-box-v5 { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .tag-box-v5 span { color: #555; font-size: 28px; margin-bottom: 0; } /*Tag Boxes v6*/ .tag-box-v6 { background: #fafafa; border: solid 1px #eee; } /*Tag Boxes v7*/ .tag-box-v7 { border: solid 1px #eee; border-bottom: solid 2px #72c02c; } /*Testimonials ------------------------------------*/ /*Testimonials*/ .testimonials { margin-bottom: 10px; } .testimonials .testimonial-info { color: #72c02c; font-size: 16px; padding: 0 15px; margin-top: 18px; } .testimonials .testimonial-info span { top: 3px; position: relative; } .testimonials .testimonial-info em { color: #777; display: block; font-size: 13px; } .testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 2px; margin-right: 15px; border: solid 1px #ccc; } .testimonials .testimonial-author { overflow: hidden; } .testimonials .carousel-arrow { top: -65px; position: relative; } .testimonials .carousel-arrow i { color: #777; padding: 2px; min-width: 25px; font-size: 20px; text-align: center; background: #f5f5f5; } .testimonials .carousel-arrow i:hover { color: #fff; background: #72c02c; } .testimonials .carousel-control { opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; filter: Alpha(opacity = 100); /*For IE*/ } .testimonials .carousel-control.left { right: 27px; left: auto; } .testimonials .carousel-control.right { right: 0px; } /*Testimonials v1*/ .testimonials.testimonials-v1 .item p { position: relative; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v1 .item p:before { left: 80px; bottom: -20px; } .testimonials.testimonials-v1 .item p:after { border-top: 22px solid; border-left: 0 solid transparent; border-right: 22px solid transparent; } /*Testimonials v2*/ .testimonials.testimonials-v2 .testimonial-info { padding: 0 20px; } .testimonials.testimonials-v2 p { padding-bottom: 15px; } .testimonials.testimonials-v2 .carousel-arrow { top: -55px; } .testimonials.testimonials-v2 .item p:after, .testimonials.testimonials-v2 .item p:before { left: 8%; bottom: 45px; } .testimonials.testimonials-v2 .item p:after { border-top: 20px solid; border-left: 25px solid transparent; border-right: 0px solid transparent; } /*General Testimonials v1/v2*/ .testimonials.testimonials-v1 p, .testimonials.testimonials-v2 p { padding: 15px; font-size: 14px; font-style: italic; background: #f5f5f5; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v2 .item p:after { width: 0; height: 0; content: " "; display: block; position: absolute; border-top-color: #f5f5f5; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } /*Testimonials Backgrounds*/ .testimonials-bg-dark .item p, .testimonials-bg-default .item p { color: #fff; font-weight: 200; } .testimonials-bg-dark .carousel-arrow i, .testimonials-bg-default .carousel-arrow i { color: #fff; } /*Testimonials Default*/ .testimonials-bg-default .item p { background: #72c02c; } .testimonials.testimonials-bg-default .item p:after, .testimonials.testimonials-bg-default .item p:after { border-top-color: #72c02c; } .testimonials-bg-default .carousel-arrow i { background: #72c02c; } .testimonials.testimonials-bg-default .carousel-arrow i:hover { background: #5fb611; } /*Testimonials Dark*/ .testimonials-bg-dark .item p { background: #555; } .testimonials.testimonials-bg-dark .item p:after, .testimonials.testimonials-bg-dark .item p:after { border-top-color: #555; } .testimonials-bg-dark .carousel-arrow i { color: #fff; background: #555; } .testimonials.testimonials-bg-dark .carousel-arrow i:hover { background: #333; } .testimonials.testimonials-bg-dark .testimonial-info { color: #555; } /*Panels (Portlets) ------------------------------------*/ .panel, .panel-heading, .panel-group .panel { border-radius: 0; } .panel-heading { color: #fff; padding: 5px 15px; } /*Panel Table*/ .panel .table { margin-bottom: 0; } /*Panel Unify*/ .panel-u { border-color: #72c02c; } .panel-u > .panel-heading { background: #72c02c; } /*Panel Blue*/ .panel-blue { border-color: #337ab7; } .panel-blue > .panel-heading { background: #337ab7; } /*Panel Red*/ .panel-red { border-color: #e74c3c; } .panel-red > .panel-heading { background: #e74c3c; } /*Panel Green*/ .panel-green { border-color: #2ecc71; } .panel-green > .panel-heading { background: #2ecc71; } /*Panel Sea*/ .panel-sea { border-color: #1abc9c; } .panel-sea > .panel-heading { background: #1abc9c; } /*Panel Orange*/ .panel-orange { border-color: #e67e22; } .panel-orange > .panel-heading { background: #e67e22; } /*Panel Yellow*/ .panel-yellow { border-color: #f1c40f; } .panel-yellow > .panel-heading { background: #f1c40f; } /*Panel Grey*/ .panel-grey { border-color: #95a5a6; } .panel-grey > .panel-heading { background: #95a5a6; } /*Panel Dark*/ .panel-dark { border-color: #555; } .panel-dark > .panel-heading { background: #555; } /*Panel Purple*/ .panel-purple { border-color: #9b6bcc; } .panel-purple > .panel-heading { background: #9b6bcc; } /*Panel Aqua*/ .panel-aqua { border-color: #27d7e7; } .panel-aqua > .panel-heading { background: #27d7e7; } /*Panel Brown*/ .panel-brown { border-color: #9c8061; } .panel-brown > .panel-heading { background: #9c8061; } /*Panel Dark Blue*/ .panel-dark-blue { border-color: #4765a0; } .panel-dark-blue > .panel-heading { background: #4765a0; } /*Panel Light Green*/ .panel-light-green { border-color: #79d5b3; } .panel-light-green > .panel-heading { background: #79d5b3; } /*Panel Default Dark*/ .panel-default-dark { border-color: #585f69; } .panel-default-dark > .panel-heading { background: #585f69; } /*Progress Bar ------------------------------------*/ .progress { border-radius: 0; } .progress-u { box-shadow: none; } .progress-u .progress-bar { box-shadow: none; } /*progress-bar (sizes)*/ .progress-lg { height: 25px; } .progress-lg p { padding-top: 3px; } .progress-sm { height: 12px; } .progress-xs { height: 7px; } .progress-xxs { height: 3px; } /*progress-bar (colors)*/ .progress { background: #e5e5e5; } .progress-bar-u { background: #72c02c; } .progress-bar-blue { background: #3498db; } .progress-bar-orange { background: #e67e22; } .progress-bar-red { background: #e74c3c; } .progress-bar-purple { background: #9b6bcc; } .progress-bar-aqua { background: #27d7e7; } .progress-bar-brown { background: #9c8061; } .progress-bar-dark-blue { background: #4765a0; } .progress-bar-light-green { background: #79d5b3; } .progress-bar-dark { background: #555; } /*Progress Bar Animation ------------------------------------*/ .progress { position: relative; } .progress .progress-bar { overflow: hidden; line-height: 20px; position: absolute; } .progress-box .progress-bar { transition: all 3s ease-in; -o-transition: all 3s ease-in; -ms-transition: all 3s ease-in; -moz-transition: all 3s ease-in; -webkit-transition: all 3s ease-in; } /*Vertical Progress Bar*/ .progress.vertical { float: left; width: 100%; height: 200px; margin-right: 20px; } .progress.vertical.bottom { position: relative; } .progress.vertical .progress-bar { height: 0; width: 100%; transition: height 3s ease; -o-transition: height 3s ease; -ms-transition: height 3s ease; -moz-transition: height 3s ease; -webkit-transition: height 3s ease; } .progress.vertical.bottom .progress-bar { bottom: 0; position: absolute; } /*Count Stars ------------------------------------*/ .stars-existing { color: #72c02c; cursor: pointer; } .star-lg { font-size: 30px; } .star-sm { font-size: 25px; } .star-xs { font-size: 20px; } .star-default { font-size: 16px; } /*Media (Audio/Videos and Images) ------------------------------------*/ /*Images*/ img.img-bordered { padding: 3px !important; border: solid 1px #eee !important; } img.img-circle { border-radius: 50% !important; } img.image-sm { width: 50px; height: 50px; } img.image-md { width: 100px; height: 100px; } /*Responsive Video*/ .responsive-video { height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25%; /*16:9*/ } .responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /*Tags v1 ------------------------------------*/ .tags-v1 li { margin: 0; padding: 0; } .tags-v1 li a { font-size: 13px; padding: 4px 8px; line-height: 32px; border: solid 2px #eee; border-radius: 20px !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tags-v1 li a:hover { text-decoration: none; border-color: #e0e0e0; } /*Tags v2 ------------------------------------*/ .tags-v2 li { padding: 7px 0 7px 4px; } .tags-v2 li a { color: #555; font-size: 13px; padding: 5px 10px; border: solid 1px #bbb; } .tags-v2 li a:hover { color: #fff; background: #555; border-color: #555; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Tags v3 ------------------------------------*/ .tags-v3 li { padding: 7px 0 7px 4px; } .tags-v3 li a { color: #555; font-size: 12px; padding: 4px 12px; border: solid 1px #eee; } .tags-v3 li a:hover { color: #fff; background: #222; border-color: #222; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Tags v4 ------------------------------------*/ .tags-v4 { padding-left: 0; list-style: none; } .tags-v4 li { padding: 3px 2px; line-height: 28px; display: inline-block; } .tags-v4 a { color: #bbb; font-size: 13px; font-weight: 400; padding: 4px 10px; border: 1px solid #bbb; } .tags-v4 a:hover { color: #fff; background: #e74c3c; border-color: #e74c3c; text-decoration: none; -webkit-transition: all 0.25s, -webkit-transform 0.25s; transition: all 0.25s, transform 0.25s; } /*Lists ------------------------------------*/ .list-row { padding: 0; margin-bottom: 0; list-style: none; } /*Lists v1*/ .lists-v1 li { margin-bottom: 10px; } .lists-v1 i { color: #fff; width: 15px; height: 15px; padding: 1px; font-size: 13px; margin-right: 7px; text-align: center; background: #72c02c; display: inline-block; border-radius: 50% !important; } /*Lists v2*/ .lists-v2 li { margin-bottom: 10px; } .lists-v2 i { color: #72c02c; font-size: 13px; margin-right: 7px; display: inline-block; } /*Column Sizes ------------------------------------*/ /*Remove the Gutter Padding from Columns*/ .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } .no-gutter.no-gutter-boxed { padding-right: 15px; padding-left: 15px; } /*Heights ------------------------------------*/ .height-100 { min-height: 100px;} .height-150 { min-height: 150px;} .height-200 { min-height: 200px;} .height-250 { min-height: 250px;} .height-300 { min-height: 300px;} .height-350 { min-height: 350px;} .height-400 { min-height: 400px;} .height-450 { min-height: 450px;} .height-500 { min-height: 500px !important;} /*Spaces ------------------------------------*/ .no-padding { padding: 0 !important; } .no-margin { margin: 0; } .no-top-space { margin-top: 0 !important; padding-top: 0 !important; } .no-bottom-space { margin-bottom: 0 !important; padding-bottom: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .content-xs { padding-top: 20px; padding-bottom: 20px; } .content { padding-top: 40px; padding-bottom: 40px; } .content-sm { padding-top: 60px; padding-bottom: 60px; } .content-md { padding-top: 80px; padding-bottom: 80px; } .content-lg { padding-top: 100px; padding-bottom: 100px; } .content-xlg { padding-top: 150px; padding-bottom: 150px; } .space-md-hor { padding-left: 40px; padding-right: 40px; } .space-lg-hor { padding-left: 60px; padding-right: 60px; } .space-xlg-hor { padding-left: 100px; padding-right: 100px; } .margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60, .margin-bottom-100 { clear:both; } .margin-bottom-5 { margin-bottom:5px;} .margin-bottom-10 { margin-bottom:10px;} .margin-bottom-15 { margin-bottom:15px;} .margin-bottom-20 { margin-bottom:20px;} .margin-bottom-25 { margin-bottom:25px;} .margin-bottom-30 { margin-bottom:30px;} .margin-bottom-35 { margin-bottom:35px;} .margin-bottom-40 { margin-bottom:40px;} .margin-bottom-45 { margin-bottom:45px;} .margin-bottom-50 { margin-bottom:50px;} .margin-bottom-55 { margin-bottom:55px;} .margin-bottom-60 { margin-bottom:60px;} .margin-bottom-100 { margin-bottom:100px;} @media (max-width: 768px) { .sm-margin-bottom-10 { margin-bottom: 10px; } .sm-margin-bottom-20 { margin-bottom: 20px; } .sm-margin-bottom-30 { margin-bottom: 30px; } .sm-margin-bottom-40 { margin-bottom: 40px; } .sm-margin-bottom-50 { margin-bottom: 50px; } .sm-margin-bottom-60 { margin-bottom: 60px; } } @media (max-width: 992px) { .md-margin-bottom-10 { margin-bottom: 10px; } .md-margin-bottom-20 { margin-bottom: 20px; } .md-margin-bottom-30 { margin-bottom: 30px; } .md-margin-bottom-40 { margin-bottom: 40px; } .md-margin-bottom-50 { margin-bottom: 50px; } .md-margin-bottom-60 { margin-bottom: 60px; } } /*Other Spaces*/ .margin-top-20 { margin-top: 20px;} .margin-left-5 { margin-left: 5px;} .margin-left-10 { margin-left: 10px;} .margin-right-5 { margin-right: 5px;} .margin-right-10 { margin-right: 10px;} .margin-right-20 { margin-right: 20px;} .padding-sm { padding: 40px 40px;} .padding-top-5 { padding-top: 5px;} .padding-top-7 { padding-top: 7px; margin-bottom:0;} .padding-left-5 { padding-left: 5px;} /*Text Colors ------------------------------------*/ .color-sea { color: #1abc9c;} .color-red { color: #e74c3c;} .color-aqua { color: #27d7e7;} .color-blue { color: #3498db;} .color-grey { color: #95a5a6;} .color-dark { color: #555;} /*.color-dark1 { color: #444;}*/ .color-darker { color: #444;} .color-green { color: #72c02c;} .color-brown { color: #9c8061;} .color-light { color: #ffffff;} .color-orange { color: #e67e22;} .color-yellow { color: #f1c40f;} .color-green1 { color: #2ecc71;} .color-purple { color: #9b6bcc;} .color-inherit { color: inherit;} .color-dark-blue { color: #4765a0;} .color-light-grey { color: #585f69;} .color-light-green { color: #79d5b3;} /*Background Colors ------------------------------------*/ .bg-color-dark, .bg-color-darker, .bg-color-sea, .bg-color-red, .bg-color-aqua, .bg-color-blue, .bg-color-grey, .bg-color-light, .bg-color-green, .bg-color-brown, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green, .bg-color-primary { color: #fff; } .bg-color-white { color: #555; } .bg-color-primary { background-color: #72c02c !important;} .bg-color-dark { background-color: #555 !important;} .bg-color-darker { background-color: #222 !important;} .bg-color-white { background-color: #fff !important;} .bg-color-sea { background-color: #1abc9c !important;} .bg-color-red { background-color: #e74c3c !important;} .bg-color-aqua { background-color: #27d7e7 !important;} .bg-color-blue { background-color: #3498db !important;} .bg-color-grey { background-color: #95a5a6 !important;} .bg-color-light { background-color: #f7f7f7 !important;} .bg-color-green { background-color: #72c02c !important;} .bg-color-brown { background-color: #9c8061 !important;} .bg-color-orange { background-color: #e67e22 !important;} .bg-color-green1 { background-color: #2ecc71 !important;} .bg-color-purple { background-color: #9b6bcc !important;} .bg-color-dark-blue { background-color: #4765a0 !important;} .bg-color-light-grey { background-color: #585f69 !important;} .bg-color-light-green { background-color: #79d5b3 !important;} .rgba-red { background-color: rgba(231,76,60,0.8)} .rgba-blue { background-color: rgba(52,152,219,0.8);} .rgba-aqua { background-color: rgba(39,215,231,0.8);} .rgba-yellow { background-color: rgba(241,196,15,0.8);} .rgba-default { background-color: rgba(114,192,44,0.8);} .rgba-purple { background-color: rgba(155,107,204,0.8);} /*Grey Backroud*/ .bg-grey { background: #f7f7f7; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } /*Rounded and Circle Classes ------------------------------------*/ .no-rounded { border-radius: 0 !important;} .rounded { border-radius: 4px !important;} .rounded-x { border-radius: 50% !important;} .rounded-2x { border-radius: 10px !important;} .rounded-3x { border-radius: 15px !important;} .rounded-4x { border-radius: 20px !important;} .rounded-sm { border-radius: 2px !important;} .rounded-md { border-radius: 3px !important;} .rounded-top { border-radius: 4px 4px 0 0 !important;} .rounded-left { border-radius: 4px 0 0 4px !important;} .rounded-right { border-radius: 0 4px 4px 0 !important;} .rounded-bottom { border-radius: 0 0 4px 4px !important;} /*Others ------------------------------------*/ .overflow-h { overflow: hidden;} .overflow-a { overflow: auto;} .overflow-hidden { overflow: hidden;} .clear-both { clear: both;} /*Display*/ .dp-none { display: none;} .dp-block { display: block;} .dp-table { display: table;} .dp-inline-block { display: inline-block;} .dp-table-cell { display: table-cell; vertical-align: middle; } /*Font Size*/ .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-bold { font-weight: 600 !important; } /*Full Width*/ .full-width { width: 100%; } /*Equal Height Columns*/ @media (max-width: 767px) { .equal-height-column { height: auto !important; } } /*Image Classes*/ .img-width-60 { width: 60px;} .img-width-200 { width: 200px;} .lft-img-margin { margin:0 20px 5px 0;} .rgt-img-margin { margin:0 0 5px 10px;} img.img-center, .img-center img { margin-left: auto; margin-right: auto; } /*Background Light*/ .bg-light { padding: 10px 15px; margin-bottom: 10px; background: #fcfcfc; border: solid 1px #e5e5e5; } .bg-light:hover { border: solid 1px #bbb; } /*CSS3 Hover Effects*/ .hover-effect { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover-effect-kenburn { left:10px; margin-left:-10px; position:relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .hover-effect-kenburn:hover { -webkit-transform: scale(2) rotate(5deg); -moz-transform: scale(2) rotate(5deg); -o-transform: scale(2) rotate(5deg); -ms-transform: scale(2) rotate(5deg); transform: scale(2) rotate(5deg); } /*Scroll Icon*/ .scroll-btn-icon, .scroll-btn-icon:before { position: absolute; left: 50%; } .scroll-btn-icon { width: 30px; height: 50px; margin-left: -25px; bottom: 30px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); border-radius: 25px; z-index: 2; } .scroll-btn-icon-dark { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5); } .scroll-btn-icon:before { content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } .scroll-btn-icon-dark:before { background: #333; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(36px); transform: translateY(36px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(36px); transform: translateY(36px); } } /* Testimonials v3, v4 */ .testimonials-section3 .owl-stage-outer { margin-right: 1px; } .testimonials-section3 .testimonials-item, .testimonials-section4 .testimonials-item { border-right: solid 1px #d8dadd; padding: 15px 15px 20px; } .testimonials-section4 .testimonials-item:last-child { border-right: none; } .testimonials-section3 img, .testimonials-section4 img { width: 74px !important; height: 74px !important; border-radius: 50%; background: #fff; padding: 3px; border: solid 1px #E6E6E6; margin: 0 auto 5px; display: block; } .testimonials-section3 blockquote, .testimonials-section4 blockquote { font-size: 15px; font-weight: 400; font-style: italic; line-height: 1.5; margin-bottom: 20px; border: none; } .testimonials-section3 blockquote p, .testimonials-section4 blockquote p { z-index: 9; position: relative; margin-bottom: 5px; } .testimonials-section3 .testimonials-item strong, .testimonials-section3 .testimonials-item em, .testimonials-section4 .testimonials-item strong, .testimonials-section4 .testimonials-item em { display: block; font-size: 14px; font-weight: 700; } .testimonials-section3 .testimonials-item strong, .testimonials-section4 .testimonials-item strong { padding-top: 10px; } .testimonials-section3 .testimonials-item em, .testimonials-section4 .testimonials-item em { font-style: normal; opacity: 0.7; font-weight: 400; } /* * Template Name: Unify - Responsive Bootstrap Template * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. * Version: 1.8 * Author: @htmlstream * Website: http://htmlstream.com */ /*Import Global Compulsory CSS Files*/ /*@import url(/assets/css/ie8.css); @import url(/assets/css/blocks.css); @import url(/assets/css/plugins.css); @import url(/assets/css/app.css); @import url(/assets/css/one-theme.css);*/ /*@import url(/assets/css/one-demo.css);*/ /*@import url(/assets/css/one-style.css);*/ /*Import CSS Plugins*/ /*@import url(/assets/css/plugins/style-switcher.css);*/ body { color: #333; font-size: 13px; line-height: 1.6; } body.header-fixed-space { padding-top: 94px; } body.header-fixed-space-v2 { padding-top: 135px; } @media (max-width: 991px) { body.header-fixed-space, body.header-fixed-space-v2 { padding-top: 0; } } p, li, li a, label { color: #555; } a { color: #72c02c; text-decoration: none; } a, a:focus, a:hover, a:active { outline: 0 !important; } a:focus { text-decoration: none; } a:hover { color: #72c02c; text-decoration: underline; } /*Intro Page ------------------------------------*/ .intro-page-img-frames { } .intro-page-link { color: #555; font-weight: bold; } .intro-page-link:hover { color: #222; text-decoration: none; } /*Boxed Layout ------------------------------------*/ .wrapper { background: #fff; } .boxed-layout { padding: 0; box-shadow: 0 0 5px #ccc; margin-left: auto !important; margin-right: auto !important; background: url(/assets/img/patterns/15.png) repeat; } /*Main Styles ------------------------------------*/ /*Purchase Block*/ .purchase { padding: 25px 0 30px; border-bottom: solid 1px #eee; background: url(/assets/img/patterns/breadcrumbs.png) repeat; } .purchase p { margin-bottom: 0; } .purchase span { color: #666; display: block; font-size: 24px; line-height: 35px; font-weight: normal; margin-bottom: 12px; font-family: Verdana, Tahoma, Helvetica, Arial; } .purchase .btn-buy { text-align: center; } .purchase .btn-buy a { margin-top: 27px; } .purchase .btn-buy a i { margin-right: 5px; } @media (max-width: 992px) { .purchase { text-align: center; } .purchase span { font-size: 22px; line-height: 29px; } .purchase .btn-buy a { margin-top: 25px; font-size: 16px; } } /*Service*/ .service { overflow: hidden; margin-bottom: 10px; padding: 15px 15px 10px; } .service:hover { background: #fcfcfc; box-shadow: 0 0 5px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .service:hover i { color: #656565; } .service .desc { padding: 0 15px; overflow: hidden; } .service .desc h4 { font-size: 22px; line-height: 25px; } .service .service-icon { float: left; padding: 10px; color: #72c02c; font-size: 35px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service .service-icon.icon-cogs { font-size: 37px; } .service .service-icon.icon-plane { font-size: 43px; } /* Recent Work */ .recent-work a { text-align: center; background: #fcfcfc; display: inline-block; } .recent-work a:hover { text-decoration: none; } .recent-work a:hover strong { color: #555; } .recent-work em.overflow-hidden { display: block; } .recent-work a span { display: block; padding: 10px; border-bottom: solid 2px #eee; } .recent-work a strong { color: #555; display: block; } .recent-work a i { color: #777; } .recent-work a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .recent-work a:hover img { opacity: 0.8; -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.0) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } .recent-work a:hover span { border-bottom: solid 2px #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } /* Work */ .work { margin-top: 6px; } .work .details { padding: 10px; } .work .caption { display: block; padding-top: 5px; color: #585f69 !important; font-size: 18px !important; } .work .caption:hover { cursor: pointer; color: #444 !important; text-decoration: underline; } /*Other Footer Common Classes ------------------------------------*/ /*Thumb Headline*/ .thumb-headline h2 { color: #eee; font-size: 16px; } /*Footer Logo*/ .footer-logo { margin: 17px 0 20px; } /*Latest List*/ .latest-list li { padding: 8px 0; border-top: 1px solid #353535; } .latest-list li:first-child { padding-top: 0; border-top: none; } .latest-list li a { color: #eee; } .latest-list small { color: #999; display: block; } /*Link List*/ .link-list li { border-top: solid 1px #353535; } .link-list li:first-child { border-top: none !important; } .link-list a { color: #eee; font-size: 11px; padding: 6px 0px; display: inline-block; } .link-list li i { color: #bbb; float: right; margin-top: 10px; } /*Latest Tweets*/ .latest-tweets .latest-tweets-inner p { color: #555; font-size: 13px; } .latest-tweets .latest-tweets-inner a { /*color: #3498db;*/ text-decoration: none; } .latest-tweets .latest-tweets-inner a:hover { text-decoration: underline; } .latest-tweets .latest-tweets-inner i.fa { top: 2px; float: left; color: #bbb; color: #55acee; font-size: 18px; margin-right: 5px; position: relative; } .latest-tweets .latest-tweets-inner small { color: #777; display: block; } /*Social Icons*/ .social-icons { margin-top: 5px; } .social-icons li { margin: 0; } .social-icons li a { margin: 0 3px; } /*Thumbnails ------------------------------------*/ a.thumbnail { padding: 0; border: none; margin-bottom: 15px; } .thumbnail-style { padding: 7px; margin-bottom: 20px; } .thumbnail-style:hover { box-shadow: 0 0 8px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .thumbnail h3, .thumbnail-style h3 { margin: 6px 0 8px 0; } .thumbnail h3 a, .thumbnail-style h3 a { color: #585f69; font-size: 18px; } .thumbnail h3 a:hover, .thumbnail-style h3 a:hover { color: #72c02c; text-decoration: none; } .thumbnail-style .thumbnail-img { position: relative; margin-bottom: 11px; } .thumbnail-style a.btn-more { right: -10px; bottom: 10px; color: #fff; padding: 1px 6px; position: absolute; background: #72c02c; display: inline-block; } .thumbnail-style a.btn-more:hover { text-decoration: none; box-shadow: 0 0 0 2px #5fb611; } .thumbnail-style:hover a.btn-more { right: 10px; } .thumbnail-kenburn img { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .thumbnail-kenburn:hover img { -webkit-transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); } /*Servive Blocks ------------------------------------*/ /*Service Alternative Block*/ .service-alternative .service:hover { background: #76ca2c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service-alternative .service:hover i, .service-alternative .service:hover p, .service-alternative .service:hover h4 { color: #fff; } /*Servive Block Versions*/ .service-v1 h2 { margin: 15px 0 10px; font-size: 20px; line-height: 28px; } .service-v1 p { text-align: justify; } /*Blog Posts ------------------------------------*/ .posts .dl-horizontal a { color: #555; } .posts .dl-horizontal { margin-bottom: 15px; overflow: hidden; } .posts .dl-horizontal dt { width: 60px; float: left; } .posts .dl-horizontal dt img { width: 60px; height: 60px; padding: 2px; margin-top: 2px; border: solid 1px #ddd; } .posts .dl-horizontal dd { margin-left: 70px; } .posts .dl-horizontal dd p { margin: 0; } .posts .dl-horizontal dd a { font-size: 14px; line-height: 16px !important; } .posts .dl-horizontal dd a:hover { color: #72c02c; text-decoration: none; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*About Page ------------------------------------*/ .team ul.team-socail { text-align: right; } .team ul.team-socail li { margin: 0 !important; padding: 0 !important; } .team ul.team-socail li a, .team ul.team-socail li a:hover { text-decoration: none; } .team ul.team-socail li i { color: #aaa; padding: 6px 7px; min-width: 30px; font-size: 18px; text-align: center; background: #f7f7f7; display: inline-block; } .team ul.team-socail li i:hover { color: #fff; background: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team .thumbnail-style { padding: 12px; } .team .thumbnail-style img { margin-bottom: 7px; } .team .thumbnail-style h3 { margin-bottom: 5px; } .team .thumbnail-style:hover h3 a { color: #72c02c !important; } .team .thumbnail-style small { display: block; margin-top: 5px; font-size: 12px; } /*About Me Page ------------------------------------*/ .about-me { overflow: hidden; } .about-me h2 { margin: 0; font-size: 20px; } .about-me span { color: #999; display: block; font-size: 14px; margin-bottom: 10px; } .about-me .social-icons { margin-top: 7px; } /*About My Goals*/ .about-my-goals h2 { } /*About Skills*/ .about-skills { padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: url(/assets/img/breadcrumbs.png) repeat; } /*Gallery Page ------------------------------------*/ .gallery-page .thumbnail, .gallery-page .thumbnail:hover { padding: 0; border: none; box-shadow: none; } .gallery-page .thumbnails { margin-bottom:6px; } /*Privacy Page ------------------------------------*/ .privacy a { text-decoration: underline; } .privacy a:hover { color: #72c02c; text-decoration: none; } /*Portfolio Item Page v1 ------------------------------------*/ .portfolio-item h2 { color: #555; font-size: 24px; margin: 0 0 15px; } .portfolio-item li { padding: 3px 0; } .portfolio-item p a { text-decoration: underline; } .portfolio-item p a:hover { text-decoration: none; } /*Portfolio Item v1*/ .portfolio-item1 ul { margin: 10px 0 20px; } .portfolio-item1 li { font-size: 16px; margin-bottom: 3px; } .portfolio-item1 li i { font-size: 18px; margin-right: 4px; } /*Sidebar Features ------------------------------------*/ /*Blog Tags*/ ul.blog-tags li { display: inline-block; } ul.blog-tags a { font-size :13px; padding: 2px 7px; background: #f7f7f7; margin: 0 3px 6px 0; display: inline-block; } ul.blog-tags a i { color: #666; } ul.blog-tags a:hover { background: #72c02c; } ul.blog-tags a:hover, ul.blog-tags a:hover i { color: #fff !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Blog Photo Stream*/ .blog-photos li { display: inline; } .blog-photos li img { width: 58px; height: 58px; margin: 0 2px 8px; } .blog-photos li img:hover { box-shadow: 0 0 0 2px #72c02c; } /*Blog Latest Tweets*/ .blog-twitter .blog-twitter-inner { padding: 10px; position: relative; background: #f7f7f7; margin-bottom: 10px; } .blog-twitter .blog-twitter-inner, .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute; } .blog-twitter .blog-twitter-inner:after { border-top: 15px solid #eee; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner span.twitter-time { color: #777; display: block; font-size: 11px; } .blog-twitter .blog-twitter-inner a { color: #72c02c; text-decoration: none; } .blog-twitter .blog-twitter-inner a:hover { text-decoration: underline; } .blog-twitter .blog-twitter-inner i.fa { top: 2px; color: #bbb; font-size: 18px; position: relative; } /*Choose Block*/ .who li { margin-bottom: 6px; } .who li i { color: #72c02c; font-size: 13px; min-width: 15px; margin-right: 8px; text-align: center; position: relative; } .who li:hover i, .who li:hover a { color: #777; } .who li:hover a:hover { text-decoration: none; } /*Promo Page ------------------------------------*/ /*Slider Part*/ .fullwidthbanner-container.slider-promo { max-height: 460px !important; } .slider-promo-info-bg { padding: 25px 20px 20px; background: url(/assets/img/bg-black.png) repeat; } .slider-promo-info span.big-size { color: #fff; display: block; font-size: 30px; margin-bottom: 25px; text-shadow: none !important; } .slider-promo-info p { color: #fff; font-size: 16px; margin-bottom: 0; } /*Promo Box*/ .promo-box { padding: 20px; margin: 25px 0 20px; text-align: center; } .promo-box i { display: block; font-size: 50px; } .promo-box p { font-size: 14px; margin-bottom: 0; } .promo-box strong, .promo-box strong a { color: #555; display: block; font-size: 20px; font-weight: 200; margin: 20px 0 15px; } .promo-box:hover strong, .promo-box:hover strong a { color: #72c02c; } /*Promo Service*/ .promo-service { margin-bottom: 20px; } .promo-service li { margin-bottom: 5px; } .promo-service a.btn-u { margin: 0 20px 10px 0; } /*Promo Elements*/ .title-box { font-size: 16px; text-align: center; padding: 10px 0 30px; border-bottom: solid 1px #eee; } .title-box .title-box-text { color: #555; display: block; font-size: 35px; font-weight: 200; } @media (max-width: 768px) { .title-box .title-box-text { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .title-box p { font-size: 15px; } } .block-blockquote { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .block-blockquote-inner { padding: 15px; } .block-blockquote p { font-size: 26px; margin-bottom: 0; } /*Info Blocks*/ .info-blocks { margin-bottom: 15px; } .info-blocks:hover i.icon-info-blocks { color: #72c02c; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .info-blocks i.icon-info-blocks { float: left; color: #777; font-size: 30px; min-width: 50px; margin-top: 10px; text-align: center; } .info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; } .info-blocks .info-blocks-in h3 { color: #555; font-size: 20px; line-height: 28px; } .info-blocks .info-blocks-in p { font-size: 12px; } /*Brand Page ------------------------------------*/ .brand-page .btn { margin-bottom: 10px; } /*Form Pages ------------------------------------*/ .form-page input, .form-page select { margin-bottom: 10px; } /*Labels and Badges Page ------------------------------------*/ ul.labels-demo { margin: 5px 0; } ul.labels-demo li { list-style: none; display: inline-block; margin: 0 5px 2px 0; } .badge-sidebar { border-left: solid 1px #eee; } @media (max-width: 991px) { .badge-sidebar { border-left: none; } } /*Line Icon Page ------------------------------------*/ .line-icon-page .item-box { width: 25%; float: left; height: 90px; text-align: center; padding: 20px 10px; margin: 0 -1px -1px 0; word-wrap: break-word; border: 1px solid #ddd; } .line-icon-page .item-box--higher { height: 120px; } @media (max-width: 768px) { .line-icon-page .item-box { height: 115px; } } @media (max-width: 450px) { .line-icon-page .item-box { height: 130px; } } .line-icon-page .item-box:hover { background: #fafafa; } .line-icon-page .item span { display: block; font-size: 28px; margin-bottom: 10px; } .line-icon-page .item:hover { color: #72c02c; } /*Line Icon Page ------------------------------------*/ .icon-page-fa { margin-bottom: 20px; } .icon-page-fa .item-box { float: left; height: 100px; width: 16% !important; } .icon-page-fa .item { font-size: 12px; } .icon-page-fa .item i { color: #555; display: block; font-size: 24px; margin-bottom: 10px; } @media (max-width: 767px) { .icon-page-fa .item-box { width: 20% !important; } } @media (max-width: 600px) { .icon-page-fa .item-box { width: 30% !important; } } @media (max-width: 400px) { .icon-page-fa .item-box { width: 50% !important; } } /*GLYPHICONS Icons Page ------------------------------------*/ /*Special styles for displaying the icons and their classes*/ .bs-glyphicons { padding-left: 0; list-style: none; overflow: hidden; padding-bottom: 1px; margin-bottom: 20px; } .bs-glyphicons li { width: 25%; float: left; height: 115px; padding: 10px; font-size: 11px; line-height: 1.4; text-align: center; margin: 0 -1px -1px 0; border: 1px solid #ddd; } .bs-glyphicons .glyphicon { display: block; font-size: 18px; margin: 5px auto 10px; } .bs-glyphicons li:hover { color: #72c02c; background-color: #fafafa; } @media (min-width: 768px) { .bs-glyphicons li { width: 12.5%; } } /*Glyphicons Pro*/ .demo-pro-glyphicons li { width: 170px; height: 100px; padding: 20px 10px 30px; } .demo-pro-glyphicons span { height: 40px; display: block; } .demo-pro-glyphicons span:before { color: #555; padding: 10px 62px; } .demo-pro-glyphicons span.glyphicons:before { font-size: 22px; } /*Glyphicons Pro Halflings*/ .demo-pro-glyphicons span.halflings { height: 30px; } .demo-pro-glyphicons span.halflings:before { padding: 10px 70px; } /*Contact Pages ------------------------------------*/ .map { width: 100%; height: 350px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; } .map-box { height: 250px; } .map-box-space { margin-top: 15px; } .map-box-space1 { margin-top: 7px; } /*Background Opacity ------------------------------------*/ .service-or { overflow: hidden; position: relative; } .service-bg { width: 250px; padding: 60px; position: absolute; top: -10px; right: -100px; background-color: rgba(255,255,255,0.1); transform: rotate(55deg); -o-transform: rotate(55deg); -ms-transform: rotate(55deg); -moz-transform: rotate(55deg); -webkit-transform: rotate(55deg); } /*Easy Block (used for image badges) ------------------------------------*/ .easy-block-v1 { position: relative; } .easy-block-v1 img { width: 100%; } .easy-block-v1 .overflow-h h3 { width: 60%; float: left; font-size: 18px; line-height: 24px; margin-bottom: 5px; } .easy-block-v1 .easy-block-v1-badge { left: 0px; top: 10px; z-index: 1; color: #fff; padding: 4px 10px; position: absolute; } /*Easy Block v2 (used for image badges) ------------------------------------*/ .easy-block-v2 { overflow: hidden; position: relative; margin-bottom: 20px; } .easy-block-v2 img { width: 100%; } .easy-block-v2 .easy-bg-v2 { top: 5px; color: #fff; width: 100px; padding: 5px; right: -32px; font-size: 13px; position: absolute; text-align: center; letter-spacing: 2px; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /*Easy Block v3 (used for image badges) ------------------------------------*/ .easy-block-v3 { text-align: left; background: #585f69; padding: 30px 20px 20px; } .easy-block-v3.first { background: #696f77; } .easy-block-v3.second { background: #707780; } .easy-block-v3.third { background: #787f88; } .easy-block-v3 i { color: #fff; float: left; font-size: 30px; min-width: 45px; padding-top: 10px; } .easy-block-v3 .inner-faq-b { overflow: hidden; } .easy-block-v3 .inner-faq-b h2, .easy-block-v3 .inner-faq-b h3 { font-size: 21px; margin-bottom: 8px; } .easy-block-v3 .inner-faq-b h4 { color: #fff; font-size: 17px; margin-bottom: 2px; } .easy-block-v3 .inner-faq-b h2, .easy-block-v3 .inner-faq-b h3, .easy-block-v3 .inner-faq-b p { color: #fff; } /*Full Width Block ------------------------------------*/ .full-w-block { padding: 30px 0; background: #282828; } .full-w-block .info-blocks i, .full-w-block .info-blocks-in h3 { color: #fff; } .full-w-block .info-blocks-in p { color: #ccc; } .full-w-block .info-blocks:hover i.icon-info-blocks { color: #fff; } /*Simple Block ------------------------------------*/ .simple-block { margin-bottom: 20px; } .simple-block img { width: 100%; } .simple-block p { text-align: center; } .simple-block .carousel-indicators { top: 10px; left: 65%; text-align: right; } .simple-block .carousel-indicators .active { background: #555; } .simple-block .carousel-indicators li { border-color: #555; } .simple-block .carousel-inner > .item { margin: 0; } .simple-block .responsive-video { margin-bottom: 3px; } /*Two Blocks ------------------------------------*/ .two-blocks { text-align: center; } .two-blocks-in { margin-bottom: 30px; } .two-blocks-in i { color: #fff; padding: 11px; font-size: 30px; min-width: 50px; text-align: center; background: #585f69; margin-bottom: 10px; display: inline-block; } /*Three Blocks ------------------------------------*/ .three-blocks { text-align: center; } .three-blocks-in { margin-bottom: 30px; } .three-blocks-in i { color: #777; padding: 9px 6px; font-size: 20px; min-width: 40px; margin-bottom: 10px; border: 1px solid #777; } .three-blocks-in h3 { font-size: 20px; margin-bottom: 7px; } /*Temperory Classes ------------------------------------*/ /*Banner-info*/ .banner-info { margin-bottom: 10px; } .banner-info i { float: left; color: #fff; padding: 11px; /*min-width works with line-icon*/ min-width: 40px; font-size: 22px; text-align: center; margin: 7px 20px 0 0; } /*min-width works with FontAwesome*/ .banner-info i.fa { min-width: 46px; } .banner-info.light i { border: 1px solid #fff; } .banner-info.dark i { background: #555; } .banner-info h3 { font-size: 21px; margin-bottom: 5px; } .banner-info.light h3 { color: #fff;} .banner-info.light p { color: #eee;} /*Title-Box-V2*/ .title-box-v2 { text-align: center; margin-bottom: 40px; } .title-box-v2 h2 { font-size: 25px; } .title-box-v2 p { font-size: 13px; } /*remove padding from "Col-"*/ .no-space { padding: 0; } .no-space-left { padding-left: 0; padding-right: 15px !important; } .no-space-right { padding-right: 0; padding-left: 15px !important; } /*List Style v1*/ .list-style-v1 li { margin-bottom: 7px; } .list-style-v1 i { margin-right: 5px; } /*Social Contacts ------------------------------------*/ .social-contacts li { padding: 5px 0; border-top: 1px solid #ddd; } .social-contacts li:first-child { border-top: none; } .social-contacts li i { color: #777; font-size: 13px; min-width: 13px; margin-right: 12px; text-align: center; } /*Status Bar ------------------------------------*/ .status-bar li { padding-left: 9px; border-left: 1px solid #eee; } .status-bar li:first-child { border-left: none; } .status-bar li i { color: #72c02c; margin-right: 5px; } .status-bar li a:hover { text-decoration: none; } .status-bar-in { padding: 10px; position: relative; background: #f0f0f0; } .status-bar-in:after { width: 0; height: 0; top: -10px; left: 50px; content: " "; display: block; position: absolute; border-bottom: 11px solid #f0f0f0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } /*Share List*/ .share-list { margin-bottom: 0; } .share-list li { padding-left: 20px; } .share-list li:first-child { padding-left: 0; } .share-list li i { color: #72c02c; margin-right: 5px; } /*People Say ------------------------------------*/ .people-say img { float: left; width: 40px; height: auto; margin: 6px 10px 0 0; } .people-say .overflow-h span { font-weight: 700; } .people-say .overflow-h p { font-style: italic; line-height: 1.3; } .people-say .overflow-h small { text-align: right; font-style: italic; } /*Inspire Page ------------------------------------*/ img.img-mouse { width: 150px; height: auto; margin: 0 auto 60px; } /*Desire Page ------------------------------------*/ /*Service Info*/ .service-info { position: relative; padding: 40px 0 50px; background: url(/assets/img/patterns/17.png) repeat; } .service-info .info-description { overflow: hidden; } .service-info i.service-info-icon { color: #777; float: left; width: 50px; height: 50px; padding: 15px; font-size: 20px; line-height: 17px; margin-right: 20px; text-align: center; display: inline-block; border: 1px solid #777; } .service-info .info-description h3 { margin: 0 0 10px; } .service-info .info-description p { color: #777; } /*Portfolio Single Item Page ------------------------------------*/ /*Project Details*/ .project-details li { color: #555; font-weight: 200; margin-bottom: 5px; } .project-details strong { min-width: 100px; display: inline-block; } .project-details a { text-decoration: underline; } /*Bootstrap Testimonials ------------------------------------*/ .testimonials-bs { padding: 50px 0; background: url(/assets/img/bg/16.jpg) 50% 0 repeat fixed; } .testimonials-bs .headline-center-v2 span.author { color: #777; font-size: 14px; } /*Removes Bootstrap carousel background images*/ .testimonials-bs .item { margin-bottom: 30px; } .testimonials-bs .carousel-arrow { text-align: center; } .testimonials-bs .carousel-control-v2 i { color: #888; width: 30px; height: 30px; padding: 2px; font-size: 22px; display: inline-block; border: 2px solid #888; } .testimonials-bs .carousel-control-v2 i:hover { color: #72c02c; border-color: #72c02c; text-decoration: none; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .testimonials-bs .carousel-control-v2.left, .testimonials-bs .carousel-control-v2.right { text-decoration: none; background-image: none; } /*Team v1*/ .team-v1 li > h3 { color: #555; } .content_txt { font-size: 14px; line-height: 24px; padding-bottom: 50px; word-break:break-word; } .content_txt p, .page_text p { margin-bottom: 15px; text-align: justify; text-indent: 2em; } .content_txt table, .page_text table { margin: 25px 0; } .content_txt table, .page_text table { border-collapse: collapse; line-height: 20px; padding: 5px; border: 1px solid #eee; color: #666; width: 100%; } .content_txt table th, .page_text table th { background-color: #fafafa; font-weight: bold; } .content_txt td, .content_txt th, .page_text table td, .page_text table th { border: 1px solid #eee; padding: 10px; } .content_txt img, .page_text img { padding: 10px; } /*---------------------------------------------------------------------- [-----*** TABLE OF CONTENT ***-----] 1. Header - Topbar 2. Header - Navbar 3. Header - Responsive Navbar Style 4. Header - Submenu 5. Header - Search 6. Header - Mega Menu 7. Header - Dark Option 8. Header - Fixed 9. Header - Fixed Boxed -----------------------------------------------------------------------*/ body.header-fixed-space-default { padding-top: 81px; } @media (max-width: 991px) { body.header-fixed-space-default { padding-top: 0; } } /*-------------------------------------------------- [1. Header - Topbar] ----------------------------------------------------*/ /*Top Bar (login, search etc.) ------------------------------------*/ .header .topbar { z-index: 12; padding: 8px 0; position: relative; } @media (max-width: 991px) { .header .topbar { margin-bottom: 20px; } } .header .topbar ul.loginbar { margin: 0; } .header .topbar ul.loginbar > li { display: inline; list-style: none; position: relative; padding-bottom: 15px; } .header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover { color: #7c8082; font-size: 11px; } .header .topbar ul.loginbar li i.fa { color: #bbb; } .header .topbar ul.loginbar li.topbar-devider { top: -1px; padding: 0; font-size: 8px; position: relative; margin: 0 9px 0 5px; font-family: Tahoma; border-right: solid 1px #bbb; } /*languages*/ .header .topbar ul.languages { top: 25px; left: -5px; display: none; padding: 4px 0; padding-left: 0; list-style: none; min-width: 100px; position: absolute; background: #f0f0f0; } .header .topbar li:hover ul.languages { display: block; } .header .topbar ul.languages:after { top: -4px; width: 0; height: 0; left: 8px; content: " "; display: block; position: absolute; border-bottom: 6px solid #f0f0f0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .header .topbar ul.languages li a { color: #555; display: block; font-size: 10px; padding: 2px 12px; margin-bottom: 1px; } .header .topbar ul.languages li.active a i { color: #999; float: right; margin-top: 2px; } .header .topbar ul.languages li a:hover, .header .topbar ul.languages li.active a { background: #fafafa; } .header .topbar ul.languages li a:hover { text-decoration: none; } /*No Topbar*/ .header.no-topbar .navbar-toggle { margin-top: 25px; } /*-------------------------------------------------- [2. Header - Navbar] ----------------------------------------------------*/ /*Navbar*/ .header { z-index: 99; background: #fff; border-bottom: solid 2px #eee; } /*Header Container*/ .header > .container { display: table; margin-bottom: -40px; } .header .topbar { float:right; } @media (max-width: 768px) { .header > .container { width: 100%; } .header .topbar { margin-bottom:0; text-align:right;float:initial; } .header .topbar ul.loginbar { padding:0 5px; } .header .topbar ul.loginbar > li { display:inline-block; } .header .topbar ul.loginbar li.topbar-devider { margin:0; } } @media (max-width: 991px) { .header > .container { margin-bottom: 0; } } /*Logo*/ .header .logo { height: 100%; min-height: 40px; min-width: 100px; display: table-cell; vertical-align: middle; } .header .logo img { z-index: 1; margin: 20px 0; position: relative; } /*Big Logo Style*/ @media (max-width: 1200px) { .header img.big-logo { width: 120px; height: auto; } } /*Navbar Toggle*/ .header .navbar-toggle { border-color: #5fb611; } @media (max-width: 991px) { .header .navbar-toggle { margin-right: 0; } } .header .navbar-toggle .fa { color: #fff; font-size: 19px; } .header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus { background: #72c02c; padding: 6px 10px 2px; } .header .navbar-toggle:hover { background: #5fb611 !important; } /*Navbar Collapse*/ .header .navbar-collapse { position: relative; } /*Navbar Collapse*/ @media (max-width: 991px) { .header .navbar-collapse, .header .navbar-collapse .container { padding-left: 0; padding-right: 0; } } /*Navbar Menu*/ .header .navbar-nav > li > a { color: #687074; font-size: 15px; font-weight:400; } .header .navbar-nav > .active > a { color: #72c02c; } @media (min-width: 992px) { .header .navbar-nav { float: right; } } /*-------------------------------------------------- [3. Header - Responsive Navbar Style] ----------------------------------------------------*/ /*Responsive Navbar*/ @media (max-width: 991px) { /*Responsive code for max-width: 991px*/ .header .navbar-header { float: none; } .header .navbar-toggle { display: block; } .header .navbar-collapse.collapse { display: none !important; } .header .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header .navbar-nav { margin: 0 0 5px; float: none !important; } .header .navbar-nav > li { float: none; } .header .navbar-nav > li > a { padding-top: 30px; padding-bottom: 40px; } /*Pull Right*/ .header .dropdown-menu.pull-right { float: none !important; } /*Dropdown Menu Slide Down Effect*/ .header .navbar-nav .open .dropdown-menu { border: 0; float: none; width: auto; margin-top: 0; position: static; box-shadow: none; background-color: transparent; } .header .navbar-nav .open > a, .header .navbar-nav .open > a:hover, .header .navbar-nav .open > a:focus { border-bottom-color: #eee; } .header .navbar-nav .open .dropdown-menu > li > a, .header .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .header .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .header .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .header .navbar-nav .open .dropdown-menu > li > a { color: #777; } .header .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .header .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .header .navbar-nav .open .dropdown-menu > .disabled > a, .header .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } .header .dropdown-menu.no-bottom-space { padding-bottom: 0; } /*Design for max-width: 991px*/ .header .navbar-nav > li > a { font-size: 14px; padding: 9px 10px; } .header .navbar-nav > li a { border-bottom: solid 1px #eee; } .header .navbar-nav > li > a:focus { background: none; } .header .navbar-nav > li > a:hover { color: #72c02c; } .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background: #72c02c; color: #fff !important; } .header .dropdown .dropdown-submenu > a { font-size: 13px; color: #555 !important; } } @media (min-width: 992px) { /*Navbar Collapse*/ .header .navbar-collapse { padding: 0; } /*Navbar*/ .header .container > .navbar-header, .header .container-fluid > .navbar-header, .header .container > .navbar-collapse, .header .container-fluid > .navbar-collapse { margin-bottom: -10px; } .header .navbar-nav { position: relative; } .header .navbar-nav > li > a { bottom: -2px; position: relative; padding: 9px 30px 9px 20px; } .header .navbar-nav > li > a, .header .navbar-nav > li > a:focus { border-bottom: solid 2px transparent; } .header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a { bottom: -2px; position: relative; border-bottom: solid 2px #72c02c; } .header .navbar-nav > li > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background: none; } .header .navbar-nav > .open > a, .header .navbar-nav > .open > a:hover, .header .navbar-nav > .open > a:focus { color: #72c02c; } .header .navbar-nav > li:hover > a { color: #72c02c; } /*Dropdown Menu*/ .header .dropdown-menu { padding: 0; border: none; min-width: 200px; border-radius: 0; z-index: 9999 !important; border-top: solid 2px #72c02c; border-bottom: solid 2px #687074; } .header .dropdown-menu li a { color: #687074; font-size: 13px; font-weight: 400; padding: 6px 15px; border-bottom: solid 1px #eee; } .header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover { color: #687074; filter: none !important; background: #eee !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .header .dropdown-menu li > a:focus { background: none; filter: none !important; } .header .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } .header .open > .dropdown-menu { display: none; } /*Search*/ .header .navbar-nav .search-open { width: 330px; } } /*-------------------------------------------------- [4. Header - Submenu] ----------------------------------------------------*/ /*Dropdown Submenu for BS3 ------------------------------------*/ .header .dropdown-submenu { position: relative; } .header .dropdown > a:after, .header .dropdown-submenu > a:after { top: 8px; right: 9px; font-size: 11px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } @media (max-width: 991px) { .header .dropdown-submenu > a:after { content: " "; } } .header .dropdown > a:after { top: 9px; right: 15px; content: "\f107"; } .header .dropdown-submenu > .dropdown-menu { top: 3px; left: 100%; margin-top: -5px; margin-left: 0px; } /*Submenu comes from LEFT side*/ .header .dropdown-submenu > .dropdown-menu.submenu-left { left: -100% !important; } .header .dropdown-submenu:hover > .dropdown-menu { display: block; } @media (max-width: 991px) { .header .dropdown-submenu > .dropdown-menu { display: block; margin-left: 15px; } } .header .dropdown-submenu.pull-left { float: none; } .header .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } /*Dropdow Mmenu Icons (Font Awesome)*/ .header .dropdown-menu li [class^="fa-"], .header .dropdown-menu li [class*=" fa-"] { left: -3px; width: 1.25em; margin-right: 1px; position: relative; text-align: center; display: inline-block; } .header .dropdown-menu li [class^="fa-"].fa-lg, .header .dropdown-menu li [class*=" fa-"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*-------------------------------------------------- [5. Header - Search] ----------------------------------------------------*/ /*Search Box ------------------------------------*/ .header .nav > li > .search { color: #aaa; cursor: pointer; min-width: 35px; font-size: 15px; text-align: center; background: #f7f7f7; padding: 11px 0 12px; display: inline-block; border-bottom: solid 2px #aaa; } @media (min-width: 992px) { .header .nav > li > .search { bottom: -2px; position: relative; } } .header .nav > li > .search:hover { color: #72c02c; background: #f7f7f7; border-bottom-color: #72c02c; } .header .nav .search-open { right: 0; top: 40px; display: none; padding: 14px; position: absolute; background: #fcfcfc; border-top: solid 2px #eee; box-shadow: 0 1px 3px #ddd; } .header .nav .search-open form { margin: 0; } @media (min-width: 767px) and (max-width: 991px) { .header .navbar-toggle { margin-right: 0; } .header .nav .search-open { width: 93%; } } @media (max-width: 991px) { .header .nav > li > .search { color: #999; width: 35px; height: 34px; text-align: left; background: #eee; line-height: 12px; text-align: center; margin: 5px 10px 0; border-bottom: none; } .header .nav > li > .search:hover { background: #5fb611; color: #fff !important; } .header .nav .search-open { top: 5px; padding: 0; left: 48px; border-top: none; box-shadow: none; background: none; margin-right: 10px; } } /*-------------------------------------------------- [6. Header - Mega Menu] ----------------------------------------------------*/ /*Mega Menu ------------------------------------*/ .header .mega-menu .nav, .header .mega-menu .dropup, .header .mega-menu .dropdown, .header .mega-menu .collapse { position: static; } .header .mega-menu .navbar-inner, .header .mega-menu .container { position: relative; } .header .mega-menu .dropdown-menu { left: auto; } .header .mega-menu .dropdown-menu > li { display: block; } .header .mega-menu .dropdown-submenu .dropdown-menu { left: 100%; } .header .mega-menu .nav.pull-right .dropdown-menu { right: 0; } .header .mega-menu .mega-menu-content { *zoom: 1; padding: 4px 15px; } .header .mega-menu .mega-menu-content:before, .header .mega-menu .mega-menu-content:after { content: ""; display: table; line-height: 0; } .header .mega-menu .mega-menu-content:after { clear: both; } .header .mega-menu .nav > li > .dropdown-menu:after, .header .mega-menu .nav > li > .dropdown-menu:before { display: none; } .header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { left: 0; right: 0; overflow: hidden; } @media (min-width: 992px) { /*Mega Menu for Two Columns*/ .header .mega-menu .mega-menu-content.content-two-col { min-width: 596px; } /*Mega Menu for Three Columns*/ .header .mega-menu .mega-menu-content.content-three-col { min-width: 864px; } } /*Mega Menu Dropdown OPENS from LEFT Side*/ .header .mega-menu .dropdown.mega-menu-left .dropdown-menu { left: auto; overflow: hidden; } /*Mega Menu Dropdown OPENS from RIGHT Side*/ .header .mega-menu .dropdown.mega-menu-right .dropdown-menu, .header .mega-menu .dropdown.mega-menu-two-col-right .dropdown-menu { right: 0; overflow: hidden; } /*Equal Height Lists*/ @media (min-width: 992px) { .header .mega-menu .equal-height { display: -webkit-flex; display: -ms-flexbox; display: flex; } .header .mega-menu .equal-height-in { display: -webkit-flex; display: -ms-flexbox; display: flex; } } /*Mega Menu Style Effect*/ .header .mega-menu .equal-height-list h3 { font-size: 15px; font-weight: 400; padding: 0 10px 0 13px; } /*Space for only Big Resolution*/ @media (min-width: 992px) { .header .mega-menu .big-screen-space { margin-bottom: 20px; } } /*Mega Menu Content*/ @media (min-width: 992px) { .header .mega-menu .equal-height-in { padding: 20px 0; border-left: 1px solid #eee; } .header .mega-menu .equal-height-in:first-child { border-left: none; margin-left: -1px; } .header .mega-menu .equal-height-list { width: 100%; } .header .mega-menu .equal-height-list li a { display: block; margin-bottom: 1px; position: relative; border-bottom: none; padding: 5px 10px 5px 15px; } .header .mega-menu .equal-height-list a:hover { text-decoration: none; } /*Dropdown Arrow Icons*/ .header .mega-menu .mega-menu-content li a { padding: 5px 10px 5px 30px; } .header .mega-menu .mega-menu-content li a:after { top: 7px; left: 15px; font-size: 11px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } /*Dropdown Arrow Icons Disable class*/ .header .mega-menu .disable-icons li a { padding: 5px 10px 5px 15px; } .header .mega-menu .disable-icons li a:after { display: none; } } /*Equal Hight List Style*/ @media (max-width: 991px) { /*Equal Height List Style*/ .header .mega-menu .equal-height-list h3 { color: #555; margin: 0 0 5px; font-size: 13px; font-weight: 400; padding: 6px 25px 5px; border-bottom: solid 1px #eee; } .header .mega-menu .equal-height-list li a { color: #687074; display: block; font-size: 13px; font-weight: 400; margin-left: 15px; padding: 6px 25px; border-bottom: solid 1px #eee; } .header .mega-menu .equal-height-list > h3.active, .header .mega-menu .equal-height-list > .active > a, .header .mega-menu .equal-height-list > .active > a:hover, .header .mega-menu .equal-height-list > .active > a:focus { color: #555; background-color: #e7e7e7; } .header .mega-menu .equal-height-list li a:hover { color: #333; text-decoration: none; } } /*-------------------------------------------------- [7. Header - Dark Option] ----------------------------------------------------*/ /*Header*/ .header.header-dark { background: #2d2d2d; border-bottom-color: #555; } /*Topbar*/ .header.header-dark .topbar ul.languages { background: #444; } .header.header-dark .topbar ul.loginbar li.topbar-devider { border-right-color: #666; } .header.header-dark .topbar ul.languages li a { color: #bbb; } .header.header-dark .topbar ul.languages:after { border-bottom-color: #444; } .header.header-dark .topbar ul.languages li a:hover, .header.header-dark .topbar ul.languages li.active a { color: #bbb; background: #555; } /*Navbar Nav*/ .header.header-dark .navbar-nav > li > a { color: #ddd; } .header.header-dark .navbar-nav > .open > a, .header.header-dark .navbar-nav > .open > a:hover, .header.header-dark .navbar-nav > .open > a:focus { background: inherit; } @media (max-width: 991px) { .header.header-dark .navbar-nav > li a { border-bottom-color: #666; } .header.header-dark .navbar-nav .dropdown > a:hover { color: #72c02c; background: inherit; } .header.header-dark .navbar-nav .open > a, .header.header-dark .navbar-nav .open > a:hover, .header.header-dark .navbar-nav .open > a:focus { border-bottom-color: #666; } .header.header-dark .navbar-nav .open .dropdown-menu > li > a { color: #bbb; } .header.header-dark .navbar-nav .open .dropdown-menu > li > a:hover, .header.header-dark .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff !important; } .header.header-dark .navbar-nav .open .dropdown-menu > .active > a, .header.header-dark .navbar-nav .open .dropdown-menu > .active > a:hover, .header.header-dark .navbar-nav .open .dropdown-menu > .active > a:focus { color: #bbb; background: #444; } .header.header-dark .dropdown .dropdown-submenu > a { color: #bbb !important; } } @media (min-width: 992px) { .header.header-dark .navbar-nav > li > a:hover, .header.header-dark .navbar-nav > .active > a { color: #72c02c !important; } .header.header-dark .dropdown-menu { background: #2d2d2d; } .header.header-dark .dropdown-menu li > a { color: #bbb; border-bottom-color: #666; } .header.header-dark .dropdown-menu .active > a, .header.header-dark .dropdown-menu li > a:hover { background: #202020 !important; } } /*Search*/ .header.header-dark .nav > li > .search { background: #444; } .header.header-dark .search-open { background: #2d2d2d; border-top-color: #555; box-shadow: 0 1px 3px #888; } .header.header-dark .input-group .form-control { color: #bbb; background: #555; border-color: #999; box-shadow: 0 0 2px #555; } /*Mega Menu*/ .header.header-dark .mega-menu .equal-height-list h3 { color: #eee; } @media (max-width: 991px) { .header.header-dark .mega-menu .equal-height-list li a { color: #bbb; border-bottom-color: #666; } .header.header-dark .mega-menu .equal-height-list li a:focus, .header.header-dark .mega-menu .equal-height-list li a:hover { color: #fff; } .header.header-dark .mega-menu .equal-height-list h3 { border-bottom-color: #666; } } @media (min-width: 992px) { .header.header-dark .mega-menu .equal-height-in { border-left-color: #666; } } /*-------------------------------------------------- [8. Header - Fixed] ----------------------------------------------------*/ /*Header*/ .header-fixed .header { height: auto; } .header-fixed .header.header-sticky { margin-top: 0; transition: all 0.2s ease-in-out; position: fixed; top: 0; left: 0; width: 100%; } /*z-index fixed in v1.9 for layer slider arrows*/ .header-fixed .header.header-fixed-shrink { z-index: 10100; border-bottom: none; box-shadow: 0 0 3px #bbb; background: rgba(255,255,255, 0.96); transition: all 0.3s ease-in-out; } @media (max-width: 991px) { /*Header*/ .header-fixed .header.header-sticky, .header-fixed .header.header-fixed-shrink { position: relative; } } @media (min-width: 992px) { .header-fixed .header.header-fixed-shrink { margin-top: -35px; } .header-fixed .header.header-fixed-shrink > .container { margin-bottom: -46px; } /*Logo*/ .header-fixed .header.header-fixed-shrink .logo img { max-width: 105px; margin: 45px 0 -4px; } /*Navbar Nav*/ .header-fixed .header.header-fixed-shrink .navbar-nav > li > a { padding-top: 19px; padding-bottom: 19px; } .header-fixed .header.header-fixed-shrink .navbar-nav > li > a:hover, .header-fixed .header.header-fixed-shrink .navbar-nav > .active > a { border-bottom: none; } /*Dropdown*/ .header-fixed .header.header-fixed-shrink .dropdown > a:after { top: 20px; } /*Search*/ .header-fixed .header.header-fixed-shrink .nav > li > .search { color: #777; padding: 20px 0 22px; background: inherit; border-bottom: none; } .header-fixed .header.header-fixed-shrink .nav .search-open { top: 60px; } } /*-------------------------------------------------- [9. Header - Fixed Boxed] ----------------------------------------------------*/ .boxed-layout.header-fixed .header.header-sticky { left: inherit; width: inherit; } /*Footer-v1 ------------------------------------*/ .footer-v1 .footer { padding: 40px 0; background: #272727; } .footer-v1 .footer p { color: #eee; } .footer-v1 .footer h2 { color: #eee; font-size: 18px; font-weight: 200; } /*Link List*/ .footer-v1 .link-list li { border-top: solid 1px #353535; } .footer-v1 address, .footer-v1 .link-list a, .footer-v1 .link-list i { color: #eee; } .footer-v1 address { line-height: 23px; } /*Dotted Map*/ .footer-v1 .footer .map-img { background: url(/assets/img/map-img.png) 5px 60px no-repeat; } /*Blog Posts (with images)*/ .footer-v1 .footer .posts .dl-horizontal a { color: #dadada; } .footer-v1 .footer .dl-horizontal a:hover { color: #5fb611 !important; } /*Copyright*/ .footer-v1 .copyright { background: #222; border-top: none; padding: 10px 0 5px; } .footer-v1 .copyright p { color: #eee; margin-top: 14px; } .footer-v1 .copyright a { margin: 0 2px; } .footer-v1 .footer-socials { margin-top: 12px; text-align: right; } .footer-v1 .footer-socials li a { color: #777; font-size: 16px; } @media (max-width: 991px) { .footer-v1 .copyright, .footer-v1 .footer-socials { text-align: left; } } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @font-face { font-family: 'Simple-Line-Icons'; src:url(/assets/plugins/line-icons/fonts/Simple-Line-Icons.eot); src:url(/assets/plugins/line-icons/fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'), url(/assets/plugins/line-icons/fonts/Simple-Line-Icons.woff) format('woff'), url(/assets/plugins/line-icons/fonts/Simple-Line-Icons.ttf) format('truetype'), url(/assets/plugins/line-icons/fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'Simple-Line-Icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-moustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-disc:before { content: "\e022"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-credit-card:before { content: "\e025"; } .icon-chemistry:before { content: "\e026"; } .icon-user:before { content: "\e005"; } .icon-speedometer:before { content: "\e007"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglasses:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-map:before { content: "\e033"; } .icon-layers:before { content: "\e034"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-frame:before { content: "\e038"; } .icon-folder-alt:before { content: "\e039"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-directions:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-compass:before { content: "\e045"; } .icon-call-out:before { content: "\e046"; } .icon-call-in:before { content: "\e047"; } .icon-call-end:before { content: "\e048"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-microphone:before { content: "\e063"; } .icon-loop:before { content: "\e064"; } .icon-logout:before { content: "\e065"; } .icon-login:before { content: "\e066"; } .icon-list:before { content: "\e067"; } .icon-like:before { content: "\e068"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-equalizer:before { content: "\e06c"; } .icon-dislike:before { content: "\e06d"; } .icon-cursor:before { content: "\e06e"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-bar-chart:before { content: "\e077"; } .icon-arrow-up:before { content: "\e078"; } .icon-arrow-right:before { content: "\e079"; } .icon-arrow-left:before { content: "\e07a"; } .icon-arrow-down:before { content: "\e07b"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camcorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-close:before { content: "\e082"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-doc:before { content: "\e085"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-folder:before { content: "\e089"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; } .icon-pointer:before { content: "\e096"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-users:before { content: "\e001"; } .da-slider,.da-slider img{ width: 100%; height: 300px; position: relative; margin: 0 auto; overflow: hidden; box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff; -webkit-transition: background-position 1.4s ease-in-out 0.3s; -moz-transition: background-position 1.4s ease-in-out 0.3s; -o-transition: background-position 1.4s ease-in-out 0.3s; -ms-transition: background-position 1.4s ease-in-out 0.3s; transition: background-position 1.4s ease-in-out 0.3s; } .da-slide{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; text-align: left; } .da-slide-current{ z-index: 10; } .da-slider-fb .da-slide{ left: 100%; } .da-slider-fb .da-slide.da-slide-current{ left: 0px; } .da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img{ position: absolute; opacity: 0; left: 110%; } .da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{ left: 10%; opacity: 1; } .da-slider-fb .da-slide .da-img{ left: 60%; opacity: 1; } .da-slide h2{ font-family: 'Open Sans', sans-serif; color: #f9f9f9 !important; line-height:50px; top: 100px; z-index: 10; padding:0; margin-left:-2%; font-weight: 400 !important; } .da-slide h2 i { font-size: 36px; font-style:normal; padding:0 5px; text-transform:uppercase; background-color: rgba(46, 98, 0, 0.8); } .da-slide p { font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:400; line-height: 25px; width:100%; top: 300px; color: #fff; overflow: hidden; margin-left:-2%; } .da-slide p i { background:url(/assets/plugins/parallax-slider/img/bg-text.png) repeat; padding:0 10px; font-style:normal; } .da-slide .da-img{ text-align: center; width: 50%; top: 80px; height: 328px; line-height: 320px; left: 110%; /*60%*/ margin-left:-16%; } .da-slide-current .da-img{ left: 60%; opacity: 1; } .da-slide .da-link{ top: 320px; /*depends on p height*/ border-radius: 3px !important; min-width:15%; color: #666; text-shadow:0 1px 0 #eee; box-shadow: 0 0 4px #bbb; border: 1px solid #fff; padding: 2px 20px; font-size: 25px; text-align: center; background: rgba(255,255,255,0.2); } .da-slide .da-link:hover{ background: rgba(255,255,255,0.3); box-shadow: 0 0 5px #eee; text-decoration:none; } .da-dots{ width: 100%; position: absolute; text-align: center; left: 0px; bottom: 15px; z-index: 1; -moz-user-select: none; -webkit-user-select: none; } .da-dots span{ display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 50% !important; background: url(/assets/plugins/parallax-slider/img/bg-text.png) repeat; margin: 3px; cursor: pointer; } .da-dots span.da-dots-current:after{ content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50% !important; background:#fff; } .da-arrows{ -moz-user-select: none; -webkit-user-select: none; } .da-arrows span{ background: transparent url(/assets/plugins/parallax-slider/img/arrows.png) no-repeat; position: absolute; top: 50%; height: 50px; width: 49px; margin-top: -25px; cursor: pointer; z-index: 10; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s; } .da-slider:hover .da-arrows span{ opacity: 0.8; } .da-slider:hover .da-arrows span:hover{ opacity: 1; } .da-arrows span:after{ content: ''; position: absolute; width: 49px; height: 49px; } .da-arrows span.da-arrows-prev{ left: 12px; background-position:0 -68px; } .da-arrows span.da-arrows-next{ right: 15px; background-position:0 1px; } .da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{ left: 10%; opacity: 1; } /* Animation classes and animations */ /* Slide in from the right*/ .da-slide-fromright h2{ -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both; animation: fromRightAnim1 0.6s ease-in 0.8s both; } .da-slide-fromright p{ -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both; animation: fromRightAnim2 0.6s ease-in 0.8s both; } .da-slide-fromright .da-link{ -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in 1.2s both; -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both; animation: fromRightAnim3 0.4s ease-in 1.2s both; } .da-slide-fromright .da-img{ -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both; animation: fromRightAnim4 0.6s ease-in 0.8s both; } @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide in from the left*/ .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both; animation: fromLeftAnim1 0.6s ease-in 0.6s both; } .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both; animation: fromLeftAnim2 0.6s ease-in 0.6s both; } .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both; animation: fromLeftAnim3 0.4s ease-in 1.2s both; } .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both; animation: fromLeftAnim4 0.6s ease-in 0.6s both; } @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide out to the right */ .da-slide-toright h2{ -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in 0.6s both; -o-animation: toRightAnim1 0.6s ease-in 0.6s both; -ms-animation: toRightAnim1 0.6s ease-in 0.6s both; animation: toRightAnim1 0.6s ease-in 0.6s both; } .da-slide-toright p{ -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in 0.3s both; -o-animation: toRightAnim2 0.6s ease-in 0.3s both; -ms-animation: toRightAnim2 0.6s ease-in 0.3s both; animation: toRightAnim2 0.6s ease-in 0.3s both; } .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 0.4s ease-in both; -moz-animation: toRightAnim3 0.4s ease-in both; -o-animation: toRightAnim3 0.4s ease-in both; -ms-animation: toRightAnim3 0.4s ease-in both; animation: toRightAnim3 0.4s ease-in both; } .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 0.6s ease-in both; -moz-animation: toRightAnim4 0.6s ease-in both; -o-animation: toRightAnim4 0.6s ease-in both; -ms-animation: toRightAnim4 0.6s ease-in both; animation: toRightAnim4 0.6s ease-in both; } @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } /* Slide out to the left*/ .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 0.6s ease-in both; -moz-animation: toLeftAnim1 0.6s ease-in both; -o-animation: toLeftAnim1 0.6s ease-in both; -ms-animation: toLeftAnim1 0.6s ease-in both; animation: toLeftAnim1 0.6s ease-in both; } .da-slide-toleft p{ -webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both; -o-animation: toLeftAnim2 0.6s ease-in 0.3s both; -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both; animation: toLeftAnim2 0.6s ease-in 0.3s both; } .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 0.4s ease-in both; -moz-animation: toLeftAnim3 0.4s ease-in both; -o-animation: toLeftAnim3 0.4s ease-in both; -ms-animation: toLeftAnim3 0.4s ease-in both; animation: toLeftAnim3 0.4s ease-in both; } .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both; -o-animation: toLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both; animation: toLeftAnim4 0.6s ease-in 0.6s both; } @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } /*Higher Resolutions*/ @media (min-width: 1440px) { .da-slide h2, .da-slide p { margin-left:3%; } .da-slide .da-img{ margin-left:-18%; } } @media (min-width: 1680px) { .da-slide h2, .da-slide p { margin-left:7%; } .da-slide .da-img{ margin-left:-20%; } } @media (min-width: 1920px) { .da-slide h2, .da-slide p { margin-left:12%; } .da-slide .da-img{ margin-left:-22%; } } /* * Core Owl Carousel CSS File * v1.24 */ /* 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{ 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(/assets/plugins/owl-carousel/owl-carousel/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); } /* CSS3 Transitions */ .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); } } .swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:hsl(0,0%,33%);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid hsl(0,0%,85%);border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:hsl(0,0%,94%);color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:rgb(249.95234375,205.965625,167.74765625);color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:rgb(156.7033492823,224.2822966507,246.2966507177);color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:rgb(200.8064516129,217.9677419355,225.1935483871);color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/assets/plugins/fancybox/source/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/assets/plugins/fancybox/source/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/assets/plugins/fancybox/source/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/assets/plugins/fancybox/source/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/assets/plugins/fancybox/source/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/assets/plugins/fancybox/source/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* * Version: 1.8 * Blue Color: #3498db; * Blue Hover Color: #2980b9; * Additional color: #deeffc; * rgba(52, 152, 219, 1); */ a { color: #3498db; } a:focus, a:hover, a:active { color: #3498db; } .color-green { color: #3498db; } a.read-more:hover { color:#3498db; } .linked:hover { color:#3498db; } /* Headers Default ------------------------------------*/ .header .navbar-nav > .active > a { color: #3498db; } .header .navbar-nav > .active > a { border-color: #3498db; } .header .dropdown-menu { border-top: solid 2px #3498db; } .header .navbar-nav > li:hover > a { color: #2980b9; } .header .nav > li > .search:hover { border-bottom-color: #2980b9; color: #2980b9; } .header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a { border-bottom-color: #3498db; } .header .navbar-toggle { border-color: #2980b9; } .header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus { background: #3498db; } .header .navbar-toggle:hover { background: #2980b9 !important; } .header .navbar-nav > .open > a, .header .navbar-nav > .open > a:hover, .header .navbar-nav > .open > a:focus { color: #3498db; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background: #3498db; color: #fff !important; } .header .navbar-nav > .active > a { border-color: #eee; } .header .nav > li > .search:hover { background: #3498db; } } /*Dark version*/ @media (max-width: 991px) { .header.header-dark .navbar-nav .dropdown > a:hover { color: #3498db; } } @media (min-width: 992px) { .header.header-dark .navbar-nav > li > a:hover, .header.header-dark .navbar-nav > .active > a { color: #3498db !important; } } /* Headers v1 ------------------------------------*/ /*Fix hover color for the little icons v1.9*/ .header-v1 .topbar-v1 .top-v1-data li a:hover i { color: #3498db; } .header-v1 .navbar-default .navbar-nav > .active > a, .header-v1 .navbar-default .navbar-nav > li > a:hover, .header-v1 .navbar-default .navbar-nav > li > a:focus { color: #3498db; } .header-v1 .dropdown-menu { border-color: #3498db } .header-v1 .navbar-default .navbar-nav > li:hover > a { color: #3498db; } .header-v1 .navbar .nav > li > .search:hover { color: #3498db; } .header-v1 .navbar .nav > li > .search:hover { color: #3498db; } .header-v1 .navbar-default .navbar-toggle { border-color: #2980b9; } .header-v1 .navbar-toggle, .header-v1 .navbar-default .navbar-toggle:hover, .header-v1 .navbar-default .navbar-toggle:focus { background: #3498db; } .header-v1 .navbar-toggle:hover { background: #2980b9 !important; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v1 .navbar-default .navbar-nav > li:hover > a { border-color: #eee; } .header-v1 .navbar-default .navbar-nav > .active > a, .header-v1 .navbar-default .navbar-nav > .active > a:hover, .header-v1 .navbar-default .navbar-nav > .active > a:focus { background-color: #3498db; } .header-v1 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v1 .navbar .nav > li > .search:hover { background-color: #3498db; } } /* Headers v2 ------------------------------------*/ .header-v2 .dropdown-menu { border-color: #3498db; } .header-v2 .navbar-default .navbar-toggle { border-color: #2980b9; } .header-v2 .navbar-toggle, .header-v2 .navbar-default .navbar-toggle:hover, .header-v2 .navbar-default .navbar-toggle:focus { background: #3498db; } .header-v2 .navbar-toggle:hover { background: #2980b9 !important; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v2 .navbar-default .navbar-nav > .active > a, .header-v2 .navbar-default .navbar-nav > .active > a:hover, .header-v2 .navbar-default .navbar-nav > .active > a:focus { background: #3498db; color: #fff !important; } .header-v2 .navbar-default .navbar-nav > li > a:hover { color: #3498db; } } /* Headers v3 ------------------------------------*/ .header-v3 .navbar-default .navbar-nav > .active > a { color: #3498db; } .header-v3 .navbar-default .navbar-nav > li:hover > a { color: #2980b9; } .header-v3 .dropdown-menu { border-color: #3498db; } .header-v3 .navbar-default .navbar-toggle { border-color: #2980b9; } .header-v3 .navbar-toggle, .header-v3 .navbar-default .navbar-toggle:hover, .header-v3 .navbar-default .navbar-toggle:focus { background: #3498db; } .header-v3 .navbar-toggle:hover { background: #2980b9 !important; } .header-v3 .navbar .nav > li > .search:hover { background: inherit; color: #3498db; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v3 .navbar-default .navbar-nav > .active > a, .header-v3 .navbar-default .navbar-nav > .active > a:hover, .header-v3 .navbar-default .navbar-nav > .active > a:focus { background: #3498db; color: #fff !important; } .header-v3 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v3 .navbar .nav > li > .search:hover { background: #3498db; } } /* Headers v4 ------------------------------------*/ /*Fix hover color for the little icons v1.9*/ .topbar-v1 .top-v1-data li a:hover i { color: #3498db; } .header-v4 .navbar-default .navbar-nav > li > a:hover, .header-v4 .navbar-default .navbar-nav > .active > a { border-color: #3498db; } .header-v4 .navbar-default .navbar-nav > .active > a { color: #3498db; } .header-v4 .navbar-default .navbar-nav > li:hover > a { border-color: #3498db; color: #2980b9; } .header-v4 .navbar .nav > li > .search:hover { color: #3498db; } .header-v4 .navbar-default .navbar-nav > .open > a, .header-v4 .navbar-default .navbar-nav > .open > a:hover, .header-v4 .navbar-default .navbar-nav > .open > a:focus { color: #3498db; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v4 .navbar-default .navbar-nav > li:hover > a { border-color: #eee; } .header-v4 .navbar-default .navbar-nav > .active > a, .header-v4 .navbar-default .navbar-nav > .active > a:hover, .header-v4 .navbar-default .navbar-nav > .active > a:focus { color: #3498db !important; } .header-v4 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v4 .navbar .nav > li > .search:hover { background: #3498db; } } /* Headers v5 ------------------------------------*/ /*bug fixed v1.9*/ @media (min-width: 992px) { .header-v5 .navbar-default .navbar-nav > li > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a { border-top: 2px solid #3498db; } } .header-v5 .navbar-default .navbar-nav > .active > a { color: #3498db; } .header-v5 .navbar-default .navbar-nav > li:hover > a { color: #3498db; } .header-v5 .navbar-default .navbar-nav > .open > a, .header-v5 .navbar-default .navbar-nav > .open > a:hover, .header-v5 .navbar-default .navbar-nav > .open > a:focus { color: #3498db; } .header-v5 .dropdown-menu li > a:hover { background: #3498db; } .header-v5 .dropdown-menu .active > a, .header-v5 .dropdown-menu li > a:hover { background: #3498db; } .header-v5 .dropdown-menu { border-color: #3498db; } .header-v5 .dropdown-menu li.dropdown-submenu:hover > a { background: #3498db; } .header-v5 .dropdown-menu .style-list li > a:hover { background: none; } .header-v5 .style-list li a:hover { color: #3498db; } /*bug fixed v1.9*/ .header-v5 .subtotal .subtotal-cost { color: #3498db; } /*bug fixed v1.9*/ @media (max-width: 991px) { /*Responsive code for max-width: 991px*/ .header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus { background: #3498db !important; } } /* Shopping cart ------------------------------------*/ /*Keeping the cart gray v1.9*/ /*.header-v5 .shop-badge.badge-icons i { color: #3498db; }*/ .header-v5 .shop-badge span.badge-sea { background: #3498db; } .header-v5 .badge-open { border-top: 2px solid #3498db; box-shadow: 0 5px 5px 0 rgba(52, 152, 219, 0.075); } /* Header v6 ------------------------------------*/ /* Search */ .header-v6 .shopping-cart .shopping-cart-open { border-top-color: #3498db !important; } .header-v6 li.menu-icons span.badge { background: #3498db; } /* Dropdown Menu */ .header-v6 .dropdown-menu { border-top-color: #3498db; } /* Media Queries */ @media (max-width: 991px) { /* Navbar Nav */ .header-v6 .navbar-nav > .active > a, .header-v6 .navbar-nav > .active > a:hover, .header-v6 .navbar-nav > .active > a:focus { color: #3498db !important; } .header-v6 .nav .open > a, .header-v6 .nav .open > a:hover, .header-v6 .nav .open > a:focus { border-color: #eee; } .header-v6 .navbar-nav > li > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > li > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > li > a:focus, .header-v6 .navbar-nav .open .dropdown-menu > .active > a, .header-v6 .navbar-nav .open .dropdown-menu > .active > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > .active > a:focus { color: #3498db !important; } .header-v6 .mega-menu .equal-height-list li a:hover { color: #3498db !important; } /* Classic Dark */ .header-v6 .mega-menu .equal-height-list li a:hover { color: #3498db; } /* Dark Responsive Navbar */ .header-v6.header-dark-res-nav .navbar-nav > li a:hover, .header-v6.header-dark-res-nav .navbar-nav .open .dropdown-menu > li > a:hover { color: #3498db; } .header-v6.header-dark-res-nav .nav .open > a, .header-v6.header-dark-res-nav .nav .open > a:hover, .header-v6.header-dark-res-nav .nav .open > a:focus { border-color: #555; } } @media (min-width: 992px) { /* Default Style */ .header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover { color: #3498db !important; } .header-v6 .dropdown-menu .active > a, .header-v6 .dropdown-menu li > a:hover, .header-fixed .header-v6.header-fixed-shrink .dropdown-menu .active > a, .header-fixed .header-v6.header-fixed-shrink .dropdown-menu li > a:hover { color: #3498db !important; } .header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover { color: #3498db; } /* Classic White */ .header-fixed .header-v6.header-classic-white .navbar-nav .active > a, .header-fixed .header-v6.header-classic-white .navbar-nav li > a:hover { color: #3498db; } /* Classic Dark */ .header-v6.header-classic-dark .navbar-nav .active > a, .header-v6.header-classic-dark .navbar-nav li > a:hover, .header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav li > a:hover { color: #3498db; } .header-v6.header-classic-dark .dropdown-menu .active > a, .header-v6.header-classic-dark .dropdown-menu li > a:hover { color: #3498db !important; } /* Dark Dropdown */ .header-v6.header-dark-dropdown .dropdown-menu .active > a, .header-v6.header-dark-dropdown .dropdown-menu li > a:hover { color: #3498db; } /* Dark Scroll */ .header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav li > a:hover { color: #3498db; } } /* Header v7 ------------------------------------*/ .header-v7 .navbar-default .navbar-nav > li > a:hover, .header-v7 .navbar-default .navbar-nav > li.active > a { color: #3498db !important; } .header-v7 .dropdown-menu .active > a, .header-v7 .dropdown-menu li > a:focus, .header-v7 .dropdown-menu li > a:hover { color: #3498db !important; } .header-v7 .navbar-default .navbar-nav > li > a:hover, .header-v7 .navbar-default .navbar-nav > li > a:focus, .header-v7 .navbar-default .navbar-nav > .active > a, .header-v7 .navbar-default .navbar-nav > .active > a:hover, .header-v7 .navbar-default .navbar-nav > .active > a:focus { color: #3498db; } .header-socials li a:hover { color: #3498db; } /* Sliders ------------------------------------*/ /* Main Parallax Sldier */ .da-slide h2 i { background-color: rgba(52, 152, 219, 0.8); } /* Sequence Parallax Sldier */ .sequence-inner { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#deeffc)); background: -webkit-linear-gradient(#fff, #deeffc); background: -moz-linear-gradient(#fff, #deeffc); background: -ms-linear-gradient(#fff, #deeffc); background: -o-linear-gradient(#fff, #deeffc); background: linear-gradient(#fff, #deeffc) } #sequence-theme h2 { background: rgba(52, 152, 219, 0.8); } #sequence-theme .info p { background: rgba(52, 152, 219, 0.8); } /* Buttons ------------------------------------*/ .btn-u { background: #3498db; } .btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: #2980b9; color: #fff; } /* Buttons Color */ .btn-u-split.dropdown-toggle { border-left: solid 1px #2980b9; } /* Bordered Buttons */ .btn-u.btn-brd { border-color: #3498db; } .btn-u.btn-brd:hover { color: #2980b9; border-color: #2980b9; } .btn-u.btn-brd.btn-brd-hover:hover { background: #2980b9; } /* Service ------------------------------------*/ .service .service-icon { color:#3498db; } /* Service Blocks */ .service-alternative .service:hover { background:#3498db; } /* Thumbnail (Recent Work) ------------------------------------*/ .thumbnail-style h3 a:hover { color:#3498db; } .thumbnail-style a.btn-more { background:#3498db; } .thumbnail-style a.btn-more:hover { box-shadow:0 0 0 2px #2980b9; } /* Typography ------------------------------------*/ /* Heading */ .headline h2, .headline h3, .headline h4 { border-bottom:2px solid #3498db; } /* Blockquote */ blockquote:hover { border-left-color:#3498db; } .hero { border-left-color: #3498db; } blockquote.hero.hero-default { background: #3498db; } blockquote.hero.hero-default:hover { background: #2980b9; } /* Carousel ------------------------------------*/ .carousel-arrow a.carousel-control:hover { color: #3498db; } /* Footer ------------------------------------*/ .footer a, .copyright a, .footer a:hover, .copyright a:hover { color: #3498db; } /* Footer Blog */ .footer .dl-horizontal a:hover { color:#3498db !important; } /* Blog Posts ------------------------------------*/ .posts .dl-horizontal a:hover { color:#3498db; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #3498db; border-color: #3498db !important; } /* Post Comment */ .post-comment h3, .blog-item .media h3, .blog-item .media h4.media-heading span a { color: #3498db; } /* Tabs ------------------------------------*/ /* Tabs v1 */ .tab-v1 .nav-tabs { border-bottom: solid 2px #3498db; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background: #3498db; } .tab-v1 .nav-tabs > li > a:hover { background: #3498db; } /* Tabs v2 */ .tab-v2 .nav-tabs li.active a { border-top: solid 2px #3498db; } /* Tabs v3 */ .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { background: #3498db; border: solid 1px #2980b9; } /* Accardion ------------------------------------*/ .acc-home a.active, .acc-home a.accordion-toggle:hover { color:#3498db; } .acc-home .collapse.in { border-bottom:solid 1px #3498db; } /* Testimonials ------------------------------------*/ .testimonials .testimonial-info { color: #3498db; } .testimonials .carousel-arrow i:hover { background: #3498db; } /* Info Blocks ------------------------------------*/ .info-blocks:hover i.icon-info-blocks { color: #3498db; } /* Breadcrumb ------------------------------------*/ .breadcrumb li.active, .breadcrumb li a:hover { color:#3498db; } /* About Page ------------------------------------*/ .team .thumbnail-style:hover h3 a { color:#3498db !important; } /* Social Icons */ .team ul.team-socail li i:hover { background: #3498db; } /* Right Sidebar ------------------------------------*/ /* Right Sidebar */ .who li i, .who li:hover i, .who li:hover a { color:#3498db; } /* Privacy Page ------------------------------------*/ .privacy a:hover { color:#3498db; } /* Portfolio Page ------------------------------------*/ /* Portfolio v1 */ .view a.info:hover { background: #3498db; } /* Portfolio v2 */ .sorting-block .sorting-nav li.active { color: #3498db; border-bottom: solid 1px #3498db; } .sorting-block .sorting-grid li a:hover span.sorting-cover { background: #3498db; } /* Blog Page ------------------------------------*/ .blog h3 { color:#3498db; } .blog li a:hover { color:#3498db; } /* Blog Tags */ ul.blog-tags a:hover { background: #3498db; } .blog-post-tags ul.blog-tags a:hover { background: #3498db; } /* Blog Photos */ .blog-photos li img:hover { box-shadow: 0 0 0 2px #3498db; } /* Blog Latest Tweets */ .blog-twitter .blog-twitter-inner:hover { border-color: #3498db; border-top-color: #3498db; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #3498db; } .blog-twitter .blog-twitter-inner a { color: #3498db; } /* Blog Item Page ------------------------------------*/ .blog-item h4.media-heading span a { color:#3498db; } /* Coming Soon Page ------------------------------------*/ .coming-soon-border { border-top: solid 3px #3498db; } /* Search Page ------------------------------------*/ .booking-blocks p a { color: #3498db; } /* Icons Page ------------------------------------*/ .icon-page li:hover { color:#3498db; } /* Glyphicons */ .glyphicons-demo a:hover { color: #3498db; text-decoration: none; } /* Social Icons ------------------------------------*/ .social-icons-v1 i:hover { color: #fff; background: #3498db; } /* Magazine Page ------------------------------------*/ /* Magazine News */ .magazine-news .by-author strong { color: #3498db; } .magazine-news a.read-more { color: #3498db; } /* Magazine Mini News */ .magazine-mini-news .post-author strong { color: #3498db; } .news-read-more i { background: #3498db; } /* Sidebar Features */ .magazine-page h3 a:hover { color: #3498db; } /* Page Features ------------------------------------*/ /* Tag Boxes v1 */ .tag-box-v1 { border-top: solid 2px #3498db; } /* Tag Boxes v2 */ .tag-box-v2 { border-left: solid 2px #3498db; } /* Tag Boxes v7 */ .tag-box-v7 { border-bottom: solid 2px #3498db; } /* Font Awesome Icon Page Style */ .fa-icons li:hover { color: #3498db; } .fa-icons li:hover i { background: #3498db; } /* GLYPHICONS Icons Page Style */ .bs-glyphicons li:hover { color: #3498db; } /* Navigation ------------------------------------*/ /* Pagination */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #3498db; border-color: #3498db; } .pagination li a:hover { background: #2980b9; border-color: #2980b9; } /* Pager */ .pager li > a:hover, .pager li > a:focus { background: #2980b9; border-color: #2980b9; } .pager.pager-v2 li > a:hover, .pager.pager-v2 li > a:focus, .pager.pager-v3 li > a:hover, .pager.pager-v3 li > a:focus { color: #fff; background: #3498db; } /* Registration and Login Page v2 ------------------------------------*/ .reg-block { border-top: solid 2px #3498db; } /*Image Hover ------------------------------------*/ /* Image-hover */ #effect-2 figure .img-hover { background: #3498db; } /* Blog Large Page ------------------------------------*/ .blog h2 a:hover { color: #3498db; } /* Timeline v1 Page ------------------------------------*/ .timeline-v1 > li > .timeline-badge i:hover { color: #3498db; } .timeline-v1 .timeline-footer .likes:hover i { color: #3498db; } /* Timeline v2 Page ------------------------------------*/ /* The icons */ .timeline-v2 > li .cbp_tmicon { background: #3498db; } /* Progress Bar ------------------------------------*/ .progress-bar-u { background: #3498db; } /* Job Inner Page ------------------------------------*/ .job-description .save-job a:hover, .block-description .save-job a:hover { color: #3498db; } .job-description .p-chart .overflow-h li i, .job-description .p-chart .overflow-h li a, .block-description .p-chart .overflow-h li i, .block-description .p-chart .overflow-h li a { color: #3498db; } /* Colorful-ul */ .job-description .colorful-ul li a { color: #3498db; } /* Search Inner Page ------------------------------------*/ .s-results .related-search a:hover { color: #3498db; } .s-results .inner-results h3 a:hover { color: #3498db; } .s-results .up-ul li a:hover { color: #3498db; } .s-results .down-ul li a { color: #3498db; } /* Funny Boxes ------------------------------------*/ .funny-boxes p a { color: #3498db; } .funny-boxes .funny-boxes-img li i { color: #3498db; } .funny-boxes-colored p, .funny-boxes-colored h2 a, .funny-boxes-colored .funny-boxes-img li, .funny-boxes-colored .funny-boxes-img li i { color: #fff; } /* Sidebar Sub Navigation ------------------------------------*/ .sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: #3498db; } /* Blockquote ------------------------------------*/ blockquote.bq-green { border-color: #3498db; } blockquote:hover, blockquote.text-right:hover { border-color: #3498db; } .quote-v1 p::before { color: #3498db; } /* Green Left Bordered Funny Box */ .funny-boxes-left-green { border-left: solid 2px #3498db; } .funny-boxes-left-green:hover { border-left-color: #3498db; } /* Testimonials Default ------------------------------------*/ /* Testimonials */ .testimonials .carousel-arrow i:hover { background: #3498db; } /* Testimonials Default */ .testimonials-bg-default .item p { background: #3498db; } .testimonials.testimonials-bg-default .item p:after, .testimonials.testimonials-bg-default .item p:after { border-top-color: #3498db; } .testimonials-bg-default .carousel-arrow i { background: #3498db; } .testimonials.testimonials-bg-default .carousel-arrow i:hover { background: #2980b9; } /* Promo Page ------------------------------------*/ /* Promo Box */ .promo-box:hover strong, .promo-box:hover strong a { color: #3498db; } /* Typography ------------------------------------*/ .dropcap { color: #3498db; } .dropcap-bg { color: #fff; background: #3498db; } /* Breadcrumbs ------------------------------------*/ span.label-u, span.badge-u { background: #3498db; } /* Icons ------------------------------------*/ /* Icon Link*/ .link-icon:hover i { color: #3498db; border: solid 1px #3498db; } .link-bg-icon:hover i { color: #3498db; background: #3498db !important; border-color: #3498db; } /* Icons Backgroun Color ------------------------------------*/ i.icon-color-u { color: #3498db; border: solid 1px #3498db; } i.icon-bg-u { background: #3498db; } /* Line Icon Page ------------------------------------*/ .line-icon-page .item:hover { color: #3498db; } /* Colored Content Boxes ------------------------------------*/ .service-block-u { background: #3498db; } /* Panels (Portlets) ------------------------------------*/ .panel-u { border-color: #3498db; } .panel-u > .panel-heading { background: #3498db; } /* Owl Carousel ------------------------------------*/ .owl-btn:hover { background: #3498db; } /* Counter ------------------------------------*/ .counters span.counter-icon i { background: #3498db; } .counters span.counter-icon i:after { border-top: 7px solid #3498db; } /* SKy-Forms ------------------------------------*/ /* Buttons */ .sky-form .button { background: #3498db; } /* Rating */ .sky-form .rating input:checked ~ label { color: #3498db; } /* Message */ .sky-form .message { color: #3498db; } .sky-form .message i { border-color: #3498db; } /* Profile ------------------------------------*/ .profile .profile-post:hover span.profile-post-numb { color: #3498db; } .profile .date-formats { background: #3498db; } .profile .name-location span i, .profile .name-location span a:hover { color: #3498db; } .share-list li i { color: #3498db; } .profile .comment-list-v2 li:hover i, .profile .comment-list li:hover i { color: #3498db; } .profile .profile-post.color-one { border-color: #3498db; } /* Pricing Page ------------------------------------*/ /* Pricing Head */ .pricing:hover h4 { color:#3498db; } .pricing-head h3 { background:#3498db; text-shadow: 0 1px 0 #2980b9; } .pricing-head h4 { color:#999; background:#fcfcfc; border-bottom:solid 1px #deeffc; } /* Pricing Content */ .pricing-content li { border-bottom:solid 1px #deeffc; } .pricing-content li i { color:#3498db; } /* Pricing Extra */ .sticker-left { background: #3498db; } /* Pricing Footer */ .pricing-footer a:hover, .pricing-footer button:hover { background:#2980b9; } /* Pricing Active */ .price-active h4 { color:#3498db; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color:#3498db; } /* Mega Pricing Tables ------------------------------------*/ .pricing-mega-v1 .pricing-head h3, .pricing-mega-v2 .pricing-head h3, .pricing-mega-v3 .pricing-head h3 { text-shadow: 0 1px 0 #2980b9; } /* Pricing Table Mega v1 Version ------------------------------------*/ .pricing-mega-v1 .pricing:hover h4 i { color:#3498db; } .pricing-mega-v1 .pricing-content li i { color: #3498db; } /* Pricing Table Colored Background Version ------------------------------------*/ .pricing-bg-colored .pricing:hover { background: #3498db; } .pricing-bg-colored .pricing-head i { color:#3498db; } .pricing-bg-colored .pricing-footer .btn-u { border: 1px solid #fff; } .pricing-bg-colored .pricing-head p { border-bottom: 1px solid #deeffc; } /* Pricing Table Mega v2 ------------------------------------*/ .pricing-mega-v2 .block:hover .bg-color { background: #3498db; } .pricing-mega-v2 .block:hover h3, .pricing-mega-v2 .block:hover h4, .pricing-mega-v2 .block:hover li, .pricing-mega-v2 .block:hover li i, .pricing-mega-v2 .block:hover h4 i { background: #3498db; } /* Pricing Table Mega v3 ------------------------------------*/ .pricing-mega-v1 .btn-group .dropdown-menu, .pricing-mega-v3 .btn-group .dropdown-menu { background: #3498db !important; } .pricing-mega-v1 .btn-group .dropdown-menu li a:hover, .pricing-mega-v3 .btn-group .dropdown-menu li a:hover { background: #2980b9; } /* Grid Block v2 ------------------------------------*/ .grid-block-v2 li:hover .grid-block-v2-info { border-color: #3498db; } /* Testimonials v3 Title ------------------------------------*/ .testimonials-v3 .testimonials-v3-title p { color: #3498db; } .testimonials-v3 .owl-buttons .owl-prev:hover, .testimonials-v3 .owl-buttons .owl-next:hover { background: #3498db; } /* Content Boxes v4 ------------------------------------*/ .content-boxes-v4 i { color: #3498db; } /* Thumbnails v1 ------------------------------------*/ .thumbnails-v1 .read-more { color: #3498db; } /* Thumbnails v6 ------------------------------------*/ .testimonials-v6 .testimonials-info:hover { border-color: #3498db; } /* Team v1 ------------------------------------*/ .team-v1 li:hover > p:before { background: #3498db; } /* Team v4 ------------------------------------*/ .team-v4 .team-social-v4 a:hover { color: #3498db; } /* Team v5 & v6 & v7 ------------------------------------*/ .team-v5 small, .team-v6 small, .team-v7 .team-v7-position { color: #3498db; } /* Headliner Center ------------------------------------*/ .headline-center h2:after { background: #3498db; } /* Headliner Left ------------------------------------*/ .headline-left .headline-brd:after { background: #3498db; } /* Portfolio Box ------------------------------------*/ .portfolio-box .portfolio-box-in i { background: #3498db; } /* Flat Background Block v1 ------------------------------------*/ .flat-bg-block-v1 .checked-list i { color: #3498db; } /* Owl Carousel v5 ------------------------------------*/ .owl-carousel-v5 .owl-controls .owl-page.active span, .owl-carousel-v5 .owl-controls.clickable .owl-page:hover span { background: #3498db; } /* Content Boxes v5 ------------------------------------*/ .content-boxes-v5:hover i { background: #3498db; } /* Block Grid v1 ------------------------------------*/ .block-grid-v1:hover { border-color: #3498db; } /* Block Grid v2 ------------------------------------*/ .block-grid-v2 li:hover .block-grid-v2-info { border-color: #3498db; } /* Content Boxes v6 ------------------------------------*/ .content-boxes-v6:hover i:after { border-color: #3498db; } .content-boxes-v6:hover i { background: #3498db; } /* Portfolio Box-v2 ------------------------------------*/ .portfolio-box-v2 .portfolio-box-v2-in i { background: rgba(52, 152, 219, 0.8); } .portfolio-box-v2 .portfolio-box-v2-in i:hover { background: #3498db; } /* Service Block v1 ------------------------------------*/ .service-block-v1 i { background: #3498db; } /* Service Block v4 ------------------------------------*/ .service-block-v4 .service-desc i { color: #3498db; } /* Service Block v7 ------------------------------------*/ .service-block-v7 i { background: #3498db; } /* Service Block v8 ------------------------------------*/ .service-block-v8 .service-block-desc h3::after { background: #3498db; } /* Testimonials bs ------------------------------------*/ .testimonials-bs .carousel-control-v2 i:hover { border-color: #3498db; color: #3498db; } /* Fusion Portfolio ------------------------------------*/ .fusion-portfolio #filters-container .cbp-filter-item-active { background: #3498db; border-color: #3498db; } .fusion-portfolio #filters-container .cbp-filter-item:hover { color: #3498db; } .blog_masonry_3col h3 a:hover { color: #3498db; } /* Cube Portfolio ------------------------------------*/ .cube-portfolio .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active, .cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover { color: #3498db; } .cube-portfolio .link-captions li i:hover { color: #fff; background: #3498db; } .cube-portfolio .cbp-caption-activeWrap.default-transparent-hover { background: rgba(52, 152, 219, .9) !important; } /* Recent Works ------------------------------------*/ .owl-work-v1 .item a:hover span { border-bottom-color: #3498db; } /* Footer Default ------------------------------------*/ .footer-default .footer .dl-horizontal a:hover { color: #3498db !important; } .footer-default .footer a { color: #3498db; } .footer-default .footer a:hover { color: #2980b9; } .footer-default .copyright a { color: #3498db; } .footer-default .copyright a:hover { color: #2980b9; } /* Footer v4 ------------------------------------*/ .footer-v4 .copyright a { color: #3498db; } /* Title v1 ------------------------------------*/ .title-v1 h1:after, .title-v1 h2:after { background-color: #3498db; } /* Copyright Section ------------------------------------*/ .copyright-section i.back-to-top:hover { color: #3498db; } /* Top Control ------------------------------------*/ #topcontrol:hover { background-color: #3498db; } /* News Info ------------------------------------*/ .news-v1 .news-v1-info li a:hover { color: #3498db; } .news-v1 h3 a:hover { color: #3498db; } .news-v2 .news-v2-desc h3 a:hover { color: #3498db !important; } .news-v3 .post-shares li span { background: #3498db; } .news-v3 .posted-info li a:hover { color: #3498db !important; } .news-v3 h2 a:hover { color: #3498db !important; } /* Blog Trending ------------------------------------*/ .blog-trending small a:hover { color: #3498db; } /* Blog Masonry ------------------------------------*/ .blog_masonry_3col ul.grid-boxes-news li a:hover { color: #3498db; } /* List v1 ------------------------------------*/ .lists-v1 i { background: #3498db; } /* List v2 ------------------------------------*/ .lists-v2 i { color: #3498db; } /* Process v1 ------------------------------------*/ .process-v1 .process-in > li i { background: #3498db; } /* Featured Blog ------------------------------------*/ .featured-blog h2::after { background: #3498db; } .featured-blog .featured-img i:hover { color: #fff; background: #3498db; } .rgba-default { background-color: rgba(39, 215, 231, 1); } /* Blog Latest Posts ------------------------------------*/ .blog-latest-posts h3 a:hover { color: #3498db !important; } /* Blog Trending ------------------------------------*/ .blog-trending h3 a:hover { color: #3498db !important; } /*Blog Thumb Colors ------------------------------------*/ .blog-thumb .blog-thumb-hover:hover:after { background: rgba(52, 152, 219, 0.9); } .blog-grid .blog-grid-grad i:hover { background: rgba(52, 152, 219, 1); } /*Footer Theme Color ------------------------------------*/ .footer-v8 .footer .column-one a:hover { color: #3498db; } .footer-v8 .footer .tags-v4 a:hover { border-color: #3498db; background-color: #3498db; } .footer-v8 .footer .footer-lists li a:hover { color: #3498db; } .footer-v8 .footer .latest-news h3 a:hover { color: #3498db; } .footer-v8 .footer .input-group-btn .input-btn { background: #3498db; } .footer-v8 .footer .social-icon-list li i:hover { background: #3498db; border-color: #3498db; } /*Header Theme Color ------------------------------------*/ .header-v8 .dropdown-menu { border-top: solid 3px #3498db; } .header-v8 .dropdown-menu .active > a, .header-v8 .dropdown-menu li > a:hover { color: #3498db; } .header-v8 .navbar-nav .open .dropdown-menu > li > a:hover, .header-v8 .navbar-nav .open .dropdown-menu > li > a:focus { color: #3498db; } .header-v8 .navbar-nav .open .dropdown-menu > .active > a, .header-v8 .navbar-nav .open .dropdown-menu > .active > a:hover, .header-v8 .navbar-nav .open .dropdown-menu > .active > a:focus { color: #3498db; } .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a, .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #3498db; } .header-v8 .navbar-nav > li > a:hover { color: #3498db; } .header-v8 .navbar-nav > .active > a, .header-v8 .navbar-nav > .active > a:hover, .header-v8 .navbar-nav > .active > a:focus { color: #3498db !important; } .header-v8 .mega-menu .mega-menu-fullwidth .dropdown-link-list li a:hover { color: #3498db; } /*Dark Version ------------------------------------*/ body.dark { color: #999; background-color: #252525; } body.dark .wrapper { background: #252525; } body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 { color: #ccc; font-weight: 200; } body.dark .wrapper p { color: #999; } body.dark p, body.dark li, body.dark li a { color: #999; } body.dark .headline { border-bottom: 1px dotted #555; } /*Headline v2 ------------------------------------*/ body.dark .headline-v2, body.dark .headline-v2.bg-color-light { background: #333 !important; } /*Parallax Backgrounds ------------------------------------*/ body.dark .parallax-bg { background-color: #333; } body.dark .parallax-bg:before { background: rgba(0,0,0,0.6); } /*Revolution Slider ------------------------------------*/ body.dark .tp-bannertimer { background: rgba(0,0,0,0.5); } body.dark .tp-banner-container .btn-u.btn-brd.btn-u-light { color: #fff; } /*Header ------------------------------------*/ body.dark .header, body.dark .header-v3 { background: #222; border-bottom-color: #333; } body.dark .header.header-v1 { background: none; } /*Topbar*/ body.dark .topbar ul.loginbar li i.fa { color: #999; } body.dark .topbar ul.loginbar > li > a { color: #999; } body.dark .topbar ul.loginbar > li > a:hover { color: #fff; } body.dark .topbar ul.languages { background: #333; } body.dark .topbar ul.languages li a { color: #999; } body.dark .topbar ul.languages li.active a, body.dark .topbar ul.languages li a:hover { color: #ccc; background: #555; } body.dark .topbar ul.languages li.active a i { color: #ccc; } body.dark .topbar ul.languages:after { border-bottom-color: #303030; } body.dark .topbar ul.loginbar li.topbar-devider { border-right-color: #999; } /*Topbar v1*/ body.dark .topbar-v1 { background: #222; border-color: #555; } body.dark .topbar-v1 .top-v1-data li:first-child { border-left-color: #555; } body.dark .topbar-v1 .top-v1-data li { border-right-color: #555; } body.dark .topbar-v1 .top-v1-contacts li { color: #999; } body.dark .topbar-v1 .top-v1-data li i { color: #999; } /*fixed in v1.9*/ /*Navigation*/ /*body.dark .header .navbar-nav > li > a, body.dark .header-v1 .navbar-default .navbar-nav > li > a, body.dark .header-v3 .navbar-default .navbar-nav > li > a { color: #999; }*/ body.dark .header .navbar-nav .open > a, body.dark .header .navbar-nav .open > a:hover, body.dark .header .navbar-nav .open > a:focus { border-bottom-color: #333; } body.dark .nav .open > a, body.dark .nav .open > a:hover, body.dark .nav .open > a:focus, body.dark .header .nav > li > a:hover, body.dark .header .nav > li > a:focus { background: inherit; } @media (max-width: 991px) { body.dark .header .nav > li.active > a:hover { background: #72c02c; } } /*Search*/ body.dark .header .nav > li > .search { color: #999; background: #292929; border-bottom-color: #555; } body.dark .header .nav > li > .search:hover { background: #303030; } body.dark .header .search-open, body.dark .header-v1 .navbar .search-open, body.dark .header-v3 .navbar .search-open, body.dark .header-v4 .navbar .search-open { background: #222; box-shadow: none; border-top-color: #333; } /*Dropdown Menu*/ body.dark .header .dropdown-menu, body.dark .header-v1 .dropdown-menu, body.dark .header-v2 .dropdown-menu, body.dark .header-v3 .dropdown-menu, body.dark .header-v4 .dropdown-menu, body.dark .header-v5 .dropdown-menu { background: #222; border-bottom-color: #202020; } body.dark .header .dropdown-menu li a, body.dark .header-v1 .dropdown-menu li a, body.dark .header-v2 .dropdown-menu li a, body.dark .header-v3 .dropdown-menu li a, body.dark .header-v4 .dropdown-menu li a, body.dark .header-v5.dropdown-menu li a { color: #999; border-bottom-color: #303030; } body.dark .header .dropdown-menu .active > a, body.dark .header .dropdown-menu li > a:hover, body.dark .header-v1 .dropdown-menu .active > a, body.dark .header-v1 .dropdown-menu li > a:hover, body.dark .header-v2 .dropdown-menu .active > a, body.dark .header-v2 .dropdown-menu li > a:hover, body.dark .header-v3 .dropdown-menu .active > a, body.dark .header-v3 .dropdown-menu li > a:hover, body.dark .header-v4 .dropdown-menu .active > a, body.dark .header-v4 .dropdown-menu li > a:hover, body.dark .header-v5 .dropdown-menu .active > a, body.dark .header-v5 .dropdown-menu li > a:hover { color: #999 !important; background: #303030 !important; } /*Responsive Navbar*/ @media (max-width: 991px) { /*Topbar v1*/ body.dark .header-v1 .topbar-v1 .top-v1-data li, body.dark .header-v4 .topbar-v1 .top-v1-data li { border-color: #555; } body.dark .header-v1 { border-color: #555; } body.dark .header-v1 .navbar .nav > li > .search { background: #333; } /*Header Navbar*/ body.dark .navbar-form, body.dark .navbar-collapse { border-color: #555; } /*Navbar Nav*/ body.dark .navbar-nav > .active > a { color: #fff; } body.dark .navbar-nav > li a { color: #999; border-bottom-color: #555; } /*Dropdown Menu*/ body.dark .navbar-nav .open .dropdown-menu > li > a { color: #999; } body.dark .navbar-nav .open .dropdown-menu > li > a, body.dark .navbar-nav .open .dropdown-menu > .active > a, body.dark .navbar-nav .open .dropdown-menu > .active > a:hover, body.dark .navbar-nav .open .dropdown-menu > .active > a:focus { color: #999; } body.dark .header .navbar-nav > li a, body.dark .header-v1 .navbar-default .navbar-nav > li a, body.dark .header-v3 .navbar-default .navbar-nav > li a, body.dark .header-v4 .navbar-default .navbar-nav > li a { border-bottom-color: #333; } /*Navbar Opened*/ body.dark .navbar-default .navbar-nav > .open > a, body.dark .navbar-default .navbar-nav > .open > a:hover, body.dark .navbar-default .navbar-nav > .open > a:focus { color: #eee; } /*Dropdown Submenu*/ body.dark .header .dropdown .dropdown-submenu > a, body.dark .header-v1 .dropdown .dropdown-submenu > a, body.dark .header-v2 .dropdown .dropdown-submenu > a, body.dark .header-v3 .dropdown .dropdown-submenu > a, body.dark .header-v4 .dropdown .dropdown-submenu > a { color: #999 !important; } /*Equal Height List Style*/ body.dark .header .mega-menu .equal-height-list h3, body.dark .header-v1 .mega-menu .equal-height-list h3, body.dark .header-v3 .mega-menu .equal-height-list h3, body.dark .header-v4 .mega-menu .equal-height-list h3 { color: #999; border-bottom: solid 1px #333; } /*Header v3 Search Box*/ body.dark .header-v3 .navbar .nav > li > .search { color: #999; background: #292929; border-bottom-color: #555; } body.dark .header-v3 .navbar .nav > li > .search:hover { background: #303030; } /*Header v2 Navbar*/ body.dark .header-v2 .navbar-default .navbar-nav > li a { border-color: #555; } /*Header v2 Topbar*/ body.dark .header-v2 .topbar-buttons .btn-u-light { border-color: #eee; } body.dark .header-v2 .topbar-v2 { border-color: #555; } body.dark .header-v2 .topbar-v2 li, body.dark .header-v2 .topbar-v2 li a { color: #999; } body.dark .header-v2 .languages-dropdown { background: #222; } body.dark .header-v2 .languages-dropdown:after { border-bottom-color: #222; } body.dark .header-v2 .languages-dropdown > li > a:hover, body.dark .header-v2 .languages-dropdown > li.active > a { background: #333; } /*Header v4*/ body.dark .header-v4 .navbar-toggle, body.dark .header-v4 .navbar-default .navbar-toggle:hover, body.dark .header-v4 .navbar-default .navbar-toggle:focus { background: #1c1c1c; } body.dark .header-v4 .navbar .nav > li > .search { background: #292929; } body.dark .header-v4 .navbar-nav, body.dark .header-v4 .navbar-default .navbar-toggle, body.dark .header-v4 .navbar-nav.navbar-border-bottom, body.dark .header-v4 .navbar-default .navbar-nav > li a { border-color: #555; } body.dark .navbar-nav .open .dropdown-menu > li > a, body.dark .navbar-nav .open .dropdown-menu > .active > a, body.dark .navbar-nav .open .dropdown-menu > .active > a:hover, body.dark .navbar-nav .open .dropdown-menu > .active > a:focus { background: transparent; } } @media (min-width: 992px) { body.dark .header-v4 .navbar-collapse { border-top-color: #333; border-bottom-color: #333; } body.dark .header-v4 .navbar-default .navbar-nav > li { margin-left: -1px; border-left: 1px solid #333; border-right: 1px solid #333; } body.dark .header-v4 .navbar-default .navbar-nav > li > a { color: #999; } } /*Header Fixed (Shrink) ------------------------------------*/ /*fixed in v1.9*/ body.dark.header-fixed .header.header-fixed-shrink, body.dark.header-fixed .header-v1.header-fixed-shrink, body.dark.header-fixed .header-v2.header-fixed-shrink, body.dark.header-fixed .header-v3.header-fixed-shrink, body.dark.header-fixed .header-v5.header-fixed-shrink { box-shadow: 0 0 3px #000; background: rgba(0,0,0,0.9); } body.dark.header-fixed .header.header-fixed-shrink .search-open, body.dark.header-fixed .header-v1.header-fixed-shrink .navbar .search-open, body.dark.header-fixed .header-v2.header-fixed-shrink .navbar .search-open, body.dark.header-fixed .header-v3.header-fixed-shrink .navbar .search-open, body.dark.header-fixed .header-v5.header-fixed-shrink .navbar .search-open { box-shadow: none; background: rgba(0,0,0,0.9); } body.dark.header-fixed .header-v2.header-fixed-shrink .navbar-nav > li > a { color: #999; } /*Header Mega Menu ------------------------------------*/ @media (min-width: 992px) { body.dark .header .mega-menu .equal-height-in, body.dark .header-v1 .mega-menu .equal-height-in, body.dark .header-v2 .mega-menu .equal-height-in, body.dark .header-v3 .mega-menu .equal-height-in, body.dark .header-v4 .mega-menu .equal-height-in { border-left-color: #333; } } /*Added v1.9*/ /*Header v5 ------------------------------------*/ body.dark .header-v5 .badge-open { background: #222 none repeat scroll 0% 0%; } body.dark .header-v5 .subtotal { background: #222 none repeat scroll 0% 0%; } /*Header v6 ------------------------------------*/ /*Shopping Cart*/ body.dark .header-v6 .shopping-cart .shopping-cart-open { background: #2a2b2b; border-color: #555; border-top-color: #72c02c; } body.dark .header-v6 .shopping-cart-open span.shc-title { color: #fff; border-bottom-color: #555; } body.dark .header-v6 .shopping-cart-open span.shc-total { color: #fff; } /*Media Queries*/ @media (max-width: 991px) { body.dark .header-v6 { background: #2a2b2b; } /*Navbar Brand*/ body.dark.header-fixed .header-v6 .navbar-brand img.default-logo { display: inherit; } body.dark.header-fixed .header-v6 .navbar-brand img.shrink-logo { display: none; } /*Toggle*/ body.dark .header-v6 .navbar-toggle .icon-bar { background: #fff; } /*Menu Inner Right*/ body.dark .header-v6 li.menu-icons i.menu-icons-style { color: #fff; } /*Search*/ body.dark .header-v6 .search-open { background: #2a2b2b; border-bottom: 1px solid #555; } body.dark.header-fixed .header-v6.header-fixed-shrink .search-open { border-bottom-color: #555; } body.dark .header-v6 .search-open .form-control { color: #fff; background: #2a2b2b; } body.dark .header-v6 .search-open .form-control::-moz-placeholder { color: #fff; } body.dark .header-v6 .search-open .form-control:-ms-input-placeholder { color: #fff; } body.dark .header-v6 .search-open .form-control::-webkit-input-placeholder { color: #fff; } body.dark .header-v6 li.menu-icons i.fa-times, body.dark.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.fa-times { color: #fff; } /*Navbar Collapse*/ body.dark .header-v6 .navbar-collapse { border-color: #555; border-bottom-color: #555; } /*Navbar Nav*/ body.dark .header-v6 .navbar-nav > li a { color: #ccc; border-top-color: #555; } body.dark .header-v6 .navbar-nav > li a:hover { color: #72c02c; } body.dark .header-v6 .navbar-nav > .open > a, body.dark .header-v6 .navbar-nav > .open > a:hover, body.dark .header-v6 .navbar-nav > .open > a:focus { color: #fff; } /*Dropdown*/ body.dark .header-v6 .navbar-nav .open .dropdown-menu > li > a { color: #ccc; } body.dark .header-v6 .navbar-nav .open .dropdown-menu > li > a:hover { color: #72c02c; } /*Submenu*/ body.dark .header-v6 .dropdown .dropdown-submenu > a { color: #fff !important; } /*Mega Menu*/ body.dark .header-v6 .mega-menu .equal-height-list h3 { color: #fff; } } @media (min-width: 992px) { /*Header*/ body.dark.header-fixed .header-v6.header-fixed-shrink, body.dark .header-v6.header-classic-white .navbar { box-shadow: none; background: #2a2b2b; } body.dark.header-fixed .header-v6.header-fixed-shrink .navbar { background-color: inherit; } /*Navbar Brand*/ body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.default-logo { display: inherit; } /*fixed in v1.9*/ body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.shrink-logo { display: none; } /*Navbar*/ body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav > li > a, body.dark.header-fixed .header-v6.header-classic-white .navbar-nav > li > a { color: #fff; } body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a, body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover { color: #72c02c; } body.dark.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.menu-icons-style, body.dark.header-fixed .header-v6.header-classic-white li.menu-icons i.menu-icons-style { color: #fff; } /*Search*/ body.dark .header-v6 .search-open { background: #2a2b2b; border-bottom: 1px solid #555; } body.dark.header-fixed .header-v6.header-fixed-shrink .search-open { border-bottom-color: #555; } body.dark .header-v6 .search-open .form-control { color: #fff; background: #2a2b2b; } body.dark .header-v6 .search-open .form-control::-moz-placeholder { color: #fff; } body.dark .header-v6 .search-open .form-control:-ms-input-placeholder { color: #fff; } body.dark .header-v6 .search-open .form-control::-webkit-input-placeholder { color: #fff; } body.dark .header-v6 li.menu-icons i.fa-times, body.dark .header-fixed .header-v6.header-fixed-shrink li.menu-icons i.fa-times { color: #fff; } /*Dropdown*/ body.dark .header-v6 .dropdown-menu { background: #2a2b2b; } body.dark .header-v6 .dropdown-menu li a { color: #ccc; } body.dark .header-v6 .dropdown-menu .active > a, body.dark .header-v6 .dropdown-menu li > a:hover { color: #72c02c; } body.dark .header-v6 .dropdown-menu > li > a:hover, body.dark .header-v6 .dropdown-menu > li > a:focus { background: inherit; } /*Equal Height List Style*/ body.dark .header-v6 .mega-menu .equal-height-in { border-left-color: #777; } body.dark .header-v6 .mega-menu .equal-height-list h3 { color: #fff; } body.dark .header-v6 .mega-menu .equal-height-list li a { color: #ccc; } body.dark .header-v6 .mega-menu .equal-height-list .active > a, body.dark .header-v6 .mega-menu .equal-height-list li a:hover { color: #72c02c; } } /*Header v7 ------------------------------------*/ body.dark .header-v7 .navbar { background: #333; } body.dark .header-v7 .navbar-default .navbar-nav > li > a , body.dark .header-v7 .navbar-default .navbar-nav > li > a:after{ color: #ccc; } /*Toggle*/ body.dark .header-v7 .navbar-toggle .icon-bar { background: #ccc; } /*Media Queries*/ @media (min-width: 768px) { body.dark .header-v7 .navbar-default { border-left-color: rgba(218,218,218,0.1); border-right-color: rgba(218,218,218,0.1); } body.dark .header-v7 .dropdown-menu { background: #333; } body.dark .header-v7 .navbar-default .navbar-nav > li > a:focus { color: #ccc; } } @media (max-width: 991px) { body.dark .navbar-collapse { background: #333; } body.dark .header-v7 .navbar-default .navbar-nav > li > a { border-bottom-color: #777; } } /*Boxed Layout ------------------------------------*/ body.dark.boxed-layout { box-shadow: 0 0 5px #191919; background: url(/assets/img/patterns/4.png) repeat; } /*Breadcrumbs ------------------------------------*/ body.dark .breadcrumbs { background: #1c1c1c; border-bottom-color: #252525; } body.dark .breadcrumb a { color: #999; } body.dark .breadcrumbs-v1 h1, body.dark .breadcrumbs-v3 h1 { font-weight: 400; } body.dark .breadcrumbs-v2 h1, body.dark .breadcrumbs-v3 h1, body.dark .breadcrumbs-v3 p { color: #eee; } body.dark .breadcrumbs-v1 p, body.dark .breadcrumbs-v1 h1, body.dark .breadcrumbs-v1 span { color: #ccc; } body.dark .breadcrumbs-v1:after, body.dark .breadcrumbs-v3:after { background: rgba(0,0,0,0.6); } /*Main Slider Parallax ------------------------------------*/ body.dark .slider-inner .da-slider { border-bottom-color: #444; } /*Purchase ------------------------------------*/ body.dark .purchase { background: #252525; border-bottom-color: #2b2b2b; } body.dark .purchase span { color: #ccc; font-weight: 200; } /*Clients ------------------------------------*/ body.dark .clients li { background: #292929; } body.dark .clients li:hover { background: #303030; } /*List Group ------------------------------------*/ body.dark .list-group-item, body.dark .list-group-item:hover { background: #222; border-color: #303030; } body.dark .list-toggle a:focus { color: #ccc; } body.dark .list-toggle:after { color: #999; } body.dark .sidebar-nav-v1 > li.active > a { color: #ccc; background: #292929; } body.dark .sidebar-nav-v1 > li.active, body.dark .sidebar-nav-v1 > li.active:hover { background: #202020; } body.dark .sidebar-nav-v1 li ul, body.dark .sidebar-nav-v1 li.active ul a { color: #999; background: #222; } body.dark .sidebar-nav-v1 li ul a { border-top-color: #303030; } body.dark .sidebar-nav-v1 li ul a:hover, body.dark .sidebar-nav-v1 ul li.active a { color: #ccc; } /*Bootstrap Features ------------------------------------*/ label { color: #999; } body.dark strong { color: #ccc; } body.dark dt { color: #ccc; } body.dark dd { color: #999; } body.dark hr { border-color: #333; } body.dark code { background: #333; } /*Form Control ------------------------------------*/ body.dark .form-control { color: #999; border-color: #303030; background: #202020; } body.dark .form-control:focus { box-shadow: none; border-color: #555; } body.dark .input-group-addon { border-color: #303030; background: #202020; } /*Close ------------------------------------*/ body.dark .close { color: #999; text-shadow: none; } body.dark .close:hover { color: #bbb; } /*Alert Warning ------------------------------------*/ body.dark .alert-info, body.dark .alert-danger, body.dark .alert-success, body.dark .alert-warning { border-color: #444; background-color: #333; } body.dark .alert h4 { color: inherit; } body.dark .alert strong { color: inherit; } body.dark .alert code { background: #444; } /*Popover ------------------------------------*/ body.dark .popover { color: #999; box-shadow: none; border-color: #444; background-color: #333; } body.dark .popover.top .arrow:after { border-top-color: #333; } body.dark .popover.left .arrow:after { border-left-color: #333; } body.dark .popover.right .arrow:after { border-right-color: #333; } body.dark .popover.bottom .arrow:after { border-bottom-color: #333; } /*Contex Background ------------------------------------*/ body.dark .contex-bg p.bg-info, body.dark .contex-bg p.bg-danger, body.dark .contex-bg p.bg-warning, body.dark .contex-bg p.bg-primary, body.dark .contex-bg p.bg-success { background-color: #333; } body.dark .contex-bg p.bg-info { color: #27d7e7; } body.dark .contex-bg p.bg-danger { color: #e74c3c; } body.dark .contex-bg p.bg-warning { color: #e67e22; } body.dark .contex-bg p.bg-primary { color: #3498db; } body.dark .contex-bg p.bg-success { color: #72c02c; } /*Address ------------------------------------*/ body.dark address { color: #999; } /*Heading ------------------------------------*/ body.dark .heading h2:before, body.dark .heading h2:after { border-color: #555; } body.dark .contacts-section .title-v1 h2 { color: #ccc; } body.dark .headline-left .headline-brd { color: #ccc; } body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon { color: #eee; } body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon:before, body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon:after { background: #eee; } /*Divider ------------------------------------*/ body.dark .devider.devider-dotted, body.dark .devider.devider-dashed, body.dark .devider.devider-db, body.dark .devider.devider-db-dotted, body.dark .devider.devider-db-dashed { border-color: #555; } /*body.dark Blockquote ------------------------------------*/ body.dark blockquote, body.dark blockquote.hero { border-left-color: #555; } body.dark blockquote.text-right, body.dark blockquote.hero.text-right { border-right-color: #555; } /*Hero Blockquote*/ body.dark blockquote.hero { background: #222; } body.dark blockquote.hero:hover { background: #252525; border-color: #555 !important; } /*Hero Default Blockquote*/ body.dark blockquote.hero.hero-default { background: #72c02c; } body.dark blockquote.hero.hero-default:hover { background: #5fb611; } body.dark blockquote.hero.hero-default p { color: #fff; } /*Hero Dark Blockquote*/ body.dark blockquote.hero.hero-dark { background: #444; } body.dark blockquote.hero.hero-dark:hover { background: #555; } /*Dark Blockquote*/ body.dark blockquote.bq-dark, body.dark blockquote.bq-dark:hover { border-color: #303030 !important; } body.dark blockquote.hero.hero-dark p, body.dark blockquote.hero.hero-dark small, body.dark blockquote.hero.hero-default small { color: #fff; } /*Shadow Effect ------------------------------------*/ body.dark .shadow-effect-1 { box-shadow: 0 10px 6px -6px #151515; } body.dark .shadow-effect-2:after, body.dark .shadow-effect-2:before, body.dark .shadow-effect-3:before, body.dark .shadow-effect-4:after { box-shadow: 0 15px 10px #151515; } /*Tag Box ------------------------------------*/ body.dark .tag-box { background: #202020; } body.dark .tag-box-v1, body.dark .tag-box-v2 { border-color: #303030; } body.dark .tag-box-v3, body.dark .tag-box-v4, body.dark .tag-box-v5, body.dark .tag-box-v6, body.dark .tag-box-v7 { border-color: #303030; } /*Background Light ------------------------------------*/ body.dark .bg-light { border-color: #303030; background: #202020; } body.dark .bg-light i { color: #999; } body.dark .bg-grey { background: #222; border-top-color: #222; border-bottom-color: #222; } /*Testimonials ------------------------------------*/ /*General Testimonials v1/v2*/ body.dark .testimonials.testimonials-v1 p, body.dark .testimonials.testimonials-v2 p { background: #202020; } body.dark .testimonials.testimonials-v1 .item p:after, body.dark .testimonials.testimonials-v2 .item p:after { border-top-color: #202020; } body.dark .testimonials .testimonial-info img { border-color: #999; } body.dark .testimonials .carousel-arrow i { color: #999; background: #202020; } body.dark .testimonials.testimonials-v1 .carousel-arrow i:hover { color: #fff; background: #444; } /*Testimonials v6 ------------------------------------*/ body.dark .testimonials-v6 .testimonials-info { background: #333; } body.dark .testimonials-v6 .testimonials-info { border-color: #252525; } /*Bordered Buttons ------------------------------------*/ body.dark .btn-u.btn-brd { color: #ddd; } /*Dropdown Buttons ------------------------------------*/ body.dark .btn-group .dropdown-menu { background: #222; } body.dark .btn-group .dropdown-menu li a { color: #999; } body.dark .btn-group .dropdown-menu .active > a, body.dark .btn-group .dropdown-menu li > a:hover { color: #999; } /*Icons ------------------------------------*/ body.dark i.icon-custom { color: #999; border-color: #999; } body.dark i.icon-bg-dark { color: #fff; border-color: #fff; } /*Icons Color*/ body.dark i.icon-custom.icon-color-u { color: #72c02c; border: solid 1px #72c02c; } body.dark i.icon-custom.icon-color-blue { color: #3498db; border: solid 1px #3498db; } body.dark i.icon-custom.icon-color-red { color: #e74c3c; border: solid 1px #e74c3c; } body.dark i.icon-custom.icon-color-sea { color: #1abc9c; border: solid 1px #1abc9c; } body.dark i.icon-custom.icon-color-green { color: #2ecc71; border: solid 1px #2ecc71; } body.dark i.icon-custom.icon-color-yellow { color: #f1c40f; border: solid 1px #f1c40f; } body.dark i.icon-custom.icon-color-orange { color: #e67e22; border: solid 1px #e67e22; } body.dark i.icon-custom.icon-color-grey { color: #95a5a6; border: solid 1px #95a5a6; } body.dark i.icon-custom.icon-color-purple { color: #9b6bcc; border: solid 1px #9b6bcc; } body.dark i.icon-custom.icon-color-aqua { color: #27d7e7; border: solid 1px #27d7e7; } body.dark i.icon-custom.icon-color-brown { color: #9c8061; border: solid 1px #9c8061; } body.dark i.icon-custom.icon-color-dark-blue { color: #4765a0; border: solid 1px #4765a0; } body.dark i.icon-custom.icon-color-light-green { color: #79d5b3; border: solid 1px #79d5b3; } body.dark i.icon-custom.icon-color-light { color: #fff; border: solid 1px #fff; } body.dark i.icon-custom.icon-color-light-grey { color: #585f69; border: solid 1px #585f69; } /*Icons Backgroun Color*/ body.dark i.icon-custom.icon-bg-u, body.dark i.icon-custom.icon-bg-red, body.dark i.icon-custom.icon-bg-sea, body.dark i.icon-custom.icon-bg-dark, body.dark i.icon-custom.icon-bg-grey, body.dark i.icon-custom.icon-bg-blue, body.dark i.icon-custom.icon-bg-green, body.dark i.icon-custom.icon-bg-yellow, body.dark i.icon-custom.icon-bg-orange, body.dark i.icon-custom.icon-bg-purple, body.dark i.icon-custom.icon-bg-aqua, body.dark i.icon-custom.icon-bg-brown, body.dark i.icon-custom.icon-bg-dark-blue, body.dark i.icon-custom.icon-bg-light-grey, body.dark i.icon-custom.icon-bg-light-green { color: #fff; border: none; } /*Team Social ------------------------------------*/ body.dark .team .thumbnail-style { background: #292929; } body.dark .team .thumbnail-style small { color: #555; } body.dark .team ul.team-socail li i { color: #999; background: #222; } body.dark .team ul.team-socail li i:hover { color: #fff; background: #333; } /*Item Box ------------------------------------*/ body.dark .line-icon-page .item-box { border-color: #303030; } body.dark .line-icon-page .item-box:hover { background: #222; } body.dark .line-icon-page .item { color: #999; } body.dark .line-icon-page .item:hover { color: #72c02c; } /*Glyphicons ------------------------------------*/ body.dark .bs-glyphicons li { color: #999; border-color: #303030; } body.dark .bs-glyphicons li:hover { color: #72c02c; background: #222; } /*Service ------------------------------------*/ body.dark .service:hover { box-shadow: none; background: #1e1e1e; } body.dark .service:hover i { color: #999; } /*Service Block ------------------------------------*/ body.dark .service-block-default { background: #202020; border-color: #303030; } body.dark .service-block-default i.icon-custom { color: #ccc; border-color: #ccc; } body.dark .service-block-default:hover { box-shadow: none; } /*Service Block Colors*/ body.dark .service-block.service-block-u h2, body.dark .service-block.service-block-blue h2, body.dark .service-block.service-block-red h2, body.dark .service-block.service-block-sea h2, body.dark .service-block.service-block-grey h2, body.dark .service-block.service-block-yellow h2, body.dark .service-block.service-block-orange h2, body.dark .service-block.service-block-green h2, body.dark .service-block.service-block-purple h2, body.dark .service-block.service-block-aqua h2, body.dark .service-block.service-block-brown h2, body.dark .service-block.service-block-dark-blue h2, body.dark .service-block.service-block-light-green h2, body.dark .service-block.service-block-dark h2 { color: #fff !important; } body.dark .service-block.service-block-light h2, body.dark .service-block.service-block-light p { color: #555 !important; } body.dark .service-block.service-block-u p, body.dark .service-block.service-block-blue p, body.dark .service-block.service-block-red p, body.dark .service-block.service-block-sea p, body.dark .service-block.service-block-grey p, body.dark .service-block.service-block-yellow p, body.dark .service-block.service-block-orange p, body.dark .service-block.service-block-green p, body.dark .service-block.service-block-purple p, body.dark .service-block.service-block-aqua p, body.dark .service-block.service-block-brown p, body.dark .service-block.service-block-dark-blue p, body.dark .service-block.service-block-light-green p, body.dark .service-block.service-block-dark p { color: #fff !important; } /*Service Block v4 ------------------------------------*/ body.dark .service-block-v4 { background: #2a2b2b; } body.dark .service-block-v4:after { border-color: #252525 transparent transparent transparent; } /*Service Block v5 ------------------------------------*/ body.dark .service-block-v5 { background: #333; } body.dark .service-block-v5 .service-border { border-left-color: #252525; border-right-color: #252525; } /*Service Block v8 ------------------------------------*/ body.dark .service-block-v8 { background: #333; } body.dark .service-block-v8 i { color: #999; } /*Funny Boxes ------------------------------------*/ body.dark .funny-boxes { background: #292929 !important; } body.dark .funny-boxes h2 a { color: #ccc; } /*Red Funny Box*/ body.dark .funny-boxes.funny-boxes-red { background: #e74c3c; } /*Blue Funny Box*/ body.dark .funny-boxes.funny-boxes-blue { background: #3498db; } /*Grey Funny Box*/ body.dark .funny-boxes.funny-boxes-grey { background: #95a5a6; } /*Turquoise Funny Box*/ body.dark .funny-boxes.funny-boxes-sea { background: #1abc9c; } body.dark .funny-boxes.funny-boxes-red h2 a, body.dark .funny-boxes.funny-boxes-blue h2 a, body.dark .funny-boxes.funny-boxes-grey h2 a, body.dark .funny-boxes.funny-boxes-sea h2 a, body.dark .funny-boxes.funny-boxes-red p, body.dark .funny-boxes.funny-boxes-blue p, body.dark .funny-boxes.funny-boxes-grey p, body.dark .funny-boxes.funny-boxes-sea p { color: #fff; } /*Content Boxes ------------------------------------*/ body.dark .content-boxes-v2 .link-bg-icon span { color: #ccc; } /*Thumbnails ------------------------------------*/ body.dark .thumbnail { border: none; background: none; } body.dark .thumbnail-style:hover { box-shadow: none; } body.dark .thumbnail h3 a, body.dark .thumbnail-style h3 a { color: #ccc; } body.dark .thumbnail .caption { background: #202020; } /*Badge ------------------------------------*/ body.dark .badge-sidebar { border-color: #303030; } body.dark .badge-box-v2 a, body.dark .badge-box-v1 a { border-color: #303030; } body.dark .badge-box-v2 a:hover, body.dark .badge-box-v1 a:hover { color: #555; border-color: #555; } /*Dropdown Show ------------------------------------*/ body.dark .dropdown-show { box-shadow: none; border-color: #303030; background: #252525; } body.dark .dropdown-show a { color: #999; } body.dark .dropdown-menu .divider { background: #303030; } body.dark .dropdown-menu > li > a:hover, body.dark .dropdown-menu > li > a:focus { color: #ccc; background: #777; } /*Nav ------------------------------------*/ /*body.dark .nav > li > a:hover, body.dark .nav > li > a:focus { color: #72c02c; background: #777; }*/ /*body.dark .nav > li.active > a:hover, body.dark .nav > li.active > a:focus { color: #fff; background: #3888c7; }*/ /*Progress Bar ------------------------------------*/ body.dark .progress { background: #777777; } body.dark .progress-bar-dark { background: #555555; } /*Image Bordered ------------------------------------*/ body.dark img.img-bordered { background: #222; border-color: #303030; } /*Panel ------------------------------------*/ body.dark .panel { background: none; } body.dark .panel.panel-default .panel-heading { color: #ccc; background: #222; border-color: #303030; } body.dark .panel .panel-title { color: inherit; } body.dark .panel .panel-body { background: #222; } /*Pagination ------------------------------------*/ body.dark .pagination > li > a { color: #999; } body.dark .pagination > li > a:hover { color: #fff; background: #333; border-color: #333; } body.dark .pagination > li > a, body.dark .pagination > li > span { border-color: #303030; background: #202020; } body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus { color: #fff; background: #444; border-color: #333; } /*Disabled*/ body.dark .pagination > .disabled > span, body.dark .pagination > .disabled > span:hover, body.dark .pagination > .disabled > span:focus, body.dark .pagination > .disabled > a, body.dark .pagination > .disabled > a:hover, body.dark .pagination > .disabled > a:focus { background: #222; border-color: #555; } body.dark .pager li > a, body.dark .pager li > span { color: #999; border-color: #303030; background: #202020; } body.dark .pager li > a:hover, body.dark .pager li > span:hover { color: #fff; background: #222; border-color: #555; } /*Accordion ------------------------------------*/ body.dark .acc-v1 .panel-heading a { color: #ccc; background: #202020; } body.dark .panel-default { border-color: #303030; } body.dark .panel-group .panel-heading + .panel-collapse .panel-body { color: #999; background: #222; border-top-color: #555; } /*Tab Version 2 ------------------------------------*/ body.dark .tab-v2 .nav-tabs li.active a { color: #999; background: #252525; border-left-color: #303030; border-right-color: #303030; } body.dark .tab-v2 .tab-content { border-color: #303030; } /*Tab Version 3 ------------------------------------*/ body.dark .tab-v3 .nav-pills li a:hover, body.dark .tab-v3 .nav-pills li.active a { color: #fff; } body.dark .tab-v3 .nav-pills li a { color: #999; border-color: #303030; background: #202020; } body.dark .tab-v3 .tab-content { border-color: #303030; background: #202020; } /*Timeline Version 1 ------------------------------------*/ body.dark .timeline-v1 .btn-u { color: #fff; } body.dark .timeline-v1:before { background: #303030; } body.dark .timeline-v1 > li > .timeline-badge { color: #555; } /*Timeline Panel*/ body.dark .timeline-v1 > li > .timeline-panel { border-color: #303030; } body.dark .timeline-v1 > li > .timeline-panel:before { border-left-color: #303030; border-right-color: #303030; } body.dark .timeline-v1 > li > .timeline-panel:after { border-left-color: #303030; border-right-color: #303030; } /*Timeline Body*/ body.dark .timeline-v1 .timeline-body h2 a { color: #ccc; } body.dark .timeline-v1 .timeline-body h2 a:hover { color: #72c02c; } /*Timeline Footer*/ body.dark .timeline-v1 .timeline-footer .blog-info i, body.dark .timeline-v1 .timeline-footer .likes i { color: #999; } body.dark .timeline-v1 .timeline-footer .likes:hover i { color: #72c02c; } body.dark .timeline-v1 .timeline-footer { border-top-color: #303030; } /*Timeline Version 2 ------------------------------------*/ /*Timeline Label*/ body.dark .timeline-v2 > li .cbp_tmlabel { background: #222; } body.dark .timeline-v2 > li .cbp_tmlabel h2 { border-color: #333; } body.dark .timeline-v2:before { background: #222; } body.dark .timeline-v2 > li .cbp_tmlabel:after { border-right-color: #222; } @media screen and (max-width: 767px) { body.dark .timeline-v2 > li .cbp_tmlabel:after { border-bottom-color: #222; border-right-color: transparent; } } @media screen (min-width: 768px) and (max-width: 992px) { body.dark .timeline-v2 > li .cbp_tmlabel:after { border-bottom-color: #222; border-right-color: transparent; } } body.dark .timeline-v2 > li .cbp_tmtime span:last-child { color: #ccc; } /*Timeline Icon*/ body.dark .timeline-v2 > li .cbp_tmicon { box-shadow: 0 0 0 4px #222; } /*Owl Carousel ------------------------------------*/ body.dark .owl-carousel-style-v2 .item { background: #292929; border-color: #303030; } body.dark .owl-carousel-style-v2 .item:hover { border-color: #555; background: #303030; } /*Owl Button*/ body.dark .owl-btn { background: #303030; } body.dark .owl-btn:hover { background: #444; } /*Table ------------------------------------*/ /*Default Table*/ body.dark .table, body.dark .table > thead > tr > th, body.dark .table > tbody > tr > th, body.dark .table > tfoot > tr > th, body.dark .table > thead > tr > td, body.dark .table > tbody > tr > td, body.dark .table > tfoot > tr > td { color: #999; background: #222; border-color: #303030; } body.dark .table > caption + thead > tr:first-child > th, body.dark .table > colgroup + thead > tr:first-child > th, body.dark .table > thead:first-child > tr:first-child > th, body.dark .table > caption + thead > tr:first-child > td, body.dark .table > colgroup + thead > tr:first-child > td, body.dark .table > thead:first-child > tr:first-child > td { color: #ccc; } body.dark .panel > .panel-body + .table, body.dark .panel > .panel-body + .table-responsive { border-color: #303030; } /*Table Hover*/ body.dark .table-hover > tbody > tr:hover > td, body.dark .table-hover > tbody > tr:hover > th { background: #222; } body.dark .table-hover > tbody > tr:nth-child(2n+1):hover > td, body.dark .table-hover > tbody > tr:nth-child(2n+1):hover > th { background: #202020; } /*Table Striped*/ body.dark .table-striped > tbody > tr:nth-child(2n+1) > td, body.dark .table-striped > tbody > tr:nth-child(2n+1) > th { background: #202020; } /*Table Bordered*/ body.dark .table-bordered, body.dark .table-bordered > thead > tr > th, body.dark .table-bordered > tbody > tr > th, body.dark .table-bordered > tfoot > tr > th, body.dark .table-bordered > thead > tr > td, body.dark .table-bordered > tbody > tr > td, body.dark .table-bordered > tfoot > tr > td { color: #999; background: #222; border-color: #303030; } /*Pie Chart ------------------------------------*/ body.dark .pie-progress-charts .circle { color: #ccc; } body.dark .counters { color: #999; } body.dark .circles-text-wrp { color: #999; } /*Title Box ------------------------------------*/ body.dark .title-box .title-box-text { color: #ccc; } body.dark .title-box { border-color: #555; } body.dark .title-box-v2 h2 { color: #ccc; } /*Sky Forms ------------------------------------*/ body.dark .sky-form { border-color: #555; } /*Bug fixed v1.9*/ body.dark .sky-form header, body.dark .sky-form fieldset, body.dark .sky-form footer { /*background: #222;*/ border-color: #555; } /*Bug fixed v1.9*/ body.dark .sky-form.contact-style fieldset { background: #252525 none repeat scroll 0% 0%; } body.dark .sky-form header { color: #ccc; } body.dark .sky-form label { color: #999; } body.dark .sky-form input, body.dark .sky-form .input input, body.dark .sky-form .select select, body.dark .sky-form .textarea textarea, body.dark .sky-form .input input:focus, body.dark .sky-form .select select:focus, body.dark .sky-form .textarea textarea:focus { color: #999; box-shadow: none; border-color: #303030; background: #202020; } body.dark .sky-form input:hover, body.dark .sky-form input:focus { box-shadow: none; border-color: #555; } body.dark .sky-form .input input, body.dark .sky-form .select select, body.dark .sky-form .textarea textarea, body.dark .sky-form .radio i, body.dark .sky-form .checkbox i, body.dark .sky-form .toggle i, body.dark .sky-form .icon-append, body.dark .sky-form .icon-prepend { border-color: #555; } /*Select*/ body.dark .sky-form .select i { background: #303030; box-shadow: 0 0 0 12px #303030; } body.dark .sky-form .select i:after { border-top-color: #999; } body.dark .sky-form .select i:before { border-bottom-color: #999; } /*Radio*/ body.dark .sky-form .radio i, body.dark .sky-form .checkbox i { background: #303030; } body.dark .sky-form .radio input + i:after { background: #999; } body.dark .sky-form .radio input:checked + i, body.dark .sky-form .checkbox input:checked + i, body.dark .sky-form .toggle input:checked + i { border-color: #555; } /*Toggle*/ body.dark .sky-form .toggle i { background: #303030; } body.dark .sky-form .toggle i:before, body.dark .sky-form .toggle i:after { color: #999; } /*Rating*/ body.dark .sky-form .rating { color: #999; } /*Prepend & Append*/ body.dark .sky-form .icon-append, body.dark .sky-form .icon-prepend { color: #999; } /*Date Picker*/ body.dark .ui-datepicker { background: rgba(0,0,0,0.9); } body.dark .ui-datepicker span { color: #ccc; } body.dark .ui-datepicker span:hover { color: #72c02c; } body.dark .ui-datepicker-inline { background: #202020; border-color: #555; } body.dark .ui-datepicker-header { border-color: #555; } body.dark .ui-datepicker-calendar a:hover { border-color: #555; } body.dark .ui-datepicker-calendar a, body.dark .ui-datepicker-calendar span { color: #999; } body.dark .ui-datepicker-calendar .ui-state-active { color: #eee; border-color: #555; } body.dark .ui-datepicker-calendar .ui-state-active:hover { color: #72c02c; border-color: #555; } /*Slider*/ body.dark .sky-form .ui-slider { border-color: #555; } body.dark .sky-form .ui-slider-handle { background: #999; border-color: #555; } /*Success State*/ body.dark .sky-form .state-success input, body.dark .sky-form .state-success select, body.dark .sky-form .state-success textarea, body.dark .sky-form .radio.state-success i, body.dark .sky-form .checkbox.state-success i, body.dark .sky-form .toggle.state-success i { background: #ceedce !important; } body.dark .sky-form .state-error input, body.dark .sky-form .state-error select, body.dark .sky-form .state-error textarea, body.dark .sky-form .radio.state-error i, body.dark .sky-form .checkbox.state-error i, body.dark .sky-form .toggle.state-error i { background: #fff0e0 !important; } /*Hover State*/ body.dark .sky-form .radio:hover i, body.dark .sky-form .checkbox:hover i, body.dark .sky-form .toggle:hover i, body.dark .sky-form .ui-slider-handle:hover { border-color: #444 !important; } /*Modal Content ------------------------------------*/ body.dark .modal-content { box-shadow: none; border-color: #303030; background: #202020; } body.dark .modal-header, body.dark .modal-footer { border-color: #303030; } /*Pricing Table ------------------------------------*/ body.dark .pricing { box-shadow: none; border: 1px solid #333; } body.dark .pricing-light h3, body.dark .pricing-light .pricing-footer h4, body.dark .pricing-medium-light .pricing-head h3, body.dark .pricing-medium-light .pricing-footer h4, body.dark .pricing-medium-dark .pricing-head h3, body.dark .pricing-medium-dark .pricing-footer, body.dark .pricing-dark .pricing-head h3, body.dark .pricing-dark .pricing-footer h4 { background: #222 !important; border-color: #333 !important; } body.dark .pricing-medium-dark .pricing-footer h4 { background: #303030 !important; } body.dark .pricing-head h3 { color: #fafafa; } body.dark .pricing-head h4, body.dark .pricing-bg-colored h4, body.dark .pricing-mega-v1 .pricing-head .price, body.dark .pricing-mega-v2 .pricing-head .price { color: #ccc; background: #222; border-color: #333; text-shadow: 0 1px 0 #999; } body.dark .bg-color { background: #202020; } body.dark .pricing-dark .pricing-footer, body.dark .pricing-medium-light .pricing-footer { background: #202020; } body.dark .pricing-content li, body.dark .pricing-bg-colored .pricing-head p { color: #999; border-color: #333; } body.dark .pricing-bg-colored .pricing:hover h4 { color: #fff; background: transparent; } body.dark .pricing-bg-colored .pricing:hover p, body.dark .pricing-bg-colored .pricing:hover .pricing-content li { border-color: #fff; } body.dark .pricing-dark .pricing li i { color: #999; } body.dark .pricing-rounded h4, body.dark .pricing-zoom .pricing-head h4 { background: #222 !important; border-color: #333 !important; text-shadow: 0 1px 0 #999 !important; } /*Pricing Medium Dark and Light*/ body.dark .pricing-medium-light .pricing { background: #202020; } body.dark .pricing-medium-dark .pricing-head h3 { color: #717984; } body.dark .pricing-medium-light .pricing-content > li { border-color: #555 !important; } body.dark .pricing-dark .btn-u.btn-brd.btn-u-default, body.dark .pricing-medium-dark .btn-u.btn-brd.btn-u-default, body.dark .pricing-medium-light .btn-u.btn-brd.btn-u-default { border-color: #555; background: none !important; } body.dark .pricing-dark .btn-u.btn-brd.btn-u-default:hover, body.dark .pricing-medium-dark .btn-u.btn-brd.btn-u-default:hover, body.dark .pricing-medium-light .btn-u.btn-brd.btn-u-default:hover { color: #ccc; background: #555 !important; } /*Pricing Dark*/ body.dark .pricing-dark .pricing { background: none; } /*Pricing Mega Version 2*/ body.dark .pricing-mega-v2 .block:hover h3, body.dark .pricing-mega-v2 .block:hover h4, body.dark .pricing-mega-v2 .block:hover li, body.dark .pricing-mega-v2 .block:hover li i, body.dark .pricing-mega-v2 .block:hover h4 i { color: #fff !important; } /*Pricing Mega Version 3*/ body.dark .pricing-mega-v3 .btn-u, body.dark .pricing-mega-v3 .pricing-content, body.dark .pricing-mega-v3 .pricing-head h3, body.dark .pricing-mega-v3 .hidden-area .pricing-head h4, body.dark .pricing-mega-v3 .hidden-area .pricing-content { border-color: transparent; } body.dark .pricing-mega-v3 .pricing h5 { color: #ccc; } /*Pricing Mega Version 2*/ body.dark .pricing-mega-v2 .block:hover h3, body.dark .pricing-mega-v2 .block:hover h4, body.dark .pricing-mega-v2 .block:hover li, body.dark .pricing-mega-v2 .block:hover li i, body.dark .pricing-mega-v2 .block:hover h4 i { background: #222; } body.dark .pricing-mega-v2 .block:hover .bg-color { background: #222; } /*Button Group*/ body.dark .pricing .btn-group .dropdown-menu { border-color: #333 !important; } body.dark .pricing .btn-group .dropdown-menu li a { color: #fff !important; } /*Pricing Table v1*/ body.dark .pricing-table-v1 .pricing-v1-content { background: #222; } body.dark .pricing-table-v1 .pricing-v1-content { background: #222; } body.dark .pricing-table-v1 .pricing-v1:hover li { background: #333; } /*Pricing Table v2*/ body.dark .pricing-table-v2 .pricing-v2-grey, body.dark .pricing-table-v2 .pricing-v2-grey .pricing-v2-head, body.dark .pricing-table-v2 .pricing-v2-grey .pricing-v2-content li { border-color: #555; } body.dark .pricing-table-v2 .btn-u.btn-u-default { color: #999; background: #333; } body.dark .pricing-table-v2 .btn-u.btn-u-default:hover { background: #555; } /*Pricing Table v4*/ body.dark .pricing-table-v4 .pricing-v4 { background: #222; } body.dark .pricing-table-v4 .pricing-v4-head a .price-corner-2 { border-color: transparent transparent transparent #222; } /*Pricing Table v5*/ body.dark .pricing-table-v5 .btn-u { color: #fff; } body.dark .pricing-table-v5 .pricing-v5-grey, body.dark .pricing-table-v5 .pricing-v5-grey .pricing-v5-head, body.dark .pricing-table-v5 .pricing-v5-grey .pricing-v5-content li { border-color: #555; } /*Pricing Table v6, v7 and v8*/ body.dark .pricing-table-v6 h3, body.dark .pricing-table-v6 h3 i, body.dark .pricing-table-v6 h3 span, body.dark .pricing-table-v6 ul li, body.dark .pricing-table-v6 .btn-u.btn-brd, body.dark .pricing-table-v7 .btn-u.btn-brd, body.dark .pricing-table-v8 .btn-u.btn-brd, body.dark .pricing-table-v7 .service-block p, body.dark .pricing-table-v7 .service-block h2, body.dark .pricing-table-v8 .service-block p, body.dark .pricing-table-v8 .service-block h2 { color: #fff; } body.dark .pricing-table-v6 .btn-u.btn-brd:hover, body.dark .pricing-table-v7 .btn-u.btn-brd:hover, body.dark .pricing-table-v8 .btn-u.btn-brd:hover { color: #fff; background: #333; border-color: transparent; } body.dark .pricing-table-v7 .pricing-body, body.dark .pricing-table-v8 .pricing-body { background: #333; } body.dark .pricing-table-v7 .pricing-inner-1, body.dark .pricing-table-v7 .pricing-inner-2, body.dark .pricing-table-v8 .pricing-inner-1, body.dark .pricing-table-v8 .pricing-inner-2 { border-color: #555; } /*Map ------------------------------------*/ body.dark .map { border-color: #333; } /*About Skills ------------------------------------*/ body.dark .about-skills { border-color: #303030; background: #202020; } /*About Me ------------------------------------*/ body.dark .info-blocks .info-blocks-in h3 { color: #ccc; } /*Parallax About ------------------------------------*/ body.dark .parallax-about .title-box-v2 h2, body.dark .parallax-about .banner-info h3 { color: #fff; } body.dark .parallax-about .title-box-v2 p, body.dark .parallax-about .banner-info p { color: #eee; } /*Job Page ------------------------------------*/ body.dark .job-partners .our-clients li { border-color: #555; background: #292929; } body.dark #effect-2 figure .img-hover { color: #999; background: #303030; } body.dark .job-content .categories li { border-bottom-color: #444; } /*Job Inner ------------------------------------*/ body.dark .job-img .job-banner, body.dark .parallax-team:before, body.dark .image-block .company-description { background: rgba(0,0,0,0.9); } body.dark .image-block .benefits li i { color: #ccc; border-color: #ccc; } body.dark .job-description, body.dark .block-description, body.dark .job-team { background: #191919; border: none; } body.dark .parallax-team { border-color: #353535; } body.dark .block-level-v2, body.dark .contacts { border-color: #353535; background: #252525; } body.dark .center-icon { color: #777; background: #222; border-color: #353535; } /*Left Inner*/ body.dark .job-description .left-inner, body.dark .job-description .right-inner, body.dark .block-description .left-inner, body.dark .block-description .right-inner { background: #222; } body.dark .job-description .left-inner h2, body.dark .job-description .left-inner h3 { color: #ccc; font-weight: 200; } body.dark .job-description .left-inner img, body.dark .block-description .left-inner img { border-color: #555; } body.dark .job-description .left-inner i.position-top, body.dark .block-description .left-inner i.position-top { color: #999; } body.dark .job-description .left-inner i.position-top:hover, body.dark .block-description .left-inner i.position-top:hover { color: #666; } body.dark .job-description .progression span, body.dark .block-description .progression span { color: #999; } /*Right Inner*/ body.dark .job-description .right-inner .font-s, body.dark .block-description .right-inner .font-s { color: #ccc; } body.dark .job-description .left-inner small, body.dark .job-description .right-inner small, body.dark .block-description .right-inner small { color: #999; } body.dark .job-description .people-say .overflow-h span, body.dark .block-description .people-say .overflow-h span { color: #ccc; } /*Team Version 2 ------------------------------------*/ body.dark .team-v2 .inner-team { background: #202020; } /*Team v7 ------------------------------------*/ body.dark .team-v7 .team-v7-name { color: #ccc; } body.dark .team-v7 .team-arrow-left:before { border-color: transparent #252525 transparent transparent; } body.dark .team-v7 .team-arrow-right:before { border-color: transparent transparent transparent #252525; } /*Discover Page ------------------------------------*/ body.dark .category .section-block { background: #202020; border-color: #252525; box-shadow: 0 0 3px #111; } body.dark .search-block:before { background: rgba(0,0,0,0.7); } body.dark .section-block .section-block-info { border-color: #292929; } body.dark .content-boxes-v3 .content-boxes-in-v3 h3 a, body.dark .search-block form.page-search-form .checkbox { color: #ccc; } /*Search Results ------------------------------------*/ /*added v1.9*/ body.dark .search-block { background: #202020; border-color: #303030; } body.dark .search-block-v2 { background: #202020; border-color: #303030; } body.dark .s-results .related-search { border-color: #555; } body.dark .s-results .inner-results h3 a { color: #ccc; } body.dark .s-results .inner-results h3 a:hover { color: #72c02c; } body.dark .s-results .inner-results .btn-default { color: #bbb; background: #191919; } body.dark .s-results .up-ul li, body.dark .s-results .up-ul li a { color: #bbb; } /*Table Search ------------------------------------*/ body.dark .table-search-v1 thead, body.dark .table-search-v2 thead { border-color: #303030; } /*FAQ ------------------------------------*/ body.dark .easy-block-v3 { background: #333; } body.dark .easy-block-v3.second { background: #353535; } body.dark .easy-block-v3.third { background: #383838; } body.dark .faq-page .faq-add { border-color: #303030; } body.dark .faq-bg .title-box-v2 h2, body.dark .faq-bg .banner-info h3, body.dark .easy-block-v3 .inner-faq-b h3 { color: #fff; } body.dark .faq-bg .banner-info i, body.dark .faq-bg .banner-info p, body.dark .faq-bg .title-box-v2 p, body.dark .easy-block-v3 .inner-faq-b p { color: #eee; } /*Easy Block ------------------------------------*/ body.dark .easy-block-v1 i, body.dark .easy-block-v2 i, body.dark .easy-block-v3 i { color: #ccc; } /*Registration ------------------------------------*/ body.dark .reg-page { background: #222; box-shadow: none; border-color: #303030; } body.dark .reg-header { border-color: #555; } /*Portfolio ------------------------------------*/ /*Sorting Block*/ body.dark .sorting-block .sorting-grid li span.sorting-cover { background: #222; } body.dark .sorting-block .sorting-grid li:hover span.sorting-cover { background: #333; } body.dark .sorting-block .sorting-grid li a:hover span.sorting-cover p, body.dark .sorting-block .sorting-grid li a:hover span.sorting-cover span { color: #999; } /*View*/ body.dark .view { box-shadow: none; } /*Recent Work*/ body.dark .recent-work a { background: #222; } body.dark .recent-work a span { border-bottom-color: #303030; } body.dark .recent-work a:hover span strong { color: #ccc; } body.dark .recent-work a:hover span { border-bottom-color: #72c02c; } /*body.dark .bx-wrapper .bx-prev, body.dark .bx-wrapper .bx-next { background: #222; } */ /*Blog Pages ------------------------------------*/ body.dark .blog h2 a { color: #ccc; } /*Blog Tags & Posts*/ body.dark .blog-post-tags { border-top-color: #303030; border-bottom-color: #303030; } body.dark .blog-post-tags li i { color: #999; } body.dark ul.blog-tags a, body.dark .blog-post-tags ul.blog-tags a { color: #999; background: #292929; } /*quick fix added in v1.9*/ body.dark ul.blog-tags a:hover, body.dark .blog-post-tags ul.blog-tags a:hover { color: #fff; /*background: #72c02c;*/ } body.dark ul.blog-tags a i { color: #999; } /*Posts*/ body.dark .posts .dl-horizontal a { color: #999; } /*Blog Info*/ body.dark .blog-info li i { color: #999; } /*Media*/ body.dark .blog-item .media h4.media-heading { color: #ccc; } /*Magazine Page ------------------------------------*/ body.dark .magazine-page h3, body.dark .magazine-page h3 a { color: #ccc; } body.dark .magazine-page h3:hover, body.dark .magazine-page h3 a:hover { color: #72c02c; } /*Blog Twitter ------------------------------------*/ body.dark .blog-twitter .blog-twitter-inner { color: #999; background: #292929; } body.dark .blog-twitter .blog-twitter-inner i.fa { color: #999; } body.dark .blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #252525; } body.dark .blog-twitter .blog-twitter-inner:after { border-top-color: #555; } /*Info Blocks ------------------------------------*/ body.dark .info-blocks i.icon-info-blocks { color: #999; } /*Work Blocks v1 ------------------------------------*/ body.dark .owl-work-v1 .item a span { background: #222; border-color: #333; } body.dark .owl-work-v1 .item:hover a span { border-color: #444; } /*Team Socials ------------------------------------*/ body.dark .team-social li a.fb, body.dark .team-social li a.tw, body.dark .team-social li a.gp { color: #999; border-color: #555; } body.dark .team-social li a.fb:hover, body.dark .team-social li a.tw:hover, body.dark .team-social li a.gp:hover { color: #fff; border-color: transparent; } /*Promo Page ------------------------------------*/ body.dark .one-page .one-grey, body.dark .one-page .one-default { background: none; } body.dark .one-page .one-default h1, body.dark .one-page .one-default h2, body.dark .one-page .one-grey h1, body.dark .one-page .one-grey h2 { color: #ccc; } body.dark .one-page .one-red h1, body.dark .one-page .one-red h2, body.dark .one-page .one-blue h1, body.dark .one-page .one-blue h2, body.dark .one-page .one-red p, body.dark .one-page .one-blue p { color: #fff !important; } /*Clients Page ------------------------------------*/ body.dark .clients-page { border-color: #333; } body.dark .clients-page img { border-color: #333; background: #292929; } /*Profile Page ------------------------------------*/ body.dark .profile-body { background: #1c1c1c; } body.dark .profile .notification, body.dark .profile .project-share, body.dark .profile .social-contacts-v3 li { border-top-color: #333; } body.dark .profile .comment, body.dark .profile .panel-heading { border-bottom-color: #333; } body.dark .profile .profile-bio span, body.dark .profile .panel-heading h2, body.dark .profile .profile-post-in h3 a { color: #999; } body.dark .profile .projects, body.dark .profile .profile-bio, body.dark .profile .profile-blog, body.dark .profile .profile-post, body.dark .profile .profile-edit, body.dark .profile .profile-event, body.dark .profile .panel-heading, body.dark .profile .project-share { background: #252525; } body.dark .profile .profile-blog { border-color: #444; } body.dark .profile .timeline-me .cbp_tmlabel:after { border: none; } body.dark .profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child { color: #666; } body.dark .profile .comment-list-v2 li a { color: #999; } body.dark .profile .media.media-v2 { border-color: #555; } body.dark .profile .blog-info-v2 li { border-color: #555; } body.dark .profile .btn-u.btn-u-default { color: #999; background: #333; } body.dark .profile .btn-u.btn-u-default:hover { background: #444; } /*Footer (Default) ------------------------------------*/ body.dark .footer-default .footer { color: #999; background: #1c1c1c; border-top: solid 1px #222; } body.dark .footer-default .footer h2, body.dark .footer-default .footer h3, body.dark .footer-default .footer h4 { color: #ccc; } body.dark .footer-default .footer p { color: #999; } /*Footer Blog Posts*/ body.dark .footer-default .footer .blog-list { color: #999; } body.dark .footer-default .footer .posts .dl-horizontal a { color: #999; } body.dark .footer-default .footer .dl-horizontal img { border-color: #999 !important; } /*Footer v1*/ body.dark .footer-v1 address, body.dark .footer-v1 .link-list a, body.dark .footer-v1 .link-list i { color: #999; } /*Bugs fixed v1.9*/ body.dark .footer-v6 .contacts { background: none; } /*Copyright (Default) ------------------------------------*/ body.dark .footer-default .copyright { background: #191919; border-top-color: #222; } body.dark .footer-default .copyright p { color: #999; } /*Copyright Version 2 ------------------------------------*/ body.dark .copyright-v2 { background: #222; } /*Footer v1 ------------------------------------*/ body.dark .footer-v1 .footer { background: #1c1c1c; } /*Footer v2 ------------------------------------*/ body.dark .footer-v2 .footer { border-color: #333; background: #1c1c1c; } body.dark .footer-v2 .headline h2 { color: #ccc; } body.dark .footer-v2 .link-list li { border-color: #555; } body.dark .footer-v2 .link-list a { color: #999; } body.dark .footer-v2 .copyright { background: #191919; } /*Footer v3 ------------------------------------*/ body.dark .footer-v3 .footer { border-color: #333; background: #1c1c1c; } /*Footer v5 ------------------------------------*/ body.dark .footer-v5 .footer { background: #1c1c1c; } /*Footer One Page ------------------------------------*/ body.dark .contacts-section .btn-u.btn-brd.btn-u-dark { color: #999; border-color: #333; } body.dark .copyright-section, body.dark .copyright-section i.back-to-top { background: #1c1c1c; } /*Tags v1 ------------------------------------*/ body.dark .tags-v1 li a { color: #777; border: solid 2px #555; } body.dark .tags-v1 li a:hover { color: #999; } /*Counters ------------------------------------*/ body.dark .parallax-counter-v2 { background: #222 url(/assets/img/patterns/5.png) repeat fixed; } body.dark .parallax-counter-v2:after { border-top-color: #252525; } body.dark .parallax-counter-v2 .counters { background: rgba(0,0,0,0.9); border-bottom-color: #222; } body.dark .parallax-counter-v2 .counters h4, body.dark .parallax-counter-v2 .counters span { color: #ccc; } /*Grid Block v1 ------------------------------------*/ body.dark .block-grid-v1 { background: #202020; border-bottom-color: #292929; } /*Grid Block v2 ------------------------------------*/ body.dark .block-grid-v2-info { background: #202020; } body.dark .block-grid-v2-info, body.dark .block-grid-v1-add-info, body.dark .block-grid-v1-add-info li a { border-color: #292929; } /*Testimonials v3 ------------------------------------*/ body.dark .testimonials-v3 .owl-buttons .owl-prev, body.dark .testimonials-v3 .owl-buttons .owl-next { background: #333; } body.dark .testimonials-v3 .owl-buttons .owl-prev:hover, body.dark .testimonials-v3 .owl-buttons .owl-next:hover { background: #444; } /*Testimonials v4 ------------------------------------*/ body.dark .testimonials-v4 .testimonials-v4-in { background: #333; box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2); } body.dark .testimonials-v4 .testimonials-v4-in:after { border-color: #333 transparent transparent transparent; -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.2)); filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.2)); } body.dark .testimonials-v4 .testimonials-author { color: #ccc; } body.dark .testimonials-v4 .testimonials-author em { color: #999; } /*Portfolio Box v1 ------------------------------------*/ body.dark .portfolio-box-v1-in p { color: #eee; } /*Thumbnails v1 ------------------------------------*/ body.dark .thumbnails-v1 h3 a { color: #eee; } /*Content Boxes v3 ------------------------------------*/ body.dark .content-boxes-v3 .icon-bg-darker { border: transparent; } /*Background Image v1 ------------------------------------*/ body.dark .bg-image-v1 p { color: #eee; } /*Background Image v2 ------------------------------------*/ body.dark .bg-image-v2:before { background: rgba(0,0,0,0.6); } body.dark .bg-image-v2 p { color: #ccc; } /*Flat Background Block v1 ------------------------------------*/ body.dark .flat-bg-block-v1 { background: #202020 url(/assets/img/patterns/5.png) repeat; } /*Content Boxes v5 ------------------------------------*/ body.dark .content-boxes-v5 i { background: #333; } /*Content Boxes v6 ------------------------------------*/ body.dark .content-boxes-v6 i { background: #333; } body.dark .content-boxes-v6 i:after { border-color: #555; } /*Buttons ------------------------------------*/ body.dark .btn-u.btn-brd.btn-u-dark { border-color: #eee; } body.dark .btn-u.btn-brd.btn-u-dark:hover { border-color: #333; } body.dark li a.btn-u { color: #fff; } /*Service Info ------------------------------------*/ body.dark .service-info { background: #202020 url(/assets/img/patterns/5.png) repeat; } /*Portfolio Box v2 ------------------------------------*/ body.dark .portfolio-box-v2 li:hover:after { background: rgba(0,0,0,0.6); } /*Service Block v1 ------------------------------------*/ body.dark .service-block-v1 { border-color: #555; } /*Owl Carousel v6 ------------------------------------*/ body.dark .owl-carousel-v6 .owl-carousel-item { border-color: #555; } /*Fancybox ------------------------------------*/ body.dark .fancybox-skin { color: #999; background: #333; } /*Invoice ------------------------------------*/ body.dark .invoice-header .invoice-numb { color: #999; } /*Invoice ------------------------------------*/ body.dark .reg-block { background: #333; } body.dark .reg-block-header { border-bottom-color: #555; } /*Background Light Color ------------------------------------*/ body.dark .bg-color-light { background: #2a2b2b !important; } /*Icon Pages ------------------------------------*/ body.dark .icon-page-fa .item i, body.dark .demo-pro-glyphicons span:before { color: #999; } /*Portfolio Pages ------------------------------------*/ body.dark .fusion-portfolio #filters-container .cbp-filter-item { color: #999; border-color: #555; } body.dark .fusion-portfolio #filters-container .cbp-filter-item:hover { color: #ccc; } body.dark .fusion-portfolio .cbp-l-caption-desc, body.dark .fusion-portfolio .product-description span { color: #555; } /*Portfolio 2 Column (Old)*/ body.dark .view-tenth:hover p { color: #ccc; } /*Blog Masonry Page ------------------------------------*/ body.dark .blog_masonry_3col .grid-boxes-in { border-color: #555; } body.dark .blog_masonry_3col h3 a { color: #999; } body.dark .grid-boxes-caption.grid-boxes-quote p { color: #fff; } /*News v1 ------------------------------------*/ body.dark .news-v1-in.bg-color-white { background-color: #333 !important; } body.dark .news-v1 .news-v1-info { border-top-color: #777; } /*News v2 ------------------------------------*/ body.dark .news-v2 .news-v2-badge p { background: #555; } body.dark .news-v2 .news-v2-badge span, body.dark .news-v2 .news-v2-badge small { color: #ccc; } body.dark .news-v2 .news-v2-desc { background: #333; } body.dark .news-v2 .news-v2-desc h3 a { color: #ccc; } body.dark .news-v2 .news-v2-desc h3 a:hover { color: #72c02c; } body.dark .news-v2 .news-v2-desc small, body.dark .news-v2 .news-v2-desc p { color: #999; } /*News v3 ------------------------------------*/ body.dark .news-v3 { background: #252525; } body.dark .news-v3 .news-v3-in { background: #333; } body.dark .news-v3 h2 a { color: #ccc; } body.dark .news-v3 h2 a:hover { color: #72c02c; } body.dark .news-v3 .posted-info li, body.dark .news-v3 .posted-info li a { color: #999; } body.dark .news-v3 .posted-info li a:hover { color: #72c02c; } /*Post Shares*/ body.dark .news-v3 .post-shares li i { background: #bbb; } body.dark .news-v3 .post-shares li i:hover { background: #ddd; } body.dark .news-v3 .post-shares li span { border-color: #bbb; } /*Blog Authore ------------------------------------*/ body.dark .blog-author { background: #333; } /*Blog Comments ------------------------------------*/ body.dark .blog-comments .comments-itself { background: #333; } body.dark .blog-comments .comments-itself:before { border-color: transparent #333 transparent transparent; } body.dark .blog-comments .comments-itself span { color: #999; } body.dark .sky-form.comment-style fieldset { background: inherit; } /*Blog Latest Posts ------------------------------------*/ body.dark .blog-latest-posts li { border-top-color: #777; } body.dark .blog-latest-posts h3 a:hover { color: #72c02c; } /*Blog Trending ------------------------------------*/ body.dark .blog-trending h3 a:hover { color: #72c02c; } /*Blog Post Quote ------------------------------------*/ body.dark .blog-post-quote { background: #333; } body.dark .blog-post-quote p { color: #ccc; } body.dark .blog-post-quote span { color: #999; } /*Parallax Quote ------------------------------------*/ body.dark .parallax-quote-light .parallax-quote-in { background: #333; border-color: #555; } body.dark .parallax-quote-light:after { background: rgba(0,0,0,0.8); } /*Cube Portfolio ------------------------------------*/ body.dark .cube-portfolio .cbp-l-inline { background: #333; } body.dark .cube-portfolio .cbp-l-inline-title { color: #ccc; } body.dark .cube-portfolio .cbp-l-inline-desc { color: #999; } body.dark .cube-portfolio .cbp-title-dark .cbp-l-grid-agency-title { color: #ccc !important; } body.dark .cube-portfolio .cbp-title-dark .cbp-l-grid-agency-desc { color: #999 !important; } body.dark .cube-portfolio .cbp-l-filters-text { color: #777; } /*Call To Action ------------------------------------*/ body.dark .call-action-v2 { background: #333; } body.dark .call-action-v1 a, body.dark .call-action-v1 p, body.dark .call-action-v1 .btn-u.btn-brd { color: #eee; } /* Add here all your css styles (customizations) */ .label-blue, .badge-blue, .list-group-item.active>.badge { background: #3498db; } .label-light, .badge-light, .list-group-item.active>.badge.badge-light { color: #777; background: #ecf0f1; } .tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; } .stl-list{ padding:0 3%; } .stl-list li { list-style:none; border-bottom:1px solid #ccc; padding:5px; } .stl-list li a{ padding-right:60px; display:block; font-size:12px; position:relative; } .stl-list li a em{ position:absolute; right:2%; top:50%; margin-top: -5px; } .stl-list i{ vertical-align:top; } .stl-list.queryresult{ padding:0; display:none; } .field-validation-error{color:#b94a48;display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1;}.field-validation-error p,.field-validation-error li{color:#b94a48;}.field-validation-valid{display:none;}.input-validation-error{color:#b94a48;border-color:#b94a48;}.input-validation-error:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}.validation-summary-errors{color:#b94a48;}.validation-summary-valid{display:none;}.invalid{color:#f00;}.shippingtable{border-collapse:collapse;border:1px #ccc solid;width:100%;}.shippingtable td,.shippingtable th{padding:5px;border-bottom:1px #ccc solid;}.shippingtable .noborder td{border-bottom:0;}.sidebar-nav-v1 .fa{color:#008000;}.item_wrap ul{padding:10px;width:100%;}.item_wrap li{float:left;list-style:none;width:50%;}.listdisplay{padding:0;margin:0;}.listdisplay li{width:50%;float:left;list-style:none;}.listdisplay li label,.list-display li p{display:block;float:left;}.listdisplay li label{width:80px;color:#555;}.blog-post img{max-width:100%;}.blog-post p{line-height:24px;font-size:14px;}.padding-10{padding:10px;}.surcharge-table,.surcharge-table table{width:100%;}.breadcrumb a{color:#3498db;}.breadcrumb li.active,.breadcrumb li a:hover{color:#aaa;}.carousel-control{width:50px;}.content-sm{padding-top:30px;}.shippingsearch .form-group{position:relative;}.shippingsearch .select-tip a{display:block;padding:4px;text-align:left;}.shippingsearch .select-tip a:hover{background:#efefef;}.shippingsearch .select-tip{position:absolute;font-size:13px;width:100%;display:none;z-index:1000;border:1px #ccc solid;padding:5px;max-height:200px;background:#fff;overflow:auto;}.shippingsearch .select-tip .fl{float:left;}.shippingsearch .select-tip .r{float:right;color:#2a9900;}.shippingsearch .select-tip label{color:#333;font-weight:normal;}.shippingsearch .clearfix{clear:both;}.shippingsearch .mobile-tip{position:initial;max-height:initial;}.shippingsearch .mobile-tip a{border-bottom:1px solid #ccc;padding:8px;padding-right:5px;display:block;line-height:30px;font-size:16px;}.shippingsearch .mobile-tip a:end{border-bottom:0;}.shippingsearch .btn-close{position:absolute;right:10px;top:3px;display:none;}.headline a{color:#555;text-decoration:none;}.headline a:hover{color:#333;}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-left:0;}.checkbox label,.radio label{padding-left:20px;}.link-list a{font-size:13px;}dl.dl-horizontal dt,dl.dl-horizontal dd{line-height:26px;}#detail a{color:#3498db;}.pagination .disabled{display:none;}.table a .fa{color:#333;}.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ddd;background:url(/images/qq-icon-bg.png) no-repeat center 8px;}.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}.main-im .im_main{border:1px solid #ddd;border-radius:10px;background:#f9fafb;display:none;}.main-im .im_main .im-tel{color:#000;text-align:center;width:109px;padding-bottom:10px;border-bottom:1px solid #ddd;}.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:11px;}.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}.main-im .im_main .im-tel:hover{background:#fafafa;}.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #ddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(/images/weixing-icon.png) no-repeat center center;float:left;}.main-im .im_main .weixing-show{width:112px;height:172px;background:#fff;border-radius:10px;border:1px solid #ddd;position:absolute;left:-125px;top:-126px;}.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #fff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ddd;border-width:8px;left:112px;top:132px;position:absolute;}.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(/images/toTop-icon.png) no-repeat center center;float:right;}.main-im .im_main .go-top a{display:block;width:52px;height:47px;}.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}.main-im .close-im a{display:block;width:24px;height:24px;background:url(/images/close_im.png) no-repeat left top;}.main-im .close-im a:hover{text-decoration:none;}.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(/images/open_im.png) no-repeat left top;}.loginbar li{padding:0 8px;}.loginbar span{margin-left:5px;}@media(max-width:768px){.listdisplay li{width:100%;float:inherit;clear:both;}.item_wrap li{float:inherit;list-style:none;width:100%;}.breadcrumbs .active,.main-im,.loginbar span{display:none;}}@media print{*{-webkit-print-color-adjust:exact;}.btn-u,.header,.footer-v1,.breadcrumbs,#topcontrol{display:none;}.panel{border:none;}}.invoice-header{color:#555;overflow:hidden;margin-bottom:40px;}.invoice-header h2{font-size:30px;}.invoice-header .invoice-numb{font-size:16px;text-align:right;}.invoice-header .invoice-numb span{color:777;display:block;font-size:13px;}.invoice-info{margin-bottom:10px;}.invoice-info h2{color:#555;font-size:18px;}address{line-height:20px;}.invoice-total-info{margin-bottom:30px;}.invoice-total-info li{font-size:14px;margin-bottom:5px;font-family:'Open Sans';}em.error{color:#a94442;}#spinnerBox input[type=number]{width:40px;}.headline .btn-u{color:#fff;}.no-border{border:0;}.control-label b{color:#f00;}.thumbnail-style{min-height:300px;}