0% found this document useful (0 votes)

29 views

Template 1

Uploaded by

suryeahtrading

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

29 views

Template 1

Uploaded by

suryeahtrading

Available Formats

Download as TXT, PDF, TXT or read online on Scribd

You are on page 1/ 113

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>

<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1'
name='viewport'/>

<b:skin><![CDATA[/*
//////////////////////////////////////////////////////////////
// //
// Theme Name : Inventive //
// Author : Templateclue //
// Site :www.Templateclue.com //
// License : Creative Commons Attribution License //
// Share and Use This With Proper Credit. //
// //
//////////////////////////////////////////////////////
*/
/*****************************************
reset.css
******************************************/
/*! * Bootstrap v3.1.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter,
Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family:
sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body
{ margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, section, summary { display: block; } audio, canvas, progress, video
{ display: inline-block; vertical-align: baseline; } audio:not([controls])
{ display: none; height: 0; } [hidden], template { display: none; } a { background:
transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px
dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin:
.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-
size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0;
vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img
{ border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr
{ height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } pre
{ overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-
size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit;
color: inherit; } button { overflow: visible; } button, select { text-transform:
none; } button, html input[type="button"], input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-
inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height:
normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box;
padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-
box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-
search-decoration { -webkit-appearance: none; } fieldset
{ padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend {
padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold;
} table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; }
@media print { * { color: #000 !important; text-shadow: none !important;
background: transparent !important; box-shadow: none !important; } a, a:visited
{ text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after,
a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-
break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-
inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3;
widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !
important; } .navbar { display: none; } .table td, .table th { background-color:
#fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color:
#000 !important; } .label { border: 1px solid #000; } .table { border-collapse:
collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid
#ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-
box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -
webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica
Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429;
background-color: #fff; } input, button, select, textarea { font-family: inherit;
font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration:
none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus
{ outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset:
-2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive
{ display: block; max-width: 100%; height: auto; } .img-rounded { border-radius:
6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto;
padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid
#ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition:
all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px;
margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position:
absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5,
h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-
height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6
small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small,
h2 .small, h3 .small, h4 .small, h5 .small,
h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight: normal; line-height: 1; color: #999; } h1, .h1, h2, .h2, h3, .h3
{ margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2
small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small,
h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top:
10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6
small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small,
h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2
{ font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0
10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-
height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } }
small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-
align: left; } .text-right { text-align: right; } .text-center { text-align:
center; } .text-justify { text-align: justify; } .text-muted { color:
#999; } .text-primary { color: #428bca; } a.text-primary:hover { color:
#3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c;
} .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-
warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger {
color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color:
#fff; background-color: #428bca; } a.bg-primary:hover { background-color:
#3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover
{ background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-
info:hover { background-color: #afd9ee; } .bg-warning { background-color:
#fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger
{ background-color: #f2dede; } a.bg-danger:hover { background-color:
#e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom:
1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul
ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none;
} .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display:
inline-block; padding-right: 5px; padding-left: 5px; } .list-inline > li:first-
child { padding-left: 0; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd
{ line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; }
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px;
overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-
space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title],
abbr[data-original-title] { cursor: help; border-bottom: 1px dotted
#999; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote
{ padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid
#eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child
{ margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small
{ display: block; font-size: 80%; line-height: 1.428571429; color: #999; }
blockquote footer:before, blockquote small:before, blockquote .small:before
{ content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-
right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee;
border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right
footer:before, .blockquote-reverse small:before, blockquote.pull-right
small:before, .blockquote-reverse .small:before, blockquote.pull-
right .small:before { content: ''; } .blockquote-reverse footer:after,
blockquote.pull-right footer:after, .blockquote-reverse small:after,
blockquote.pull-right small:after, .blockquote-reverse .small:after,
blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before,
blockquote:after { content: ""; } address { margin-bottom: 20px; font-style:
normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Menlo,
Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size:
90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius:
4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333;
border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } pre { display:
block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429;
color: #333; word-break: break-all; word-wrap: break-word; background-color:
#f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-
size: inherit; color: inherit;
white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-
scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right:
15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-
width: 768px) { .container { width: 750px; } } @media (min-width: 992px)
{ .container { width: 960px; } } @media (min-width: 1200px) { .container { width:
1170px; } } .container-fluid { margin-right: auto; margin-left: auto; } .col-xs-
1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-
2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-
4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-
6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-
8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-
9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-
11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:
relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-
1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-
8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12
{ width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width:
83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width:
66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width:
50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width:
33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width:
16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12
{ right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10
{ right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8
{ right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-
xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-
pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2
{ right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-
xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left:
91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9
{ left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left:
58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left:
41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 {
left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left:
8.333333333333332%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left:
100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10
{ margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-
xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left:
58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5
{ margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left:
33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2
{ margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left:
8.333333333333332%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width:
768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-
7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-
sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10
{ width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width:
66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width:
50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width:
33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width:
16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12
{ right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10
{ right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8
{ right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-
sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-
pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2
{ right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-
sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left:
91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9
{ left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left:
58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left:
41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 {
left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left:
8.333333333333332%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left:
100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10
{ margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-
sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left:
58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5
{ margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left:
33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2
{ margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left:
8.333333333333332%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width:
992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-
7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-
md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10
{ width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width:
66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width:
50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width:
33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width:
16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12
{ right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10
{ right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8
{ right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-
md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-
pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2
{ right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-
md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left:
91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9
{ left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left:
58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left:
41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 {
left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left:
8.333333333333332%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left:
100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10
{ margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-
md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left:
58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5
{ margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left:
33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2
{ margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left:
8.333333333333332%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width:
1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-
lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:
left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-
lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width:
66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width:
50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width:
33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width:
16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12
{ right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10
{ right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8
{ right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-
lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-
pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2
{ right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-
lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left:
91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9
{ left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left:
58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left:
41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 {
left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left:
8.333333333333332%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left:
100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10
{ margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-
lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left:
58.333333333333336%; } .col-lg-offset-6
{ margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-
lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left:
25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1
{ margin-left: 8.333333333333332%; } .col-lg-offset-0 { margin-left: 0; } } table {
max-width: 100%; background-color: transparent; } th { text-align: left; } .table {
width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr >
th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr >
td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-
align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-
align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead >
tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table >
thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child
> td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child >
tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px
solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead >
tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr >
th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-
condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid
#ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr >
th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-
bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid
#ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td
{ border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) >
td, .table-striped > tbody > tr:nth-child(odd) > th { background-color:
#f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover >
th { background-color: #f5f5f5; } table col[class*="col-"] { position: static;
display: table-column; float: none; } table td[class*="col-"], table
th[class*="col-"] { position: static; display: table-cell; float: none; } .table >
thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr >
td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table
> tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody >
tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active >
th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-
color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody
> tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover >
tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr >
td.success, .table > tbody > tr > td.success, .table > tfoot > tr >
td.success, .table > thead > tr > th.success, .table > tbody > tr >
th.success, .table > tfoot > tr > th.success, .table > thead > tr.success >
td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table >
thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot >
tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr >
td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover >
tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th
{ background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr >
td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table >
tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td,
.table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead >
tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th
{ background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-
hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover >
td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table
> thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr >
td.warning, .table > thead > tr > th.warning, .table > tbody > tr >
th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning >
td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table >
thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot >
tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr >
td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover >
tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th
{ background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr
> td.danger, .table > tfoot > tr > td.danger, .table > thead > tr >
th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table
> thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot >
tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger >
th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover >
tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-
hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { width:
100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -webkit-
overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border:
1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-
responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr >
th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table >
thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive
> .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-
bordered { border: 0; } .table-responsive > .table-bordered > thead > tr >
th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-
child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-
responsive > .table-bordered > thead > tr > td:first-child, .table-responsive
> .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-
bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive
> .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered
> tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr >
th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-
child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-
responsive > .table-bordered > tfoot > tr > td:last-child { border-right:
0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-
responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive
> .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered
> tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0;
padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding:
0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border:
0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-
bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing:
border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \
9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; } select[multiple], select[size]
{ height: auto; } input[type="file"]:focus, input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-
focus-ring-color; outline-offset: -2px; } output { display: block; padding-top:
7px; font-size: 14px; line-height: 1.428571429; color: #555; } .form-control
{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;
line-height: 1.428571429; color: #555; background-color: #fff; background-image:
none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px
1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:
border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus {
border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px
rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px
rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control:-moz-placeholder
{ color: #999; } .form-control::-moz-placeholder { color: #999; opacity:
1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-
input-placeholder { color: #999; } .form-control[disabled], .form-
control[readonly], fieldset[disabled] .form-control { cursor: not-allowed;
background-color: #eee; opacity: 1; } textarea.form-control { height: auto; }
input[type="date"] { line-height: 34px; } .form-group { margin-bottom:
15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px;
margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { display:
inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-
inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline
input[type="checkbox"] { float: left; margin-left: -20px; } .radio
+ .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-
inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight:
normal; vertical-align: middle; cursor: pointer; } .radio-inline
+ .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left:
10px; } input[type="radio"][disabled], input[type="checkbox"]
[disabled], .radio[disabled], .radio-
inline[disabled], .checkbox[disabled], .checkbox-inline[disabled],
fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio, fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-
allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-
height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height:
30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg
{ height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-
radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-
lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative;
} .has-feedback .form-control { padding-right: 42.5px; } .has-feedback .form-
control-feedback { position: absolute; top: 25px; right: 0; display: block; width:
34px; height: 34px; line-height: 34px; text-align: center; } .has-success .help-
block, .has-success .control-label, .has-success .radio, .has-
success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline
{ color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px
rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -
webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-
shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-
success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-
color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-
warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning
.checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color:
#8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow:
inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0,
0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-
shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0
1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon
{ color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-
warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-
error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-
inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control
{ border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus {
border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0
6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px
#ce8483; } .has-error .input-group-addon { color: #a94442; background-color:
#f2dede; border-color: #a94442; } .has-error .form-control-feedback { color:
#a94442; } .form-control-static { margin-bottom: 0; } .help-block { display: block;
margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) {
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align:
middle; } .form-inline .form-control { display: inline-block; width: auto;
vertical-align: middle; } .form-inline .control-label { margin-bottom: 0; vertical-
align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-
block; padding-left: 0; margin-top: 0; margin-bottom: 0; vertical-align:
middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox
input[type="checkbox"] { float: none; margin-left: 0; } .form-inline .has-
feedback .form-control-feedback { top: 0; } } .form-horizontal .control-
label, .form-horizontal .radio, .form-horizontal .checkbox, .form-
horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px;
margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-
horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-
right: -15px; margin-left: -15px; } .form-horizontal .form-control-static
{ padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label {
text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top:
0; right: 15px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom:
0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align:
center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-
select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;
user-select: none; background-image: none; border: 1px solid transparent; border-
radius: 4px; } .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-
ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-
decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px
5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-
shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333;
background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-
default:focus, .btn-default:active, .btn-default.active, .open .dropdown-
toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad;
} .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{ background-image: none; } .btn-default.disabled, .btn-default[disabled],
fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-
default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-
default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-
default:focus, .btn-default.disabled:active, .btn-default[disabled]:active,
fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-
default[disabled].active, fieldset[disabled] .btn-default.active { background-
color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-
color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color:
#357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-
primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color:
#3276b1; border-color: #285e8e; } .btn-primary:active, .btn-
primary.active, .open .dropdown-toggle.btn-primary { background-image:
none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-
primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-
primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-
primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-
primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color:
#357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-
success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-
success:hover, .btn-success:focus, .btn-success:active, .btn-
success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color:
#47a447; border-color: #398439; } .btn-success:active, .btn-
success.active, .open .dropdown-toggle.btn-success { background-image:
none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-
success, .btn-success.disabled:hover, .btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-
success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-
success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-
success:active, .btn-success.disabled.active, .btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color:
#4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-
info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-
info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-
toggle.btn-info { color: #fff; background-color: #39b3d7; border-color:
#269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info
{ background-image: none; } .btn-info.disabled, .btn-info[disabled],
fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-
info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-
info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-
info:active, .btn-info.disabled.active, .btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color:
#46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-
warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-
warning:hover, .btn-warning:focus, .btn-warning:active, .btn-
warning.active, .open .dropdown-toggle.btn-warning { color: #fff; background-color:
#ed9c28; border-color: #d58512; } .btn-warning:active, .btn-
warning.active, .open .dropdown-toggle.btn-warning { background-image:
none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-
warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-
warning[disabled]:focus, fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active, .btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-
warning[disabled].active, fieldset[disabled] .btn-warning.active { background-
color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e;
background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f;
border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-
danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff;
background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-
danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-
danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-
danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-
danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-
danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-
danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-
danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-
danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight:
normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-
link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color:
transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-
link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-
link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline;
background-color: transparent; } .btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none; } .btn-lg
{ padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius:
6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-
radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5;
border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0;
padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-
transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in
{ opacity: 1; } .collapse { display: none; } .collapse.in { display:
block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-
transition: height .35s ease; transition: height .35s ease; } @font-face { font-
family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-
regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff')
format('woff'), url('../fonts/glyphicons-halflings-regular.ttf')
format('truetype'), url('../fonts/glyphicons-halflings-
regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position:
relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings';
font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing:
antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before
{ content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-
euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\
2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before {
content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-
glass:before { content: "\e001"; } .glyphicon-music:before { content: "\
e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before
{ content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-
empty:before { content: "\e007"; } .glyphicon-user:before { content: "\
e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before
{ content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-
list:before { content: "\e012"; } .glyphicon-ok:before { content: "\
e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before {
content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-
off:before { content: "\e017"; } .glyphicon-signal:before { content: "\
e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before
{ content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-
file:before { content: "\e022"; } .glyphicon-time:before { content: "\
e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-
alt:before { content: "\e025"; } .glyphicon-download:before { content: "\
e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before
{ content: "\e028"; } .glyphicon-play-circle:before { content: "\
e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before {
content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-
lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\
e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-
off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\
e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before
{ content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-
tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\
e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before
{ content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-
camera:before { content: "\e046"; } .glyphicon-font:before { content: "\
e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before
{ content: "\e049"; } .glyphicon-text-height:before { content: "\
e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-
left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\
e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-
justify:before { content: "\e055"; } .glyphicon-list:before { content: "\
e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-
right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\
e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-
marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\
e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before
{ content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-
check:before { content: "\e067"; } .glyphicon-move:before { content: "\
e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-
backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\
e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before
{ content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-
forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\
e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-
eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\
e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-
sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\
e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-
sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\
e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-
screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content:
"\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-
circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\
e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-
up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\
e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-
full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\
e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-
gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\
e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before
{ content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-
warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\
e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before
{ content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-
magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\
e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-
retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\
e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-
open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\
e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-
hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\
e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before
{ content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-
thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\
e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-
up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\
e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-
circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before
{ content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\
e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before
{ content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-
filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139";
} .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before
{ content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-
heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144";
} .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before
{ content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-
gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\
e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-
by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before
{ content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\
e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-
sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before
{ content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-
collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content:
"\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before {
content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-
window:before { content: "\e164"; } .glyphicon-record:before { content: "\
e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before
{ content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-
import:before { content: "\e169"; } .glyphicon-export:before { content: "\
e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before
{ content: "\e172"; } .glyphicon-floppy-saved:before { content: "\
e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-
save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176";
} .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before
{ content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-
header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\
e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-
alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\
e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before {
content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-
subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\
e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-
1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\
e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-
mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\
e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-
upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\
e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { display:
inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle;
border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid
transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline:
0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000;
display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0;
font-size: 14px; list-style: none; background-color: #fff; background-clip:
padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-
radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px
12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left:
auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden;
background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px
20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333;
white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{ color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-
menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active >
a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline:
0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled >
a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } .dropdown-menu
> .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration:
none; cursor: not-allowed; background-color: transparent; background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open
> .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right
{ right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-
header { display: block; padding: 3px 20px; font-size: 12px; line-height:
1.428571429; color: #999; } .dropdown-backdrop { position: fixed; top: 0; right: 0;
bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left:
auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: "";
border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-
bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }
@media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left:
auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-
group, .btn-group-vertical { position: relative; display: inline-block; vertical-
align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position:
relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover,
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group
> .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-
group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-
vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn
+ .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group
{ margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group,
.btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar
> .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group
> .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0;
} .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-
child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-
bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-
group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-
bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group
> .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-
group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-
child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius:
0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-
radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-
toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs
> .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5;
border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px;
line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle
{ padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle
{ padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -
webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px
rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-
shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret
{ border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret
{ border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical
> .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float:
none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn
{ float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn
+ .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-
group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical
> .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical
> .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-
right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-
child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0;
border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-
child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-
group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-
group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius:
0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-
child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-
right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-
layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-
group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-
group-justified
> .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn >
input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"]
{ display: none; } .input-group { position: relative; display: table; border-
collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0;
padding-left: 0; } .input-group .form-control { float: left; width: 100%; margin-
bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-
size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-
control, select.input-group-lg > .input-group-addon, select.input-group-lg
> .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-
group-lg > .form-control, textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg
> .form-control, select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-
group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm
> .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-
height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-
btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-
control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm
> .input-group-btn > .btn, select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-
sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-
btn, .input-group .form-control { display: table-cell; } .input-group-
addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-
child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-
child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%;
white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px
12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-
align: center; background-color: #eee; border: 1px solid #ccc; border-radius:
4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-
radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px;
border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon
input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-
child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-
group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child
> .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-
child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-
child) > .btn { border-top-right-radius: 0; border-bottom-right-radius:
0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-
control:last-child, .input-group-addon:last-child, .input-group-btn:last-child
> .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-
child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-
child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn
{ border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-
addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-
size: 0; white-space: nowrap; } .input-group-btn > .btn { position:
relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn
> .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-
index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child
> .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-
group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0;
margin-bottom: 0; list-style: none; } .nav > li { position: relative; display:
block; } .nav > li > a { position: relative; display: block; padding: 10px
15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none;
background-color: #eee; } .nav > li.disabled > a { color: #999; } .nav >
li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999; text-decoration:
none; cursor: not-allowed; background-color: transparent; } .nav .open >
a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-
color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden;
background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs
{ border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -
1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border:
1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover
{ border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active
> a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default;
background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified
> li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-
align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto;
left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display:
table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom:
0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius:
4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active >
a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; }
@media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px
solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active >
a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active >
a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-
pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left:
2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills >
li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li {
float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-
justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li
> a { margin-bottom: 5px; text-align: center; } .nav-justified
> .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px)
{ .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a {
margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified
> li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active >
a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus
{ border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li >
a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-
justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-
justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-
pane { display: none; } .tab-content > .active { display: block; } .nav-
tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-
right-radius: 0; } .navbar { position: relative; } @media (min-width: 768px)
{ .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-
right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling:
touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255,
255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px)
{ .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-
collapse.collapse { display: block !important; height: auto !important; padding-
bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y:
visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left:
0; } } .container > .navbar-header, .container-fluid > .navbar-header, .container >
.navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px;
margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-
header, .container-fluid > .navbar-header, .container > .navbar-
collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left:
0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-
width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-
top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; }
@media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-
radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-
bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand
{ float: left; height: 20px; padding: 15px 15px; font-size: 18px; line-height:
20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media
(min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid
.navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float:
right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px;
background-color: transparent; background-image: none; border: 1px solid
transparent; border-radius: 4px; } .navbar-toggle:focus { outline: none; } .navbar-
toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius:
1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width:
768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -
15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-
height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu
{ position: static; float: none; width: auto; margin-top: 0; background-color:
transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li >
a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px
25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-
nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li >
a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav
{ float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a
{ padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child
{ margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !
important; } .navbar-right { float: right !important; } } .navbar-form { padding:
10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -
15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -
webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255,
255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255,
255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-
block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control
{ display: inline-block; width: auto; vertical-align: middle; } .navbar-
form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-
form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0;
margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio
input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none;
margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } }
@media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } }
@media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-
bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none;
box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } }
.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0;
border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-
menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn {
margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px;
margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom:
14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width:
768px) { .navbar-text { float: left; margin-right: 15px; margin-left:
15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default
{ background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand
{ color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-
brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-
default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color:
#777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav >
li > a:focus { color: #333; background-color: transparent; } .navbar-
default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { } .navbar-default .navbar-nav
> .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default
.navbar-nav > .disabled > a:focus { color: #ccc; background-color:
transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-
default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-
color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:
#e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav
> .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555;
background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-
nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-
nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-
nav .open .dropdown-menu > li > a:focus { color: #333; background-color:
transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active >
a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-
default .navbar-nav .open .dropdown-menu > .active > a:focus { } .navbar-
default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-
nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-
nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color:
transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-
default .navbar-link:hover { color: #333; } .navbar-inverse { background-color:
#222; border-color: #080808; } .navbar-inverse .navbar-brand { color:
#999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus
{ color: #fff; background-color: transparent; } .navbar-inverse .navbar-text
{ color: #999; } .navbar-inverse .navbar-nav > li > a { color: #999; } .navbar-
inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus
{ color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav
> .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-
inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav
> .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color:
#444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-
color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-
toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-
inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open
> a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav
> .open > a:focus { color: #fff; background-color: #080808; } @media (max-width:
767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header
{ border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-
menu .divider { background-color: #080808; } .navbar-inverse .navbar-
nav .open .dropdown-menu > li > a { color: #999; } .navbar-inverse .navbar-
nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-
nav .open .dropdown-menu > li > a:focus { color: #fff; background-color:
transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active >
a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-
inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff;
background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu
> .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled >
a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus
{ color: #444; background-color: transparent; } } .navbar-inverse .navbar-link
{ color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb
{ padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color:
#f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-
block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\
00a0"; } .breadcrumb > .active { color: #999; } .pagination { display: inline-
block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li
{ display: inline; } .pagination > li > a, .pagination > li > span { position:
relative; float: left; padding: 6px 12px; margin-left: -1px; line-height:
1.428571429; color: #428bca; text-decoration: none; background-color: #fff; border:
1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child >
span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
} .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-
right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li >
a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination >
li > span:focus { color: #2a6496; background-color: #eee; border-color:
#ddd; } .pagination > .active > a, .pagination > .active > span, .pagination
> .active > a:hover, .pagination > .active > span:hover, .pagination > .active >
a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor:
default; background-color: #428bca; border-color: #428bca; } .pagination
> .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled >
span:focus, .pagination > .disabled > a, .pagination > .disabled >
a:hover, .pagination > .disabled > a:focus { color: #999; cursor: not-allowed;
background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-
lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-
child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px;
border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-
lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-
radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px
10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm >
li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius:
3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span
{ border-top-right-radius:
3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0;
text-align: center; list-style: none; } .pager li { display: inline; } .pager li >
a, .pager li > span { display: inline-block; padding: 5px 14px; background-color:
#fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li
> a:focus { text-decoration: none; background-color: #eee; } .pager .next >
a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous >
span { float: left; } .pager .disabled > a, .pager .disabled >
a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; cursor:
not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em
.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align:
center; white-space: nowrap; vertical-align: baseline; border-
radius: .25em; } .label[href]:hover, .label[href]:focus { color: #fff; text-
decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label
{ position: relative; top: -1px; } .label-default { background-color:
#999; } .label-default[href]:hover, .label-default[href]:focus { background-color:
#808080; } .label-primary { background-color: #428bca; } .label-
primary[href]:hover, .label-primary[href]:focus { background-color:
#3071a9; } .label-success { background-color: #5cb85c; } .label-
success[href]:hover, .label-success[href]:focus { background-color:
#449d44; } .label-info { background-color: #5bc0de; } .label-
info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-
warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-
warning[href]:focus { background-color: #ec971f; } .label-danger { background-
color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus
{ background-color: #c9302c; } .badge { display: inline-block; min-width: 10px;
padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff;
text-align: center; white-space: nowrap; vertical-align: baseline; background-
color: #999; border-radius: 10px; } .badge:empty { display: none; } .btn .badge
{ position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; }
a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer;
} a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color:
#428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px;
} .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-
color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p
{ margin-bottom: 15px; font-size: 21px; font-weight: 200; } .container .jumbotron {
border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and
(min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom:
48px; } .container .jumbotron { padding-right: 60px; padding-left:
60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display:
block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-
color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition:
all .2s ease-in-out; transition: all .2s ease-in-out; } .thumbnail >
img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-
right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus,
a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px;
color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid
transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color:
inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul
{ margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable
{ padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px;
right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color:
#dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color:
#c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color:
#31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr
{ border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-
warning { color: #8a6d3b; background-color: #fcf8e3; border-color:
#faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-
link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede;
border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-
danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes
{ from { background-position: 40px 0; } to { background-position: 0 0; } }
@keyframes progress-bar-stripes { from { background-position: 40px 0; } to
{ background-position: 0 0; } } .progress { height: 18px; margin-bottom: 8px;
margin-top: 8px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; }
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height:
20px; color: #fff; text-align: center; background-color: #428bca; -webkit-
transition: width .6s ease; transition: width .6s ease; } .progress-
striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255,
255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image:
linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent
50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%,
transparent); background-size: 40px 40px; } .progress.active .progress-bar { -
webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-
stripes 2s linear infinite; } .progress-bar-success { background-color:
#5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-
linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent
50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%,
transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)
25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255,
255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-
color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-
linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent
50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%,
transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15)
25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255,
255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-
color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -
webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,
255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger
{ background-color: #d9534f; } .progress-striped .progress-bar-danger { background-
image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent
25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,
255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media, .media-body
{ overflow: hidden; zoom: 1; } .media, .media .media { margin-top:
15px; } .media:first-child { margin-top: 0; } .media-object { display:
block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right:
10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0;
list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-
group-item { position: relative; display: block; padding: 10px 15px; margin-bottom:
-1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-
child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-
item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-
left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item
> .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-
group-item .list-group-item-heading { color: #333; } a.list-group-item:hover,
a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; }
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-
item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-
color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-
item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-
group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-
text, a.list-group-item.active:hover .list-group-item-text, a.list-group-
item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-
success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success
{ color: #3c763d; } a.list-group-item-success .list-group-item-heading { color:
inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus
{ color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active,
a.list-group-item-success.active:hover, a.list-group-item-success.active:focus
{ color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-
item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info
{ color: #31708f;
} a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-
group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-
color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-
info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-
color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b;
background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-
group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-
warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color:
#faf2cc; } a.list-group-item-warning.active, a.list-group-item-
warning.active:hover, a.list-group-item-warning.active:focus { color: #fff;
background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger
{ color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color:
#a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442;
background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-
danger.active:hover, a.list-group-item-danger.active:focus { color: #fff;
background-color: #a94442; border-color: #a94442; } .list-group-item-heading
{ margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0;
line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border:
1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0,
0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; }
.panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item
{ border-width: 1px 0; border-radius: 0; } .panel > .list-group .list-group-
item:first-child { border-top: 0; } .panel > .list-group .list-group-item:last-
child { border-bottom: 0; } .panel > .list-group:first-child .list-group-
item:first-child { border-top-left-radius: 3px; border-top-right-radius:
3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom-
right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-
group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel
> .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child >
thead:first-child > tr:first-child td:first-child, .panel > .table-
responsive:first-child > .table:first-child > thead:first-child > tr:first-child
td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child
td:first-child, .panel > .table-responsive:first-child > .table:first-child >
tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child >
thead:first-child > tr:first-child th:first-child, .panel > .table-
responsive:first-child > .table:first-child > thead:first-child > tr:first-child
th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child
th:first-child, .panel > .table-responsive:first-child > .table:first-child >
tbody:first-child > tr:first-child th:first-child { border-top-left-radius:
3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-
child, .panel > .table-responsive:first-child > .table:first-child > thead:first-
child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-
child > tr:first-child td:last-child, .panel > .table-responsive:first-child
> .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel
> .table:first-child > thead:first-child > tr:first-child th:last-child, .panel
> .table-responsive:first-child > .table:first-child > thead:first-child >
tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child >
tr:first-child th:last-child, .panel > .table-responsive:first-child
> .table:first-child > tbody:first-child > tr:first-child th:last-child { border-
top-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-
child td:first-child, .panel > .table-responsive:last-child > .table:last-child >
tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child >
tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-
child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel
> .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel
> .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-
child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child
th:first-child, .panel > .table-responsive:last-child > .table:last-child >
tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel
> .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-
child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child
td:last-child, .panel > .table-responsive:last-child > .table:last-child >
tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child >
tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-
child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel
> .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel
> .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-
child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body
+ .table, .panel > .panel-body + .table-responsive { border-top: 1px solid
#ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table >
tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-
bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel
> .table-bordered > thead > tr > th:first-child, .panel > .table-responsive
> .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody >
tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr >
th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel
> .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel
> .table-bordered > thead > tr > td:first-child, .panel > .table-responsive
> .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody >
tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr >
td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel
> .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left:
0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-
responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered
> tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody
> tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel
> .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel
> .table-bordered > thead > tr > td:last-child, .panel > .table-responsive
> .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody >
tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr >
td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel
> .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right:
0; } .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-
responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-
bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-
bordered > tbody > tr:first-child > th, .panel > .table-bordered > tfoot >
tr:first-child > th, .panel > .table-responsive > .table-bordered > tfoot >
tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel
> .table-responsive > .table-bordered > thead > tr:first-child > td, .panel
> .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive
> .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tfoot >
tr:first-child > td, .panel > .table-responsive > .table-bordered > tfoot >
tr:first-child > td { border-top: 0; } .panel > .table-bordered > thead > tr:last-
child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child >
th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-
responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered
> tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot
> tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel
> .table-responsive > .table-bordered > thead > tr:last-child > td, .panel
> .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive
> .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot >
tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-
child > td { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0;
border: 0; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid
transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-
heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top:
0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color:
inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-
top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius:
3px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom:
0; overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-
top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-
heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .panel-group
.panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-
collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-
color: #ddd; } .panel-default > .panel-heading { color: #333; background-color:
#f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-
collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer
+ .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary
{ border-color: #428bca; } .panel-primary > .panel-heading { color: #fff;
background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading
+ .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary
> .panel-footer + .panel-collapse .panel-body { border-bottom-color:
#428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-
heading { color: #3c763d; background-color: #dff0d8; border-color:
#d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-
top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body
{ border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-
info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color:
#bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-
color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body
{ border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-
warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color:
#faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-
top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body
{ border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-
danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color:
#ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-
top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1; } .well { min-height: 20px; padding: 19px; margin-
bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius:
4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0
1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color:
rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm
{ padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-
weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter:
alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-
decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background:
transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position:
fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none;
overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; outline:
0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-
out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s
ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -
25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in
.modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);
transform: translate(0, 0); } .modal-dialog { position: relative; width: auto;
margin: 10px; } .modal-content { position: relative; background-color: #fff;
background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0,
0, .2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0,
0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position:
fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;
} .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in
{ filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height:
16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-
header .close { margin-top: -2px; } .modal-title { margin: 0; line-height:
1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer
{ padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px
solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left:
5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-
footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px)
{ .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-
shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0,
0, .5); } .modal-sm { width: 300px; } .modal-lg { width: 900px; } } .tooltip
{ position: absolute; z-index: 1030; display: block; font-size: 12px; line-height:
1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in
{ filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-
top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom {
padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -
3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-
align: center; text-decoration: none; background-color: #000; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color:
transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left:
50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color:
#000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px
5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { right: 5px;
bottom: 0; border-width: 5px 5px 0; border-top-color:
#000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px;
border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-
arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-
left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-
left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-
left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-
color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-
width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top:
0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-
align: left; white-space: normal; background-color: #fff; background-clip: padding-
box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius:
6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px
rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-
left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -
10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-
weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px
solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px
14px; } .popover .arrow, .popover .arrow:after { position: absolute; display:
block; width: 0; height: 0; border-color: transparent; border-style:
solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { content:
""; border-width: 10px; } .popover.top .arrow { bottom: -11px; left: 50%; margin-
left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-
bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px;
content: " "; border-top-color: #fff; border-bottom-width:
0; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-
right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width:
0; } .popover.right .arrow:after { bottom: -10px; left: 1px; content: " "; border-
right-color: #fff; border-left-width: 0; } .popover.bottom .arrow { top: -11px;
left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom .arrow:after { top: 1px;
margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-
width: 0; border-left-color: #999; border-left-color: rgba(0, 0,
0, .25); } .popover.left .arrow:after { right: 1px; bottom: -10px; content: " ";
border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-
inner > .item { position: relative; display: none; } .carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto;
line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-
inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-
inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -
100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left:
0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner
> .active.right { left: 100%; } .carousel-control { position: absolute; top: 0;
bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; }
.carousel-control.left { background-image: -webkit-linear-gradient(left, color-
stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); background-
image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
endColorstr='#00000000', GradientType=1); background-repeat: repeat-
x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-
linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0,
.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%,
rgba(0, 0, 0, .5) 100%); filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-
control:hover, .carousel-control:focus { color: #fff; text-decoration: none;
filter: alpha(opacity=90); outline: none; opacity: .9; } .carousel-control .icon-
prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-
control .fa-angle-right { position: absolute; top: 50%; z-index: 5; display:
inline-block; font-size: 40px; } .carousel-control .icon-prev, .carousel-
control .fa-angle-left { left: 50%; } .carousel-control .icon-next, .carousel-
control .fa-angle-right { right: 50%; } .carousel-control .icon-prev, .carousel-
control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -
10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039';
} .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators
{ position: absolute; bottom: 45%; left: 10px; z-index: 9999; width: 60%; padding-
left: 10px; text-align: center; list-style: none; } .carousel-indicators li
{ display: list-item; list-style-type: none; width: 10px; height: 10px; margin:
1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-
color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; margin-
bottom: 5px; margin-top: 5px; } .carousel-indicators .active { width: 12px; height:
12px; margin: 0; background-color: #fff; margin-bottom: 5px; margin-top:
5px; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%;
z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align:
center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-
shadow: none; } @media screen and (min-width: 768px) { .carousel-
control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-
right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px;
height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-
caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { } }
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-
fluid:before, .container-fluid:after, .row:before, .row:after, .form-
horizontal .form-group:before, .form-horizontal .form-group:after, .btn-
toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-
group-vertical > .btn-
group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-
header:before, .navbar-header:after, .navbar-collapse:before, .navbar-
collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after,
.modal-footer:before, .modal-footer:after { display: table; content: "
"; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-
horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-
group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-
collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both;
} .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-
right { float: right !important; } .pull-left { float: left !important; } .hide
{ display: none !important; } .show { display: block !important; } .invisible
{ visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow:
none; background-color: transparent; border: 0; } .hidden { display: none !
important; visibility: hidden !important; } .affix { position: fixed; } @-ms-
viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs,
td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs
{ display: block !important; } table.visible-xs { display: table; } tr.visible-xs {
display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell
!important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display:
none !important; } @media (min-width: 768px) and (max-width: 991px) { .visible-sm {
display: block !important; } table.visible-sm { display: table; } tr.visible-sm
{ display: table-row !important; } th.visible-sm, td.visible-sm { display: table-
cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md
{ display: none !important; } @media (min-width: 992px) and (max-width: 1199px)
{ .visible-md { display: block !important; } table.visible-md { display: table; }
tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md
{ display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg,
td.visible-lg { display: none !important; } @media (min-width: 1200px) { .visible-
lg { display: block !important; } table.visible-lg { display: table; } tr.visible-
lg { display: table-row !important; } th.visible-lg, td.visible-lg { display:
table-cell !important; } } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs,
th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width:
768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-
sm { display: none !important; } } @media (min-width: 992px) and (max-width:
1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !
important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg,
td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print,
th.visible-print, td.visible-print { display: none !important; } @media print
{ .visible-print { display: block !important; } table.visible-print { display:
table; } tr.visible-print { display: table-row !important; } th.visible-print,
td.visible-print { display: table-cell !important; } } @media print { .hidden-
print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !
important; } }

html, body {
width: 100%;
height: 100%!important;
}
body {
font-family: "Raleway",sans-serif;
font-size: 14px;
color: #222222;
-webkit-font-smoothing: antialiased;
background-color: #F5F5F5;
}
a {
color: #222222;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
a:hover {
color: #1ABC9C;
text-decoration:none;
}
a:focus {
outline: none;
color: #1ABC9C;
}
p {
line-height: 24px;
letter-spacing: 0px;
font-size: 14px;
color: #888;
}
.post-body p, .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-
body h5, .post-body h6, .post-body hr {
margin-bottom:20px;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-
body h6 {
color:#000;
font-weight:700;
}
.post-body h1 {
font-size:30px;
}
.post-body h2 {
font-size:27px;
}
.post-body h3 {
font-size:24px;
}
.post-body h4 {
font-size:20px;
}
.post-body h5 {
font-size:18px;
}
.post-body h6 {
font-size:16px;
}
.post-body hr {
border:0;
height:0;
border-bottom:1px solid #e5e5e5;
clear:both;
}
/*****************************************
Global Links CSS
******************************************/
.clr{
clear:both;
float:none;
}
/*PAGE LOADER*/
#loader {
background: #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999;
}
#loaderInner {
background:#ffffff url(http://linewp.com/bold/assets/images/load.gif) center
center no-repeat;
height: 60px;
left: 50%;
position: absolute;
top: 50%;
width: 60px;
}
/*****************************************
Wrappers
******************************************/
.ct-wrapper{
padding:0px 20px;
position:relative;
max-width:1230px;
margin:0 auto;
}
.main-wrapper{
width:100%;
}
/**** Layout Styling CSS *****/
body#layout #loader{
display:none;
}
body#layout #header, body#layout .header-right{
width:50%;
}
body#layout .outer-wrapper, body#layout .ct-wrapper{
margin:0;
padding:0;
}
body#layout .footer.section{
float:left;
width:33%;
}
body#layout .editlink{
z-index: 999999;
}
body#layout #footer{
position:relative;
z-index:99999999999999;
}
body#layout .introHeader{
padding-top: 0%;
min-height:0;
}
body#layout .introHeading{
z-index: 99999999999;
position: relative;
}
/*****************************************
Other
******************************************/
blockquote {
font-style: italic;
font-size: 16px;
margin: 2em 0;
padding: 2.3em 1.5em;
background: #f9f9f9;
border-left: 15px solid #1ABC9C;
border-radius: 5px;
box-shadow: 11px 10px 0px #ECECEC;
}

pre{
background: #444 no-repeat right;
color: #FFFFFF;
padding: 3.5em 3em;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
box-shadow: 11px 10px 0px #383838;
border: 0;
border-radius: 0;
}
code{
font-family:"Courier New",monospace;
font-size:12px;
background:#eee;
color:#333;
}
/*****************************************
Headerbar, Navigation
******************************************/
.content-wrap {
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}

.content::before {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
transition: opacity 0.3s, transform 0s 0.3s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
/* Menu Button */
.menu-button {
position: fixed;
top: 10px;
left: 10px;
z-index: 1000;
padding: 0;
width: 60px;
height: 60px;
font-size: 21px;
border: 0;
outline: 0;
color: #ffffff;
background: #0a0a0a;
}

/* Menu */
.menu-wrap {
position: fixed;
z-index: 999;
background: #0a0a0a;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 240px;
padding: 20px 20px 10px 20px;
text-align: left;
top:70px;
left: 10px;
opacity: 0;
display: none;

}
.menu {
height: 100%;
opacity: 0;
color: #777777;
text-align: left;
}
.menu-nav {-webkit-padding-start: 0px;-moz-padding-start:0px;}
.menu-nav li {list-style: none;}
.menu-nav li a {
color: #777777;
line-height: 40px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 4px;
padding: 5px;
text-decoration: none;
}
.menu-nav li.active a {
border-bottom: 1px solid #1ABC9C;
color: #ffffff;
}

/* Shown menu */
.show-menu .content::before {opacity: 1;}
.show-menu .menu-wrap {opacity: 1;display: block;}
.show-menu .menu {opacity: 1;}
/* 3. Every Section Titles
-------------------------------------------------*/
.sectionTitle {
text-align: center;
padding-top: 75px;
padding-bottom: 25px;
}
.sectionTitle h1 {
font-family: "Montserrat",sans-serif;
letter-spacing: 1px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 10px;
}
.sectionTitle h4 {
font-family: "Montserrat",sans-serif;
letter-spacing: 1px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 0px;
margin-bottom: 10px;
color: #444;
}
.sectionTitle .separatorlinecolor {
margin-bottom: 30px;
}
.sectionTitle hr{
width: 20px;
margin: 40px auto;
height: 1px !important;
color: #777;
background-color: #777;

}
.separatorlinecolor {
width: 75px;
height: 2px;
margin: 0 auto;
background: #1ABC9C;
}
.separatorlinewhite {
width: 100px;
height: 2px;
margin: 0 auto;
background: #ffffff;
}
a.scroll-down {
position: absolute;
bottom: 9em;
text-align: center;
margin: 0 auto;
display: inline-block;
left: 48%;
}
a.scroll-down div {
font-size: 30px;
color: #1ABC9C;
transition: .2s transform;
}
a.scroll-down div:hover {
transform: scale(1.2);
}
/* 4. Section Intro
-------------------------------------------------*/
#sectionIntro {
text-align: center;
background-color: #1a1a1a;
background-image:
url(http://1.bp.blogspot.com/-OPHldJMPNVM/W3KDg0g51fI/AAAAAAAAAis/
Vb0_Oct4sCMRLWkSWzvyJQtfo6U3ft49ACK4BGAYYCw/s1600/1482844096378.JPEG);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
height: auto;
width: 100%;
-webkit-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
box-shadow: inset 0px -9px 33px -5px rgba(0,0,0,0.2);
}
.aboutContainer {
padding: 0;
}
.introHeader {
height: 100%;
text-align: left;
padding-left:0;
padding-top: 25%;
min-height: 700px;
}
.introContent {
text-align: center;
}
.introHeading h1 {
color: #eee;
font-family: "Montserrat",sans-serif;
font-size: 60px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 0px;
line-height: 75px;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.introHeading h1 a{color:#fff; text-decoration: none;}

.introHeading h1:before{
content: '';
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 0;
transition: width 0s ease, background .2s ease;
}
.introHeading h1:after{
content: '';
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
height: 5px;
width: 0;
background: #fff;
transition: width .2s ease;
}
.introHeading h1:hover:before {
width: 100%;
background: #fff;
transition: width .5s ease;
}
.introHeading h1:hover:after{
width: 100%;
background: transparent;
transition: all 0s ease;
}
.description {
display: table;
margin: 0 auto;
font-size: 12px;
font-weight: 300;
letter-spacing: 3px;
color: #ffffff;
padding: 15px;
background: transparent;
text-transform: uppercase;
}
.connect-icons{
list-style-type: none;
text-align: center;
margin: 0;
padding:0;
padding-top:45px;
}

.connect-icons li{
position: relative;
display: inline-block;
text-align: center;
width: 52px;
font-size: 1.6em;
margin: 0 6px;
}

.connect-icons li:nth-child(1){
margin-left: 0;
}

.connect-icons li:nth-child(4){
margin-right: 0;
}

.connect-icons li > a{
text-decoration: none;
width: 54px;
display: inline-block;
text-align: center;
color: #fff;
line-height: 2.5;
border-radius: 40px;
background: rgba(0, 0, 0, 0.37);
}

.connect-icons li > a, .connect-icons li > a:visited{

display: inline-block;
min-width: 40px;
}

.connect-icons li > a:hover{

color: #fff;
text-shadow:none;
-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */
transition: all 0.2s;
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
transform: scale(1.1,1.1);
}

.connect-icons li > a:active {

-ms-transform: scale(0.9,0.9); /* IE 9 */
-webkit-transform: scale(0.9,0.9); /* Chrome, Safari, Opera */
transform: scale(0.9,0.9);
}

.connect-icons li > [class*="text-"] {

display: inline-block;
color: white;
font-size: 12px;
font-weight: 300;
-webkit-transition: all 0.2s;
transition: all 0.2s;
opacity: 0;
margin-top: 20px;
font-family: "Montserrat",sans-serif;
text-align: center;
}

.connect-icons li > [class*="text-"].show{

opacity: 1;
-ms-transform: translateY(-12px); /* IE 9 */
-webkit-transform: translateY(-12px); /* Chrome, Safari, Opera */
transform: translateY(-12px);
}

.connect-box {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.connect-icons .twitter:hover{
background: #00ACED;
}
.connect-icons .facebook:hover{
background: #3b5998;
}
.connect-icons .gplus:hover{
background: #dd4b39;
}
.connect-icons .instagram:hover{
background: #3f729b;
}
.connect-icons .youtube:hover{
background: #b31217;
}
/* 5. Section About
-------------------------------------------------*/
#sectionAbout {
background: #FAFAFA;
padding-bottom: 75px;
}

.aboutMe {
padding: 10px 40px;
}

.aboutMe h1 {
letter-spacing: 3px;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
color: #777;
padding-bottom: 30px;
}
.textBlue {
color: #1ABC9C;
}
.aboutProfile {
text-align: center;
}
.profileAv {
border-radius: 50%;
-webkit-border-radius:50%;
width: 220px;
height: 220px;
}
.aboutInfo h3 {
margin-top: 0px;
color: #444;
font-family: "Montserrat",sans-serif;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
margin-bottom: 15px;
letter-spacing: 3px;
}
.profileInfo {
padding-top: 14px;
padding-bottom: 12px;
}
.aboutInfo h5 {
color: #888;
text-transform: none;
font-size: 14px;
letter-spacing: 0px;
line-height: 20px;
}
.infoSocial li {
display: inline;
font-size: 16px;
margin-left: 6px;
margin-right: 6px;
list-style: outside none none;
}
.infoSocial ul {
padding: 0px;
}
.infoSocial a {
color: #1ABC9C;
}
.infoSocial a:hover {
color: #5FD0BA;
}
/* 6. Section Resume
-------------------------------------------------*/
#sectionResume {
background: #ffffff;
min-height: 600px;
}
#sectionResume h2 {
font-family: "Montserrat",sans-serif;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
margin-bottom: 30px;
}
.resumeLeft span, .resumeRight span {
font-size: 40px;
}
.resumeLeft {
text-align: right;
border-right: 1px solid #eee;
}
.resumeRight {
text-align: left;
}
.resumeList {
-webkit-padding-start: 0px;
-moz-padding-start:0px;
padding: 0 10px;
}
.resumeList li{
list-style: none;
margin-top: 40px;
margin-bottom: 60px;
}
.resumeList li h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Montserrat",sans-serif;
margin-bottom: 12px;
}
.resumeName {
color: #666;
font-size: 12px;
text-transform: lowercase;
}
.resumeList p {
font-size: 14px;
font-weight: 300;
color: #888;
font-family: inherit;
font-style: italic;
}
.resumePeriod {
background: #1ABC9C;
color: #fff;
padding: 2px 5px;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-style: italic;
border-radius: 4px;
}

.resumeStats {
margin-top: 25px;
text-align: center;
}
.resumeStats span {
font-size: 38px;
}
.resumeStats .col-md-2 {
padding: 50px;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
}

.statsIconPerc {
font-size: 50px;
font-weight: 500;
letter-spacing: 1px;
font-family: "Montserrat",sans-serif;
}
.statsName {
font-family: "Montserrat",sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
}
/*****************************************
Blog Post CSS
******************************************/
.post{
margin:20px 0 0;
padding:0 3% 20px;
}
.post-title{
text-decoration:none;
font-size:30px;
line-height:normal;
padding:0 0 10px;
font-family: "Montserrat",sans-serif;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 10px;
margin-bottom: 10px;
}
.post-title a{
text-decoration:none;
color:#000;
}
.post-body{
font-size:16px;
font-weight:normal;
padding:0;
margin:0;
line-height:29px;
word-wrap:break-word;
}
.post-header{
color:#999999;
font-family:Verdana,Arial,Tahoma,sans-serif;
font-size:12px;
}
.rmlink a{
font-family:'Source Sans Pro',sans-serif;
background:#292929;
color:#fff;
padding-top:5px;
float:right;
padding-bottom:5px;
padding-left:10px;
/*transition*/
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
padding-right:10px;
text-decoration:none;
font-size:15px;
}
.rmlink a:hover{
background:#2aa4cf;
-decoratio-decoration:none;
}
.home-link{
display:none;
}
#blog-pager-newer-link{
float:right;
text-decoration:none;
background:#000;
font-size:16px;
font-family:sans-serif;
padding:10px;
font-weight:700;
position:relative;
left:-20px;
top:8px;
}
#blog-pager-older-link{
text-decoration:none;
font-size:16px;
font-family:sans-serif;
font-weight:700;
float:left;
background:#000;
padding:10px;
margin-left:20px;
margin-top:8px;
}
#blog-pager-newer-link a{
text-decoration:none;
color:#FFF;
}
#blog-pager-older-link a{
text-decoration:none;
color:#FFF;
}
#blog-pager{
font-size: 16px;
line-height: normal;
width: 100%;
margin: 0;
padding: 60px;
display: inline-block;
}
.showpageOf{
display:none;
}
.showpageNum a, .showpage a{
margin:0 4px;
}
.showpagePoint{
margin:0 2px 0 0;
}
/*****************************************
Custom Widget CSS
******************************************/
/***** Popular Post *****/
.PopularPosts h2{
padding-right:.4em;
padding-left:0em;
}
.popular-posts ul{
padding-left:0;
counter-reset:sj;
/*setting counter-reset*/
:;
}
.popular-posts ul li{
list-style:none outside none !important;
margin-left:0 !important;
overflow:hidden;
padding:7px 0 !important;
/*transition*/
-webkit-transition:all 0.25s linear 0s;
-moz-transition:all 0.25s linear 0s;
-o-transition:all 0.25s linear 0s;
transition:all 0.25s linear 0s;
counter-increment:sj;
/*setting counter-increment*/
:;
}
.PopularPosts ul li:before{
content:counters(sj, ".");
padding:0 .1em 0 0;
font-size:20px;
font-weight:bold;
color:#C4C4C4;
float:left;
margin-right:10px;
}
.PopularPosts .item-thumbnail, .PopularPosts .item-snippet{
display:none!important;
}
/* Hides Thumbnail and Snippet */

.PopularPosts a, .PopularPosts a:hover{

color:#959595;
font-size:.9rem;
font-family:sans-serif;
text-decoration:none;
}
#PopularPosts1 li{
padding-right:1em !important;
padding-left:1em !important;
}
/***** Button CSS *****/
.showpageArea a{
text-decoration:underline;
}
.showpageNum a{
background-color: #333;
color: #fff;
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
white-space: nowrap;
margin: 2px;
color: #FFF;
font-size: 14px;
font-family: "Montserrat",sans-serif;
padding: 0 12px;
font-weight: 400;
line-height: 36px;
background: #333;
border: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-webkit-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
}
.showpagePoint:hover , .showpageNum a:hover , .showpage a:hover{
background-color: #1ABC9C;
color: #fff;
}
.showpagePoint{
background-color: #333;
color: #fff;
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
white-space: nowrap;
margin: 2px;
color: #FFF;
font-size: 14px;
font-family: "Montserrat",sans-serif;
padding: 0 12px;
font-weight: 400;
line-height: 36px;
background: #333;
border: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-webkit-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
}
.showpageOf{
text-decoration:none;
padding:3px;
margin:0 3px 0 0;
font-size:15px margin: 0 3px;
}
.showpage a{
background-color: #333;
color: #fff;
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
white-space: nowrap;
margin: 2px;
color: #FFF;
font-size: 14px;
font-family: "Montserrat",sans-serif;
padding: 0 12px;
font-weight: 400;
line-height: 36px;
background: #333;
border: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-webkit-transition: background-color .2s linear;
-ms-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
}
.showpage a:hover{
text-decoration:none;
}
.showpageNum a:link,.showpage a:link{
text-decoration:none;
}
.showpageOf{
display:none;
}
.showpageArea{
padding-bottom:20px;
}
/***** Profile Widget CSS *****/
.Profile img{
border:1px solid #cecece;
background:#fff;
float:left;
margin:5px 10px 5px 0;
padding:5px;
/*border-radius*/
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.profile-data{
color:#999999;
font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;
font-variant:small-caps;
margin:0;
text-transform:capitalize;
}
.profile-datablock{
margin:0.5em 0;
}
.profile-textblock{
line-height:1.6em;
margin:0.5em 0;
}
a.profile-link{
clear:both;
display:block;
font:80% monospace;
padding:10px 0;
text-align:center;
text-transform:capitalize;
}

/* 8. Section Services
-------------------------------------------------*/
#sectionServices {
background: none repeat scroll 0 0 #fff;
padding-bottom: 50px;
}
.servicesCol4 {
min-height: 215px;
overflow: hidden;
padding-bottom: 30px;
padding-top: 30px;
}
.servicesCol4 h3 {
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 400;
margin-top: 0;
padding-top: 0;
text-align: left;
text-transform: uppercase;
}
.servicesCol4 p {
font-family: inherit;
font-size: 14px;
font-style: normal;
font-weight: 400;
padding-top: 10px;
text-align: left;
}
.servicesCol4 span {
color: #3dc9b3;
font-size: 40px;
text-align: center;
}
.servicesLeft {
float: left;
}
.servicesRight {
padding-left: 23%;
padding-right: 2%;
}
/* 9. Section Contact
-------------------------------------------------*/
#sectionContact {
background: #FAFAFA;
}
.contactForm {margin: 0 0 50px 0;}
.contactForm h1 {
letter-spacing: 5px;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding-bottom: 30px;
}
.contactFooter {
background-color: #0a0a0a;
padding: 40px 0 30px 0;
color: #fff;
}
.footerLeft {
font-size: 13px;
font-weight: 400;
color: #777;
padding-top: 5px;
}
.footerLeft a{
color: #1ABC9C;
}
.footerRight {
text-align: right;
font-size: 24px;
}
.footerRight a{
color: #777;
padding: 0 10px;
}
.footerRight a:hover {
color: #fff;
}
.contactRight {
padding-left: 5%;
}
.contactBox .icon {
color: #1ABC9C;
font-size: 25px;
}
.contactBox {
margin: 15px 0 30px;
}
.contactBox h3 {
margin-top: 2px;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 3px;
}
section#sectionContact .form-group {
margin-bottom: 25px;
}
section#sectionContact .form-group input,
section#sectionContact .form-group textarea {
padding: 15px;
border: 1px solid #CCCCCC;
color: #555;
border-radius: 0;
font-size: 12px;
background-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
section#sectionContact .form-group input.form-control {
height: auto;
}
#ContactForm1_contact-form-email-message{
min-height:155px;
max-width: 540px;
}
section#sectionContact .form-control:focus {
border-color: #13B0A5;
box-shadow: none;
}
section#sectionContact::-webkit-input-placeholder {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #999;
}
section#sectionContact:-moz-placeholder {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #999;
}
section#sectionContact::-moz-placeholder {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #999;
}
section#sectionContact:-ms-input-placeholder {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
color: #999;
}
section#sectionContact .text-danger {
color: #1ABC9C;
}
section#sectionContact ul {
padding-left: 14px;
}
section#sectionContact .form-text {
color: #BFBFBF;
margin-top: 50px;
}
section#sectionContact .form-text i {
color: #fff;
padding-right: 15px;
}
section#sectionContact .form-text h4 {
color: #fff;
border-bottom: 3px solid #13b0a5;
display: inline-block;
padding-bottom: 10px;
margin-bottom: 16px;
}

