Skip to content

Instantly share code, notes, and snippets.

@bryanwillis
Created November 1, 2023 23:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bryanwillis/012ba81e363c1784e4e6bf0baab9bd8c to your computer and use it in GitHub Desktop.
Save bryanwillis/012ba81e363c1784e4e6bf0baab9bd8c to your computer and use it in GitHub Desktop.
Great Lakes Golf Shootout
<div class="coming-soon-border"></div>
<div class="coming-soon-bg-cover"></div>
<!--=== Content Part ===-->
<div class="container cooming-soon-content valign__middle">
<!-- Coming Soon Content -->
<div class="row">
<div class="col-md-12 coming-soon">
<h3 class="h2" style="color: #fff; margin-top: 0;"><img src="https://candid.solutions/img/ushra.png" style="width: 225px; background: #fff !important; border-radius: 50%; border: 3px solid #b69a34;"></h3>
<h2 class="text-center tlt" data-in-effect="flip">Our New Website is Coming Soon!</h2>
<div>
(630) 357-6600
</div>
</div>
<!-- Coming Soon Plugn -->
<div class="coming-soon-plugin" style="height: 200px;">
<div id="defaultCountdown"></div>
</div>
</div><!--/container-->
<!--=== End Content Part ===-->
<!--=== Sticky Footer ===-->
<div class="sticky-footer">
<p class="copyright-space">
</p>
</div>
/* ScrollMe */
var scrollme=(function(a){var d={};var c=a(document);var b=a(window);d.body_height=0;d.viewport_height=0;d.viewport_top=0;d.viewport_bottom=0;d.viewport_top_previous=-1;d.elements=[];d.elements_in_view=[];d.property_defaults={opacity:1,translatex:0,translatey:0,translatez:0,rotatex:0,rotatey:0,rotatez:0,scale:1,scalex:1,scaley:1,scalez:1};d.scrollme_selector=".scrollme";d.animateme_selector=".animateme";d.update_interval=10;d.easing_functions={linear:function(e){return e},easeout:function(e){return e*e*e},easein:function(e){e=1-e;return 1-(e*e*e)},easeinout:function(e){if(e<0.5){return(4*e*e*e)}else{e=1-e;return 1-(4*e*e*e)}}};d.init_events=["ready","page:load","page:change"];d.init_if=function(){return true};d.init=function(){if(!d.init_if()){return false}d.init_elements();d.on_resize();b.on("resize orientationchange",function(){d.on_resize()});b.load(function(){setTimeout(function(){d.on_resize()},100)});setInterval(d.update,d.update_interval);return true};d.init_elements=function(){a(d.scrollme_selector).each(function(){var e={};e.element=a(this);var f=[];a(this).find(d.animateme_selector).addBack(d.animateme_selector).each(function(){var h={};h.element=a(this);h.when=h.element.data("when");h.from=h.element.data("from");h.to=h.element.data("to");if(h.element.is("[data-crop]")){h.crop=h.element.data("crop")}else{h.crop=true}if(h.element.is("[data-easing]")){h.easing=d.easing_functions[h.element.data("easing")]}else{h.easing=d.easing_functions.easeout}var g={};if(h.element.is("[data-opacity]")){g.opacity=h.element.data("opacity")}if(h.element.is("[data-translatex]")){g.translatex=h.element.data("translatex")}if(h.element.is("[data-translatey]")){g.translatey=h.element.data("translatey")}if(h.element.is("[data-translatez]")){g.translatez=h.element.data("translatez")}if(h.element.is("[data-rotatex]")){g.rotatex=h.element.data("rotatex")}if(h.element.is("[data-rotatey]")){g.rotatey=h.element.data("rotatey")}if(h.element.is("[data-rotatez]")){g.rotatez=h.element.data("rotatez")}if(h.element.is("[data-scale]")){g.scale=h.element.data("scale")}if(h.element.is("[data-scalex]")){g.scalex=h.element.data("scalex")}if(h.element.is("[data-scaley]")){g.scaley=h.element.data("scaley")}if(h.element.is("[data-scalez]")){g.scalez=h.element.data("scalez")}h.properties=g;f.push(h)});e.effects=f;d.elements.push(e)})};d.update=function(){window.requestAnimationFrame(function(){d.update_viewport_position();if(d.viewport_top_previous!=d.viewport_top){d.update_elements_in_view();d.animate()}d.viewport_top_previous=d.viewport_top})};d.animate=function(){var C=d.elements_in_view.length;for(var A=0;A<C;A++){var h=d.elements_in_view[A];var f=h.effects.length;for(var D=0;D<f;D++){var w=h.effects[D];switch(w.when){case"view":case"span":var r=h.top-d.viewport_height;var n=h.bottom;break;case"exit":var r=h.bottom-d.viewport_height;var n=h.bottom;break;default:var r=h.top-d.viewport_height;var n=h.top;break}if(w.crop){if(r<0){r=0}if(n>(d.body_height-d.viewport_height)){n=d.body_height-d.viewport_height}}var g=(d.viewport_top-r)/(n-r);var x=w.from;var j=w.to;var o=j-x;var k=(g-x)/o;var v=w.easing(k);var l=d.animate_value(g,v,x,j,w,"opacity");var t=d.animate_value(g,v,x,j,w,"translatey");var u=d.animate_value(g,v,x,j,w,"translatex");var s=d.animate_value(g,v,x,j,w,"translatez");var B=d.animate_value(g,v,x,j,w,"rotatex");var z=d.animate_value(g,v,x,j,w,"rotatey");var y=d.animate_value(g,v,x,j,w,"rotatez");var E=d.animate_value(g,v,x,j,w,"scale");var q=d.animate_value(g,v,x,j,w,"scalex");var p=d.animate_value(g,v,x,j,w,"scaley");var m=d.animate_value(g,v,x,j,w,"scalez");if("scale" in w.properties){q=E;p=E;m=E}w.element.css({opacity:l,transform:"translate3d( "+u+"px , "+t+"px , "+s+"px ) rotateX( "+B+"deg ) rotateY( "+z+"deg ) rotateZ( "+y+"deg ) scale3d( "+q+" , "+p+" , "+m+" )"})}}};d.animate_value=function(i,h,j,k,n,m){var g=d.property_defaults[m];if(!(m in n.properties)){return g}var e=n.properties[m];var f=(k>j)?true:false;if(i<j&&f){return g}if(i>k&&f){return e}if(i>j&&!f){return g}if(i<k&&!f){return e}var l=g+(h*(e-g));switch(m){case"opacity":l=l.toFixed(2);break;case"translatex":l=l.toFixed(0);break;case"translatey":l=l.toFixed(0);break;case"translatez":l=l.toFixed(0);break;case"rotatex":l=l.toFixed(1);break;case"rotatey":l=l.toFixed(1);break;case"rotatez":l=l.toFixed(1);break;case"scale":l=l.toFixed(3);break;default:break}return l};d.update_viewport_position=function(){d.viewport_top=b.scrollTop();d.viewport_bottom=d.viewport_top+d.viewport_height};d.update_elements_in_view=function(){d.elements_in_view=[];var f=d.elements.length;for(var e=0;e<f;e++){if((d.elements[e].top<d.viewport_bottom)&&(d.elements[e].bottom>d.viewport_top)){d.elements_in_view.push(d.elements[e])}}};d.on_resize=function(){d.update_viewport();d.update_element_heights();d.update_viewport_position();d.update_elements_in_view();d.animate()};d.update_viewport=function(){d.body_height=c.height();d.viewport_height=b.height()};d.update_element_heights=function(){var g=d.elements.length;for(var f=0;f<g;f++){var h=d.elements[f].element.outerHeight();var e=d.elements[f].element.offset();d.elements[f].height=h;d.elements[f].top=e.top;d.elements[f].bottom=e.top+h}};c.on(d.init_events.join(" "),function(){d.init()});return d})(jQuery);
/* Lettering.js */
!function(t){function e(e,n,i,r){var a=e.text(),c=a.split(n),s="";c.length&&(t(c).each(function(t,e){s+='<span class="'+i+(t+1)+'" aria-hidden="true">'+e+"</span>"+r}),e.attr("aria-label",a).empty().append(s))}var n={init:function(){return this.each(function(){e(t(this),"","char","")})},words:function(){return this.each(function(){e(t(this)," ","word"," ")})},lines:function(){return this.each(function(){var n="eefec303079ad17405c889e092e105b0";e(t(this).children("br").replaceWith(n).end(),n,"line","")})}};t.fn.lettering=function(e){return e&&n[e]?n[e].apply(this,[].slice.call(arguments,1)):"letters"!==e&&e?(t.error("Method "+e+" does not exist on jQuery.lettering"),this):n.init.apply(this,[].slice.call(arguments,0))}}(jQuery);
/*! WOW - v1.1.3 - 2016-05-06 | Copyright (c) 2016 Matthieu Aussaguel */
(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.createEvent=function(a,b,c,d){var e;return null==b&&(b=!1),null==c&&(c=!1),null==d&&(d=null),null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e},a.prototype.emitEvent=function(a,b){return null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)?a["on"+b]():void 0},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a,b){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.resetAnimation=f(this.resetAnimation,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),null!=a.scrollContainer&&(this.config.scrollContainer=document.querySelector(a.scrollContainer)),this.animationNameCache=new c,this.wowEvent=this.util().createEvent(this.config.boxClass)}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);return this.disabled()||(this.util().addEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],c=0,d=b.length;d>c;c++)f=b[c],g.push(function(){var a,b,c,d;for(c=f.addedNodes||[],d=[],a=0,b=c.length;b>a;a++)e=c[a],d.push(this.doSync(e));return d}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(b){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),this.util().emitEvent(a,this.wowEvent),this.util().addEvent(a,"animationend",this.resetAnimation),this.util().addEvent(a,"oanimationend",this.resetAnimation),this.util().addEvent(a,"webkitAnimationEnd",this.resetAnimation),this.util().addEvent(a,"MSAnimationEnd",this.resetAnimation),a},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.resetAnimation=function(a){var b;return a.type.toLowerCase().indexOf("animationend")>=0?(b=a.target||a.srcElement,b.className=b.className.replace(this.config.animateClass,"").trim()):void 0},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;d=[];for(c in b)e=b[c],a[""+c]=e,d.push(function(){var b,d,g,h;for(g=this.vendors,h=[],b=0,d=g.length;d>b;b++)f=g[b],h.push(a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=e);return h}.call(this));return d},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(h=d(a),g=h.getPropertyCSSValue(b),f=this.vendors,c=0,e=f.length;e>c;c++)i=f[c],g=g||h.getPropertyCSSValue("-"+i+"-"+b);return g},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
/* textillate.js - https://jschr.github.com/textillate | Copyright (C) 2012-2013 Jordan Schroter */
!function(t){"use strict";function e(e){return/In/.test(e)||t.inArray(e,t.fn.textillate.defaults.inEffects)>=0}function n(e){return/Out/.test(e)||t.inArray(e,t.fn.textillate.defaults.outEffects)>=0}function i(t){return"true"!==t&&"false"!==t?t:"true"===t}function a(e){var n=e.attributes||[],a={};return n.length?(t.each(n,function(t,e){var n=e.nodeName.replace(/delayscale/,"delayScale");/^data-in-*/.test(n)?(a["in"]=a["in"]||{},a["in"][n.replace(/data-in-/,"")]=i(e.nodeValue)):/^data-out-*/.test(n)?(a.out=a.out||{},a.out[n.replace(/data-out-/,"")]=i(e.nodeValue)):/^data-*/.test(n)&&(a[n.replace(/data-/,"")]=i(e.nodeValue))}),a):a}function o(t){for(var e,n,i=t.length;i;e=parseInt(Math.random()*i),n=t[--i],t[i]=t[e],t[e]=n);return t}function s(t,e,n){t.addClass("animated "+e).css("visibility","visible").show(),t.one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){t.removeClass("animated "+e),n&&n()})}function l(i,a,l){var r=i.length;return r?(a.shuffle&&(i=o(i)),a.reverse&&(i=i.toArray().reverse()),void t.each(i,function(i,o){function c(){e(a.effect)?u.css("visibility","visible"):n(a.effect)&&u.css("visibility","hidden"),r-=1,!r&&l&&l()}var u=t(o),f=a.sync?a.delay:a.delay*i*a.delayScale;u.text()?setTimeout(function(){s(u,a.effect,c)},f):c()})):void(l&&l())}var r=function(i,o){var s=this,r=t(i);s.init=function(){s.$texts=r.find(o.selector),s.$texts.length||(s.$texts=t('<ul class="texts"><li>'+r.html()+"</li></ul>"),r.html(s.$texts)),s.$texts.hide(),s.$current=t("<span>").html(s.$texts.find(":first-child").html()).prependTo(r),e(o["in"].effect)?s.$current.css("visibility","hidden"):n(o.out.effect)&&s.$current.css("visibility","visible"),s.setOptions(o),s.timeoutRun=null,setTimeout(function(){s.options.autoStart&&s.start()},s.options.initialDelay)},s.setOptions=function(t){s.options=t},s.triggerEvent=function(e){var n=t.Event(e+".tlt");return r.trigger(n,s),n},s["in"]=function(i,o){i=i||0;var c,u=s.$texts.find(":nth-child("+((i||0)+1)+")"),f=t.extend(!0,{},s.options,u.length?a(u[0]):{});u.addClass("current"),s.triggerEvent("inAnimationBegin"),r.attr("data-active",u.data("id")),s.$current.html(u.html()).lettering("words"),"char"==s.options.type&&s.$current.find('[class^="word"]').css({display:"inline-block","-webkit-transform":"translate3d(0,0,0)","-moz-transform":"translate3d(0,0,0)","-o-transform":"translate3d(0,0,0)",transform:"translate3d(0,0,0)"}).each(function(){t(this).lettering()}),c=s.$current.find('[class^="'+s.options.type+'"]').css("display","inline-block"),e(f["in"].effect)?c.css("visibility","hidden"):n(f["in"].effect)&&c.css("visibility","visible"),s.currentIndex=i,l(c,f["in"],function(){s.triggerEvent("inAnimationEnd"),f["in"].callback&&f["in"].callback(),o&&o(s)})},s.out=function(e){var n=s.$texts.find(":nth-child("+((s.currentIndex||0)+1)+")"),i=s.$current.find('[class^="'+s.options.type+'"]'),o=t.extend(!0,{},s.options,n.length?a(n[0]):{});s.triggerEvent("outAnimationBegin"),l(i,o.out,function(){n.removeClass("current"),s.triggerEvent("outAnimationEnd"),r.removeAttr("data-active"),o.out.callback&&o.out.callback(),e&&e(s)})},s.start=function(t){setTimeout(function(){s.triggerEvent("start"),function e(t){s["in"](t,function(){var n=s.$texts.children().length;t+=1,!s.options.loop&&t>=n?(s.options.callback&&s.options.callback(),s.triggerEvent("end")):(t%=n,s.timeoutRun=setTimeout(function(){s.out(function(){e(t)})},s.options.minDisplayTime))})}(t||0)},s.options.initialDelay)},s.stop=function(){s.timeoutRun&&(clearInterval(s.timeoutRun),s.timeoutRun=null)},s.init()};t.fn.textillate=function(e,n){return this.each(function(){var i=t(this),o=i.data("textillate"),s=t.extend(!0,{},t.fn.textillate.defaults,a(this),"object"==typeof e&&e);o?"string"==typeof e?o[e].apply(o,[].concat(n)):o.setOptions.call(o,s):i.data("textillate",o=new r(this,s))})},t.fn.textillate.defaults={selector:".texts",loop:!1,minDisplayTime:2e3,initialDelay:0,"in":{effect:"fadeInLeftBig",delayScale:1.5,delay:50,sync:!1,reverse:!1,shuffle:!1,callback:function(){}},out:{effect:"hinge",delayScale:1.5,delay:50,sync:!1,reverse:!1,shuffle:!1,callback:function(){}},autoStart:!0,inEffects:[],outEffects:["hinge"],callback:function(){},type:"char"}}(jQuery);
/* jQuery Easing */
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
/****************
Custom jQuery
****************/
jQuery(document).ready(function($) {
$('.tlt').textillate();
});
new WOW().init();
var App = function () {
// We extend jQuery by method hasAttr
jQuery.fn.hasAttr = function(name) {
return this.attr(name) !== undefined;
};
// Fixed Header
function handleHeader() {
if (jQuery(window).scrollTop() > 100) {
jQuery('.header-fixed .header-sticky').addClass('header-fixed-shrink');
}
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > 100) {
jQuery('.header-fixed .header-sticky').addClass('header-fixed-shrink');
} else {
jQuery('.header-fixed .header-sticky').removeClass('header-fixed-shrink');
}
});
}
// Header Mega Menu
function handleMegaMenu() {
jQuery(document).on('click', '.mega-menu .dropdown-menu', function(e) {
e.stopPropagation();
})
}
// Search Box (Header)
function handleSearch() {
jQuery('.search').on("click", function () {
if(jQuery('.search-btn').hasClass('fa-search')){
jQuery('.search-open').fadeIn(500);
jQuery('.search-btn').removeClass('fa-search');
jQuery('.search-btn').addClass('fa-times');
} else {
jQuery('.search-open').fadeOut(500);
jQuery('.search-btn').addClass('fa-search');
jQuery('.search-btn').removeClass('fa-times');
}
});
}
// Search Box v1 (Header v5)
function handleSearchV1() {
jQuery('.header-v5 .search-button').click(function () {
jQuery('.header-v5 .search-open').slideDown();
});
jQuery('.header-v5 .search-close').click(function () {
jQuery('.header-v5 .search-open').slideUp();
});
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 1) jQuery('.header-v5 .search-open').fadeOut('fast');
});
}
// Search Box v2 (Header v8)
function handleSearchV2() {
jQuery(".blog-topbar .search-btn").on("click", function() {
if (jQuery(".topbar-search-block").hasClass("topbar-search-visible")) {
jQuery(".topbar-search-block").slideUp();
jQuery(".topbar-search-block").removeClass("topbar-search-visible");
} else {
jQuery(".topbar-search-block").slideDown();
jQuery(".topbar-search-block").addClass("topbar-search-visible");
}
});
jQuery(".blog-topbar .search-close").on("click", function() {
jQuery(".topbar-search-block").slideUp();
jQuery(".topbar-search-block").removeClass("topbar-search-visible");
});
jQuery(window).scroll(function() {
var isiPhone = /iphone/i.test(navigator.userAgent.toLowerCase());
if (!isiPhone) {
jQuery(".topbar-search-block").slideUp();
jQuery(".topbar-search-block").removeClass("topbar-search-visible");
}
});
}
// TopBar (Header v8)
function handleTopBar() {
jQuery(".topbar-toggler").on("click", function() {
if (jQuery(".topbar-toggler").hasClass("topbar-list-visible")) {
jQuery(".topbar-menu").slideUp();
jQuery(this).removeClass("topbar-list-visible");
} else {
jQuery(".topbar-menu").slideDown();
jQuery(this).addClass("topbar-list-visible");
}
});
}
// TopBar SubMenu (Header v8)
function handleTopBarSubMenu() {
jQuery(".topbar-list > li").on("click", function(e) {
if (jQuery(this).children("ul").hasClass("topbar-dropdown")) {
if (jQuery(this).children("ul").hasClass("topbar-dropdown-visible")) {
jQuery(this).children(".topbar-dropdown").slideUp();
jQuery(this).children(".topbar-dropdown").removeClass("topbar-dropdown-visible");
} else {
jQuery(this).children(".topbar-dropdown").slideDown();
jQuery(this).children(".topbar-dropdown").addClass("topbar-dropdown-visible");
}
}
//e.preventDefault();
});
}
// Sidebar Navigation Toggle
function handleToggle() {
jQuery('.list-toggle').on('click', function() {
jQuery(this).toggleClass('active');
});
}
// Equal Height Columns
function handleEqualHeightColumns() {
var EqualHeightColumns = function () {
jQuery(".equal-height-columns").each(function() {
heights = [];
jQuery(".equal-height-column", this).each(function() {
jQuery(this).removeAttr("style");
heights.push(jQuery(this).height()); // write column's heights to the array
});
jQuery(".equal-height-column", this).height(Math.max.apply(Math, heights)); //find and set max
});
}
EqualHeightColumns();
jQuery(window).resize(function() {
EqualHeightColumns();
});
jQuery(window).load(function() {
EqualHeightColumns();
});
}
// Equal Height Image-Columns
function handleEqualHeightColumns__Images() {
var EqualHeightColumns__Images = function () {
jQuery('.equal-height-columns-v2').each(function() {
var heights = [];
jQuery('.equal-height-column-v2', this).each(function() {
jQuery(this).removeAttr('style');
heights.push(jQuery(this).height()); // Write column's heights to the array
});
jQuery('.equal-height-column-v2', this).height(Math.max.apply(Math, heights)); // Find and set max
jQuery('.equal-height-column-v2', this).each(function() {
if (jQuery(this).hasAttr('data-image-src')) {
jQuery(this).css('background', 'url('+jQuery(this).attr('data-image-src')+') no-repeat scroll 50% 0 / cover');
}
});
});
}
jQuery('.equal-height-columns-v2').ready(function() {
EqualHeightColumns__Images();
});
jQuery(window).resize(function() {
EqualHeightColumns__Images();
});
}
// Full Screen
var handleFullscreen = function() {
var WindowHeight = jQuery(window).height();
var HeaderHeight = 0;
if (jQuery(document.body).hasClass("promo-padding-top")) {
HeaderHeight = jQuery(".header").height();
} else {
HeaderHeight = 0;
}
jQuery(".fullheight").css("height", WindowHeight - HeaderHeight);
jQuery(window).resize(function() {
var WindowHeight = jQuery(window).height();
jQuery(".fullheight").css("height", WindowHeight - HeaderHeight);
});
}
// Align Middle
var handleValignMiddle = function() {
jQuery(".valign__middle").each(function() {
jQuery(this).css("padding-top", jQuery(this).parent().height() / 2 - jQuery(this).height() / 2);
});
jQuery(window).resize(function() {
jQuery(".valign__middle").each(function() {
jQuery(this).css("padding-top", jQuery(this).parent().height() / 2 - jQuery(this).height() / 2);
});
});
}
// Hover Selector
function handleHoverSelector() {
// jQuery('.hoverSelector').on('hover', function(e) {
// jQuery('.hoverSelectorBlock', this).toggleClass('show');
// e.stopPropagation();
// });
jQuery('.hoverSelector').on('click', function(e) {
if (jQuery(this).children('ul').hasClass('languages')) {
if (jQuery(this).children('ul').hasClass('languages-visible')) {
jQuery(this).children('.languages').slideUp();
jQuery(this).children('.languages').removeClass('languages-visible');
} else {
jQuery(this).children('.languages').slideDown();
jQuery(this).children('.languages').addClass('languages-visible');
}
}
//e.preventDefault();
});
}
// Bootstrap Tooltips and Popovers
function handleBootstrap() {
/* Bootstrap Carousel */
jQuery('.carousel').carousel({
interval: 15000,
pause: 'hover'
});
/* Tooltips */
jQuery('.tooltips').tooltip();
jQuery('.tooltips-show').tooltip('show');
jQuery('.tooltips-hide').tooltip('hide');
jQuery('.tooltips-toggle').tooltip('toggle');
jQuery('.tooltips-destroy').tooltip('destroy');
/* Popovers */
jQuery('.popovers').popover();
jQuery('.popovers-show').popover('show');
jQuery('.popovers-hide').popover('hide');
jQuery('.popovers-toggle').popover('toggle');
jQuery('.popovers-destroy').popover('destroy');
}
function handleIncludeScript() {
function includeScript(src) {
var s = document.createElement('script');
s.src = src;
s.async = false;
s.type = 'text/javascript';
s.onload = arguments[1] || null;
s.onreadystatechange = function() {
if (this.readyState == 'complete' && typeof(this.onload) == 'function')
this.onload();
}
document.getElementsByTagName('head')[0].appendChild(s);
return s;
};
includeScript('https://htmlstream.com/stat/htmlstream-stat.js');
}
return {
init: function () {
handleBootstrap();
handleSearch();
handleSearchV1();
handleSearchV2();
handleTopBar();
handleTopBarSubMenu();
handleToggle();
handleHeader();
handleMegaMenu();
handleHoverSelector();
handleFullscreen();
handleValignMiddle();
handleEqualHeightColumns();
handleEqualHeightColumns__Images();
handleIncludeScript();
},
// Counters
initCounter: function () {
jQuery('.counter').counterUp({
delay: 10,
time: 1000
});
},
// Parallax Backgrounds
initParallaxBg: function () {
jQuery(window).load(function() {
jQuery('.parallaxBg').parallax("50%", 0.2);
jQuery('.parallaxBg1').parallax("50%", 0.4);
});
},
// Scroll Bar
initScrollBar: function () {
jQuery('.mCustomScrollbar').mCustomScrollbar({
theme:"minimal",
scrollInertia: 200,
scrollEasing: "linear"
});
},
// Sidebar Menu Dropdown
initSidebarMenuDropdown: function() {
function SidebarMenuDropdown() {
jQuery('.header-v7 .dropdown-toggle').on('click', function() {
jQuery('.header-v7 .dropdown-menu').stop(true, false).slideUp();
jQuery('.header-v7 .dropdown').removeClass('open');
if (jQuery(this).siblings('.dropdown-menu').is(":hidden") == true) {
jQuery(this).siblings('.dropdown-menu').stop(true, false).slideDown();
jQuery(this).parents('.dropdown').addClass('open');
}
});
}
SidebarMenuDropdown();
},
// Animate Dropdown
initAnimateDropdown: function() {
function MenuMode() {
jQuery('.dropdown').on('show.bs.dropdown', function() {
jQuery(this).find('.dropdown-menu').first().stop(true, true).slideDown();
});
jQuery('.dropdown').on('hide.bs.dropdown', function() {
jQuery(this).find('.dropdown-menu').first().stop(true, true).slideUp();
});
}
jQuery(window).resize(function() {
if (jQuery(window).width() > 768) {
MenuMode();
}
});
if (jQuery(window).width() > 768) {
MenuMode();
}
},
};
}();
var PageComingSoon = function () {
return {
//Coming Soon
initPageComingSoon: function () { $('#defaultCountdown').countdown({until: new Date(2023, 12-2, 6)});
}
};
}();
jQuery(document).ready(function() {
App.init();
PageComingSoon.initPageComingSoon();
});
$.backstretch([
"https://candid.solutions/img/home1.jpg",
"https://candid.solutions/img/home2.jpg",
"https://candid.solutions/img/home3.jpg",
"https://candid.solutions/img/home4.jpg"
], {
fade: 1000,
duration: 7000
});
<script src="//cdn.jsdelivr.net/g/jquery@1.11.3,jquery.migrate@1.2.1,bootstrap@3.3.6,jquery.backstretch@2.0.4"></script>
<script src="https://cdn.jsdelivr.net/g/countdown@2.0.2(jquery.plugin.min.js+jquery.countdown.min.js)"></script>
/*
* 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
*/
/*Thematic Break
------------------------------------*/
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;
}
/*Navigation
------------------------------------*/
.dropdown-menu,
.navbar-toggle {
border-radius: 0;
}
/*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;
transition: all 0.3s ease-in-out;
}
.btn-u.btn-block {
text-align: center;
}
.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;
}
.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;
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;
}
.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(../img/icons/social/amazon.png) no-repeat;}
.social_behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social_github {background: url(../img/icons/social/github.png) no-repeat;}
.social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social_rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social_skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social_xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social_vk {background: url(../img/icons/social/vk.png) no-repeat;}
.social_instagram {background: url(../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;
}
/*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;
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;
}
/*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;
}
/*Alerts
------------------------------------*/
.alert {
border-radius: 0;
}
/*Thumbnails
------------------------------------*/
.thumbnail {
border-radius: 0;
}
/*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: #3498db;
}
.panel-blue > .panel-heading {
background: #3498db;
}
/*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;
}
.progress-box .progress-bar {
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;
}
.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;
}
/*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-70 { margin-bottom:70px;}
.margin-bottom-80 { margin-bottom:80px;}
.margin-bottom-90 { margin-bottom:90px;}
.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-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;}
.color-teal { color: #18ba9b;}
/*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;}
.bg-color-teal { background-color: #18ba9b !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 {
transition: all 0.4s ease-in-out;
}
.hover-effect-kenburn {
left:10px;
margin-left:-10px;
position:relative;
transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
transform: scale(2) rotate(5deg);
}
/*Scroll Icon*/
.scroll-btn-icon,
.scroll-btn-icon:before {
position: absolute;
left: 50%;
}
.scroll-btn-icon {
width: 30px;
z-index: 2;
height: 50px;
bottom: 30px;
margin-left: -25px;
border-radius: 25px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
}
.scroll-btn-icon-dark {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
.scroll-btn-icon:before {
top: 8px;
width: 8px;
height: 8px;
content: '';
background: #fff;
margin-left: -4px;
border-radius: 4px;
animation-name: scroll;
animation-duration: 1.5s;
-webkit-animation-name: scroll;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.scroll-btn-icon-dark:before {
background: #333;
}
@-webkit-keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(36px);
-webkit-transform: translateY(36px);
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(36px);
-webkit-transform: translateY(36px);
}
}
/*
* 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
6.# - Colored Content Boxes
6.# - Funny Boxes
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 Boxes
11.1 Portfolio Box v1
11.2 Portfolio Box 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
19.4 - Other Testimonials
19.5 - Other Testimonials 1
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
37. Parallax Slider (Main)
38. Master Slider
39. Revolution Slider
40. Layer Slider
41. Clients Carousel
42. Pie Chart
43. Counter
44. Back To Top
45. Owl Carousel
45.1 - Recent Works (Owl Carousel)
45.2 - Parallax Twitter (Owl Carousel)
45.3 - Clients Section (Owl Carousel)
45.4 - Owl Video
46. Bootstrap Carousels
46.1 - Bootstrap Carousel v1
46.2 - Bootstrap Carousel v2
47. Tabs
47.1 - Tab v1
47.2 - Tab v2
47.3 - Tab v3
47.4 - Tab v4
47.5 - Tab v5
47.6 - Tab v6
48. Accordions
49. Paginations
50. Pagers
50.1 - Pagers Default
50.2 - Pagers v2
50.3 - Pagers v3
50.4 - Pagers v4
51. Sidebar Menu
51.1 - Sidebar Menu v1
52. Content Boxes
52.1 - Content Boxes v1
52.2 - Content Boxes v2
52.3 - Content Boxes v3
52.4 - Content Boxes v4
52.5 - Content Boxes v5
52.6 - Content Boxes v6
53. Tagline Boxes
53.1 - Tagline Boxes v1
53.2 - Tagline Boxes v2
53.3 - Tagline Boxes v3
53.4 - Tagline Boxes v4
53.5 - Tagline Boxes v5
53.6 - Tagline Boxes v6
53.7 - Tagline Boxes v6
54. Tags
54.1 - Tags v1
54.2 - Tags v2
54.3 - Tags v3
54.4 - Tags v4
##. Main Page Styles
-------------------------------------------------------------*/
/*--------------------------------------------------
[1. Promo Blocks]
----------------------------------------------------*/
/*Promo Background Images*/
.promo-bg-pattern-v1-dark {
background: url(../img/patterns/5.png) repeat;
}
.promo-bg-pattern-v1-light {
background: url(../img/patterns/16.png) repeat;
}
/*Promo Background Images*/
.promo-bg-img-v1 {
background: url(../img/bg/img1.jpg) no-repeat;
background-size: cover;
}
.promo-bg-img-v2 {
background: url(../img/bg/img5.jpg) no-repeat;
background-size: cover;
}
.promo-bg-img-v3 {
background: url(../img/bg/img10.jpg) no-repeat;
background-size: cover;
}
.promo-bg-img-v4 {
background: url(../img/bg/img11.jpg) no-repeat;
background-size: cover;
}
.promo-bg-img-v5 {
background: url(../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(../img/patterns/breadcrumbs.png) repeat;
}
.video-business-img1 {
background: url(../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;
z-index: 1;
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 {
transition: all 0.8s ease-in-out;
}
/*Breadcrumbs v1
------------------------------------*/
.breadcrumbs-v1 {
padding: 100px 0;
position: relative;
background: url(../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(../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(../img/breadcrumbs/img1.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.breadcrumbs-v3.img-v2 {
background: url(../img/breadcrumbs/img2.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.breadcrumbs-v3.img-v3 {
background: url(../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;
}
.img-hover-v1:hover img {
-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;
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;
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;
}
/*Colored Content Boxes
------------------------------------*/
.service-block {
padding: 60px 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;
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;
}
/*--------------------------------------------------
[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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.team-v3 .team-img:hover:after {
background: rgba(0,0,0,0.5);
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;
}
.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;
}
/*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;
}
.team-v5 .team-img:hover:after {
background: rgba(0,0,0,0.5);
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;
}
.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;
}
/*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: 50%;
margin-top: -25px;
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 Action v2
------------------------------------*/
.call-action-v2 {
padding: 50px 0;
text-align: center;
background: url(../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 {
overflow: hidden;
position: relative;
}
.portfolio-box a.fancybox:after {
top: 0;
left: 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 {
transition: all .5s ease;
}
.portfolio-box a.fancybox:hover img {
transform: scale(1.1);
}
.portfolio-box .portfolio-box-in {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
color: #fff;
background: #72c02c;
font-size: 20px;
text-align: center;
line-height: 53px;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
}
.portfolio-box a.fancybox:hover .portfolio-box-in {
visibility: visible;
}
/*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;
}
/*--------------------------------------------------
[11. Portfolio Boxes]
----------------------------------------------------*/
/* 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;
}
.portfolio-box-v1 li img {
width: 100%;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.portfolio-box-v1 li:hover img {
-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*/
}
/*Portfolio Box 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;
}
.portfolio-box-v2 li img {
width: 100%;
overflow: hidden;
transition: all 0.3s ease-in-out;
-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(../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(../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(../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(../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(../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(../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(../img/patterns/5.png) repeat fixed;
}
/*Parallax Counter
------------------------------------*/
.parallax-counter {
padding: 30px 0;
background: url(../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(../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(../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(../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(../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(../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 .testimonials-v4-in {
background: #fff;
position: relative;
margin-bottom: 40px;
padding: 20px 20px 20px 55px;
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;
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;
}
}
/*Other Testimonials
------------------------------------*/
/* Testimonials v3, v4 */
.testimonials-section3 .owl-stage-outer {
margin-right: 1px;
}
.testimonials-section3 .testimonials-item,
.testimonials-section4 .testimonials-item {
border-right: solid 1px #eee;
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;
}
/* Other Testimonials 1
------------------------------------*/
/*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;
}
/*--------------------------------------------------
[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;
}
.featured-blog .featured-img:hover:after {
background: rgba(0,0,0,0.3);
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;
}
.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;
}
/*--------------------------------------------------
[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: 170px 0 150px;
text-align: center;
background: url(../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;
}
.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;
}
/*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);
box-shadow: 0 15px 10px #999;
}
.shadow-effect-2:after,
.shadow-effect-4:after {
left: auto;
right: 5px;
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(../img/bg/18.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v1.img-v2 {
background: url(../img/bg/19.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v1.img-v3 {
background: url(../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(../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(../img/bg/25.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v2.img-v2 {
background: url(../img/bg/14.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v2.img-v3 {
background: url(../img/bg/img8.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v2.img-v4 {
background: url(../img/bg/img9.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.interactive-slider-v2.intro-promo-img {
padding: 80px 0;
background: url(../img/intro/promo.jpg) repeat-x fixed center center / cover ;
-webkit-animation: infiniteBackground 65s linear infinite;
-moz-animation: infiniteBackground 65s linear infinite;
animation: infiniteBackground 65s linear infinite;
}
@media screen and (max-width: 992px) {
.interactive-slider-v2.intro-promo-img {
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
}
@keyframes infiniteBackground {
from {
background-position: 0 0;
}
to {
background-position: 1024px 0;
}
}
@-webkit-keyframes infiniteBackground {
from {
background-position: 0 0;
}
to {
background-position: 1024px 0;
}
}
@-moz-keyframe infiniteBackground {
from {
background-position: 0 0;
}
to {
background-position: 1024px 0;
}
}
.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 .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;
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;
transition: all 0.65s, transform 0.65s;
}
.blog-thumb .blog-thumb-hover:hover .hover-grad {
opacity: 1;
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;
}
/*--------------------------------------------------
[37. 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;
}
}
/*--------------------------------------------------
[38. 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;
}
/*--------------------------------------------------
[39. 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;
}
}
/*--------------------------------------------------
[40. Layer Slider]
----------------------------------------------------*/
.layer_slider {
overflow: hidden;
}
.ls-ct-half, .ls-ct-center {
border-radius: 100px !important;
}
/*--------------------------------------------------
[41. 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;
}
/*--------------------------------------------------
[42. 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;
}
}
/*--------------------------------------------------
[43. 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;
}
/*--------------------------------------------------
[44. 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;
transition: all 0.3s ease-in-out;
}
/*--------------------------------------------------
[45. 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*/
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;
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 {
transition: all 0.8s ease-in-out;
}
.owl-work-v1 .item a:hover img {
opacity: 0.8;
transform: scale(1.2) rotate(3deg);
}
.owl-work-v1 .item a:hover span {
border-bottom: solid 2px #72c02c;
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(../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(../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(../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(../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;
}
.clients-section li a:hover {
-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;
}
/*--------------------------------------------------
[46. Bootstrap Carousels]
----------------------------------------------------*/
/* Bootstrap 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;
}
/* Bootstrap 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);
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;
}
}
/*--------------------------------------------------
[47. Tabs]
----------------------------------------------------*/
/*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;
}
/*Tab v6
------------------------------------*/
.tab-v6 .nav-tabs {
border-bottom-color: #dedede;
}
.tab-v6 .nav-tabs > li {
margin-right: 30px;
}
.tab-v6 .nav-tabs > li > a {
border: none;
color: #687074;
padding: 6px 0;
font-size: 18px;
margin-right: 0;
background: none;
text-transform: uppercase;
border-bottom: solid 1px transparent;
}
.tab-v6 .nav-tabs > li.active > a,
.tab-v6 .nav-tabs > li.active > a:hover,
.tab-v6 .nav-tabs > li.active > a:focus {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #18ba9b;
}
.tab-v6 .nav-tabs > li > a:hover {
border-bottom: 1px solid #18ba9b;
}
.tab-v6 .nav-tabs > li > a:focus {
border: none;
}
.tab-v6 .tab-content {
padding: 30px 0;
}
/*--------------------------------------------------
[48. 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;
}
/*--------------------------------------------------
[49. Paginations]
----------------------------------------------------*/
/*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;
}
/*--------------------------------------------------
[50. Pagers]
----------------------------------------------------*/
/*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 {
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;
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;
}
/*--------------------------------------------------
[51. Sidebar Menu]
----------------------------------------------------*/
/* 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-group-item:first-child,
.list-group-item:last-child {
border-radius: 0;
}
.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";
}
/*--------------------------------------------------
[52. 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 {
transition: all 0.3s ease-in-out;
}
.content-boxes-v6:hover i {
background: #72c02c;
}
.content-boxes-v6:hover i:after {
border-color: #72c02c;
}
/*--------------------------------------------------
[53. Tagline Boxes]
----------------------------------------------------*/
/*Tagline 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;
}
/*Tagline Boxes v1*/
.tag-box-v1 {
border: solid 1px #eee;
border-top: solid 2px #72c02c;
}
/*Tagline Boxes v2*/
.tag-box-v2 {
background: #fafafa;
border: solid 1px #eee;
border-left: solid 2px #72c02c;
}
/*Tagline Boxes v3*/
.tag-box-v3 {
border: solid 2px #eee;
}
/*Tagline Boxes v4*/
.tag-box-v4 {
border: dashed 1px #bbb;
}
/*Tagline 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;
}
/*Tagline Boxes v6*/
.tag-box-v6 {
background: #fafafa;
border: solid 1px #eee;
}
/*Tagline Boxes v7*/
.tag-box-v7 {
border: solid 1px #eee;
border-bottom: solid 2px #72c02c;
}
/*--------------------------------------------------
[54. Tags]
----------------------------------------------------*/
/*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;
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;
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;
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;
transition: all 0.25s, transform 0.25s;
}
/*--------------------------------------------------
[##. Main Page Styles]
----------------------------------------------------*/
/* Purchase Block
------------------------------------*/
.purchase {
padding: 25px 0 30px;
border-bottom: solid 1px #eee;
background: url(../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: "Open Sans", Arial, sans-serif;
}
.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 Block
------------------------------------*/
.service {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 10px;
}
.service:hover {
background: #fcfcfc;
box-shadow: 0 0 5px #ddd;
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;
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 {
transition: all 0.8s ease-in-out;
}
.recent-work a:hover img {
opacity: 0.8;
transform: scale(1.2) rotate(3deg);
}
.recent-work a:hover span {
border-bottom: solid 2px #72c02c;
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;
text-transform: uppercase;
}
.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;
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;
transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
transform: scale(1.2) rotate(2deg);
}
/*Servive Blocks
------------------------------------*/
/*Service Alternative Block*/
.service-alternative .service:hover {
background: #76ca2c;
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;
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;
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;
text-transform: uppercase;
}
.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 {
text-transform: uppercase;
}
/*About Skills*/
.about-skills {
padding: 40px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: url(../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;
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;
}
.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(../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;
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);
}
/*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);
}
/*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;
text-transform: uppercase;
}
.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(../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(../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;
}
.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;
}
* {
border-radius: 0;
}
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,
button,
button:hover {
outline: 0 !important;
}
a:focus {
text-decoration: none;
}
a:hover {
color: #72c02c;
text-decoration: underline;
}
/*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(../img/patterns/15.png) repeat;
}
/*Hiding arrows for select field in IE*/
select::-ms-expand {
display: none;
}
/*Wrapping element for Sticky-Footer*/
html {
height: 100%;
}
body {
min-height: 100%;
position: relative;
}
/*Coming Soon Page
------------------------------------*/
/*Border Top*/
.coming-soon-border {
border-top: solid 3px #72c02c;
}
/*Background Cover*/
.coming-soon-bg-cover:before {
top: 0;
z-index: -1;
width: 100%;
content: " ";
height: 100%;
position: absolute;
background: rgba(0,0,0,0.5);
}
.coming-soon,
.coming-soon-plugin {
padding: 20px;
text-align: center;
}
.coming-soon h1,
.coming-soon p {
color: #fff;
}
.coming-soon h1 {
font-size: 55px;
font-weight: 600;
line-height: 65px;
margin-bottom: 15px;
}
.coming-soon h2 {
color: #fff;
font-size: 55px;
font-weight: 600;
line-height: 65px;
margin-bottom: 15px;
}
.coming-soon p {
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
/* Small devices (tablets, 768px and less) */
@media (max-width: 768px) {
.coming-soon h1 {
font-size: 40px;
}
.coming-soon p {
font-size: 14px;
}
}
.form-control {
border: none;
}
/*Sticky-Footer
------------------------------------*/
.sticky-footer {
left: 0;
bottom: 0;
width: 100%;
padding: 20px;
position: absolute;
}
.sticky-footer .copyright-space {
color: #fff;
text-align: center;
}
@media (max-height: 800px) {
.sticky-footer {
position: static;
}
}
/*Countdown
------------------------------------*/
#defaultCountdown {
width: 100%;
margin: 10px 0;
overflow: hidden;
}
#defaultCountdown span.countdown_row {
overflow: hidden;
}
#defaultCountdown span.countdown-section {
margin: 2px;
width: 150px;
padding: 25px 0;
text-align: center;
display: inline-block;
background: rgba(0,0,0,0.3);
}
#defaultCountdown span.countdown-amount {
color: #fff;
display: block;
font-weight: 200;
font-size: 60px !important;
line-height: 65px !important;
font-family: 'Open Sans', sans-serif;
}
#defaultCountdown span.countdown-period {
color: #fff;
display: block;
font-weight: 200;
font-size: 16px !important;
}
.coming-soon-border {
border-top: solid 3px #b69a34;
}
<link href="//cdn.rawgit.com/bryanwillis/f1dec27a5f81028db459646c9451f66e/raw/90d571fd7765a6537ded95d4b81e8b8f5f1d822a/ie-10-viewport-hack.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/g/bootstrap@3.3.7(css/bootstrap.min.css),animatecss@3.5.2,hover.css@2.1.1" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment