/**
 *  [ 1 ] - Header stick
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.mainnav {background: transparent;position: fixed;clear: both;z-index: 999;top: 0;width: 100%;height: 100px;-webkit-transition: all .5s linear;transition: all .5s linear;}
.scroll-logo{width: 60%;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;margin: 7px auto auto auto !important;}
.display-scroll{padding: 0 !important;}
.hea-logo {top: 0 !important;}

/**
 *  [ 2 ] - Header sticky.js
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.logo-and-nav {height: 100px;position: fixed;top: 0;right: 0;display: block;width: 100%;background: rgba(255, 255, 255, 0.95);-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);z-index: 20;-webkit-transition: background 0.2s, height 0.2s, right 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.2s;transition: background 0.2s, height 0.2s, right 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.2s;transition: background 0.2s, height 0.2s, box-shadow 0.2s, right 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: background 0.2s, height 0.2s, box-shadow 0.2s, right 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-box-shadow 0.2s;}
/* Logo and Nav Sticky State general properties  */
.logo-and-nav-sticky-state .logo-and-nav {background: rgba(255, 255, 255, 0.94);}
/* Logo and Nav Style 1 */
.logo-and-nav-style1 {position: fixed;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/* Logo and Nav Style 1 Sticky State */
.logo-and-nav-sticky-state .logo-and-nav-style1 {opacity: 1;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.logo-and-nav .logo {width: 56%;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;margin: 7px auto auto auto !important;}
div#sticky-menu .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {color: #000 !important;}

/**
 *  [ 3 ] - Read More
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */


.mobile_read_more { display: none; cursor: pointer; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin: 3% auto; padding: 15px 0; width: 50%; border: 1px solid #000000; background: -webkit-gradient(linear, left bottom, left top, from(rgba(39,39,39,1)), to(rgba(21,21,21,1))); background: linear-gradient(0deg, rgba(39,39,39,1) 0%, rgba(21,21,21,1) 100%); }
.mobile_inner_more {  display: none;cursor: pointer;color: #f70a0a;font-size: 22px;font-weight: 600;margin-top: 5%;line-height: 1.4; }
.jrm-truncate{overflow:hidden}
.jrm-truncate.jrm-reduced.jrm-textOnly img,.jrm-truncate.jrm-reduced.jrm-textOnly table{display:none}

/**
 *  [ 4 ] - scroll
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/*
.scroll { width: 100%;overflow: auto;padding-right: 15px;position: relative;z-index: 1; }
.scroll::-webkit-scrollbar { width:8px; }
.scroll::-webkit-scrollbar-track { background: transparent;border-radius: 0;border: 2px solid #fe0702; }
.scroll::-webkit-scrollbar-thumb { width: 15px;border-radius: 0;background: #fe0702; }
.scroll::-webkit-scrollbar-thumb:window-inactive { background: #fe0702; }

.scroll::-o-scrollbar { width:8px; }
.scroll::-o-scrollbar-track { background: transparent;border-radius: 0;border: 2px solid #fe0702; }
.scroll::-o-scrollbar-thumb { border-radius: 0;background: #fe0702; }
.scroll::-o-scrollbar-thumb:window-inactive {background: #fe0702; }

.scroll::-moz-scrollbar {width:8px; }
.scroll::-moz-scrollbar-track { background: transparent;border-radius: 0;border: 2px solid #fe0702; }
.scroll::-moz-scrollbar-thumb { border-radius: 0;background: #fe0702; }
.scroll::-moz-scrollbar-thumb:window-inactive {background: #fe0702; }
*/

.scroll {width: 100%;overflow: auto;padding-right: 15px;position: relative;z-index: 1;}
.scroll::-webkit-scrollbar { width:9px; }
.scroll::-webkit-scrollbar-track { background: #fff;background-clip: content-box;border: 6px solid transparent;border-radius: 250px; }
.scroll::-webkit-scrollbar-thumb { background: transparent;border: 5px solid #1165d7;background-clip: padding-box;border-radius: 250px; }
.scroll::-webkit-scrollbar-thumb:window-inactive { background: #ffffff; }

.scroll::-o-scrollbar { width:15px; }
.scroll::-o-scrollbar-track { background: #fff;background-clip: content-box;border: 6px solid #d7d7d7;border-radius: 250px; }
.scroll::-o-scrollbar-thumb { background: #fff;border: 5px solid #2f6aa8;background-clip: padding-box;border-radius: 250px; }
.scroll::-o-scrollbar-thumb:window-inactive {background: #ffffff; }

.scroll::-moz-scrollbar {width:15px; }
.scroll::-moz-scrollbar-track { background: #fff;background-clip: content-box;border: 6px solid #d7d7d7;border-radius: 250px; }
.scroll::-moz-scrollbar-thumb { background: #fff;border: 5px solid #2f6aa8;background-clip: padding-box;border-radius: 250px; }
.scroll::-moz-scrollbar-thumb:window-inactive {background: #ffffff; }


/**
 *  [ 5 ] - OWL LOGO
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

#owl-demo .owl-prev {position: absolute;font-size: 20px;bottom: 45px;left: -55px;}
#owl-demo .owl-next {position: absolute;font-size: 20px;right: -53px;bottom: 45px;}
#owl-demo .owl-controls{text-align: center;}
#owl-demo .owl-dot {display: inline-block;zoom: 1;z-index: 9;position: relative;}
#owl-demo .owl-dot img {width: 70%;}
#owl-demo .owl-dots .owl-dot.active span, #owl-demo .owl-dots .owl-dot:hover span {background: #000;}
#owl-demo .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #fff;display: block;-webkit-backface-visibility: visible;-webkit-transition: opacity 200ms ease;transition: opacity 200ms ease;border-radius: 0px;position: relative;top: 14px;}

/**
 *  [ 6 ] - Dialog
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

#small-dialog {background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative;}
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8);}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0;}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}


/**
 *  [ 7 ] - Gallery overlay option
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.image-wrapper {width: 100%;height: 100%;overflow: hidden;position: relative;text-align: center;}
.image-overlay-content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0; }
.overlay-fade-in img {-webkit-transition: all 0.2s linear;transition: all 0.2s linear;width: 100%;}
.overlay-fade-in .image-overlay-content {opacity: 0;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.overlay-fade-in h2 {color: #f2f2f2;font-size: 100pt;margin-top: 10%;opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;font-weight: 100;font-family: '';}
.overlay-fade-in:hover img {-webkit-transform: scale(1.2);transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {opacity: 1; }
.overlay-fade-in:hover h2{opacity: 1; }
.overlay-slide-in-left img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.overlay-slide-in-left .image-overlay-content { background-image: url(http://www.awwwards.com/awards/images/2015/04/pattern.jpg); background-color: rgba(0, 0, 0, 0.3); -webkit-transform: translateX(-110%); transform: translateX(-110%); opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0 0 7px #ccc; box-shadow: 0 0 7px #ccc; }
.overlay-slide-in-left h2 { font-size: 1.8rem; background: rgba(255, 255, 255, 0.7); margin-top: 40%; color: #000; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.overlay-slide-in-left p { opacity: 0; color: #333; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.overlay-slide-in-left .button { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; position: relative; border-radius: 7px; }
.overlay-slide-in-left .button:hover { background-color: #444 }
.overlay-slide-in-left:hover .image-overlay-content { -webkit-transform: translateX(0px); transform: translateX(0px) }
.overlay-slide-in-left:hover img { -webkit-transform: translateX(80%); transform: translateX(80%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.overlay-slide-in-left:hover p { opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.overlay-fade-in-new-background .button { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; border-radius: 5px; -webkit-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; position: relative; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background .button:hover { -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; background-color: #222; }
.overlay-fade-in-new-background p { font-size: 28px }
.overlay-fade-in-new-background .image-overlay-content { opacity: 0; background-image: url(http://subtlepatterns.com/patterns/gplaypattern.png); background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.overlay-fade-in-new-background h2 { color: #000; font-size: 1.6rem; margin-top: 30%; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background p { opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.overlay-fade-in-new-background img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out }
.overlay-fade-in-new-background:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transform: scale(1.5); transform: scale(1.5); }
.overlay-fade-in-new-background:hover .image-overlay-content { opacity: 1 }
.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button { opacity: 1 }
.overlay-fade-in-new-background:hover p { -webkit-transition-delay: 0.1s; transition-delay: 0.1s }
.overlay-fade-in-new-background:hover .button { -webkit-transition-delay: 0.2s; transition-delay: 0.2s }


/**
 *  [ 8 ] - show number
 *  
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.show_number {cursor:pointer;}
span#clickToShowButton {font-size: 12pt;padding-left: 2%;}

/**
 *  Tab Css
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
**/

/*
.addui-Tabs { border: 1px solid #ebeaea; }
.addui-Tabs .addui-Tabs-tabHolder { display: flex; } 
.addui-Tabs-content { padding: 20px 20px 0; }
.addui-Tabs .addui-Tabs-tabHolder .addui-Tabs-tab { flex: 1; text-align: center; padding: 25px 0; cursor: pointer; color: rgba(0, 0, 0, 0.87);background-color: #ebeaea;font-size: 15px; }
.addui-Tabs .addui-Tabs-tabHolder .addui-Tabs-tab:hover { background-color: #fff; }
.addui-Tabs .addui-Tabs-tabHolder .addui-Tabs-tab.addui-Tabs-active { padding-bottom: 5px; border-top: 4px solid #d1aa4f;background-color: #fff; } 
.addui-Tabs .addui-Tabs-content { display: none; } .addui-Tabs .addui-Tabs-content.addui-Tabs-active { display: block; }
*/


/**
 *  [ 9 ] - Website Loading
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

#website-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: 9999999999; text-align: center; display: block; }
.loading-effect { position: absolute; bottom: 50%; width: 100%; text-align: center; margin-bottom: -30px; }
.loading-title { font-size: 14px; margin-top: 5px; display: block; letter-spacing: 2px; text-transform: uppercase; margin-top: 1%;}

/**
 *  [ 10 ] - 
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

ul#itemContainer {padding: 0;}
.holder { text-align: center; }
.holder a { color: #333; cursor: pointer; font-size: 17px; margin: 0 5px; }
.holder a:hover { color: #ff4242 }
.holder a.jp-previous { margin-right: 15px }
.holder a.jp-next { margin-left: 15px }
.holder a.jp-current, a.jp-current:hover { color: #ff4242; font-weight: bold;text-decoration: none; }
.holder a.jp-disabled, a.jp-disabled:hover { color: #bbb }
.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; cursor: default; }
.holder span { margin: 0 5px }

/**
 *  [ 15 ] - Website Loading animation 
 *  
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 */

.la-ball-fall {margin: auto;display: inline-block !important; }
.la-ball-fall,
.la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.la-ball-fall { display: block; font-size: 0; margin: 0 auto; }
.la-ball-fall.la-dark { color: #333 }
.la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-fall { width: 54px; height: 18px; }
.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
.la-ball-fall.la-sm { width: 26px; height: 8px; }
.la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; }
.la-ball-fall.la-2x { width: 108px; height: 36px; }
.la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; }
.la-ball-fall.la-3x { width: 162px; height: 54px; }
.la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; }
@-webkit-keyframes ball-fall { 
    0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); }
}
@keyframes ball-fall { 
    0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); }
}

/**
 *  [ 10.1 ] - Rotate Multiple
 *  
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.la-ball-clip-rotate-multiple.la-3x {margin: 0 auto;}
.la-ball-clip-rotate-multiple, .la-ball-clip-rotate-multiple > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.la-ball-clip-rotate-multiple { display: block; font-size: 0; }
.la-ball-clip-rotate-multiple.la-dark { color: #333 }
.la-ball-clip-rotate-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-clip-rotate-multiple { width: 32px; height: 32px; }
.la-ball-clip-rotate-multiple > div { position: absolute; top: 50%; left: 50%; background: transparent; border-style: solid; border-width: 2px; border-radius: 100%; -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; }
.la-ball-clip-rotate-multiple > div:first-child { position: absolute; width: 32px; height: 32px; border-right-color: transparent; border-left-color: transparent; }
.la-ball-clip-rotate-multiple > div:last-child { width: 16px; height: 16px; border-top-color: transparent; border-bottom-color: transparent; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-direction: reverse; animation-direction: reverse; }
.la-ball-clip-rotate-multiple.la-sm { width: 16px; height: 16px; }
.la-ball-clip-rotate-multiple.la-sm > div { border-width: 1px }
.la-ball-clip-rotate-multiple.la-sm > div:first-child { width: 16px; height: 16px; }
.la-ball-clip-rotate-multiple.la-sm > div:last-child { width: 8px; height: 8px; }
.la-ball-clip-rotate-multiple.la-2x { width: 64px; height: 64px; }
.la-ball-clip-rotate-multiple.la-2x > div { border-width: 4px }
.la-ball-clip-rotate-multiple.la-2x > div:first-child { width: 64px; height: 64px; }
.la-ball-clip-rotate-multiple.la-2x > div:last-child { width: 32px; height: 32px; }
.la-ball-clip-rotate-multiple.la-3x { width: 96px; height: 96px; }
.la-ball-clip-rotate-multiple.la-3x > div { border-width: 6px }
.la-ball-clip-rotate-multiple.la-3x > div:first-child { width: 96px; height: 96px; }
.la-ball-clip-rotate-multiple.la-3x > div:last-child { width: 48px; height: 48px; }

@-webkit-keyframes ball-clip-rotate-multiple-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes ball-clip-rotate-multiple-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}

/**
 *  [ 10.2 ] - Line
 *  
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #828282; }
.ring-1 { width: 10px; height: 10px; margin: 0 auto; padding: 10px; border: 7px dashed #fff; border-radius: 100%; }
.ring-2 { position: relative; width: 45px; height: 45px; margin: 0 auto; border: 4px solid #4b9cdb; border-radius: 100%; }
.ball-holder { position: absolute; width:15px;  height: 45px; left: 17px; top: 0px; }
.ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #4282B3; }
.letter-holder { padding: 16px }
.letter { float: left; font-size: 14px; color: #777; }
.square { width:15px;  height: 12px; border-radius: 4px; background-color: #4b9cdb; }
.bubble-1,
.bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #4b9cdb; }
.bubble-2 { top: auto; bottom: 0; }
.bar { float: left; width: 15px; height: 6px; border-radius: 2px; background-color: #4b9cdb; }

.load-1 .line:nth-last-child(1) { -webkit-animation: loadingA 1.5s 1s infinite; animation: loadingA 1.5s 1s infinite }
.load-1 .line:nth-last-child(2) { -webkit-animation: loadingA 1.5s .5s infinite; animation: loadingA 1.5s .5s infinite }
.load-1 .line:nth-last-child(3) { -webkit-animation: loadingA 1.5s 0s infinite; animation: loadingA 1.5s 0s infinite }
.load-2 .line:nth-last-child(1) { -webkit-animation: loadingB 1.5s 1s infinite; animation: loadingB 1.5s 1s infinite }
.load-2 .line:nth-last-child(2) { -webkit-animation: loadingB 1.5s .5s infinite; animation: loadingB 1.5s .5s infinite }
.load-2 .line:nth-last-child(3) { -webkit-animation: loadingB 1.5s 0s infinite; animation: loadingB 1.5s 0s infinite }
.load-3 .line:nth-last-child(1) { -webkit-animation: loadingC .6s .1s linear infinite; animation: loadingC .6s .1s linear infinite }
.load-3 .line:nth-last-child(2) { -webkit-animation: loadingC .6s .2s linear infinite; animation: loadingC .6s .2s linear infinite }
.load-3 .line:nth-last-child(3) { -webkit-animation: loadingC .6s .3s linear infinite; animation: loadingC .6s .3s linear infinite }
.load-4 .ring-1 { -webkit-animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite; animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite }
.load-5 .ball-holder { -webkit-animation: loadingE 1.3s linear infinite; animation: loadingE 1.3s linear infinite }
.load-6 .letter { -webkit-animation-name: loadingF; animation-name: loadingF; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: linear; animation-direction: linear; }
.l-1 { -webkit-animation-delay: .48s; animation-delay: .48s }
.l-2 { -webkit-animation-delay: .6s; animation-delay: .6s }
.l-3 { -webkit-animation-delay: .72s; animation-delay: .72s }
.l-4 { -webkit-animation-delay: .84s; animation-delay: .84s }
.l-5 { -webkit-animation-delay: .96s; animation-delay: .96s }
.l-6 { -webkit-animation-delay: 1.08s; animation-delay: 1.08s }
.l-7 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
.l-8 { -webkit-animation-delay: 1.32s; animation-delay: 1.32s }
.l-9 { -webkit-animation-delay: 1.44s; animation-delay: 1.44s }
.l-10 { -webkit-animation-delay: 1.56s; animation-delay: 1.56s }
.load-7 .square { -webkit-animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite; animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite }
.load-8 .line { -webkit-animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite; animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite }
.load-9 .spinner { -webkit-animation: loadingI 2s linear infinite; animation: loadingI 2s linear infinite }
.load-9 .bubble-1,
.load-9 .bubble-2 { -webkit-animation: bounce 2s ease-in-out infinite; animation: bounce 2s ease-in-out infinite }
.load-9 .bubble-2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s }
.load-10 .bar { -webkit-animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite; animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite }
@-webkit-keyframes loadingA { 
    { height: 15px }
    50% { height: 35px }
    100% { height: 15px }
}
@keyframes loadingA { 
    { height: 15px }
    50% { height: 35px }
    100% { height: 15px }
}
@-webkit-keyframes loadingB { 
    { width: 15px }
    50% { width: 35px }
    100% { width: 15px }
}
@keyframes loadingB { 
    { width: 15px }
    50% { width: 35px }
    100% { width: 15px }
}
@-webkit-keyframes loadingC { 
    { -webkit-transform: translate(0,0); transform: translate(0,0) }
    50% { -webkit-transform: translate(0,15px); transform: translate(0,15px) }
    100% { -webkit-transform: translate(0,0); transform: translate(0,0) }
}
@keyframes loadingC { 
    { -webkit-transform: translate(0,0); transform: translate(0,0) }
    50% { -webkit-transform: translate(0,15px); transform: translate(0,15px) }
    100% { -webkit-transform: translate(0,0); transform: translate(0,0) }
}
@-webkit-keyframes loadingD { 
    { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes loadingD { 
    { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes loadingE { 
    { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes loadingE { 
    { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes loadingF { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@keyframes loadingF { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@-webkit-keyframes loadingG { 
    0% { -webkit-transform: translate(0,0) rotate(0deg); transform: translate(0,0) rotate(0deg) }
    50% { -webkit-transform: translate(70px,0) rotate(360deg); transform: translate(70px,0) rotate(360deg) }
    100% { -webkit-transform: translate(0,0) rotate(0deg); transform: translate(0,0) rotate(0deg) }
}
@keyframes loadingG { 
    0% { -webkit-transform: translate(0,0) rotate(0deg); transform: translate(0,0) rotate(0deg) }
    50% { -webkit-transform: translate(70px,0) rotate(360deg); transform: translate(70px,0) rotate(360deg) }
    100% { -webkit-transform: translate(0,0) rotate(0deg); transform: translate(0,0) rotate(0deg) }
}
@-webkit-keyframes loadingH { 
    0% { width: 15px }
    50% { width: 35px; padding: 4px; }
    100% { width: 15px }
}
@keyframes loadingH { 
    0% { width: 15px }
    50% { width: 35px; padding: 4px; }
    100% { width: 15px }
}
@-webkit-keyframes loadingI { 
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes loadingI { 
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes bounce { 
    0%,
    100% { -webkit-transform: scale(0.0); transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0); transform: scale(1.0) }
}
@keyframes bounce { 
    0%,
    100% { -webkit-transform: scale(0.0); transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0); transform: scale(1.0) }
}
@-webkit-keyframes loadingJ { 
    0%,
    100% { -webkit-transform: translate(0,0); transform: translate(0,0) }
    50% { -webkit-transform: translate(80px,0); transform: translate(80px,0); background-color: #f5634a; width: 25px; }
}
@keyframes loadingJ { 
    0%,
    100% { -webkit-transform: translate(0,0); transform: translate(0,0) }
    50% { -webkit-transform: translate(80px,0); transform: translate(80px,0); background-color: #f5634a; width: 25px; }
}

/**
 *  [ 10.3 ] - spinner 
 *  
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.spinner {margin: 0px auto; width: 50px; height: 50px; text-align: center; font-size: 13pt;}
.spinner > div {height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay { 
    0%,
    40%,
    100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay { 
    0%,
    40%,
    100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
    20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}

/**
 *  [ 10.4 ] - loading-effect-2 
 *  
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.clear-loading { text-align: center; margin: 0 20px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; }
.loading-effect-2 { width: 100px; height: 100px; }
.loading-effect-2 > span,
.loading-effect-2 > span:before,
.loading-effect-2 > span:after { content: ""; display: block; border-radius: 50%; border: 2px solid #213f9a; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.loading-effect-2 > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; }
.loading-effect-2 > span:before { width: 75%; height: 75%; border-right-color: transparent; }
.loading-effect-2 > span:after { width: 50%; height: 50%; border-bottom-color: transparent; }
@-webkit-keyframes effect-2 { 
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes effect-2 { 
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/**
 *  [ 10.5 ] - Ball Clip Rotate Pulse
 *  
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.la-ball-clip-rotate-pulse,
.la-ball-clip-rotate-pulse > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.la-ball-clip-rotate-pulse { display: block; font-size: 0; color: #fff; }
.la-ball-clip-rotate-pulse.la-dark { color: #333 }
.la-ball-clip-rotate-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-clip-rotate-pulse { width: 32px; height: 32px; }
.la-ball-clip-rotate-pulse > div { position: absolute; top: 50%; left: 50%; border-radius: 100%; }
.la-ball-clip-rotate-pulse > div:first-child { position: absolute; width: 32px; height: 32px; background: transparent; border-style: solid; border-width: 2px; border-right-color: transparent; border-left-color: transparent; -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09, .57, .49, .9) infinite; animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(.09, .57, .49, .9) infinite; }
.la-ball-clip-rotate-pulse > div:last-child { width: 16px; height: 16px; -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(.09, .57, .49, .9) infinite; animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(.09, .57, .49, .9) infinite; }
.la-ball-clip-rotate-pulse.la-sm { width: 16px; height: 16px; }
.la-ball-clip-rotate-pulse.la-sm > div:first-child { width: 16px; height: 16px; border-width: 1px; }
.la-ball-clip-rotate-pulse.la-sm > div:last-child { width: 8px; height: 8px; }
.la-ball-clip-rotate-pulse.la-2x { width: 64px; height: 64px; }
.la-ball-clip-rotate-pulse.la-2x > div:first-child { width: 64px; height: 64px; border-width: 4px; }
.la-ball-clip-rotate-pulse.la-2x > div:last-child { width: 32px; height: 32px; }
.la-ball-clip-rotate-pulse.la-3x { width: 96px; height: 96px; }
.la-ball-clip-rotate-pulse.la-3x > div:first-child { width: 96px; height: 96px; border-width: 6px; }
.la-ball-clip-rotate-pulse.la-3x > div:last-child { width: 48px; height: 48px; }
@-webkit-keyframes ball-clip-rotate-pulse-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes ball-clip-rotate-pulse-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes ball-clip-rotate-pulse-scale { 
    0%,
    100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
    30% { opacity: .3; -webkit-transform: translate(-50%, -50%) scale(.15); transform: translate(-50%, -50%) scale(.15); }
}
@keyframes ball-clip-rotate-pulse-scale { 
    0%,
    100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
    30% { opacity: .3; -webkit-transform: translate(-50%, -50%) scale(.15); transform: translate(-50%, -50%) scale(.15); }
}

/**
 *  [ 10.5 ] - Spanning
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~
 */

#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } 
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } 
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } 
@-webkit-keyframes spin { 
    0%   { -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */ } 
    100% { -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */ } 
} 
@keyframes spin { 
    0%   { -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */ } 
    100% { -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */ } 
}