/* ====GENERAL FORM STYLES==== */

input, textarea, select {
color: #222;
background: transparent;
vertical-align: top;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
margin: 0;
padding: 15px;
width: 100%;
height: 100%;
border: 0;
border: 1px solid #ccc;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
}
input:focus, textarea:focus, select:focus {
outline: none;
position: relative;
z-index: 5;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
border: 1px solid #1ABC9C;
}

input.submit {
width: auto;
cursor: pointer;
position: relative;
background: transparent;
color: #ffffff;
border-radius: 50px;
padding: 15px 30px;
border: 0;
background: #1ABC9C;
margin: 20px 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
letter-spacing: 2px;
}
input.submit:hover, .input.submit:focus, .input.submit:active {
background-color: #15967D;
}
#contactform button[type="submit"][disabled] { background:#777; cursor: default; }
#contactform div {margin: 20px 0;}
.contactForm fieldset { padding:0;border:0; }
.contactForm label {
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.contact-form-error-message-with-border {
background: #1ABC9C;
bottom: 0;
color: #FFF;
font-size: 11px;
font-weight: bold;
border-radius: 30px;
line-height: 31px;
margin-left: 0;
opacity: 1;
position: static;
text-align: center;
border: 1px solid #12A286;
box-shadow: 0 0 0;
}

/* 10. Buttons & Modals

-------------------------------------------------*/
.btn{
background: rgb(26, 188, 156);
color: #fff;
}
.button {
border:0;
outline: 0;
overflow:hidden;
z-index: 1;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.button-medium {
padding: 10px 14px;
}
.button-color {
background: #1ABC9C;
text-transform: uppercase;
font-size: 11px;
}
.button-color a {
color: #ffffff;
letter-spacing: 1px;
}
.modal-box {
max-width: 550px;
background: #fff;
position: relative;
margin: 0 auto;
}
.modal-box img {
width: 100%;
height: 100%;
}
.modal-box-content {
padding: 25px;
}
.modal-box-content h2 {
text-transform: uppercase;
font-size: 17px;
font-weight: 400;
letter-spacing: 2px;
}
.modal-box-content p {
color: #777777;
line-height: 24px;
letter-spacing: 0px;
font-size: 14px;
}
/*****************************************
Comments CSS
******************************************/
#comments{
background:#FFF;
padding:20px;
position:relative;
top:30px;
border-top:1px solid #ddd;
}
#comments h4{
font-size: 25px;
color: #414141;
margin: 0;
font-family: "Montserrat",sans-serif;
}
.comments ol li:before{
content:counters(sj,".");
font-size:3.5rem;
color:rgba(0,0,0,0.16);
right:.3em;
position:absolute;
text-shadow:1px 1px 1px #FFF;
padding:.2em 0 0;
}
.comments ol li{
counter-increment:sj;
}
.comments ol{
counter-reset:sj;
}
.comments .comments-content .comment-content{
text-align:justify;
border:1px solid #e1e1e1;
margin-left:-40px;
margin-top:35px;
padding:20px;
border-radius: 5px;
}
.comments .comments-content .comment-header{
width:58%;
position:relative;
margin:10px 0 0;
padding:0 25px;
}
.comments .comments-content .user{
font-style:normal;
font-weight:400;
color:#414141;
font-size:20px;
}
.comments .comments-content .user a{
color:#414141;
}
.comments .comments-content .user.blog-author a{
color:#000000;
text-decoration:none;
font-family:sans-serif;
font-weight:700;
}
span.datetime.secondary-text a{
color:#b9b9b9;
text-decoration:none;
font-variant:small-caps;
}
.comments .comments-content .datetime{
color:#616161;
fontsize:12px;
display:block;
margin:0;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;
text-align:left;
margin:0;
padding:0;
}
.comments .comment .comment-actions a{
text-decoration: none;
text-align: right;
background: #1ABC9C;
padding: 6px 10px!important;
color: #fff;
border-radius: 20px;
}
.comments .continue a{
display:none!important;
}
.comments .avatar-image-container img{
max-width:60px;
max-height:60px;
width:60px;
height:60px;
z-index:1;
float:left;
}
.comments .avatar-image-container{
float:left;
max-height:60px;
height:60px;
overflow:hidden;
width:60px;
max-width:60px;
/*border-radius*/
-webkit-border-radius:240px;
-moz-border-radius:240px;
border-radius:240px;
background:#fff;
margin:0px;
}
.comment .comment-replies .comment{
background: #f5f5f5;
padding: 10px;
border-top: 2px solid #eee;
box-shadow: 10px 10px 0px #ddd;
border-radius: 5px;
margin-bottom: 33px!important;
}
.comments .comments-content .comment-replies .comment,.comments .comments-
content .comment-replies .comment:first-child,.comments .comments-content .comment-
replies .comment:last-child{
margin:0;
padding:1em;
}
.comments .comments-content .comment:last-child,.comments .comments-
content .comment:first-child{
padding-top:5px;
padding-bottom:5px;
list-style:none;
position:relative;
}
.comment-thread.inline-thread .comment-content{
background:#fff;
}
span.item-control.blog-admin,.comments .thread-toggle{
display:none;
}
#comments .comment-actions.secondary-text,.comments .comment .comment-actions
a:hover{
text-decoration:none;
}
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 960px){
.ct-wrapper{ padding:0 15px;
}
.main-wrapper{
margin-right:0;
width:100%;
}
}
@media screen and (max-width: 768px){
#comment-editor{
margin:10px;
}
.footer{
width:50%;
}
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{ display:block;
float:none;
}
.comments .comments-content .comment-header{
height:70px;
}
}
@media screen and (max-width: 320px){
.footer { width:100%;
}
.ct-wrapper{
padding:0;
}
.comments .comments-content .comment-replies{
margin-left:0;
}
}

/*****************************************
Hiding Header Date and Feed Links
******************************************/
h2.date-header{
display:none;
}

]]></b:skin>

<style>
@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed
under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014
Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s;
-webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite
{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
} .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-
webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-
function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function:
cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-
bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function:
cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-
bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-
4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%,
80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -
webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -
webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-
transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -
webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-
transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -
webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-
4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -
webkit-transform-origin: center bottom; -ms-transform-origin: center bottom;
transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100%
{ opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100%
{ opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash;
animation-name: flash; } /* originally authored by Nick Pettit -
https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-
transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100%
{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes
pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05,
1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
} .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-
keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform:
scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform:
scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85,
1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95,
1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform:
scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand
{ 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -
webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40%
{ -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);
} 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);
} 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);
} 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1,
1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name:
rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform:
translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90%
{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
} 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform:
translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform:
translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90%
{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);
} 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform:
translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-
name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0,
1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform:
rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-
transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -
webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1,
0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -
10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform:
rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-
transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100%
{ -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
} .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center;
transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;
} @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform:
scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0,
0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%,
70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -
webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:
scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform:
scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9,
.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform:
scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1)
rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1,
1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1,
-3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1,
1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally
authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes
wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform:
translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0,
0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0)
rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
} 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:
translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform:
translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0)
rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } }
@keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:
translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform:
translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0)
rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0)
rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -
3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:
translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none;
transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name:
wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-
timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -
webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -
webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40%
{ -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60%
{ opacity: 1; -webkit-transform: scale3d(1.03,
1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform:
scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -
webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes
bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function:
cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-
bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform:
scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform:
scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-
transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);
} 80% { -webkit-transform: scale3d(.97, .97, .97); transform:
scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn;
animation-name: bounceIn; -webkit-animation-duration: .75s; animation-
duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -
webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%
{ opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform:
translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0,
25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform:
translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-
transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -
webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%,
75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform:
translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-
transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -
webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100%
{ -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-
name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft
{ 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215,
0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform:
translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-
transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -
webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100%
{ -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%,
75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610,
0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform:
translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-
transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -
webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100%
{ -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-
name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes
bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:
cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-
bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform:
translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity:
1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0,
0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform:
translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform:
none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-
timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-
function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-
transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% {
opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-
25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform:
translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform:
none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name:
bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-
timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -
webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px,
0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform:
translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px,
0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0,
0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%,
90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355,
1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%
{ opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform:
translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -
20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform:
translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-
transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -
webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0,
0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name:
bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform:
scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -
webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100%
{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform:
scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform:
scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -
webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100%
{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform:
scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-
name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-
webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform:
translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
} } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform:
translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);
} } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name:
bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-
transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100%
{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -
webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name:
bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight {
20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform:
translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform:
translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes
bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform:
translate3d(2000px, 0, 0); transform: translate3d(2000px, 0,
0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name:
bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:
translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45%
{ opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0,
20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-
transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%,
45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform:
translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -
2000px, 0); transform:
translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name:
bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0%
{opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100%
{opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,
-100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-
transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -
webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -
webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes
fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform:
none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-
transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -
webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-
keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0,
0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform:
none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-
transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100%
{ opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-
animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes
fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform:
none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-
transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -
webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-
keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0,
0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform:
none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100%
{ opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-
animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes
fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none;
transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-
transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100%
{ opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -
webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-
keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none;
transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform:
translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -
webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name:
fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0%
{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform:
translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform:
none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform:
translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity:
1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-
name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0%
{opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100%
{opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name:
fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -
webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform:
translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -
webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-
keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform:
translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes
fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform:
translate3d(0, 2000px, 0); transform: translate3d(0, 2000px,
0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name:
fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100%
{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-
100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -
webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0,
0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name:
fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100%
{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100%
{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform:
translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name:
fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight {
0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity:
1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform:
translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity:
1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform:
translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100%
{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform:
translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name:
fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp
{ 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%,
0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity:
1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform:
translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform:
translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% {
opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform:
translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name:
fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -
webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform:
perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:
ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-
animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -
webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -
170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -
170deg); -webkit-animation-timing-function: ease-in; animation-timing-function:
ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-
function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform:
perspective(400px); transform: perspective(400px); -webkit-animation-timing-
function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -
webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform:
perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function:
ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform:
perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-
animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -
webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -
170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -
170deg); -webkit-animation-timing-function: ease-in; animation-timing-function:
ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-
function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform:
perspective(400px); transform: perspective(400px); -webkit-animation-timing-
function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -
webkit-backface-visibility: visible; backface-visibility: visible; -webkit-
animation-name: flip; animation-name: flip; } @-webkit-keyframes
flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-
function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -
webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform:
perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function:
ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform:
perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px)
rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px)
rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0,
90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-
timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40%
{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform:
perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function:
ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform:
perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px)
rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px)
rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { -webkit-transform: perspective(400px); transform:
perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important;
backface-visibility: visible !important; -webkit-animation-name: flipInX;
animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform:
perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px)
rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-
timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px)
rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform:
perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform:
perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px)
rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform:
perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px)
rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-
timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px)
rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform:
perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform:
perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px)
rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px);
transform: perspective(400px); } } .flipInY { -webkit-backface-visibility:
visible !important; backface-visibility: visible !important; -webkit-animation-
name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -
webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -
webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform:
perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform:
perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX
{ 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30%
{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform:
perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform:
perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-
animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-
duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !
important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY {
0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30%
{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform:
perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform:
perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY
{ 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30%
{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform:
perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform:
perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-
backface-visibility: visible !important; backface-visibility: visible !important; -
webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-
duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0%
{ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform:
translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform:
skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform:
skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform:
none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-
transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0,
0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform:
skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform:
skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none;
opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-
name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-
function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100%
{ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform:
translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0%
{ opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -
webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-
animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-
keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin:
center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1,
-200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin:
center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes
rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -
webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -
200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin:
center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -
webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes
rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin:
left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0,
0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom;
transform-origin: left bottom; -webkit-transform: none; transform: none; opacity:
1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom;
transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-
origin: left bottom; transform-origin: left bottom; -webkit-transform: none;
transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name:
rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes
rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin:
right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0,
0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom; -webkit-transform: none; transform: none; opacity:
1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin:
right bottom; transform-origin: right bottom; -webkit-transform: none; transform:
none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name:
rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes
rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left
bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1,
45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-
origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-
origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform:
rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left
bottom; transform-origin: left bottom; -webkit-transform: none;
transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name:
rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes
rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin:
right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0,
0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom;
transform-origin: right bottom; -webkit-transform: none; transform: none; opacity:
1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-
origin: right bottom; transform-origin: right bottom; -webkit-transform: none;
transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name:
rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut
{ 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
100% { -webkit-transform-origin: center; transform-origin: center; -webkit-
transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center;
transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center;
transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform:
rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name:
rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -
webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left
bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-
origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,
0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity:
0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-
name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-
transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100%
{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-
transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin:
right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-
transform-origin: right bottom; transform-origin: right bottom; -webkit-transform:
rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity:
0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-
name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-
transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100%
{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-
transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left
bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-
origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,
0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity:
0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name:
rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-
origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-
transform-origin: right bottom; transform-origin: right bottom; -webkit-transform:
rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom;
transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin:
right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1,
90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -
webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-
webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin:
top left; -webkit-animation-timing-function: ease-in-out; animation-timing-
function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-
origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-
function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-
origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-
function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0,
700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge
{ 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0,
1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0,
1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform:
translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge;
animation-name: hinge; } /* originally authored by Nick Pettit -
https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:
translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-
transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:
translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-
transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn;
animation-name: rollIn; } /* originally authored by Nick Pettit -
https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity:
1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0,
1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform:
translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0,
0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut;
animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-
transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1;
} } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-
animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown
{ 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px,
0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-
timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -
webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:
scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-
bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name:
zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0%
{ opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-
timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -
webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:
scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-
bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft
{ -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-
keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1)
translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0,
0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60%
{ opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0,
0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0%
{ opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name:
zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0%
{ opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:
scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-
bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp;
animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50%
{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform:
scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1;
} 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform:
scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name:
zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity:
1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-
timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:
scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center
bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-
bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform:
scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-
origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320,
1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name:
zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-
transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-
2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left
center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-
transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-
2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left
center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name:
zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-
transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1)
translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-
origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:
scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-
transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1)
translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-
origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -
webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform:
scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-
origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320,
1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:
scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-
function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function:
cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform:
scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1)
translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-
origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,
0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320,
1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name:
zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-
100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-
transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0%
{ -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility:
visible; } 100% { -webkit-transform: translateY(0); transform:
translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-
name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:
translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -
webkit-transform: translateX(0); transform: translateX(0); } } @keyframes
slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-
100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform:
translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-
name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform:
translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -
webkit-transform: translateX(0); transform: translateX(0); } } @keyframes
slideInRight { 0% { -webkit-transform: translateX(100%); transform:
translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0);
transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight;
animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-
transform: translateY(100%); transform: translateY(100%); visibility: visible; }
100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes
slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%);
visibility: visible; } 100% { -webkit-transform: translateY(0); transform:
translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name:
slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:
translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-
transform: translateY(100%); transform: translateY(100%); } } @keyframes
slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { visibility: hidden; -webkit-transform: translateY(100%); transform:
translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown;
animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-
transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -
webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes
slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { visibility: hidden; -webkit-transform: translateX(-100%); transform:
translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-
transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -
webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes
slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { visibility: hidden; -webkit-transform: translateX(100%); transform:
translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight;
animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-
transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -
webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes
slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { visibility: hidden; -webkit-transform: translateY(-100%); transform:
translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-
name: slideOutUp; }
</style>

<script type='text/javascript'>//<![CDATA[
/*!
* classie - class helper functions
* from bonzo https://github.com/ded/bonzo
*
* classie.has( elem, 'my-class' ) -> true/false
* classie.add( elem, 'my-new-class' )
* classie.remove( elem, 'my-unwanted-class' )
* classie.toggle( elem, 'my-class' )
*/

/jshint browser: true, strict: true, undef: true /

/*global define: false */

( function( window ) {

'use strict';

// class helper functions from bonzo https://github.com/ded/bonzo

function classReg( className ) {

return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
}

// classList support for class management

// altho to be fair, the api sucks because it won't accept multiple classes at once
var hasClass, addClass, removeClass;

if ( 'classList' in document.documentElement ) {
hasClass = function( elem, c ) {
return elem.classList.contains( c );
};
addClass = function( elem, c ) {
elem.classList.add( c );
};
removeClass = function( elem, c ) {
elem.classList.remove( c );
};
}
else {
hasClass = function( elem, c ) {
return classReg( c ).test( elem.className );
};
addClass = function( elem, c ) {
if ( !hasClass( elem, c ) ) {
elem.className = elem.className + ' ' + c;
}
};
removeClass = function( elem, c ) {
elem.className = elem.className.replace( classReg( c ), ' ' );
};
}

function toggleClass( elem, c ) {

var fn = hasClass( elem, c ) ? removeClass : addClass;
fn( elem, c );
}

var classie = {
// full names
hasClass: hasClass,
addClass: addClass,
removeClass: removeClass,
toggleClass: toggleClass,
// short names
has: hasClass,
add: addClass,
remove: removeClass,
toggle: toggleClass
};

// transport
if ( typeof define === 'function' && define.amd ) {
// AMD
define( classie );
} else {
// browser global
window.classie = classie;
}

})( window );
//]]></script>

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>
<style>
#sectionWorks {
padding-top: 25px;
text-align: center;
background-color: #1a1a1a;
color: #ffffff;
}

