@font-face {
  font-family: 'menuicon';
  src:  url('../css/fonts/menuicon.eot?6zqtxg');
  src:  url('../css/fonts/menuicon.eot?6zqtxg#iefix') format('embedded-opentype'),
    url('../css/fonts/menuicon.ttf?6zqtxg') format('truetype'),
    url('../css/fonts/menuicon.woff?6zqtxg') format('woff'),
    url('../css/fonts/menuicon.svg?6zqtxg#menuicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'menuicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cross:before { content: "\e918"; }
.icon-cancel-circle:before { content: "\ea0d"; }
.icon-dots-three-vertical:before { content: "\e916"; }
.icon-menu:before { content: "\e917"; }
.icon-mobile2:before { content: "\e915"; }
.icon-mobile:before { content: "\e958"; }
.icon-jump-left:before { content: "\f0a5"; }
.icon-key22:before { content: "\e98f"; }
.icon-file-pdf:before { content: "\eadf"; }
.icon-in-alt:before { content: "\e900"; }
.icon-gift2:before { content: "\f042"; }
.icon-home2:before { content: "\f08d"; }
.icon-database:before { content: "\f096"; }
.icon-device-camera:before { content: "\f056"; }
.icon-microscope:before { content: "\f089"; }
.icon-locked:before { content: "\e646"; }
.icon-inbox:before { content: "\e647"; }
.icon-mic:before { content: "\e669"; }
.icon-cart:before { content: "\e648"; }
.icon-user:before { content: "\e61a"; }
.icon-pencil:before { content: "\e649"; }
.icon-switch:before { content: "\e61f"; }
.icon-search:before { content: "\e600"; }
.icon-film:before { content: "\e64a"; }
.icon-home:before { content: "\e62a"; }
.icon-location:before { content: "\e62b"; }
.icon-wrench:before { content: "\e601"; }
.icon-calendar:before { content: "\e602"; }
.icon-monitor:before { content: "\e61b"; }
.icon-mouse2:before { content: "\e64b"; }
.icon-thumbsup:before { content: "\e610"; }
.icon-coffee2:before { content: "\e623"; }
.icon-stats:before { content: "\e62c"; }
.icon-target:before { content: "\e611"; }
.icon-bookmark:before { content: "\e64c"; }
.icon-atom:before { content: "\e64d"; }
.icon-winsows:before { content: "\e62d"; }
.icon-office:before { content: "\e903"; }
.icon-podcast:before { content: "\e91c"; }
.icon-compass:before { content: "\e949"; }
.icon-user4:before { content: "\e971"; }
.icon-user-tie:before { content: "\e976"; }
.icon-hour-glass:before { content: "\e979"; }
.icon-key:before { content: "\e98d"; }
.icon-key2:before { content: "\e98e"; }
.icon-stats-dots:before { content: "\e99b"; }
.icon-gift:before { content: "\e99f"; }
.icon-google-plus2:before { content: "\ea89"; }
.icon-facebook2:before { content: "\ea8d"; }
.icon-twitter2:before { content: "\ea92"; }
.icon-linkedin:before { content: "\eac8"; }
.icon-IE:before { content: "\eae7"; }
.icon-expand:before { content: "\e62e"; }
.icon-maximize:before { content: "\e62f"; }
.icon-share:before { content: "\e630"; }
.icon-bolt:before { content: "\e631"; }
.icon-chart-alt:before { content: "\e612"; }
.icon-graduate:before { content: "\e666"; }
.icon-ribbon:before { content: "\e01e"; }
.icon-trash-can:before { content: "\e913"; }
.icon-radio:before { content: "\e910"; }
.icon-phone2:before { content: "\e904"; }
.icon-clipboard2:before { content: "\e901"; }
.icon-tag:before { content: "\e64e"; }
.icon-tv:before { content: "\e66b"; }
.icon-camera:before { content: "\e665"; }
.icon-film2:before { content: "\e66c"; }
.icon-drink:before { content: "\e603"; }
.icon-coffee:before { content: "\e604"; }
.icon-cake:before { content: "\e624"; }
.icon-cog:before { content: "\e605"; }
.icon-health:before { content: "\e625"; }
.icon-suitcase:before { content: "\e61c"; }
.icon-suitcase2:before { content: "\e620"; }
.icon-pictures:before { content: "\e632"; }
.icon-cassette:before { content: "\e64f"; }
.icon-watch:before { content: "\e650"; }
.icon-wallet:before { content: "\e651"; }
.icon-sitemap:before { content: "\e613"; }
.icon-cloud:before { content: "\e633"; }
.icon-upload:before { content: "\e634"; }
.icon-download:before { content: "\e635"; }
.icon-open:before { content: "\e652"; }
.icon-sale:before { content: "\e636"; }
.icon-bowlingpin:before { content: "\e626"; }
.icon-soccer:before { content: "\e653"; }
.icon-3dglasses:before { content: "\e654"; }
.icon-washingmachine:before { content: "\e670"; }
.icon-mouse3:before { content: "\e655"; }
.icon-zoomout:before { content: "\e66d"; }
.icon-umbrella:before { content: "\e606"; }
.icon-injection:before { content: "\e656"; }
.icon-lamp:before { content: "\e607"; }
.icon-diamond:before { content: "\e657"; }
.icon-moneybag:before { content: "\e608"; }
.icon-tools:before { content: "\e658"; }
.icon-brush:before { content: "\e614"; }
.icon-library:before { content: "\e659"; }
.icon-justice:before { content: "\e637"; }
.icon-forward:beforel { content: "\e638"; }
.icon-dollar:before { content: "\e61d"; }
.icon-dollar2:before { content: "\e621"; }
.icon-envelope2:before { content: "\e65a"; }
.icon-info:before { content: "\e66a"; }
.icon-bike:before { content: "\e65b"; }
.icon-bus:before { content: "\e615"; }
.icon-book:before { content: "\e65c"; }
.icon-ticket:before { content: "\e65d"; }
.icon-eyedropper:before { content: "\e65e"; }
.icon-globe:before { content: "\e616"; }
.icon-zip:before { content: "\e65f"; }
.icon-clipboard:before { content: "\e61e"; }
.icon-ruler:before { content: "\e639"; }
.icon-puzzle:before { content: "\e026"; }
.icon-anchor:before { content: "\e03f"; }
.icon-profile-female:before { content: "\e041"; }
.icon-news:before { content: "\e627"; }
.icon-study:before { content: "\e617"; }
.icon-pen:before { content: "\e914"; }
.icon-direction:before { content: "\e902"; }
.icon-envelope:before { content: "\e60b"; }
.icon-phone:before { content: "\e640"; }
.icon-mouse:before { content: "\e641"; }
.icon-cord:before { content: "\e60c"; }
.icon-microphone:before { content: "\e667"; }
.icon-broadcast:before { content: "\e60d"; }
.icon-earth:before { content: "\e668"; }
.icon-binocular:before { content: "\e642"; }
.icon-user3:before { content: "\e643"; }
.icon-user2:before { content: "\e628"; }
.icon-truck:before { content: "\e60e"; }
.icon-gaspump:before { content: "\e60f"; }
.icon-inr:before { content: "\f156"; }
.icon-rupee:before { content: "\f156"; }
.icon-line-chart:before { content: "\f201"; }
.icon-fax:before { content: "\f1ac"; }
.icon-paper-plane-o:before { content: "\f1d9"; }
.icon-send-o:before { content: "\f1d9"; }
.icon-thumbs-o-up:before { content: "\f087"; }
.icon-road:before { content: "\f018"; }
.icon-user-md:before { content: "\f0f0"; }
.icon-settings:before { content: "\e912"; }
.icon-keyboard_arrow_down:before { content: "\e313"; }
.icon-keyboard_arrow_up:before { content: "\e316"; }
.icon-arrow-left:before { content: "\e094"; }
.icon-arrow-right:before { content: "\e095"; }
.icon-account-child:before { content: "\e618"; }
.icon-alarm:before { content: "\e609"; }
.icon-android:before { content: "\e63a"; }
.icon-autorenew:before { content: "\e63b"; }
.icon-shopping-cart:before { content: "\e619"; }
.icon-translate:before { content: "\e660"; }
.icon-content-cut:before { content: "\e661"; }
.icon-airplanemode-on:before { content: "\e60a"; }
.icon-battery-charging-full:before { content: "\e63c"; }
.icon-wifi-lock:before { content: "\e63d"; }
.icon-local-print-shop:before { content: "\e63e"; }
.icon-local-shipping:before { content: "\e622"; }
.icon-wi-fi:before { content: "\e63f"; }
.icon-globe2:before { content: "\e66e"; }
.icon-chart-bar-outline:before { content: "\e662"; }
.icon-headphones:before { content: "\e663"; }
.icon-user5:before { content: "\e911"; }
.icon-folder-music:before { content: "\e664"; }
.icon-mic2:before { content: "\e66f"; }
.icon-career .path1:before { content: "\e906"; color: rgb(42, 49, 61); }
.icon-career .path2:before { content: "\e907"; margin-left: -1em; color: rgb(42, 49, 61); }
.icon-career .path3:before { content: "\e908"; margin-left: -1em; color: rgb(255, 255, 255); }
.icon-career .path4:before { content: "\e909"; margin-left: -1em; color: rgb(42, 49, 61); }
.icon-career .path5:before { content: "\e90a"; margin-left: -1em; color: rgb(42, 49, 61); }
.icon-career .path6:before { content: "\e90b"; margin-left: -1em; color: rgb(42, 49, 61); }
.icon-about2:before { content: "\e905"; }
.icon-benefit:before { content: "\e90c"; }
.icon-solution:before { content: "\e90d"; }
.icon-product:before { content: "\e90e"; }
.icon-home3:before { content: "\e90f"; }
.icon-trophy:before { content: "\e629"; }
.icon-chart:before { content: "\e644"; }
.icon-printer:before { content: "\e645"; }
.icon-chevron-left:before {
  content: "\e91e";
}
.icon-chevron-right:before {
  content: "\e91f";
}

.icon-video-off:before { content: "\e920"; }

/* Animation */

/* Font */
@font-face { font-family: 'abel-r'; src: url('../css/fonts/Abel-Regular.woff') format('woff'); }  
@font-face { font-family: 'ebrima'; src: url('../css/fonts/Ebrima.woff') format('woff'); } 
@font-face { font-family: 'beba'; src: url('../css/fonts/BEBAS.woff') format('woff'); }
@font-face { font-family: 'clendan'; src: url('../css/fonts/clendan.woff') format('woff'); } 
@font-face { font-family: 'calist'; src: url('../css/fonts/CALIST.woff') format('woff'); }

@font-face { font-family: 'agency-bold'; src: url('../css/fonts/AGENCYB_0.TTF') format('truetype'); }
@font-face { font-family: 'agency-regular'; src: url('../css/fonts/AGENCYR_0.TTF') format('truetype'); }


/* Common */
body { margin: 0; padding: 0; text-size-adjust: none; -webkit-text-size-adjust: none; line-height: 26px; }
h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; }
li { list-style-type: none; }
a { text-decoration: underline; color: #0099ff; font-family: ebrima; font-size: 15px; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
button { border: none; cursor: pointer; }
p { margin: 0; padding: 0; font: 18px ebrima; color: #000; line-height: 22px; }
.hidden { display: none; } 
.bold { font-weight: bold; }
.txt-center { text-align: center; }
.txt-blue { color: #3f6677; }
.txt-blue1 { color: #46a6e1; }
.txt-black { color: #000; }
img { border: 0; margin: 0; padding: 0; }
.abs { position: absolute; }
.l-0 { left: 0; }
.t-0 { top: 0; }
.t-128 { top: 128px; }
.t-138 { top: 138px; }
.relative { position: relative; }
.fixed { position: fixed; }
.bdr { border: 0px solid red; }
.hide { display: none !important; }
.show { display: block !important; }
.clear { clear: both !important; }
.o-hidden { overflow: hidden; }
.pull-left { float: left; }
.pull-right { float: right; }
.block { display: block; }
.i-block { display: inline-block; }
.btn-grn { background: #2EBA3F; }
.clr-blue { color: #0077A3; }
.clr-black { color: #333333; }
.clr-blue2 { color: #0CBEEE; }
.clr-red { color: #F85455; }
.btn-blue1 { background: #0092DB; }
.btn-grey { background: #f7f7f7; color: #191919; }
.img-responsive { display: block; position: relative; max-width: 100%; height: auto; margin: auto; }
#banner-type1 { display: none; z-index: 999; }

/* Width */
.w-8p { width: 8%; } 
.w-10p { width: 10%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-30p { width: 30%; }
.w-33p { width: 33%; }
.w-40p { width: 40%; }
.w-45p { width: 45%; }
.w-50p { width: 50%; }
.w-60p { width: 60%; }
.w-69p { width: 69%; }
.w-70p { width: 70%; }
.w-72p { width: 72%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-90p { width: 90%; }
.w-92p { width: 92%; }
.w-93p { width: 93%; }
.w-98p { width: 98%; }
.w-95p { width: 95%; }
.w-100p { width: 100%; }
.w-61p { width: 61%; }
.w-39p { width: 39%; }
.w-160 { width: 160px;  }
.h-auto { margin: 0 auto; }
.bold { font-weight: bold; }

/* Buttons */
.btn-ok { font: 14px calist !important; margin: 0; padding: 8px 10px; text-align: center; min-width: 86px; min-height: 35px; background: #2f9fe0; color: #fff; } 
.btn-ok.tiny { font: 12px calist !important; padding: 5px 10px !important; min-height: 29px;  } 
.btn-ok.mediam { font: 13px calist !important;  } 
.btn-grn-bdr { background: #fff; color: #008611 !important; border: 1px solid #43C152; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; visibility: hidden; }
.btn-blue1:hover, .btn-blue1:focus { background: #3B4A53 !important; color: #fff; }
.btn-blue { display: block; color: #000; border: 1px solid #9BAEBA; background: #DFEAF4 !important; margin: 15px 0; text-transform: uppercase; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; vertical-align: top; cursor: default; }
a.small-btn-v { font: 12px calist !important; padding: 0px; text-align: center; min-width: 86px; color: #60B0E1; text-transform: uppercase; } 
.btn-ok:hover { opacity: 0.9; }
.btn-ok.grey { background : #999999; }
label { font-family: ebrima; color: #787878; }

/* Margin */
.m-auto { margin: 0 auto; }
.m-0 { margin: 0 !important; }
.m-10-0 { margin: 10px 0; }
.m-20-0 { margin: 20px 0 !important; }
.m-40-0 { margin: 40px 0 !important; }

/* Margin top */
.mt-8 { margin-top: 8px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-6 { margin-top: 6px !important; }
.mt-minus-2 { margin-top: -2px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; } 
.mt-14 { margin-top: 14px !important; } 
.mt-15 { margin-top: 15px !important; } 
.mt-20 { margin-top: 20px !important; } 
.mt-30 { margin-top: 30px !important; }
.mt-37 { margin-top: 37px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }
.mt-74 { margin-top: 74px !important; }
.mt-81 { margin-top: 81px !important; }
.mt-82 { margin-top: 82px !important; }
.mt-92 { margin-top: 92px !important; }
.mt-93 { margin-top: 93px !important; }
.mt-94 { margin-top: 94px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-109 { margin-top: 109px !important; }
.mt-114 { margin-top: 114px !important; }
.mt-minus-3 { margin-top: -3px; }
.l-minus-28 { left: -28px !important; }
.l-minus-23 { left: -23px !important; }
.ml-minus-30 { margin-left: -30px !important; }
.mt-minus-50 { margin-top: -50px !important; }
.mt-minus-54 { margin-top: -54px !important; }
.mt-minus-60 { margin-top: -60px !important; }
.mt-minus-69 { margin-top: -69px !important; }
.mt-minus-37 { margin-top: -37px !important; }
.mt-minus-31 { margin-top: -31px !important; }

/* Margin right */
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-25 { margin-right: 25px; }
.mr-35 { margin-right: 35px; }
/* Margin bottom */
.mb-25 { margin-bottom: 25px; }
/* Margin left */
.ml-10 { margin-left: 10px; }
/* Padding */
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-0-20 { padding: 0 20px; }
.p-10-20 { padding: 10px 20px !important; }
/* Padding top */
.pt-10{ padding-top: 10px; }
.pt-5{ padding-top: 5px; }
.pt-100{ padding-top: 100px; }
.pt-125{ padding-top: 125px; }
/* Padding right */
.pr-0 { padding-right: 0px !important; }
/* Padding bottom */
.pb-20 { padding-bottom: 20px !important; }
/* Padding left */
.pl-30 { padding-left: 30px; }
.pl-180 { padding-left: 180px; }
.pl-280 { padding-left: 280px; }
/* Page Layout */
main { margin: 0; padding: 0; width: 100%; overflow: hidden; }
.wrapper { position: relative; width: 100%;  height: 100%; margin: 0 auto;  padding: 0; background: url(../images/bg_pattern.png) repeat 0 0; overflow: hidden; }
.pagetop { position: relative; margin-top: 140px; }

/* Header */
header,.header { position: relative; margin: 0; padding: 0; border-bottom: 0px solid #1B1B1B; }
header:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #181818; }
#loginpop { z-index: 100; display: none; }

/* Header login section */
.header-top { position: fixed; display: block; margin: 0 auto; padding: 0; width: 100%; background: #F9F9F9; border-bottom: 0px solid #E8E8E8; max-height: 36px; z-index: 20002;  }
.header-top:after { content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 100%; background: #28BB39; }
.header-top-container { position: relative; margin: 0 auto; padding: 0; z-index: 3000; }
.header-hide-content { margin: 0; padding: 0; height: 36px; overflow: hidden; }
#login-mob { display: none; }
.top-notify { position: relative; display: inline-block; margin: 0 0 0 35px; padding: 0; }
.top-notify li { float: left; list-style-type: none; padding: 8px 18px; font: 14px ebrima; color: #000; }
.top-notify li span { font: normal 14px ebrima; padding-left: 5px; }

.login-btn-set { position: relative; display: inline-block; margin: 0 20px 0 0; padding: 0; }
.login-btn-set button.reg { width: 100px; background: #28BB39; color: #FFFBAF; padding: 11px 0px 11px 10px; margin: 2px 0px 0 0; font: 14px ebrima; text-align: left; cursor: pointer; overflow: hidden; line-height: 0px; }
.login-btn-set button.reg:hover { opacity: 0.9; -webkit-transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); }
.login-btn-set button i { padding: 0 5px; font-size: 12px; width: 12px; height: 12px; color: #FFFBAF; }
.wel-msg { margin: 10px 5px; padding: 0; font: 15px/15px ebrima; color: #000; display: inline-table; position: relative; }
.welcome-name { margin: 0; padding: 0 5px; font: bold 13.5px/13.5px ebrima; color: #28BB39; overflow: hidden; width: 238px; white-space: nowrap; text-overflow: ellipsis; }
#logout { display: none; background: #7f7979; color: #fff; }
#logout i { color: #fff; }
button.mob-loginbtn { width: 80px; background: #28BB39; color: #FFFBAF; padding: 7px 0px 8px 10px; margin: 2px 0px 0 0; font: 14px ebrima; text-align: left; cursor: pointer; }
button.mob-loginbtn:hover { opacity: 0.9; -webkit-transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); }
button.mob-loginbtn i { padding: 0 5px; font-size: 12px; width: 12px; height: 12px; color: #FFFBAF !important; }

/* Mobile View Login Button Section */
.userbtn { position: absolute; right: 60px; top: 17px; }
.user-icon { display: none; margin: 0; padding: 8px 10px; vertical-align: top; background: transparent; }
.user-icon i { width: 25px; height: 25px; font-size: 25px; color: #777; }
.user-login { position: absolute; display: none; right: -40px; top: 51px; background: #f6f6f6; height: 0; width: 290px; border: 0px dotted #ccc; border-top: 0; overflow: hidden; -webkit-transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); -moz-transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); -ms-transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); transition: all .2s cubic-bezier(0.260, 0.860, 0.440, 0.985); }
.user-login-list { margin: 10px 0px; padding: 0; }
.user-login-list li { list-style-type: none; float: none; }
.user-login-list li a { position: relative; display: block; text-decoration: none; padding: 12px 20px; margin: 0; font: 400 15px ebrima; color: #000; border-bottom: 1px solid #0077a314; overflow: hidden; }
.user-login-list li a.bdr-none { border-bottom: 0; }
.user-login-list li a i { font-size: 14px; color: #000; width: 14px; height: 14px; vertical-align: middle; padding-right: 5px; }
.clr-orange { color: #FF5722 !important;  }
.datetime { font-size: 13px; color: #907a7a; }
#loginId { display: none; }


/* Logo and Menu */
nav { position: fixed; display: block; margin: 0 auto; padding: 0; top: 36px; width: 100%; clear: both; background: #fff; height: 80px; border-bottom: 10px solid #60b0e1; 
	z-index: 2222; overflow: hidden; }
.nav-inner { height: 80px; }
nav.type1 { border-bottom: 10px solid #F1F1F1; }
.logo { position: absolute; margin: 12px 0px; padding: 0; max-width: 100%; display: block; }
.logo a { position: relative; display: block; margin: 0; padding: 0; width: 100%; }
.logo a img { width: 100%; display: block; max-width: 100%; min-width: 100px; }

.menu { position: relative; display: block; padding: 0 10px 0 290px; float: right; min-width: auto; transition: all .3s linear; z-index: 100000; }
.menu li { position: relative; list-style-type: none; float: left; width: 160px; }
.menu li a { position: relative; display: block; margin: 0; padding: 0px; text-decoration: none; z-index: 2000; }
.menu li a div { padding: 25px  0px  13px 50px; margin:0; height: 42px; }
.menu li a div i { position: absolute; left: 10px; top: 24px; font-size: 30px; width: 30px; height: 30px; color: #333;}
.menu li a div h3, .menu li a div p { padding: 0; margin: 0; }
.menu li a div p { font: 16px ebrima; color: #333333; line-height: 15px !important; }
.menu li a div h3 { font: bold 15px calist; color: #333; text-transform: uppercase; }
.carr-font { width: 22px !important; height: 22px !important; font-size: 24px !important; left: 10px !important; top: 28px !important; }
.menu li a.sel { background: #e62122; }
.menu li a.sel:hover:after { background: #FE4445; box-shadow: inset 0 -8px 6px 0px #FD7879; }	
.menu li a.sel:hover h3,.menu li a.sel:hover p,.menu li a.sel:hover i, .menu li a.sel:focus h3,.menu li a.sel:focus p,.menu li a.sel:focus i { color: #fff; }	
.menu li a.sel h3,.menu li a.sel p,.menu li a.sel i{ color: #fff; }
.menu li a:hover:after { background: transparent; box-shadow: inset 0 -8px 6px 0px transparent; }
.menu li a:hover h3,.menu li a:hover p,.menu li a:hover i, .menu li a:focus h3,.menu li a:focus p,.menu li a:focus i { color: #FE4445; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
a:focus { outline: none; }
.mob-bnr { display: none !important; }


/* Badge */
.menu-btn { position: absolute; right: 5px; top: 13px; padding: 10px; background: #e62122; display: none; outline: none; }
.menu-btn span { color: #fff; font-size: 18px; }

/* Shadow bg */
.shadow-box { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: auto; background: #fff; border-bottom: 1px solid #9C9C9E; z-index: 100; }
.shadow-box:before, .shadow-box:after { content: ""; position: absolute; bottom: 30px; width: 50%; height: 20%; background: #fff; z-index: -2; }
.shadow-box:before, .shadow-box:after { content: ""; position: absolute; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); 
z-index: -10; }
.shadow-box:before { -webkit-transform: rotate(-3deg) skewX(-155deg); -moz-transform: rotate(-3deg) skewX(-155deg); -o-transform: rotate(-3deg) skewX(155deg); transform: rotate(-3deg) skewX(155deg); left: 15px; }	
.shadow-box:after { -webkit-transform: rotate(3deg) skewX(-155deg); -moz-transform: rotate(3deg) skewX(-155deg); -o-transform: rotate(3deg) skewX(-155deg); transform: rotate(3deg) skewX(-155deg); right: 15px; }	
.shadow-box-updatebg { position: relative; display: block; background: #EBEBEB; margin: 0; padding: 20px 0; z-index: 200;  } 
.shadow-box-updatebg-inner { position: relative; display: block; background: #fff; width: 69%; margin: 0 auto; padding: 10px; border-radius: 10px/90px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset -2px 0 3px 2px rgba(255, 255, 255, 0.6), inset 2px 0 3px 2px rgba(255, 255, 255, 0.6), inset -10px 0 10px 1px rgba(155, 155, 155, 0.1), inset 10px 0 10px 1px rgba(155, 155, 155, 0.1); }
.shadow-box-updatebg-inner:before,
.shadow-box-updatebg-inner:after{ content: ''; position: absolute; bottom: 20px; left:  20px; width: 50%; height: 20%; border-radius: 10px/90px; box-shadow: 0 15px 10px rgba(0,0,0,0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); z-index: -2; }
.shadow-box-updatebg-inner:after { right: 20px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }

/* Banner bottom Slider */
.shadow-box-updatebg-inner-content { position: relative;  width: 100%; margin: 10px auto; }
.shadow-box-updatebg-slideImglist { margin: 0; padding: 0; overflow: hidden; }
.shadow-box-updatebg-slideImglist li { list-style-type: none; float: left; width: 50%; overflow: hidden; }
.shadow-box-updatebg-slideImglist li a { display: block; text-decoration: none; margin: 0; padding: 0 20px; }
.ban-slider { margin: 0; border: 1px solid #cecece; border-radius: 3px; overflow: hidden; }
.ban-slider-body { padding: 5px; margin: 0; overflow: hidden; }
.ban-slider-body .imgcont { float: left; width: 35%; }
.ban-slider-body .imgcont img { width: 100%; min-height: 142px; }
.ban-slider-body .ban-slider-desc { float: left; width: 60%; padding-left: 10px; }
.ban-slider-body .ban-slider-desc h3 { font: 22px beba; color: #000; margin-bottom: 5px; }
.ban-slider-body .ban-slider-desc p { font: 16px ebrima; color: #000; }
.ban-slider-body .ban-slider-desc a { display: block; margin: 0; padding: 0; text-decoration: none; font: 14px ebrima; color: #000; }
.mob-bnr { display: none !important; }

/* Page inner sections */
.page-container { position: relative; display: block; margin: 0; padding: 15px 0 0px 0; background: transparent; min-height: 793px; width: 100%; overflow: hidden; }
.inner-page { position: relative; width: 71%; margin: 0 auto; padding: 0; overflow: hidden; z-index: 1000; }	
.page-set { padding: 0 20px; }
.pageContainer { position: relative; background: transparent; margin: 0; padding: 0; width: 100%; min-height: 753px; }
.pageinnercontainer { position: relative; width: 71%; margin: 100px auto 10px; padding: 0 0 30px; }

/* Arrow Content Sections */
.arr-content { position: relative; width: 100%; margin: 70px 0 0 0; padding: 10px 0; overflow: hidden; height: 180px; }
.arr-content h2.head1, .arr-content h2.head2 { position: relative; text-align: center; font: 600 36px/56px clendan; display: block; }
.bg-img { position: relative; display: inline-block; padding: 0 130px 0 155px; }
.arr-content h2.head2 span { color: #fff; text-shadow: 1px 0px 3px #0083C3,0px 1px 3px #0083C3,-1px 0px 3px #0083C3,0px -1px 3px #0083C3; z-index: 12; }
.bg-img:after { content: ""; position: absolute; left: -5.6%; top: -68px; width: 100%; height: 200px; background: url(../images/arrowbig.png) no-repeat 100% 100%; z-index: -2; }

/* Content Widget Sections */
.home-shadow-box { position:relative; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px auto 50px; border-bottom: 1px solid #a0a0a0; min-height: 414px; }
.home-shadow-box.bdrnone { border-bottom: 0px solid #a0a0a0; }
.home-shadow-box.type1 h3, .home-shadow-box.type2 h3, .home-shadow-box.type3 h3 { margin: 0; padding: 0; font: 28px beba; color: #0092DB; text-transform: uppercase; word-spacing: 7px; letter-spacing: 1px; }
.home-shadow-box.type1 h4, .home-shadow-box.type2 h4, .home-shadow-box.type3 h4 { margin: 0; padding: 0; font: 24px calist; color: #353535; }
.home-shadow-box.type1 p, .home-shadow-box.type2 p, .home-shadow-box.type3 p { font: 18px ebrima; color: #000; padding-right:10px; }
.home-shadow-box.type2 h3, .home-shadow-box.type2 h4, .home-shadow-box.type2 p { text-align: right; }
.btm-shadow { position: absolute; bottom: 0px; left: 0; margin: 0; padding: 0;  height: 51px; width: 100%; clear: both; background: url(../images/bg_pattern.png) repeat 0 0; }
.btm-shadow:after { content: ""; position: absolute; width: 50%; height: 80%; z-index: -2; }
.btm-shadow:after { bottom: 10px; }
.btm-shadow:after { max-width: 300px; -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 17px 10px rgba(0, 0, 0, 0.3); }
.btm-shadow.set1 { height: 63px; }
.btm-shadow.set2 { height: 56px; }
.btm-shadow.set3 { height: 47px; }
.btm-shadow.set4 { height: 39px; }
.btm-shadow.set5 { height: 57px; }
.btm-shadow.set6 { height: 49px; }
.btm-shadow.set7 { height: 41px; }
.btm-shadow.set8 { height: 59px; }
.btm-shadow.set9 { background: none; }
.btm-shadow.type1:after { right: 22px; left: auto; }
.btm-shadow.type1:after { -webkit-transform: rotate(4deg) skewX(-155deg); -moz-transform: rotate(4deg) skewX(-155deg); -o-transform: rotate(4deg) skewX(-155deg); transform: rotate(4deg) skewX(-155deg); }
.btm-shadow.type2:after { left: 22px; right: auto; }
.btm-shadow.type2:after { -webkit-transform: rotate(-4deg) skewX(155deg); -moz-transform: rotate(-4deg) skewX(155deg); -o-transform: rotate(-4deg) skewX(155deg); transform: rotate(-4deg) skewX(155deg); }
.home-shadow-box.type3 { border-bottom: 1px solid transparent; }
.home-shadow-box.type3 .btm-shadow:before { background: none; }
.home-shadow-box.type3 .btm-shadow:after { max-width: 300px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); }
.home-shadow-box.type3 .btm-shadow:after { -webkit-transform: rotate(0deg) skewX(0deg); -moz-transform: rotate(0deg) skewX(0deg); -o-transform: rotate(0deg) skewX(0deg); transform: rotate(0deg) skewX(0deg); }

.mob-view { display: none; }



/* Right Page old version css */
.aside-rigt { width: 95%; padding: 0 0 0 25px; }
.aside-wdiget { border: 1px solid #999; padding: 10px; width: auto; margin:  20px auto; }
.aside-head { margin: 0; padding: 0; }
.aside-head h3 { margin: 0; padding: 0; font: 28px beba; color: #0092DB; text-transform: uppercase; word-spacing: 7px; letter-spacing: 1px; }
.aside-wid-body { margin: 0; padding: 10px; }
.aside-list { margin: 0; padding: 0; }
.aside-list li{ list-style-type: none; display: block; overflow: hidden; float: none; padding: 10px 5px; border-bottom:  1px dotted #333; }
.aside-list li:nth-child(3) { border-bottom: 0; }
.media-widget { margin: 0; padding: 0; }
.media-widget .media-img { width: 30%; float: left; margin: 0; }
.media-widget .media-img img { width: 100px; margin: 0; }
.media-widget .media-desc { width: 70%; float: left; }
.media-widget .media-desc p { font: 14px ebrima; color: #555; padding-left: 10px; }
.aside-list-gallery { margin: 0; padding: 5px; overflow: hidden; }
.aside-list-gallery li { float: left; list-style-type: none; }
.media-widget-img { width: 138px; height: 140px; padding: 5px; margin: 5px; border: 1px solid #ccc; }
.media-img img {  width: 100%; height:100%;}

 /*Contact Bg page */
.contact-bg { background: #282828; overflow: hidden; width: 100%; position: relative; }
.contact-sect-inner { margin: 15px auto ; padding: 10px; width: 54%; overflow: hidden; min-width: auto; }
.contact-sect { margin: 0px auto ; padding: 0px 10px; width: 100%; }
.contact-sect h3 { margin: 0px auto; padding: 5px 0; color: #A16733; font: normal 32px beba; text-transform: uppercase; border-bottom: 1px solid #333333; text-align: left; width: 95%; }
.addcontent { width: 95%; margin: 10px auto; overflow: hidden; }
.contact-sect address.addr1 { margin: 10px 0 0 0; padding: 10px 0;  }
.contact-sect address.addr1 > h4 { font: bold 20px beba; color: #A16733; padding-bottom: 10px; text-align:left; }
.contact-sect address.addr1 .innercontent { padding: 5px 10px; margin-left: 30px; }
.contact-sect address.addr1 .innercontent h4 { font: normal 20px ebrima; color: #9E9E9E; text-align:left; }
.contact-sect address.addr1 .innercontent p { margin: 0 0 0 0; padding: 0; font: 15px ebrima; color: #9E9E9E; line-height: 24px; text-align:left; }
.contact-sect address.bdrnone { margin: 20px 0; padding: 10px 0;  border-bottom: 1px solid transparent; }
.place-wid { width: 85%; }
.info-sect { float: left; width: 47%; }

/** Presentation **/
.contact-left { width: 50%; float: left; overflow: hidden; }
.presentation-right { width: 50%; float: right; overflow: hidden; }
.presentation-video-container { width: 450px; margin: 0 auto; overflow: hidden; }
.rgt-content { width: 90%; float: right; }

/* Map Sections */
.map { position: relative; margin: 0px auto; width: 100%; }
.map-screen { position: absolute; left: 0; bottom: 0; width: 100%; height: 420px; background: rgba(0,0,0,0.6); transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; z-index: 100; }

#map { position: relative; display: block; height: 420px; background: transparent url(../images/contactmap.jpg) no-repeat scroll content-box center; overflow: hidden; }
#map a { position: relative; display: block; overflow: hidden; height: 100%; }

.map-content { position: absolute; left: 47%; top: 49%; z-index: 100; }
.map-open, .map-close { color: #fff; font: 18px ebrima; cursor: pointer; } 
.map-close { display: none; margin-top: -14px; padding: 3px; }
.map-open i, .map-close i { font-size: 24px; height: 24px; width: 24px; vertical-align: middle; }
.map-icon { position: absolute; top: -60px; left: 20px; width: 30px; height: 30px; }
.map-icon i { position: absolute; left: 0; top: 0; font-size: 50px; color: #FE4445; cursor: pointer; -webkit-animation: 1.5s locationIcon ease-in-out 0s infinite; -moz-animation: 1.5s locationIcon ease-in-out 0s infinite; -o-animation: 1.5s locationIcon ease-in-out 0s infinite; animation: 1.5s locationIcon ease-in-out 0s infinite; }
.map-icon i:hover { color: #fff; }

/**** Footer ****/ 
footer { position: relative; width: 100%; margin: 0; padding: 0; background: #EFEFEF; border-top: 1px solid #C9C9C9; box-shadow: inset 0px 1px 0px #FFFFFF; overflow: hidden; }
footer:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: #656565; }
footer p { margin: 0; padding: 12px 0 22px 0; font: 14px ebrima; color: #000; text-align: center; }
/*** Footer End ***/
/*** Footer End ***/


/* Login Page */
.page-head { font: bold 40px beba; color: #3F6677; margin: 15px 0; word-spacing: 5px; }

/* Clock Coming Soon Page */
.mt-74 { margin-top: 74px !important; }
.coming-set { position: relative; margin:8% auto 5%; padding-bottom: 185px;  }
.coming-txt {  text-align: center; font-size: 19px; }
.clock-container { width: 70%; margin: 0 auto; padding: 50px 10px; min-width: 900px; height: auto; min-height: auto; overflow: hidden; }
.clock-list { margin: 0; padding: 0; position: relative; }
.clock-list li { float: left; width: 22%; padding: 10px; position: relative; }
.circle-time { background-color: rgba(229, 232, 234, 1); border-radius: 50%; height: 0px; padding-bottom: 100%;  border-style: solid; border-width: 0; }
.text { color: #333333; font-size: 30px; font-weight: bold; position: absolute; text-align: center; width: 100%; left: 0; top: 35%; }
.text .val { font-size: 50px; margin: 0; padding: 0; }
.text .type-time { font-size: 20px; margin: 0; padding: 0; }

/* Scroll Top Button */
#go-top { position: fixed; bottom: 30px; right: 30px; text-align: center; display: none; z-index: 1900; }
#go-top a { text-decoration: none; border: 0 none; display: block;	width: 48px; height: 48px; background-color: #FE4445; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;   color: #fff;   font-size: 30px;   line-height: 48px; 	border-radius: 3px; }
#go-top a i{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 30px; margin-top: 14%; margin-left: 20%; }
#go-top a:hover { background: #FE4445; opacity: 0.8; }

/* Right side presentation button */
.side-right { position: fixed; top: 718px; right: -200px; text-align: center; display: none; z-index: 1900;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out; cursor: pointer; }
.side-right a { text-decoration: none; border: 0 none; display: inline-block; width: 100px; height: 100px; background-color: #ff9f0c; color: #fff; font-size: 30px; line-height: 48px; position: absolute; top: 0; right: 200px; }
.side-right a i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 30px; margin-top: 13%; margin-left: 18%; color: #fff; font-size: 70px; }
.badge-container { width: 180px; height: 80px; background-color: #ff9f0c; font: normal 14px ebrima; color: #fff; display: inline-block;  margin: 0; position: absolute; top: 0; right: 0; text-align: left; padding: 10px; }
.side-right:hover { right: 0px; }
.txt-lower { text-transform: lowercase; }
#presentaion-sect:target { display: block; }
.menu-btn { position: absolute; right: 5px; top: 19px; padding: 7px 10px; background: #e62122; display: none; outline: none; }
.menu-btn span { color: #fff; font-size: 18px; }
.home-wid-img { margin-top: -50px !important; }
.img-responsive { display: block; position: relative; max-width: 100%; height: auto; margin: auto; }
#banner-type1 { display: none; z-index: 999; }
/*** Slide Show ***/

/* Slide Show */  
.banner { position: relative; overflow: hidden; }
.banner ul li { overflow: hidden; width: 100%; z-index: 1000 !important; position: relative; height: 350px; }
.banner ul li img { width: 100%; height: 350px; }
.banner-button { position: absolute; z-index: 1000 !important; width: 35px; height: 35px; line-height: 22px; border-radius: 50%; top: 0; bottom: 0; margin: auto 0; background: rgba(255,255,255,0.6); border: #47b8ff solid 5px; font-size: 22px; display: none; }
.banner:hover .banner-button { display: block; }
.banner-button:hover { background: rgba(255,255,255,0.75); border:#e8bc54 solid 5px; }
.banner-button:hover i { color: #000 !important; }
.banner-button:focus { outline: none; }
.baner-button-left { left: 15px;  }
.baner-button-right { right: 15px; } 
.indicators { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; z-index: 1000 !important; cursor: pointer; }
.indicators-dot { width: 17px; height: 17px; background: rgba(255,255,255,0.5); display: inline-block; margin: 4px; border-radius: 50%; position: relative; cursor: pointer; }
.tempBanner { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; height: 350px; }
.tempBanner img { height: 100%; }
.indicators-dot.sel { background : #2f9fe0; }

/* Mobile Slider */

.mobcontainer, .mobslideshow { background-color: rgba(0,0,0,0.2); }
.mobslideshow { width: 100%; height: 380px; margin: 0px auto; position: relative; }
.mobslideshow .image { width: 100%; height: 100%; }
.mobslideshow .selectors { list-style: none; padding: 0px; position: absolute; bottom: 0;
  right: 0; margin-right: 50px; }
.mobslideshow .selectors li { display: inline-block; } 
.mobslideshow .button { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgba(0,0,0,0.5); }
.mobslideshow .selected .button { background-color: rgba(0,0,0,0.5); }


/* Slide Show index */
.slide-data { position: absolute; z-index: 1000; left: 35%; top: 25%; }
.slide-title { position: relative; font-family: sans-serif; }
.slide-title .textStyle1 { color: #ffffff; font-size: 30px; font-weight: 300; }
.slide-title .textStyle2 { color: #ffe400; font-size: 48px; font-weight: 600; }
.slide-title .textStyle3 { color: #ffe400; font-size: 30px; font-weight: 400; }
.slide-title .textStyle4 { color: #ffe400; padding: 2px 8px; background-color: rgba(0, 0, 0, 0.7); font-size: 48px; font-weight: 600; display: inline-block; line-height: 48px; position: relative; }
.slide-content { padding: 10px; background-color: rgba(37, 35, 17, 0.7); z-index: 1000; color: #fff !important; font-size: 16px; width: 60%; margin: 10px 0; position: relative; }
.h-0 { height: 0; }
#static-badge {display: none; width: 120px; position: absolute; bottom: 10px; right: 10px; z-index: 1000; background: #ff4747; cursor: pointer; border-radius: 5px; text-decoration: none; } 		
#static-badge p { position: relative; display: block; font-size: 11px !important; color: #fff; margin: 0; padding: 10px; }
a.back-btn { position: absolute; right: 20px; display: none; }
.home-content-sect { z-index: 2000; }

.face-content { margin: 0 auto 145px; padding: 5% 0 9%; overflow: hidden; }
.face-content p { text-align: center; font: 20px/50px ebrima; color: #000; }
p.unemp { margin: 0; padding: 0; font: 26px/ 50px beba; color: #e63f41; }
span.face-no-txt { font: 38px/65px beba; padding-left: 10px; vertical-align: sub; color: #444; }
p.face-top-txt { font: 29px/40px calist; color: #c38a01; }

/* Preloader */
#preloader { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #ffffff; z-index: 99999; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
body.loaded #preloader{ opacity: 0; visibility: hidden; }
.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: #E62122; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
.loader:before{ content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #E62122; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
.loader:after{ content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #E62122; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
    0%  { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    0%  { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

/* Animation */
/* Banner 1 Animation */
@keyframes icon-ani {  0% { transform: scale3d(0.2, 0.2, 0.2); }  30% { transform: scale3d(0.2, 0.2, 0.2); } 55% { transform: scale3d(1, 1, 1); } 85% { transform: scale3d(1, 1, 1); } 100% { transform: scale3d(0.1, 0.1, 0.1); } }
@-webkit-keyframes icon-ani {   0% { -webkit-transform: scale3d(0.2, 0.2, 0.2); }  30% { -webkit-transform: scale3d(0.2, 0.2, 0.2); } 55% { -webkit-transform: scale3d(1, 1, 1);  } 85% { -webkit-transform: scale3d(1, 1, 1); } 100% { -webkit-transform: scale3d(0.1, 0.1, 0.1); } }
@-webkit-keyframes line-ani { 0% { opacity:0; } 30% { opacity:0; } 40% { opacity:0; } 65% { opacity:1; } 75% { opacity:1; } 90% { opacity:0; }  100% { opacity: 0; } }
@keyframes line-ani { 0% { opacity:0; } 30% { opacity:0; } 40% { opacity:0; } 65% { opacity:1; } 75% { opacity:1; } 90% { opacity:0; } 100% { opacity: 0; } }
@-webkit-keyframes line-ani1 { 0% { opacity:0; } 30% { opacity:0.4; } 55% { opacity:1; } 85% { opacity:1; } 100% { opacity: 0; } }
@keyframes line-ani1 { 0% { opacity:0; } 30% { opacity:0.4; } 55% { opacity:1; } 85% { opacity:1; } 100% { opacity: 0; } }
@-webkit-keyframes glitter { 0%   { -webkit-transform: scale(1.0); opacity: 1; } 25%  { -webkit-transform: scale(0.5); opacity: 0; } 50%  { -webkit-transform: scale(1.0); opacity: 1; } 75%  { -webkit-transform: scale(0.5); opacity: 0; } 100% { -webkit-transform: scale(1.0); opacity: 1; } }
@-moz-keyframes glitter { 0%   { -moz-transform: scale(1.0); opacity: 1; } 25%  { -moz-transform: scale(0.5); opacity: 0; } 50%  { -moz-transform: scale(1.0); opacity: 1; }
 75%  { -moz-transform: scale(0.5); opacity: 0; } 100% { -moz-transform: scale(1.0); opacity: 1; } }
@-webkit-keyframes object { 0%  { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 32% { opacity: 0; -webkit-transform: scale(.6); transform: scale(.6); } 40% { opacity: 1; -webkit-transform: scale(.4); transform: scale(.4); } 55% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 65% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 90% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes object { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 10% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } 15% { opacity: 1; -webkit-transform: scale(.4); transform: scale(.4); } 25% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 75% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(.4); } }
@-moz-keyframes object { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 10% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } 15% { opacity: 1; -webkit-transform: scale(.4); transform: scale(.4); } 25% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 75% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(.4); } }
@-webkit-keyframes line-1-circle1 { 0%   { opacity: 1; left: 700px; top: -2px; } 100% { opacity: 1; left: 0px; top: -2px; } }
@-moz-keyframes line-1-circle1 { 0%   { opacity: 1; left: 700px; top: -2px; } 100% { opacity: 1; left: 0px; top: -2px; } }
@keyframes line-1-circle1 { 0%   { opacity: 1; left: 700px; top: -2px; }  100% { opacity: 1; left: 0px; top: -2px; } }
@-webkit-keyframes line-1-circle2 {  0%   { opacity: 1; left: 740px; top: -2px; }  100% { opacity: 1; left: 1400px; top: -2px; } }
@-moz-keyframes line-1-circle2 { 0%   { opacity: 1; left: 740px; top: -2px; } 100% { opacity: 1; left: 1400px; top: -2px; } }
@keyframes line-1-circle2 {  0%   { opacity: 1; left: 740px; top: -2px; } 100% { opacity: 1; left: 1400px; top: -2px; } }
@-webkit-keyframes line-2-circle { 0%   { opacity: 1; right: -2px; top: 92px; } 10% { opacity: 1; right: -2px; top: 0px; } 29% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 190px; }  30% { width: 25px; height: 3px; opacity: 1; right: -3px; top: 199px; }  40% { width: 25px; height: 3px; opacity: 1; right: 130px; top: 199px; } 49% { width: 25px; height: 3px; opacity: 1; right: -2px; top: 199px; }  50% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 199px; }  59% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; }  60% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 70% { width: 25px; height: 3px; opacity: 1; right: -87px; top: 316px; }  80% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 82% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; }  90% {  width: 3px;  height: 25px; opacity: 1; right: -2px; top: 200px; } 100% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 115px; } }
@-moz-keyframes line-2-circle { 0%   { opacity: 1; right: -2px; top: 92px; } 10% { opacity: 1; right: -2px; top: 0px; } 29% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 190px; } 30% { width: 25px; height: 3px; opacity: 1; right: -3px; top: 199px; } 40% { width: 25px; height: 3px; opacity: 1; right: 130px; top: 199px; }  49% { width: 25px; height: 3px; opacity: 1; right: -2px; top: 199px; } 50% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 199px; } 59% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; } 60% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 70% { width: 25px; height: 3px; opacity: 1; right: -87px; top: 316px; } 80% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 82% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; } 90% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 200px; } 100% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 115px; } }
@keyframes line-2-circle { 0%   { opacity: 1; right: -2px; top: 92px; } 10% { opacity: 1; right: -2px; top: 0px; } 29% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 190px; } 30% { width: 25px; height: 3px; opacity: 1; right: -3px; top: 199px; } 40% { width: 25px; height: 3px; opacity: 1; right: 130px; top: 199px; } 49% { width: 25px; height: 3px; opacity: 1; right: -2px; top: 199px; } 50% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 199px; } 59% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; } 60% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 70% { width: 25px; height: 3px; opacity: 1; right: -87px; top: 316px; } 80% { width: 25px; height: 3px; opacity: 1; right: -25px; top: 316px; } 82% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 300px; } 90% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 200px; } 100% { width: 3px; height: 25px; opacity: 1; right: -2px; top: 115px; } }
@-webkit-keyframes line-5-circle { 0% { opacity:1;right: -2px; top: 169px;} 10% {opacity:1; width:3px;height:25px;right: -2px; top: 90px;} 18% {opacity:1; width:3px;height:25px;right: -2px; top: -2px;}   20%   {opacity:1; width:25px;height: 3px;right: 0px; top: -2px;}  30%   {opacity:1; width:25px;height: 3px;right: 80px; top: -2px;} 40%   {opacity:1; width:25px;height: 3px;right: 0px; top: -2px;} 42%   {opacity:1; width:3px;height:25px;right: -2px; top: 0px;} 50%   {opacity:1; width:3px;height:25px;right: -2px; top: 120px;}  58%   {opacity:1; width:3px;height:25px;right: -2px; top: 230px;} 60%   {opacity:1; width:25px;height: 3px;right: -20px; top: 252px;} 70%   {opacity:1; width:25px;height: 3px;right: -239px; top: 252px;} 71%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;} 75%   {opacity:1; width:3px;height:25px;right: -241px; top: 283px;}  79%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;} 80%   {opacity:1; width:25px;height: 3px;right: -241px; top: 252px;} 89%   {opacity:1; width:25px;height: 3px;right: -20px; top: 252px;} 90%   {opacity:1; width:3px;height:25px;right: -2px; top: 252px;} 94%   {opacity:1; width:3px;height:25px;right: -2px; top: 310px;} 95%   {opacity:1; width:25px;height: 3px;right: 0px; top: 328px;} 100%   {opacity:1; width:25px;height: 3px;right: 25px; top: 328px;} }
@-moz-keyframes line-5-circle { 0%   { opacity:1;right: -2px; top: 169px;}  10%   {opacity:1; width:3px;height:25px;right: -2px; top: 90px;} 18% { opacity:1; width:3px;height:25px;right: -2px; top: -2px;}  20%   {opacity:1; width:25px;height: 3px;right: 0px; top: -2px;}  30%   {opacity:1; width:25px;height: 3px;right: 80px; top: -2px;}  40%   {opacity:1; width:25px;height: 3px;right: 0px; top: -2px;}  42%   {opacity:1; width:3px;height:25px;right: -2px; top: 0px;}  50%   {opacity:1; width:3px;height:25px;right: -2px; top: 120px;}  58%   {opacity:1; width:3px;height:25px;right: -2px; top: 230px;}  60%   {opacity:1; width:25px;height: 3px;right: -20px; top: 252px;} 70%   {opacity:1; width:25px;height: 3px;right: -239px; top: 252px;} 71%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;}  75% {opacity:1;  width:3px;height:25px;right: -241px; top: 283px;}  79%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;} 80%   {opacity:1; width:25px;height: 3px;right: -241px; top: 252px;} 89%   {opacity:1; width:25px;height: 3px;right: -20px; top: 252px;} 90%   {opacity:1; width:3px;height:25px;right: -2px; top: 252px;} 94%   {opacity:1; width:3px;height:25px;right: -2px; top: 310px;} 95%   {opacity:1; width:25px;height: 3px;right: 0px; top: 328px;} 100%   {opacity:1; width:25px;height: 3px;right: 25px; top: 328px;} }
@keyframes line-5-circle { 0% { opacity:1;right: -2px; top: 169px;} 10% {opacity:1; width:3px;height:25px;right: -2px; top: 90px;} 18% {opacity:1; width:3px;height:25px;right: -2px; top: -2px;}  20%   {opacity:1; width:25px;height: 3px;right: 0px; top: -2px;} 30%   {opacity:1; width:25px;height: 3px;right: 80px; top: -2px;}  40% { opacity:1;  width:25px;height: 3px;right: 0px; top: -2px;}  42%   {opacity:1; width:3px;height:25px;right: -2px; top: 0px;}  50%   {opacity:1; width:3px;height:25px;right: -2px; top: 120px;}  58% { opacity:1; width:3px;height:25px;right: -2px; top: 230px;} 60% { opacity:1; width:25px;height: 3px;right: -20px; top: 252px;}  70% { opacity:1; width:25px;height: 3px;right: -239px; top: 252px;} 71%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;} 75% { opacity:1; width:3px;height:25px;right: -241px; top: 283px;} 79%   {opacity:1; width:3px;height:25px;right: -241px; top: 255px;}  80%   {opacity:1; width:25px;height: 3px;right: -241px; top: 252px;} 89%   {opacity:1; width:25px;height: 3px;right: -20px; top: 252px;}  90% {opacity:1; width:3px;height:25px;right: -2px; top: 252px;}  94%   {opacity:1; width:3px;height:25px;right: -2px; top: 310px;}  95% { opacity:1; width:25px;height: 3px;right: 0px; top: 328px; } 100% { opacity:1; width:25px;height: 3px;right: 25px; top: 328px; } }
@-webkit-keyframes line-8-circle { 0% { opacity:1;left: -1px; top: 182px;} 10% { width:3px;height:25px; opacity:1;left: -1px; top: 85px; } 11% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; } 20%   {width:25px;height: 3px; opacity:1;left: 85px; top: 85px;} 30%  { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; } 31%   {width:3px;height:25px; opacity:1;left: -1px; top: 65px;} 40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;} 50% { width:3px;height:25px; opacity:1;left: -1px; top: 45px; } 51% { width:25px;height: 3px; opacity:1;left: -25px; top: 63px; } 60% { width:25px;height: 3px; opacity:1;left: -130px; top: 63px; } 70% { width:25px;height: 3px; opacity:1;left: -25px; top: 63px; } 71% { width:3px;height:25px; opacity:1;left: -1px; top: 63px; } 80% { width:3px;height:25px; opacity:1;left: -1px; top: 178px; } 100%  {width:3px;height:25px; opacity:1;left: -1px; top: 61px;} }
@-moz-keyframes line-8-circle { 0% { opacity:1;left: -1px; top: 182px;} 10% { width:3px;height:25px; opacity:1;left: -1px; top: 85px; } 11% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; } 20%   {width:25px;height: 3px; opacity:1;left: 85px; top: 85px;}  30%   {width:25px;height: 3px; opacity:1;left: 0px; top: 85px;}  31%   {width:3px;height:25px; opacity:1;left: -1px; top: 65px;} 40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;}  50% { width:3px;height:25px; opacity:1;left: -1px; top: 45px;}  51% { width:25px;height: 3px; opacity:1;left: -25px; top: 63px; } 60% {width:25px;height: 3px; opacity:1;left: -130px; top: 63px;} 70% {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;} 71% { width:3px;height:25px; opacity:1;left: -1px; top: 63px; } 80% { width:3px;height:25px; opacity:1;left: -1px; top: 178px; } 100%  {width:3px;height:25px; opacity:1;left: -1px; top: 61px;} }
@keyframes line-8-circle { 0% { opacity:1;left: -1px; top: 182px;} 10% { width:3px;height:25px; opacity:1;left: -1px; top: 85px; } 11% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; }  20%   {width:25px;height: 3px; opacity:1;left: 85px; top: 85px;}  30% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; } 31%  { width: 3px; height: 25px; opacity:1;left: -1px; top: 65px;}  40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;} 50% { width:3px;height:25px; opacity:1;left: -1px; top: 45px;} 51%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;}  60%   {width:25px;height: 3px; opacity:1;left: -130px; top: 63px;} 70% { width:25px;height: 3px; opacity:1;left: -25px; top: 63px; } 71% { width:3px;height:25px; opacity:1;left: -1px; top: 63px; } 80% { width:3px;height:25px; opacity:1;left: -1px; top: 178px; } 100%  { width: 3px; height: 25px; opacity:1;left: -1px; top: 61px; } }
@-webkit-keyframes line-15-circle { 0%   { opacity:1;left: -1px; top: 170px;} 10% { width:3px;height:25px; opacity:1;left: -1px; top: 85px; } 11% { width:25px; height: 3px; opacity:1;left: 0px; top: 85px;}  20%   {width:25px;height: 3px; opacity:1;left: 115px; top: 85px;} 30% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px;} 31%   { width: 3px; height:25px; opacity:1;left: -1px; top: 65px;}  40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;}  50%   {width:3px;height:25px; opacity:1;left: -1px; top: 45px;} 51%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;} 60%   {width:25px;height: 3px; opacity:1;left: -130px; top: 63px;}  70%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;} 71%   {width:3px;height:25px; opacity:1;left: -1px; top: 63px;}  80% { width:3px;height:25px; opacity:1;left: -1px; top: 170px;}
    100%  {width:3px;height:25px; opacity:1;left: -1px; top: 61px;} }
@-moz-keyframes line-15-circle { 0%   { opacity:1;left: -1px; top: 170px;} 10%   {width:3px;height:25px; opacity:1;left: -1px; top: 85px;} 11%   {width:25px;height: 3px; opacity:1;left: 0px; top: 85px;}  20%   {width:25px;height: 3px; opacity:1;left: 115px; top: 85px;} 30% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px; }
    31%   {width:3px;height:25px; opacity:1;left: -1px; top: 65px;} 40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;} 50%   {width:3px;height:25px; opacity:1;left: -1px; top: 45px;} 51%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;} 60%   {width:25px;height: 3px; opacity:1;left: -130px; top: 63px;}  70%    { width: 25px; height: 3px; opacity:1;left: -25px; top: 63px;} 71%   {width:3px;height:25px; opacity:1;left: -1px; top: 63px;} 80% { width: 3px;height:25px; opacity:1;left: -1px; top: 170px;} 100%  {width:3px;height:25px; opacity:1;left: -1px; top: 61px;} }
@keyframes line-15-circle1 { 0% { opacity:1;left: -1px; top: 170px;} 10% { width:3px;height:25px; opacity:1;left: -1px; top: 85px;}  11% { width:25px;height: 3px; opacity:1;left: 0px; top: 85px;}  20%   {width:25px;height: 3px; opacity:1;left: 115px; top: 85px;}  30%   {width:25px;height: 3px; opacity:1;left: 0px; top: 85px;}
    31%   {width:3px;height:25px; opacity:1;left: -1px; top: 65px;} 40%   {width:3px;height:25px; opacity:1;left: -1px; top: 0px;}  50%   {width:3px;height:25px; opacity:1;left: -1px; top: 45px;}  51%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;} 60%   {width:25px;height: 3px; opacity:1;left: -130px; top: 63px;}
    70%   {width:25px;height: 3px; opacity:1;left: -25px; top: 63px;}  71%   {width:3px;height:25px; opacity:1;left: -1px; top: 63px;}  80% { width:3px;height:25px; opacity:1;left: -1px; top: 170px;}  100%  {width:3px;height:25px; opacity:1;left: -1px; top: 61px;} }
@-webkit-keyframes line-11-circle { 0% { opacity:1;top: 0px; right: -1px;}  15% { opacity:1;top: 95px;right: -1px;}  30% { opacity:1;top: 185px;right: -1px;}  45%  {opacity:1;top: 95px;right: -1px;}  60%   {width:3px;height:25px; opacity:1;top: -2px; right: -1px;}  61%   {width:25px;height: 3px; opacity:1;top: -2px; right: -22px;}
    67%   {width:25px;height: 3px; opacity:1;top: -2px; right: -48px;}  68%   {width:3px;height:25px; opacity:1;top: -2px; right: -46px;}  80%   {width:3px;height:25px; opacity:1;top: 75px; right: -46px;} 90%   {width:3px;height:25px; opacity:1;top: 150px; right: -46px;} 91% { width:25px;height: 3px; opacity:1;top: 178px; right: -68px;}
    100%  {width:25px;height: 3px; opacity:1;top: 178px; right: -120px;} }
@-moz-keyframes line-11-circle { 0% { opacity:1;top: 0px; right: -1px;} 15% { opacity:1; top: 95px; right: -1px; }  30% { opacity:1;top: 185px;right: -1px;}  45%  { opacity: 1; top: 95px;right: -1px;} 60% { width:3px;height:25px; opacity:1;top: -2px; right: -1px;} 61% { width: 25px;height: 3px; opacity:1;top: -2px; right: -22px;} 67% { width: 25px; height: 3px; opacity:1;top: -2px; right: -48px;}   68%   {width:3px;height:25px; opacity:1;top: -2px; right: -46px;}  80%   {width:3px;height:25px; opacity:1;top: 75px; right: -46px;} 90% {width:3px;height:25px; opacity:1;top: 150px; right: -46px;} 91% {width:25px;height: 3px; opacity:1;top: 178px; right: -68px;} 100% { width:25px;height: 3px; opacity:1;top: 178px; right: -120px;} }
@keyframes line-11-circle { 0% { opacity:1;top: 0px; right: -1px;} 15% { opacity:1;top: 95px;right: -1px; } 30% { opacity:1;top: 185px;right: -1px; }  45% { opacity:1;top: 95px;right: -1px;}  60% { width:3px;height:25px; opacity:1;top: -2px; right: -1px;}  61% { width:25px;height: 3px; opacity:1;top: -2px; right: -22px; }  67%  { width: 25px; height: 3px; opacity:1;top: -2px; right: -48px;}  68%   {width:3px;height:25px; opacity:1;top: -2px; right: -46px;}  80% { width:3px;height:25px; opacity:1;top: 75px; right: -46px; } 90% { width:3px;height:25px; opacity:1;top: 150px; right: -46px; }  91%   {width:25px;height: 3px; opacity:1;top: 178px; right: -68px;}  100%  {width:25px;height: 3px; opacity:1;top: 178px; right: -120px;} }
@-webkit-keyframes line-13-circle { 0%   { opacity:1;left: -2px; top: 0px;}  15% { opacity:1; width:3px;height:25px;left: -2px; top: 70px;}  16% { opacity:1; width:25px;height: 3px;left: -2px; top: 86px; }  55% { opacity:1; width:25px;height: 3px;left: 165px; top: 86px; }   56% { opacity:1; width:3px;height:25px;left: 187px; top: 86px; }  90%   {opacity:1; width:3px;height:25px;left: 187px; top: 220px;}  91%   {opacity:1; width:25px;height: 3px;left: 187px; top: 244px;}  100% {opacity:1; width:25px;height: 3px;left: 215px; top: 244px;} }
@-moz-keyframes line-13-circle { 0% { opacity:1;left: -2px; top: 0px;}  15% { opacity:1; width:3px;height:25px;left: -2px; top: 70px; } 16% { opacity:1; width:25px;height: 3px;left: -2px; top: 86px;}  55%   {opacity:1; width:25px;height: 3px;left: 165px; top: 86px;}  56% { opacity:1; width:3px;height:25px;left: 187px; top: 86px; }  90%   {opacity:1; width:3px;height:25px;left: 187px; top: 220px;} 91%   {opacity:1; width:25px;height: 3px;left: 187px; top: 244px;}  100% {opacity:1; width:25px;height: 3px;left: 215px; top: 244px;} }
@keyframes line-13-circle { 0% { opacity:1;left: -2px; top: 0px;}  15% { opacity:1; width:3px;height:25px;left: -2px; top: 70px; } 16% { opacity: 1; width:25px;height: 3px;left: -2px; top: 86px;} 55% { opacity:1; width:25px;height: 3px;left: 165px; top: 86px;}  56% { opacity:1; width:3px;height:25px;left: 187px; top: 86px;} 90% { opacity:1; width:3px;height:25px;left: 187px; top: 220px;}   91% { opacity:1; width:25px;height: 3px;left: 187px; top: 244px; }  100% {opacity:1; width:25px;height: 3px;left: 215px; top: 244px;} }
@keyframes line-13-circle { 0% { opacity:1;left: -2px; top: 0px;}  15% { opacity:1; width:3px;height:25px;left: -2px; top: 70px; } 16% { opacity: 1; width:25px;height: 3px;left: -2px; top: 86px;} 55% { opacity:1; width:25px;height: 3px;left: 165px; top: 86px;}  56% { opacity:1; width:3px;height:25px;left: 187px; top: 86px;} 90% { opacity:1; width:3px;height:25px;left: 187px; top: 220px;}   91% { opacity:1; width:25px;height: 3px;left: 187px; top: 244px; }  100% {opacity:1; width:25px;height: 3px;left: 215px; top: 244px;} }
@-webkit-keyframes line-18-circle { 0% { opacity:1;left: -2px; top: 60px; }  10% { opacity:1; width:3px;height:25px;left: -2px; top: -2px; }  11% { opacity:1; width:25px;height: 3px;left: 0px; top: -2px; }  20% { opacity:1; width:25px;height: 3px;left: 134px; top: -2px; }  30% { opacity:1; width:25px;height: 3px;left: 0px; top: -2px; } 31% { opacity:1; width:3px;height:25px;left: -2px; top: 0px; }  40% { opacity:1; width:3px;height:25px;left: -2px; top: 55px; }  41% { opacity:1; width:25px;height: 3px;left: 0px; top: 79px; }  50% { opacity:1; width:25px;height: 3px;left: 70px; top: 79px; } 51% { opacity:1; width:3px;height:25px;left: 99px; top: 85px; }  65% { opacity:1; width:3px;height:25px;left: 99px; top: 250px; }  66%  { opacity:1; width:25px;height: 3px;left: 75px; top: 277px; } 70% { opacity:1; width:25px;height: 3px;left: 35px; top: 277px; } 78% { opacity:1; width:25px;height: 3px;left: 75px; top: 277px; }  79% { opacity:1; width:3px;height:25px;left: 99px; top: 255px; }  88% { opacity:1;  width:3px;height:25px;left: 99px; top: 212px;} 89% { opacity:1; width:25px;height: 3px;left: 100px; top: 213px; } 100% { opacity:1; width:25px;height: 3px;left: 135px; top: 213px; } }
@-moz-keyframes line-18-circle { 0% { opacity:1;left: -2px; top: 60px;} 10% { opacity:1; width:3px;height:25px;left: -2px; top: -2px;}  11% { opacity:1; width:25px;height: 3px;left: 0px; top: -2px;}  20% { opacity:1; width:25px;height: 3px;left: 134px; top: -2px; }  30% { opacity:1; width:25px;height: 3px;left: 0px; top: -2px; } 31% { opacity:1; width:3px;height:25px;left: -2px; top: 0px; } 40% { opacity:1; width:3px;height:25px;left: -2px; top: 55px; } 41% { opacity:1; width:25px;height: 3px;left: 0px; top: 79px;}
 50%   {opacity:1; width:25px;height: 3px;left: 70px; top: 79px;}  51%   {opacity:1; width:3px;height:25px;left: 99px; top: 85px;}  65%   {opacity:1;  width:3px;height:25px;left: 99px; top: 250px;}  66% { opacity:1; width:25px;height: 3px;left: 75px; top: 277px;}  70% { opacity:1; width:25px;height: 3px;left: 35px; top: 277px; } 78%   {opacity:1; width:25px;height: 3px;left: 75px; top: 277px; } 79%   {opacity:1; width:3px;height:25px;left: 99px; top: 255px; }  88% { opacity: 1; width: 3px; height: 25px; left: 99px; top: 212px;} 89%   {opacity:1; width:25px;height: 3px;left: 100px; top: 213px;} 100%  {opacity:1; width:25px;height: 3px;left: 135px; top: 213px;} }
@keyframes line-18-circle { 0% { opacity:1;left: -2px; top: 60px;} 10%   {opacity:1; width:3px;height:25px;left: -2px; top: -2px;}  11%   {opacity:1; width:25px;height: 3px;left: 0px; top: -2px;}  20%   {opacity:1; width:25px;height: 3px;left: 134px; top: -2px;}  30% { opacity:1; width:25px;height: 3px;left: 0px; top: -2px;} 31% { opacity:1; width:3px;height:25px;left: -2px; top: 0px;}  40%   {opacity:1; width:3px;height:25px;left: -2px; top: 55px;}  41%   {opacity:1; width:25px;height: 3px;left: 0px; top: 79px;}
50%   {opacity:1; width:25px;height: 3px;left: 70px; top: 79px;} 51% { opacity:1; width:3px;height:25px;left: 99px; top: 85px;}  65%   {opacity:1; width: 3px;height:25px; left: 99px; top: 250px;}  66%   {opacity:1; width:25px;height: 3px;left: 75px; top: 277px;}  70%   {opacity:1; width:25px;height: 3px;left: 35px; top: 277px;}  78%   {opacity:1; width:25px;height: 3px;left: 75px; top: 277px;}  79%   {opacity:1; width:3px;height:25px;left: 99px; top: 255px;}  88%   {opacity:1; width:3px;height:25px;left: 99px; top: 212px;}  89%   {opacity:1; width:25px;height: 3px;left: 100px; top: 213px;}  100%  {opacity:1; width:25px;height: 3px;left: 135px; top: 213px;} }