#worksGrid {
display: table;
}
.worksItem {
display: none;
padding: 0px;
overflow: hidden;
height: auto;
text-align: center;
}
.worksItem img {
width: 100%;
height: 275px;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
object-fit: cover;
}
.worksItem .itemCaption {
position: absolute;
top: 0;
left: 0;
margin: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
color: #fff!important;
background: rgba(22,22,22,0.1);
}
.worksItem:hover .itemCaption {
background: rgba(22,22,22,0.9);
}
.itemCaption h3 {
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
word-spacing: 4px;
letter-spacing: 1px;
}
.capContent {
padding-top: 15%;
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.capPreview {
color: #1ABC9C;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 3px;
border: 2px solid #1ABC9C;
padding: 5px;
margin-top: 10px;
}
.capPreview:hover {
background: #1abc9c;
color: #fff;
}
.worksItem:hover .capContent{
opacity: 1;
padding-top:20%;
}
.post-title a{
text-decoration: none;
color: #FFF;
padding: 0px 18px;
text-align: center;
}
</style>
</b:if></b:if>

</head>

<body>

<div id='loader'>
<div id='loaderInner'/>
</div>

<div class='menu-wrap'>
<nav class='menu navigation'>
<ul class='navbar menu-nav'>
<li><a class='easing' href='#sectionIntro'>Intro</a></li>
<li><a class='easing' href='#sectionAbout'>About</a></li>
<li><a class='easing' href='#sectionResume'>Resume</a></li>
<li><a class='easing' href='#sectionWorks'>CONTENT</a></li>
<li><a class='easing' href='#sectionServices'>MY SKILLS</a></li>
<li><a class='easing' href='#sectionContact'>Contact</a></li>

</ul>
</nav>
</div>
<button class='menu-button' id='open-button'><span aria-hidden='true'
class='fa fa-bars'/></button>

<div class='content-wrap'>
<div class='content_section'>

<div id='sectionIntro'>
<div class='container-fluid'>
<div class='container aboutContainer'>

<div class='col-md-12 introHeader'>
<div class='introContent'>
<div class='introHeading'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='yes'>
<b:widget id='Header1' locked='true' title='rsnartificial (Header)'
type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>334</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); " + "background-
position: " + data:backgroundPositionStyleStr + ";
" + data:widthStyleStr +
"min-height: " + data:height + "_height:
" + data:height + "background-repeat: no-repeat;
"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId +
"_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<section class='connect'>
<div class='box connect-box'>

<ul class='connect-icons'>
<li><a class='twitter' href='#'><span class='fa fa-twitter'/></a><span
class='text-twitter'>Twitter</span></li>
<li><a class='facebook'
href='https://www.facebook.com/rizkysuryanugrahaa/' target='_blank'><span class='fa
fa-facebook'/></a><span class='text-facebook'>Facebook</span></li>
<li><a class='gplus'
href='https://plus.google.com/u/0/110168093903847582657'><span class='fa fa-google-
plus'/></a><span class='text-gplus'>Google+</span></li>
<li><a class='instagram'
href='https://www.instagram.com/rizkysuryarsn/'><span class='fa
fa-instagram'/></a><span class='text-instagram'>Instagram</span></li>
<li><a class='youtube' href='#'><span class='fa
fa-youtube-play'/></a><span class='text-youtube'>Youtube</span></li>
</ul>

</div>
</section>

</div>
</div>

<a class='easing scroll-down' href='#sectionAbout'>

</div>
</div>
</div>
</div>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<section id='sectionAbout'>
<div class='container'>

<div class='sectionTitle wow fadeInUp animated' style='visibility:
visible;'>
<h1>About me</h1>
<h4>Let me introduce myself</h4>
<hr/>
</div>

<div class='col-md-4 aboutMe aboutStory wow fadeInUp animated'

style='visibility: visible;'>

<h1>A bit about me</h1>

<p>

<span class='textBlue'>
Hallo. :) Saya seseorang pribumi yang menyukai hal-hal baru
apalagi dengan hal yang berhubungan dengan design.
</span>

<br/><br/>
:)

</p>
</div>

<div class='col-md-4 aboutMe aboutProfile wow fadeInUp animated'

style='visibility: visible;'>
<h1>Profile</h1>

<img alt='Rizky Surya Nugraha' class='profileAv centered'
src='https://blogger.googleusercontent.com/img/a/AVvXsEhyibCe-
LWH7bs_20WS4BFHKHpChSsKGsW3OquKO9UaSunTZyuUSto-wzLL8yQg6fh8-
abTSMa4AmFl0veTeQ0YcYynSx6N74vjg5dyXZ6-
PACEEsIgVxRKY9L35wC6fqnkOXBB4m8jJLnMXEUztqMTEWngEKEfkv0ZOcjnpCqFfL3060R0OYacQfkiZEY
X'/>

</div>

<div class='col-md-4 aboutMe aboutInfo wow fadeInUp animated'

style='visibility: visible;'>
<h1>Personal info</h1>
<h3>Rziky Surya Nugraha</h3>
<div class='profileInfo'>
<p>
Photography, Archytectural Design ,Graphic Design &
Cinematography
</p>

<h5>
Birthday:
30 Jan 1994
</h5>

<h5>
Website:
-
</h5>

<h5>
E-mail:
[email protected]
</h5>

</div>

</div>

</div>

</section>

</b:if>
</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<section id='sectionResume'>
<div class='container'>

<div class='sectionTitle wow fadeInUp animated' style='visibility: visible;'>

<h1>RESUME</h1>

<h4>Know more about my past</h4>

</div>


<div class='col-md-6 col-sm-6 col-xs-12 resumeLeft'>
<h2>Employment</h2>

<span class='lnr lnr-briefcase wow bounceIn animated animated'

style='visibility: visible;'/>

<li class='wow fadeInLeft animated' style='visibility: visible;'>

<b class='resumePeriod'>2022-Future</b>
<h4>
<i class='resumeName'> Project Engineer </i> @ PT. Arnotts
Indonesia
</h4>
<p>--.</p>
</li>

<li class='wow fadeInLeft animated' style='visibility: visible;'>

<b class='resumePeriod'>2019-2022</b>
<h4>
<i class='resumeName'>3D Modeling Design & DRAFTER</i> @ PT.
Perusahaan Industri Ceres (DELFI)
</h4>
<p>--.</p>
</li>

<li class='wow fadeInLeft animated' style='visibility: visible;'>

<b class='resumePeriod'>2017-2019</b>
<h4>
<i class='resumeName'>PIPING DESIGN & DRAFTER</i> @ PT. Reka
Elang Inovasi
</h4>
<p>--.</p>
</li>

<li class='wow fadeInLeft animated' style='visibility: visible;'>

<b class='resumePeriod'>2012-2017</b>
<h4>
<i class='resumeName'>Piping Design & DRAFTER</i> @ Dago
Engineering Consultant
</h4>
<p>Perusahan yang bergerak di bidang Engineering Oil and Gas </p>
</li>

</ul>

</div>


<div class='col-md-6 col-sm-6 col-xs-12 resumeRight'>

<h2>Education</h2>

<span class='lnr lnr-spell-check wow bounceIn animated animated'

style='visibility: visible;'/>

<ul class='resumeList'>
<li class='wow fadeInRight animated' style='visibility: visible;'>
<b class='resumePeriod'>2017-future</b>
<h4>
JENDRAL ACHMAD YANI UNIVERSITY <i class='resumeName'>@INDUSTRIAL
ENGINEERING</i>
</h4>
<p>--</p>
</li>
<li class='wow fadeInRight animated' style='visibility: visible;'>
<b class='resumePeriod'>2009-2012</b>
<h4>
SMK NEGERI 2 BANDUNG <i class='resumeName'>@TEKNIK GAMBAR
MESIN</i>
</h4>
<p>--</p>
</li>

<li class='wow fadeInRight animated' style='visibility: visible;'>

<b class='resumePeriod'>2006-2009</b>
<h4>
SMP NEGERI 22 <i class='resumeName'>@BANDUNG</i>
</h4>
<p>--.</p>
</li>

<li class='wow fadeInRight animated' style='visibility: visible;'>

<b class='resumePeriod'>2001-2006</b>
<h4>
SD PARDOMUAN <i class='resumeName'>@BANDUNG</i>
</h4>
<p>--.</p>
</li>

</ul>

</div>

</div>

<span class='lnr lnr-heart wow bounceIn animated' style='visibility:

visible;'/>
<h2>Skills & Things about me</h2>

<div class='col-md-2 col-xs-6 col-sm-4 wow fadeInLeft animated'

style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-camera'/>
</div>
<div class='statsName'>
photographer
</div>
</div>

<div class='col-md-2 col-xs-6 col-sm-4 wow fadeInRight animated'

style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-picture'/>
</div>
<div class='statsName'>
PHOTOSHOP & ILUSTRATOR
</div>
</div>

<div class='col-md-2 col-xs-6 col-sm-4 wow fadeInLeft animated'

style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-camera-video'/>
</div>
<div class='statsName'>
PREMIERE PRO & AFTER EFFECT
</div>
</div>

<div class='col-md-2 col-xs-6 col-sm-4 wow fadeInRight animated'

style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-screen'/>
</div>
<div class='statsName'>
AUTOCAD, SKETCHUP, INVENTOR, SOLIDWORK & CATIA
</div>
</div>

<div class='col-md-2 col-xs-6 col-sm-4 last-twenty wow fadeInRight

animated' style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-heart-pulse'/>
</div>
<div class='statsName'>
BASKETBALL
</div>
</div>

<div class='col-md-2 col-xs-6 col-sm-4 last-twenty wow fadeInRight

animated' style='visibility: visible;'>
<div class='statsIconPerc'>
<span class='lnr lnr-music-note'/>
</div>
<div class='statsName'>
MUSIC
</div>
</div>

</div>

</div>

</section>

</b:if>
</b:if>

<div id='sectionWorks'>
<div class='ct-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='sectionTitle wow fadeInLeft animated' style='visibility:
visible;'>
<h1>CONTENT</h1>
<h4>My latest updates</h4>
<hr/>
</div>
</b:if></b:if>

<b:section class='content' id='content' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Postingan Blog'
type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting
name='commentLabel'>comentários</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-
setting>
<b:widget-setting name='authorLabel'>Postado
por</b:widget-setting>
<b:widget-setting
name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>às</b:widget-
setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting
name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-
setting>
<b:widget-setting name='showLocation'>true</b:widget-
setting>
<b:widget-setting name='showTimestamp'>true</b:widget-
setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting
name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='backlinksLabel'/>
<b:widget-setting name='showDateHeader'>true</b:widget-
setting>
<b:widget-setting
name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-
setting>
<b:widget-setting
name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting
name='postLocationLabel'>Local:</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-
setting>
<b:widget-setting
name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-
setting>
<b:widget-setting name='showLabels'>true</b:widget-
setting>
<b:widget-setting
name='postLabelsLabel'>Marcadores:</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-
setting>
<b:widget-setting name='showInlineAds'>false</b:widget-
setting>
<b:widget-setting name='showReactions'>false</b:widget-
setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

<b:else/>
<b:include name='mobile-main'/>
</b:if>

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-
link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url'
expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<b:else/>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>

<div class='mobile-index-arrow'>&rsaquo;</div>

<div style='clear: both;'/>

</a>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>

<div class='post-body entry-content' expr:id='"post-body-" +

data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-
button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>

<div class='col-md-4 col-sm-4 col-xs-12 worksItem worksCateg1 sjps' style='display:

inline-block;'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 align='center' class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if></b:if>
<div class='theme-img'>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id' itemprop='description articleBody'>
<div class='entry-title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h3 align='center' itemprop='name' style='display:none;'>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</h3>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='static-title'><data:post.title/></h1></b:if>
</b:if></b:if>
</div>

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='body-post'>
<b:if cond='data:blog.pageType == "index"'>
<span expr:id='"p" + data:post.id'><data:post.body/></span>
<script type='text/javascript'>var
x="<data:post.title/>",y="<data:post.url/>",t="<data:post.
timestamp/>",u="<data:post.numComments/>";rm("p<data:post.id/
>")</script>
<b:else/>
<div class='entry-container'>
<div class='entry-content'><h1><b:if cond='data:post.link'><a
expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a><b:else/><data:post.title/></
b:if></h1><data:post.body/></div></div></b:if></div></b:if></b:if>
<div style='clear: both;'/> 
</div>

</div>
</div></div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + "&target=blog"'
expr:onclick='"window.open(this.href, \"_blank\", \
"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + "&target=facebook"'
expr:onclick='"window.open(this.href, \"_blank\", \
"height=430,width=640\"); return false;"'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-
pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"'
expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-
button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
<style>

</style>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t +
'</span>';
}
}
}
return entry.content.$t;
}

var parse = function(data) {

cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\
d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name ==
'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {

if (hasMore()) {
var url = config.feed + '?
alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;

var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:

var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {

if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

</div>

</div>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<section id='sectionServices'>
<div class='container wow fadeInUp animated' style='visibility: visible;'>

<div class='sectionTitle wow fadeInUp animated' style='visibility:
visible;'>
<h1>MY SKILLS</h1>
<h4>What can I do</h4>
<hr/>
</div>

<div class='container'>

<div class='row servicesRow'>

<div class='col-md-4 col-sm-6 col-xs-12 servicesCol4'>

<div class='servicesLeft'>
<span class='icon lnr lnr-laptop'/>
</div>
<div class='servicesRight'>
<h3>DESIGN ENGINEERING </h3>
<p>
AUTOCAD, SKETCHUP, INVENTOR, CATIA, SOLIDWORK
</p>
</div>
</div>

<div class='col-md-4 col-sm-6 col-xs-12 servicesCol4'>

<div class='servicesLeft'>
<span class='icon lnr lnr-pencil'/>
</div>
<div class='servicesRight'>
<h3>Graphic Design</h3>
<p>
-ADOBE ILUSTRATOR ,ADOBE PHOTOSHOP -
</p>
</div>
</div>

<div class='col-md-4 col-sm-6 col-xs-12 servicesCol4'>

<div class='servicesLeft'>
<span class='icon lnr lnr-camera'/>
</div>
<div class='servicesRight'>
<h3>Photography & Cinematography</h3>
<p>
ADOBE PHOTOSHOP , ADOBE PREMIERE PRO, AFTER EFFECT
</p>
</div>
</div>

</div>

</div>
</div>

</section>

</b:if>
</b:if>

</div>

<section id='sectionContact'>
<div class='container'>

<div class='sectionTitle wow fadeInUp animated' style='visibility:
visible;'>
<h1>Contact</h1>
<h4>Get in touch with me</h4>
<hr/>
</div>

<div class='col-md-6 contactLeft wow fadeInUp animated' style='visibility:
visible;'>

<div class='contactForm'>

<b:section class='contact-form' id='contact-form' preferred='yes'>
<b:widget id='ContactForm1' locked='false' title='Formulir Kontak'
type='ContactForm' version='1'>
<b:includable id='main'>
<form id='contactForm' name='contact-form'>

<input class='submit wow bounceIn animated animated'

expr:id='data:widget.instanceId + "_contact-form-submit"'
expr:value='data:contactFormSendMsg' style='visibility: visible;' type='submit'/>

<div style='text-align: center; max-width: 222px; width: 100%'>

<div class='col-md-6 contactRight wow fadeInUp animated' style='visibility:
visible;'>
<div class='contactBox'>
<div class='icon lnr lnr-map'/>
<h3>Adress/Street</h3>
<p>-</p>
</div>

<div class='contactBox'>
<div class='icon lnr lnr-smartphone'/>
<h3>Phone number</h3>
<p>-</p>
</div>
<div class='contactBox'>
<div class='icon lnr lnr-briefcase'/>
<h3>Website</h3>
<p>-</p>
</div>

</div>

</div>

<div class='col-md-6 col-sm-6 col-xs-12 footerLeft'>
Copyright © 2015 <data:blog.title/>.Design By <a
herf='http://www.templateclue.com/' id='templateclue' ref='dofollow' title='Blogger
Templates'>Blogger Templates</a> & <a
href='http://www.websoham.com/'>Websoham</a> | Distributed By <a
href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi
Templates</a> .
</div>

</div>

</footer>

</section>

// People involved
// - Balazs Galambosi (maintainer)
// - Michael Herf (Pulse Algorithm)
(function(){

// Scroll Variables (tweakable)

var defaultOptions = {

// Scrolling Core
frameRate : 150, // [Hz]
animationTime : 500, // [px]
stepSize : 150, // [px]

// Pulse (less tweakable)

// ratio of "tail" to "acceleration"
pulseAlgorithm : true,
pulseScale : 6,
pulseNormalize : 1,

// Acceleration
accelerationDelta : 20, // 20
accelerationMax : 1, // 1

// Keyboard Settings
keyboardSupport : true, // option
arrowScroll : 50, // [px]

// Other
touchpadSupport : true,
fixedBackground : true,
excluded : ""
};

var options = defaultOptions;

// Other Variables
var isExcluded = false;
var isFrame = false;
var direction = { x: 0, y: 0 };
var initDone = false;
var root = document.documentElement;
var activeElement;
var observer;
var deltaBuffer = [ 120, 120, 120 ];

var key = { left: 37, up: 38, right: 39, down: 40, spacebar: 32,
pageup: 33, pagedown: 34, end: 35, home: 36 };

/***********************************************
* SETTINGS
***********************************************/

var options = defaultOptions;

/***********************************************
* INITIALIZE
***********************************************/

/**
* Tests if smooth scrolling is allowed. Shuts down everything if not.
*/
function initTest() {

var disableKeyboard = false;

// disable keyboard support if anything above requested it

if (disableKeyboard) {
removeEvent("keydown", keydown);
}

if (options.keyboardSupport && !disableKeyboard) {

addEvent("keydown", keydown);
}
}

/**
* Sets up scrolls array, determines if frames are involved.
*/
function init() {

if (!document.body) return;

var body = document.body;

var html = document.documentElement;
var windowHeight = window.innerHeight;
var scrollHeight = body.scrollHeight;

// check compat mode for root element

root = (document.compatMode.indexOf('CSS') >= 0) ? html : body;
activeElement = body;

initTest();
initDone = true;

// Checks if this script is running in a frame

if (top != self) {
isFrame = true;
}

/**
* This fixes a bug where the areas left and right to
* the content does not trigger the onmousewheel event
* on some pages. e.g.: html, body { height: 100% }
*/
else if (scrollHeight > windowHeight &&
(body.offsetHeight <= windowHeight ||
html.offsetHeight <= windowHeight)) {

html.style.height = 'auto';
//setTimeout(refresh, 10);

// clearfix
if (root.offsetHeight <= windowHeight) {
var underlay = document.createElement("div");
underlay.style.clear = "both";
body.appendChild(underlay);
}
}
// disable fixed background
if (!options.fixedBackground && !isExcluded) {
body.style.backgroundAttachment = "scroll";
html.style.backgroundAttachment = "scroll";
}
}

/************************************************
* SCROLLING
************************************************/

var que = [];

var pending = false;
var lastScroll = +new Date;

/**
* Pushes scroll actions to the scrolling queue.
*/
function scrollArray(elem, left, top, delay) {

delay || (delay = 1000);

directionCheck(left, top);

if (options.accelerationMax != 1) {
var now = +new Date;
var elapsed = now - lastScroll;
if (elapsed < options.accelerationDelta) {
var factor = (1 + (30 / elapsed)) / 2;
if (factor > 1) {
factor = Math.min(factor, options.accelerationMax);
left *= factor;
top *= factor;
}
}
lastScroll = +new Date;
}

// push a scroll command

que.push({
x: left,
y: top,
lastX: (left < 0) ? 0.99 : -0.99,
lastY: (top < 0) ? 0.99 : -0.99,
start: +new Date
});

// don't act if there's a pending queue

if (pending) {
return;
}

var scrollWindow = (elem === document.body);

var step = function (time) {

var now = +new Date;

var scrollX = 0;
var scrollY = 0;

for (var i = 0; i < que.length; i++) {

var item = que[i];

var elapsed = now - item.start;
var finished = (elapsed >= options.animationTime);

// scroll position: [0, 1]

var position = (finished) ? 1 : elapsed / options.animationTime;

// easing [optional]
if (options.pulseAlgorithm) {
position = pulse(position);
}

// only need the difference

var x = (item.x * position - item.lastX) >> 0;
var y = (item.y * position - item.lastY) >> 0;

// add this to the total scrolling

scrollX += x;
scrollY += y;

// update last values

item.lastX += x;
item.lastY += y;

// delete and step back if it's over

if (finished) {
que.splice(i, 1); i--;
}
}

// scroll left and top

if (scrollWindow) {
window.scrollBy(scrollX, scrollY);
}
else {
if (scrollX) elem.scrollLeft += scrollX;
if (scrollY) elem.scrollTop += scrollY;
}

// clean up if there's nothing left to do

if (!left && !top) {
que = [];
}

if (que.length) {
requestFrame(step, elem, (delay / options.frameRate + 1));
} else {
pending = false;
}
};

// start a new queue of actions

requestFrame(step, elem, 0);
pending = true;
}
/***********************************************
* EVENTS
***********************************************/

/**
* Mouse wheel handler.
* @param {Object} event
*/
function wheel(event) {

if (!initDone) {
init();
}

var target = event.target;

var overflowing = overflowingAncestor(target);

// use default if there's no overflowing

// element or default action is prevented
if (!overflowing || event.defaultPrevented ||
isNodeName(activeElement, "embed") ||
(isNodeName(target, "embed") && /\.pdf/i.test(target.src))) {
return true;
}

var deltaX = event.wheelDeltaX || 0;

var deltaY = event.wheelDeltaY || 0;

// use wheelDelta if deltaX/Y is not available

if (!deltaX && !deltaY) {
deltaY = event.wheelDelta || 0;
}

// check if it's a touchpad scroll that should be ignored

if (!options.touchpadSupport && isTouchpad(deltaY)) {
return true;
}

// scale by step size

// delta is 120 most of the time
// synaptics seems to send 1 sometimes
if (Math.abs(deltaX) > 1.2) {
deltaX *= options.stepSize / 120;
}
if (Math.abs(deltaY) > 1.2) {
deltaY *= options.stepSize / 120;
}

scrollArray(overflowing, -deltaX, -deltaY);

event.preventDefault();
}

/**
* Keydown event handler.
* @param {Object} event
*/
function keydown(event) {
var target = event.target;
var modifier = event.ctrlKey || event.altKey || event.metaKey ||
(event.shiftKey && event.keyCode !== key.spacebar);

// do nothing if user is editing text

// or using a modifier key (except shift)
// or in a dropdown
if ( /input|textarea|select|embed/i.test(target.nodeName) ||
target.isContentEditable ||
event.defaultPrevented ||
modifier ) {
return true;
}
// spacebar should trigger button press
if (isNodeName(target, "button") &&
event.keyCode === key.spacebar) {
return true;
}

var shift, x = 0, y = 0;
var elem = overflowingAncestor(activeElement);
var clientHeight = elem.clientHeight;

if (elem == document.body) {
clientHeight = window.innerHeight;
}

switch (event.keyCode) {
case key.up:
y = -options.arrowScroll;
break;
case key.down:
y = options.arrowScroll;
break;
case key.spacebar: // (+ shift)
shift = event.shiftKey ? 1 : -1;
y = -shift * clientHeight * 0.9;
break;
case key.pageup:
y = -clientHeight * 0.9;
break;
case key.pagedown:
y = clientHeight * 0.9;
break;
case key.home:
y = -elem.scrollTop;
break;
case key.end:
var damt = elem.scrollHeight - elem.scrollTop - clientHeight;
y = (damt > 0) ? damt+10 : 0;
break;
case key.left:
x = -options.arrowScroll;
break;
case key.right:
x = options.arrowScroll;
break;
default:
return true; // a key we don't care about
}

scrollArray(elem, x, y);
event.preventDefault();
}

/**
* Mousedown event only for updating activeElement
*/
function mousedown(event) {
activeElement = event.target;
}

/***********************************************
* OVERFLOW
***********************************************/

var cache = {}; // cleared out every once in while

setInterval(function () { cache = {}; }, 10 * 1000);

var uniqueID = (function () {

var i = 0;
return function (el) {
return el.uniqueID || (el.uniqueID = i++);
};
})();

function setCache(elems, overflowing) {

for (var i = elems.length; i--;)
cache[uniqueID(elems[i])] = overflowing;
return overflowing;
}

/***********************************************
* HELPERS
***********************************************/

function addEvent(type, fn, bubble) {

window.addEventListener(type, fn, (bubble||false));
}

function removeEvent(type, fn, bubble) {

window.removeEventListener(type, fn, (bubble||false));
}

function isNodeName(el, tag) {

return (el.nodeName||"").toLowerCase() === tag.toLowerCase();
}

function directionCheck(x, y) {
x = (x > 0) ? 1 : -1;
y = (y > 0) ? 1 : -1;
if (direction.x !== x || direction.y !== y) {
direction.x = x;
direction.y = y;
que = [];
lastScroll = 0;
}
}

var deltaBufferTimer;

function isTouchpad(deltaY) {
if (!deltaY) return;
deltaY = Math.abs(deltaY)
deltaBuffer.push(deltaY);
deltaBuffer.shift();
clearTimeout(deltaBufferTimer);

var allEquals = (deltaBuffer[0] == deltaBuffer[1] &&

deltaBuffer[1] == deltaBuffer[2]);
var allDivisable = (isDivisible(deltaBuffer[0], 120) &&
isDivisible(deltaBuffer[1], 120) &&
isDivisible(deltaBuffer[2], 120));
return !(allEquals || allDivisable);
}

function isDivisible(n, divisor) {

return (Math.floor(n / divisor) == n / divisor);
}

var requestFrame = (function () {

return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
function (callback, element, delay) {
window.setTimeout(callback, delay || (1000/60));
};
})();

/***********************************************
* PULSE
***********************************************/
/**
* Viscous fluid with a pulse for part and decay for the rest.
* - Applies a fixed force over an interval (a damped acceleration), and
* - Lets the exponential bleed away the velocity over a longer interval
* - Michael Herf, http://stereopsis.com/stopping/
*/
function pulse_(x) {
var val, start, expx;
// test
x = x * options.pulseScale;
if (x < 1) { // acceleartion
val = x - (1 - Math.exp(-x));
} else { // tail
// the previous animation ended here:
start = Math.exp(-1);
// simple viscous drag
x -= 1;
expx = 1 - Math.exp(-x);
val = start + (expx * (1 - start));
}
return val * options.pulseNormalize;
}

function pulse(x) {
if (x >= 1) return 1;
if (x <= 0) return 0;

if (options.pulseNormalize == 1) {
options.pulseNormalize /= pulse_(1);
}
return pulse_(x);
}

var isChrome = /chrome/i.test(window.navigator.userAgent);

var isMouseWheelSupported = 'onmousewheel' in document;

if (isMouseWheelSupported && isChrome) {

addEvent("mousedown", mousedown);
addEvent("mousewheel", wheel);
addEvent("load", init);
};

})();
//]]></script>
<script type='text/javascript'>//<![CDATA[
/*!
* jquery.scrollto.js 0.0.1 - https://github.com/yckart/jquery.scrollto.js
* Scroll smooth to any element in your DOM.
*
* Copyright (c) 2012 Yannick Albert (http://yckart.com)
* Licensed under the MIT license (http://www.opensource.org/licenses/mit-
license.php).
* 2013/02/17
**/
$.scrollTo = $.fn.scrollTo = function(x, y, options){

"use strict";
if (!(this instanceof $)) return $.fn.scrollTo.apply($('html, body'),
arguments);

options = $.extend({}, {
gap: {
x: 0,
y: 0
},
animation: {
easing: 'swing',
duration: 600,
complete: $.noop,
step: $.noop
}
}, options);

return this.each(function(){
var elem = $(this);
elem.stop().animate({
scrollLeft: !isNaN(Number(x)) ? x : $(y).offset().left + options.gap.x,
scrollTop: !isNaN(Number(y)) ? y : $(y).offset().top + options.gap.y
}, options.animation);
});
};

$(document).ready(function(){
"use strict";

/**
* This part causes smooth scrolling using scrollto.js
* We target all a tags inside the nav, and apply the scrollto.js to it.
*/
$(".easing").click(function(evn){
evn.preventDefault();
$('html,body').scrollTo(this.hash, this.hash);
});

/**
* This part handles the highlighting functionality.
* We use the scroll functionality again, some array creation and
* manipulation, class adding and class removing, and conditional testing
*/
var aChildren = $("navbar li").children(); // find the a children of the
list items
var aArray = []; // create the empty aArray
for (var i=0; i < aChildren.length; i++) {
var aChild = aChildren[i];
var ahref = $(aChild).attr('href');
aArray.push(ahref);
} // this for loop fills the aArray with attribute href values

$(window).scroll(function(){
var windowPos = $(window).scrollTop(); // get the offset of the window
from the top of page
var windowHeight = $(window).height(); // get the height of the window
var docHeight = $(document).height();

for (var i=0; i < aArray.length; i++) {

var theID = aArray[i];
var divPos = $(theID).offset().top; // get the offset of the div
from the top of page
var divHeight = $(theID).height(); // get the height of the div in
question
if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
$("a[href='" + theID + "']").addClass("nav-active");
} else {
$("a[href='" + theID + "']").removeClass("nav-active");
}
}

if(windowPos + windowHeight == docHeight) {

if (!$("navbar li:last-child a").hasClass("nav-active")) {
var navActiveCurrent = $(".nav-active").attr("href");
$("a[href='" + navActiveCurrent + "']").removeClass("nav-
active");
$("navbar li:last-child a").addClass("nav-active");
}
}
});
});
//]]></script>
<script>
new WOW().init();
</script>

</body>
</html>

Manitou Operator Manual
67% (3)
Manitou Operator Manual
166 pages
القالب
No ratings yet
القالب
120 pages
25mm Hotchkiss Anti-Tank Gun 1939
100% (1)
25mm Hotchkiss Anti-Tank Gun 1939
57 pages
Folio
No ratings yet
Folio
264 pages
Travel The World Blogger Template
No ratings yet
Travel The World Blogger Template
16 pages
Thame Blog
No ratings yet
Thame Blog
86 pages
Theme 5024191906309451839
No ratings yet
Theme 5024191906309451839
162 pages
Balaksix 0101000
No ratings yet
Balaksix 0101000
30 pages
template-bất động sản
No ratings yet
template-bất động sản
33 pages
Incoputer
No ratings yet
Incoputer
88 pages
Tumblr Theme
No ratings yet
Tumblr Theme
19 pages
Ganti Skrip
No ratings yet
Ganti Skrip
16 pages
Theme
No ratings yet
Theme
143 pages
untitled
No ratings yet
untitled
235 pages
DOCTYPE HTML
No ratings yet
DOCTYPE HTML
60 pages
Last Work
No ratings yet
Last Work
8 pages
Template Blog
No ratings yet
Template Blog
136 pages
Blog Dating
No ratings yet
Blog Dating
51 pages
Komp I Lyrics Template V 1
No ratings yet
Komp I Lyrics Template V 1
45 pages
XML Version Blog Budi
No ratings yet
XML Version Blog Budi
20 pages
Sigle Page Website HTML Code Helper GD
No ratings yet
Sigle Page Website HTML Code Helper GD
110 pages
Blog Skins 375936
No ratings yet
Blog Skins 375936
8 pages
theme LINGER (1)
No ratings yet
theme LINGER (1)
13 pages
Asteria
No ratings yet
Asteria
14 pages
Css
No ratings yet
Css
280 pages
BMW Code1
No ratings yet
BMW Code1
7 pages
Theme 2853306959946520337
No ratings yet
Theme 2853306959946520337
13 pages
Gig
No ratings yet
Gig
83 pages
Assignment 1
No ratings yet
Assignment 1
8 pages
Cara Membuat Halaman Web
No ratings yet
Cara Membuat Halaman Web
9 pages
DOCTYPE HTML-WPS Officehhh
No ratings yet
DOCTYPE HTML-WPS Officehhh
11 pages
Exp 14
No ratings yet
Exp 14
7 pages
fullstactlabpdf
No ratings yet
fullstactlabpdf
15 pages
NAMA
No ratings yet
NAMA
8 pages
Personalportolopage
No ratings yet
Personalportolopage
10 pages
Muslim Journey Blogger Templates
No ratings yet
Muslim Journey Blogger Templates
18 pages
Asas
No ratings yet
Asas
180 pages
Reporting Portal 1
No ratings yet
Reporting Portal 1
13 pages
Theme Twmbs
No ratings yet
Theme Twmbs
36 pages
2 ND
No ratings yet
2 ND
10 pages
EXP3
No ratings yet
EXP3
9 pages
Mosanad 33
No ratings yet
Mosanad 33
3 pages
Front End Development
No ratings yet
Front End Development
13 pages
Lucky Wheel 888
No ratings yet
Lucky Wheel 888
6 pages
XML Version
No ratings yet
XML Version
47 pages
Tugas Terstruktur
No ratings yet
Tugas Terstruktur
7 pages
Lab 3
No ratings yet
Lab 3
10 pages
Web Helper
No ratings yet
Web Helper
202 pages
fsd HTML
No ratings yet
fsd HTML
29 pages
Template
No ratings yet
Template
178 pages
Template Birthday Coding
No ratings yet
Template Birthday Coding
7 pages
Template
No ratings yet
Template
21 pages
Dynamic Web Page Development - h-2
No ratings yet
Dynamic Web Page Development - h-2
37 pages
Group9_45,53,54,55,57
No ratings yet
Group9_45,53,54,55,57
21 pages
Baca Aturan Pakai Template
No ratings yet
Baca Aturan Pakai Template
33 pages
Teee HTML
No ratings yet
Teee HTML
8 pages
Theme 43
No ratings yet
Theme 43
7 pages
Kory Bootstrap
No ratings yet
Kory Bootstrap
14 pages
Tutorial Psdtohtmlcss10
No ratings yet
Tutorial Psdtohtmlcss10
30 pages
Argo
No ratings yet
Argo
59 pages
122A9049 WCN EXP 4
No ratings yet
122A9049 WCN EXP 4
10 pages
Angular Shopping Store: From Scratch to Successful Payment
From Everand
Angular Shopping Store: From Scratch to Successful Payment
Abdelfattah Ragab
No ratings yet
1851 - Capter 3 Job Order Costing Tanpa Edisi
No ratings yet
1851 - Capter 3 Job Order Costing Tanpa Edisi
47 pages
DLL_TLE-HE 6_Q3_W4
No ratings yet
DLL_TLE-HE 6_Q3_W4
6 pages
T2 Trig Functions - Exact Ratios and Trig Identities and Harder Equations
No ratings yet
T2 Trig Functions - Exact Ratios and Trig Identities and Harder Equations
12 pages
RSLinx Driver Compatibility Matrix v10
No ratings yet
RSLinx Driver Compatibility Matrix v10
58 pages
Oil and Natural Gas Corporation - Wikipedia
No ratings yet
Oil and Natural Gas Corporation - Wikipedia
12 pages
DNVGL-OS-C401 Testing of Tightness
No ratings yet
DNVGL-OS-C401 Testing of Tightness
2 pages
That One Time I Dated A Whore
No ratings yet
That One Time I Dated A Whore
6 pages
Introduction of JV Agisson and Azim Tech
0% (1)
Introduction of JV Agisson and Azim Tech
21 pages
RUDS Presents FAME
0% (1)
RUDS Presents FAME
12 pages
MIDTERM DRILL 1 TEST Answerists
No ratings yet
MIDTERM DRILL 1 TEST Answerists
6 pages
IIT Kharagpur
No ratings yet
IIT Kharagpur
1 page
Full download Treating Self Injury Second Edition A Practical Guide Barent W. Walsh Phd pdf docx
100% (7)
Full download Treating Self Injury Second Edition A Practical Guide Barent W. Walsh Phd pdf docx
77 pages
Seismic Weak Links
No ratings yet
Seismic Weak Links
14 pages
CADENA - How To Use The FB Chain Wear Gauge - FB Chain
No ratings yet
CADENA - How To Use The FB Chain Wear Gauge - FB Chain
3 pages
Dokumen - Tips - Presentation On Industrial Training in Ultratech Cement Ratnagiri Narmada Cement
No ratings yet
Dokumen - Tips - Presentation On Industrial Training in Ultratech Cement Ratnagiri Narmada Cement
20 pages
Electrophoretic Mobility Shift Assay - Wikipedia, The Free Encyclopedia
No ratings yet
Electrophoretic Mobility Shift Assay - Wikipedia, The Free Encyclopedia
3 pages
Lecture 13 Slice Based Testing by Jorgensen (Autosaved)
No ratings yet
Lecture 13 Slice Based Testing by Jorgensen (Autosaved)
20 pages
3212
No ratings yet
3212
41 pages
LBS MiM+Brochure 2011 10
No ratings yet
LBS MiM+Brochure 2011 10
12 pages
CI Garments - Guide
No ratings yet
CI Garments - Guide
40 pages
ARU Prospectus 2020-2021
No ratings yet
ARU Prospectus 2020-2021
446 pages
Java Code
No ratings yet
Java Code
7 pages
List of Inscriptions On Tombs or Monuments in Madras: Julian James Cotton, C.S
No ratings yet
List of Inscriptions On Tombs or Monuments in Madras: Julian James Cotton, C.S
262 pages
Volcano III Volcano III Volcano III Volcano III: Owner'S Manual
No ratings yet
Volcano III Volcano III Volcano III Volcano III: Owner'S Manual
7 pages
Selling and Sales Management - Chapter 5
No ratings yet
Selling and Sales Management - Chapter 5
45 pages
Biology Project ORAL CANCER
No ratings yet
Biology Project ORAL CANCER
39 pages
XJTLU - Steelwork CW - Portal Frame (2019-20)
No ratings yet
XJTLU - Steelwork CW - Portal Frame (2019-20)
3 pages
TAGAP 3: The Developer's Handbook
No ratings yet
TAGAP 3: The Developer's Handbook
90 pages