/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*! jQuery UI - v1.11.4 - 2015-12-09
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

    .ui-widget-header a {
        color: #333
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #454545;
            text-decoration: none
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #2b2b2b;
            text-decoration: none
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #fff
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #fff;
            text-decoration: none
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #777620
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #5f3f3f
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35)
        }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animation-delay1 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animation-delay2 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
}

.animation-delay3 {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    animation-delay: .9s;
}

.animation-delay4 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animation-delay5 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animation-delay6 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.animation-delay7 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.animation-delay8 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }

    40% {
        -o-transform: rotate(-10deg);
    }

    60% {
        -o-transform: rotate(5deg);
    }

    80% {
        -o-transform: rotate(-5deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }

    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -o-transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }

    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }

    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out;
    }

    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }

    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }

    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }

    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }

    80% {
        -o-transform: translateY(-10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }

    80% {
        -o-transform: translateX(-10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }

    80% {
        -o-transform: translateX(10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }


    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }

    10% {
        -moz-transform: skewX(-8deg);
    }

    20% {
        -moz-transform: skewX(7deg);
    }

    30% {
        -moz-transform: skewX(-6deg);
    }

    40% {
        -moz-transform: skewX(5deg);
    }

    50% {
        -moz-transform: skewX(-4deg);
    }

    60% {
        -moz-transform: skewX(3deg);
    }

    70% {
        -moz-transform: skewX(-2deg);
    }

    80% {
        -moz-transform: skewX(1deg);
    }

    90% {
        -moz-transform: skewX(0deg);
    }

    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }

    10% {
        -o-transform: skewX(-8deg);
    }

    20% {
        -o-transform: skewX(7deg);
    }

    30% {
        -o-transform: skewX(-6deg);
    }

    40% {
        -o-transform: skewX(5deg);
    }

    50% {
        -o-transform: skewX(-4deg);
    }

    60% {
        -o-transform: skewX(3deg);
    }

    70% {
        -o-transform: skewX(-2deg);
    }

    80% {
        -o-transform: skewX(1deg);
    }

    90% {
        -o-transform: skewX(0deg);
    }

    100% {
        -o-transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }

    10% {
        transform: skewX(-8deg);
    }

    20% {
        transform: skewX(7deg);
    }

    30% {
        transform: skewX(-6deg);
    }

    40% {
        transform: skewX(5deg);
    }

    50% {
        transform: skewX(-4deg);
    }

    60% {
        transform: skewX(3deg);
    }

    70% {
        transform: skewX(-2deg);
    }

    80% {
        transform: skewX(1deg);
    }

    90% {
        transform: skewX(0deg);
    }

    100% {
        transform: skewX(0deg);
    }
}

.animated.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}


/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

Necessary CSS Collection
*/

/**
 * Table of Contents:
 *	
 *  Owl carousel
 *  FlexSlider
 *  isotope
 *  Magnific Popup
 *  lightbox
 *  Nivo Lightbox
 *  ytplayer
 *  Hover.css
 *  Menuzord-Responsive-Megamenu
 *  modernizr
 *  Maximage slider
 *  BxSlider
 *  FullCalendar
 *  bootstrap code coloring
 *  code highlight
 *  prettyPhoto
 *  Clock1 - The Final Countdown
 *  Clock2 - flipclock
 *	Datepicker for Bootstrap
 *  jquery-timepicker
 *  bootstrap-datetimejs
 *  custom-checkboxes-radio-buttons-and-select-boxes
 *  
 * ===============================================
*/

/*
 *  Owl carousel
 * -----------------------------------------------
*/
/* *  Owl Carousel - Animate Plugin*/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* * 	Owl Carousel - Auto Height Plugin*/

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
/* *  Core Owl Carousel CSS File*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden; /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        /*min-height: 400px;*/
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }
/* No Js */

.no-js .owl-carousel {
    display: block;
}
/* * 	Owl Carousel - Lazy Load Plugin*/

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
/* * 	Owl Carousel - Video Plugin*/

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}


/*
 * 	FlexSlider
 * -----------------------------------------------
*/
/** jQuery FlexSlider v2.6.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 and later license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)**/
/* ====================================================================================================================* FONT-FACE* ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.html');
    src: url('fonts/flexslider-icond41d.html?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon-2.html') format('woff'), url('fonts/flexslider-icon-3.html') format('truetype'), url('fonts/flexslider-icon-4.html#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================* RESETS* ====================================================================================================================*/

.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}
/* ====================================================================================================================* BASE STYLES* ====================================================================================================================*/

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}
/* ====================================================================================================================* DEFAULT THEME* ====================================================================================================================*/

.flexslider {
    margin: 0 0 60px;
    background: #ffffff;
    border: 4px solid #ffffff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides img {
            height: auto;
            -moz-user-select: none;
        }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .flex-direction-nav a:before {
            font-family: "flexslider-icon";
            font-size: 40px;
            display: inline-block;
            content: '\f001';
            color: rgba(0, 0, 0, 0.8);
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        }

        .flex-direction-nav a.flex-next:before {
            content: '\f002';
        }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1;
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }
/* ====================================================================================================================* RESPONSIVE* ====================================================================================================================*/

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}


/*
 * 	isotope
 * -----------------------------------------------
*/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform,opacity;
        -moz-transition-property: -moz-transform,opacity;
        -o-transition-property: top,left,opacity;
        transition-property: transform,opacity
    }

        .isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s
        }

    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

/*
 * 	Magnific Popup
 * -----------------------------------------------
*/
/* Magnific Popup CSS */ .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }
/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /*** Remove all paddings around the image on small screen*/

    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/*
 * 	lightbox
 * -----------------------------------------------
*/
/* Preload images */
body:after {
    content: url(lightbox/close.png) url(lightbox/loading.gif) url(lightbox/prev.png) url(lightbox/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .lightbox a img {
        border: none;
    }

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both;
    }

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em;
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
    }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999999;
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(lightbox/close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

/*
 * 	Nivo Lightbox
 * -----------------------------------------------
*/

/** Nivo Lightbox v1.2.0* http://dev7studios.com/nivo-lightbox** Copyright 2013, Dev7studios* Free to use and abuse under the MIT license.* http://www.opensource.org/licenses/mit-license.php*/ .nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .nivo-lightbox-overlay.nivo-lightbox-open {
        visibility: visible;
        opacity: 1;
    }

.nivo-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}

.nivo-lightbox-content {
    width: 100%;
    height: 100%;
}

.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
}

.nivo-lightbox-nav {
    display: none;
}

.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0;
}

.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0;
}

.nivo-lightbox-close {
    position: absolute;
    top: 3%;
    right: 2%;
}

.nivo-lightbox-image {
    text-align: center;
}

    .nivo-lightbox-image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        vertical-align: middle;
    }

.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%;
}

.nivo-lightbox-inline, .nivo-lightbox-ajax {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}

    .nivo-lightbox-error p {
        display: table-cell;
        vertical-align: middle;
    }
/* Effects**********************************************/

.nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* fadeScale */

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* slideLeft / slideRight / slideUp / slideDown */

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}

.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/* fall */

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateZ(300px);
    -moz-transform: translateZ(300px);
    -ms-transform: translateZ(300px);
    transform: translateZ(300px);
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
/** Nivo Lightbox Default Theme v1.0* http://dev7studios.com/nivo-lightbox** Copyright 2013, Dev7studios* Free to use and abuse under the MIT license.* http://www.opensource.org/licenses/mit-license.php*/ .nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0,0,0,0.6);
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background: url(nivolightbox-themes/default/loading.gif) no-repeat 50% 50%;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
}

    .nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
        opacity: 1;
        background-color: rgba(0,0,0,0.5);
    }

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(nivolightbox-themes/default/prev.png);
    border-radius: 0 3px 3px 0;
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(nivolightbox-themes/default/next.png);
    border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(nivolightbox-themes/default/close.png) no-repeat 5px 5px;
    width: 40px;
    height: 45px;
    text-indent: -9999px;
    padding: 5px;
    opacity: 0.5;
}

    .nivo-lightbox-theme-default .nivo-lightbox-close:hover {
        opacity: 1;
    }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: -7%;
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 2.6/2),(min--moz-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) {
    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
        background-image: url(nivolightbox-themes/default/loading%402x.gif);
        background-size: 32px 32px;
    }

    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: url(nivolightbox-themes/default/prev%402x.png);
        background-size: 48px 48px;
    }

    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: url(nivolightbox-themes/default/next%402x.png);
        background-size: 48px 48px;
    }

    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: url(nivolightbox-themes/default/close%402x.png);
        background-size: 16px 16px;
    }
}
/*
 * 	ytplayer
 * -----------------------------------------------
*/
/*____________________________________________________________________________________________________________________________________________________ 
jquery.mb.components                     __                __ 
file: mb.YTPlayer.css                    __ 
last modified: 19/08/14 19.57            __                __ 
Open Lab s.r.l., Florence - Italy        __                __ 
email: matteo@open-lab.com               __ 
site: http://pupunzi.com                 __       
http://open-lab.com                __ 
blog: http://pupunzi.open-lab.com        __ 
Q&A:  http://jquery.pupunzi.com          __                __ 
Licences: MIT, GPL                       __    
http://www.opensource.org/licenses/mit-license.php              __    
http://www.gnu.org/licenses/gpl.html  __                __ 
Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);                ____________________________________________________________________
________________________________________________________________________________*/
@charset"UTF-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */
@font-face {
    font-family: 'ytpregular';
    src: url('ytplayer/ytp-regular.eot');
}

@font-face {
    font-family: 'ytpregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url('ytplayer/ytp-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.mb_YTPlayer :focus {
    outline: 0;
}

.mb_YTPlayer {
    display: block;
    transform: translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
    animation-timing-function: linear;
    box-sizing: border-box;
}

    .mb_YTPlayer.fullscreen {
        display: block !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

        .mb_YTPlayer.fullscreen .mbYTP_wrapper {
            opacity: 1 !important;
        }

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
    box-shadow: 0 0 5px rgba(0,0,0,.7);
    background: rgba(0,0,0,.5);
}

    .inline_YTPlayer img {
        border: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
/*CONTROL BAR*/

.mb_YTPBar .ytpicon {
    font-size: 20px;
    font-family: 'ytpregular';
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTPBar {
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: white;
    opacity: .1;
}

    .mb_YTPBar.visible, .mb_YTPBar:hover {
        opacity: 1;
    }

    .mb_YTPBar .buttonBar {
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        background: transparent;
        font: 12px/14px Calibri;
        position: absolute;
        top: -30px;
        left: 0;
        padding: 5px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mb_YTPBar:hover .buttonBar {
        background: rgba(0,0,0,0.4);
    }

    .mb_YTPBar span {
        display: inline-block;
        font: 16px/20px Calibri, sans-serif;
        position: relative;
        width: 30px;
        height: 25px;
        vertical-align: middle;
    }

        .mb_YTPBar span.mb_YTPTime {
            width: 130px;
        }

        .mb_YTPBar span.mb_YTPUrl, .mb_YTPBar span.mb_OnlyYT {
            position: absolute;
            width: auto;
            display: block;
            top: 6px;
            right: 10px;
            cursor: pointer;
        }

            .mb_YTPBar span.mb_YTPUrl img {
                width: 60px;
            }

        .mb_YTPBar span.mb_OnlyYT {
            left: 185px;
            right: auto;
        }

            .mb_YTPBar span.mb_OnlyYT img {
                width: 25px;
            }

        .mb_YTPBar span.mb_YTPUrl a {
            color: white;
        }

.mb_YTPPlaypause, .mb_YTPlayer .mb_YTPPlaypause img {
    cursor: pointer;
}

.mb_YTPMuteUnmute {
    cursor: pointer;
}
/*PROGRESS BAR*/

.mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #111;
    bottom: 0;
    left: 0;
}

.mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0;
}

.mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #fff;
    bottom: 0;
    left: 0;
    box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}

.YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: "flat";
    box-sizing: border-box;
}
    /*RASTER OVERLAY*/

    .YTPOverlay.raster {
        background: url("ytplayer/raster.png");
    }

        .YTPOverlay.raster.retina {
            background: url("ytplayer/raster@2x.png");
        }

    .YTPOverlay.raster-dot {
        background: url("ytplayer/raster_dot.png");
    }

        .YTPOverlay.raster-dot.retina {
            background: url("ytplayer/raster_dot@2x.png");
        }


/*
 * 	Hover.css
 * -----------------------------------------------
*/
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover {
        -webkit-animation-name: hvr-pulse;
        animation-name: hvr-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-push:active, .hvr-push:focus, .hvr-push:hover {
        -webkit-animation-name: hvr-push;
        animation-name: hvr-push;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
        transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
    }

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
        transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
    }

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover {
        -webkit-transform: scale(1.1) rotate(4deg);
        transform: scale(1.1) rotate(4deg)
    }

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

    .hvr-float:active, .hvr-float:focus, .hvr-float:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

    .hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover {
        -webkit-animation-name: hvr-bob-float,hvr-bob;
        animation-name: hvr-bob-float,hvr-bob;
        -webkit-animation-duration: .3s,1.5s;
        animation-duration: .3s,1.5s;
        -webkit-animation-delay: 0s,.3s;
        animation-delay: 0s,.3s;
        -webkit-animation-timing-function: ease-out,ease-in-out;
        animation-timing-function: ease-out,ease-in-out;
        -webkit-animation-iteration-count: 1,infinite;
        animation-iteration-count: 1,infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal,alternate;
        animation-direction: normal,alternate
    }

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover {
        -webkit-animation-name: hvr-hang-sink,hvr-hang;
        animation-name: hvr-hang-sink,hvr-hang;
        -webkit-animation-duration: .3s,1.5s;
        animation-duration: .3s,1.5s;
        -webkit-animation-delay: 0s,.3s;
        animation-delay: 0s,.3s;
        -webkit-animation-timing-function: ease-out,ease-in-out;
        animation-timing-function: ease-out,ease-in-out;
        -webkit-animation-iteration-count: 1,infinite;
        animation-iteration-count: 1,infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal,alternate;
        animation-direction: normal,alternate
    }

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg)
    }

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg)
    }

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,-6px);
        transform: translate(-6px,-6px)
    }

    49.95% {
        -webkit-transform: translate(4px,4px);
        transform: translate(4px,4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    83.25% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover {
        -webkit-animation-name: hvr-wobble-to-bottom-right;
        animation-name: hvr-wobble-to-bottom-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px)
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px)
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px)
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover {
        -webkit-animation-name: hvr-wobble-top;
        animation-name: hvr-wobble-top;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

    .hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover {
        -webkit-animation-name: hvr-wobble-bottom;
        animation-name: hvr-wobble-bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover {
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: .15s;
        animation-duration: .15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

    .hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover {
        -webkit-animation-name: hvr-buzz-out;
        animation-name: hvr-buzz-out;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover {
        background-color: #2098d1;
        color: #fff
    }

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32,152,209,.75)
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover {
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #2098d1;
        background-color: #2098d1;
        color: #fff
    }

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
        color: #fff
    }

        .hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-sweep-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover {
        color: #fff
    }

        .hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-sweep-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover {
        color: #fff
    }

        .hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-sweep-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover {
        color: #fff
    }

        .hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover {
        color: #fff
    }

        .hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
            transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
        }

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover {
        color: #fff
    }

        .hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
            transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
        }

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover {
        color: #fff
    }

        .hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
            transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
        }

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

    .hvr-bounce-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover {
        color: #fff
    }

        .hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
            transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
        }

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-radial-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover {
        color: #fff
    }

        .hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before {
            -webkit-transform: scale(2);
            transform: scale(2)
        }

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-radial-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        border-radius: 100%;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover {
        color: #fff
    }

        .hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-rectangle-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover {
        color: #fff
    }

        .hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-rectangle-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover {
        color: #fff
    }

        .hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-shutter-in-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover {
        color: #fff
    }

        .hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before {
            -webkit-transform: scaleX(0);
            transform: scaleX(0)
        }

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
        color: #fff
    }

        .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-shutter-in-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover {
        color: #fff
    }

        .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before {
            -webkit-transform: scaleY(0);
            transform: scaleY(0)
        }

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-shutter-out-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover {
        color: #fff
    }

        .hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

    .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover {
        box-shadow: inset 0 0 0 4px #2098d1,0 0 1px rgba(0,0,0,0)
    }

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)
}

    .hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover {
        background: 0 0
    }

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-trim:before {
        content: '';
        position: absolute;
        border: #fff solid 4px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

    .hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before {
        opacity: 1
    }

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s
    }

    .hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out
    }

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-ripple-in:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s
    }

    .hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before {
        -webkit-animation-name: hvr-ripple-in;
        animation-name: hvr-ripple-in
    }

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-outline-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: top,right,bottom,left;
        transition-property: top,right,bottom,left
    }

    .hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px
    }

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: top,right,bottom,left;
        transition-property: top,right,bottom,left
    }

    .hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1
    }

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius
}

    .hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover {
        border-radius: 1em
    }

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
        right: 0
    }

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left,right;
        transition-property: left,right;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before {
        left: 0;
        right: 0
    }

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-underline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before {
        left: 0
    }

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-overline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before {
        right: 0
    }

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-overline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left,right;
        transition-property: left,right;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before {
        left: 0;
        right: 0
    }

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-overline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before {
        left: 0
    }

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-color: #2098d1;
        border-style: solid;
        border-width: 0;
        -webkit-transition-property: border-width;
        transition-property: border-width;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        border-width: 4px
    }

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-underline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

    .hvr-overline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

    .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
        box-shadow: 0 0 8px rgba(0,0,0,.6)
    }

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

    .hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover {
        box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
    }

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform
}

    .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
        box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}

    .hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover {
        box-shadow: 2px 2px 2px rgba(0,0,0,.6)
    }

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)
}

    .hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover {
        box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)
    }

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
        background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform,opacity;
        transition-property: transform,opacity
    }

    .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-shadow-radial:after, .hvr-shadow-radial:before {
        pointer-events: none;
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        box-sizing: border-box;
        height: 5px;
        opacity: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

    .hvr-shadow-radial:before {
        bottom: 100%;
        background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
        background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
    }

    .hvr-shadow-radial:after {
        top: 100%;
        background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
        background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)
    }

    .hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before {
        opacity: 1
    }

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-bubble-top:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        top: 0;
        border-width: 0 10px 10px;
        border-color: transparent transparent #e1e1e1
    }

    .hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-bubble-right:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1
    }

    .hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-bubble-bottom:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 10px 10px 0;
        border-color: #e1e1e1 transparent transparent
    }

    .hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-bubble-left:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent
    }

    .hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-bubble-float-top:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        top: 0;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #e1e1e1;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

    .hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

        .hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-bubble-float-right:before {
        position: absolute;
        z-index: -1;
        top: calc(50% - 10px);
        right: 0;
        content: '';
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

    .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

        .hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-bubble-float-bottom:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        bottom: 0;
        border-style: solid;
        border-width: 10px 10px 0;
        border-color: #e1e1e1 transparent transparent;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

    .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

        .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

    .hvr-bubble-float-left:before {
        position: absolute;
        z-index: -1;
        content: '';
        top: calc(50% - 10px);
        left: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

    .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

        .hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

    .hvr-icon-back:before {
        content: "\f137";
        position: absolute;
        left: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

    .hvr-icon-forward:before {
        content: "\f138";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

@-webkit-keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-down:before {
        content: "\f01a";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

@-webkit-keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {
    0%,100%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-up:before {
        content: "\f01b";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before {
        -webkit-animation-name: hvr-icon-up;
        animation-name: hvr-icon-up;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-spin:before {
        content: "\f021";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    .hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100%,51% {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-drop:before {
        content: "\f041";
        position: absolute;
        right: 1em;
        opacity: 1;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before {
        opacity: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-animation-name: hvr-icon-drop;
        animation-name: hvr-icon-drop;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.52,1.64,.37,.66);
        animation-timing-function: cubic-bezier(0.52,1.64,.37,.66)
    }

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-fade:before {
        content: "\f00c";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: color;
        transition-property: color
    }

    .hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before {
        color: #0F9E5E
    }

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em)
    }
}

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-float-away:after, .hvr-icon-float-away:before {
        content: "\f055";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome
    }

    .hvr-icon-float-away:after {
        opacity: 0;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after {
        -webkit-animation-name: hvr-icon-float-away;
        animation-name: hvr-icon-float-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }
}

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-sink-away:after, .hvr-icon-sink-away:before {
        content: "\f056";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-sink-away:after {
        opacity: 0;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after {
        -webkit-animation-name: hvr-icon-sink-away;
        animation-name: hvr-icon-sink-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-grow:before {
        content: "\f118";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before {
        -webkit-transform: scale(1.3) translateZ(0);
        transform: scale(1.3) translateZ(0)
    }

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-shrink:before {
        content: "\f119";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-pulse:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before {
        -webkit-animation-name: hvr-icon-pulse;
        animation-name: hvr-icon-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-pulse-grow:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before {
        -webkit-animation-name: hvr-icon-pulse-grow;
        animation-name: hvr-icon-pulse-grow;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em
}

    .hvr-icon-pulse-shrink:before {
        content: "\f015";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before {
        -webkit-animation-name: hvr-icon-pulse-shrink;
        animation-name: hvr-icon-pulse-shrink;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-push:before {
        content: "\f006";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before {
        -webkit-animation-name: hvr-icon-push;
        animation-name: hvr-icon-push;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-pop:before {
        content: "\f005";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before {
        -webkit-animation-name: hvr-icon-pop;
        animation-name: hvr-icon-pop;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-bounce:before {
        content: "\f087";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
        transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
    }

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-rotate:before {
        content: "\f0c6";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-grow-rotate:before {
        content: "\f095";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before {
        -webkit-transform: scale(1.5) rotate(12deg);
        transform: scale(1.5) rotate(12deg)
    }

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-float:before {
        content: "\f01b";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-sink:before {
        content: "\f01a";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-bob:before {
        content: "\f077";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before {
        -webkit-animation-name: hvr-icon-bob-float,hvr-icon-bob;
        animation-name: hvr-icon-bob-float,hvr-icon-bob;
        -webkit-animation-duration: .3s,1.5s;
        animation-duration: .3s,1.5s;
        -webkit-animation-delay: 0s,.3s;
        animation-delay: 0s,.3s;
        -webkit-animation-timing-function: ease-out,ease-in-out;
        animation-timing-function: ease-out,ease-in-out;
        -webkit-animation-iteration-count: 1,infinite;
        animation-iteration-count: 1,infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal,alternate;
        animation-direction: normal,alternate
    }

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-hang:before {
        content: "\f078";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before {
        -webkit-animation-name: hvr-icon-hang-sink,hvr-icon-hang;
        animation-name: hvr-icon-hang-sink,hvr-icon-hang;
        -webkit-animation-duration: .3s,1.5s;
        animation-duration: .3s,1.5s;
        -webkit-animation-delay: 0s,.3s;
        animation-delay: 0s,.3s;
        -webkit-animation-timing-function: ease-out,ease-in-out;
        animation-timing-function: ease-out,ease-in-out;
        -webkit-animation-iteration-count: 1,infinite;
        animation-iteration-count: 1,infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal,alternate;
        animation-direction: normal,alternate
    }

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-wobble-horizontal:before {
        content: "\f061";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before {
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-wobble-vertical:before {
        content: "\f062";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before {
        -webkit-animation-name: hvr-icon-wobble-vertical;
        animation-name: hvr-icon-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-buzz:before {
        content: "\f017";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before {
        -webkit-animation-name: hvr-icon-buzz;
        animation-name: hvr-icon-buzz;
        -webkit-animation-duration: .15s;
        animation-duration: .15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .hvr-icon-buzz-out:before {
        content: "\f023";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before {
        -webkit-animation-name: hvr-icon-buzz-out;
        animation-name: hvr-icon-buzz-out;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-curl-top-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        background: #fff;
        background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
        z-index: 1000;
        box-shadow: 1px 1px 1px rgba(0,0,0,.4);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: width,height;
        transition-property: width,height
    }

    .hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before {
        width: 25px;
        height: 25px
    }

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: #fff;
        background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
        box-shadow: -1px 1px 1px rgba(0,0,0,.4);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: width,height;
        transition-property: width,height
    }

    .hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before {
        width: 25px;
        height: 25px
    }

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-curl-bottom-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
        box-shadow: -1px -1px 1px rgba(0,0,0,.4);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: width,height;
        transition-property: width,height
    }

    .hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before {
        width: 25px;
        height: 25px
    }

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

    .hvr-curl-bottom-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
        box-shadow: 1px -1px 1px rgba(0,0,0,.4);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: width,height;
        transition-property: width,height
    }

    .hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before {
        width: 25px;
        height: 25px
    }

/*
 * 	Menuzord-Responsive-Megamenu
 * -----------------------------------------------
*/
/*Item name: Menuzord - Responsive 
MegamenuAuthor: marcoarib - marco.arib@gmail.com
License: http://codecanyon.net/licenses
*/
.menuzord, .menuzord * {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menuzord {
    width: 100%;
    padding: 0 30px;
    float: left;
    position: relative;
    background: #fff;
}

    .menuzord a {
        -o-transition: color .3s linear, background .3s linear;
        -moz-transition: color .3s linear, background .3s linear;
        -webkit-transition: color .3s linear, background .3s linear;
        transition: color .3s linear, background .3s linear;
    }
/* scrollable menu */

.menuzord-menu.scrollable > .scrollable-fix {
    display: none;
}
/* 2 - BRAND======================================*/

.menuzord-brand {
    margin: 18px 30px 0 0;
    float: left;
    color: #666;
    text-decoration: none;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    cursor: pointer;
}
/* 3 - MENU======================================*/

.menuzord-menu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
    /* Right alignment */

    .menuzord-menu.menuzord-right {
        float: right;
    }
    /* Menu items */

    .menuzord-menu > li {
        display: inline-block;
        float: left;
    }

        .menuzord-menu > li > a {
            padding: 26px 16px;
            display: inline-block;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400;
            color: #888;
            outline: 0;
            line-height: 1.42857143;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-tap-highlight-color: transparent;
        }
        /* Active/hover state (Menu items) */

        .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a {
            color: #333;
        }
    /* 4 - DROPDOWN======================================*/

    .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        position: absolute;
        z-index: 99;
        min-width: 180px;
        white-space: nowrap;
        background: #fff;
    }

        .menuzord-menu ul.dropdown li ul.dropdown {
            left: 100%;
        }
        /* Dropdown items */

        .menuzord-menu ul.dropdown li {
            clear: both;
            width: 100%;
            border: 0 none;
            font-size: 12px;
            position: relative;
        }

            .menuzord-menu ul.dropdown li a {
                width: 100%;
                background: none;
                padding: 10px 25px 10px 22px;
                color: #888;
                text-decoration: none;
                display: inline-block;
                float: left;
                clear: both;
                position: relative;
                outline: 0;
                -o-transition: padding .2s linear;
                -moz-transition: padding .2s linear;
                -webkit-transition: padding .2s linear;
                transition: padding .2s linear;
            }
            /* Hover state (dropdown items) */

            .menuzord-menu ul.dropdown li:hover > a {
                padding-left: 28px;
                padding-right: 19px;
                color: #333;
            }
        /* Dropdown left alignment */

        .menuzord-menu ul.dropdown.dropdown-left {
            left: none;
        }

        .menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
            left: -100%;
        }
    /* 5 - DROPDOWN/MEGAMENU INDICATORS======================================*/

    .menuzord-menu li .indicator {
        margin-left: 3px;
    }

    .menuzord-menu li ul.dropdown li .indicator {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 15px;
    }
    /* 6 - MEGAMENU======================================*/

    .menuzord-menu > li > .megamenu {
        width: 100%;
        padding: 20px 30px;
        left: 0;
        position: absolute;
        display: none;
        z-index: 99;
        border-top: solid 1px #f0f0f0;
        background: #fff;
    }
        /* 7 - MEGAMENU WIDTHS======================================*/ /* Half width */

        .menuzord-menu > li > .megamenu.megamenu-half-width {
            width: 50%;
            left: auto;
        }
        /* Quarter width */

        .menuzord-menu > li > .megamenu.megamenu-quarter-width {
            width: 25%;
            left: auto;
        }
        /* 8 - GRID SYSTEM======================================*/

        .menuzord-menu > li > .megamenu .megamenu-row {
            width: 100%;
            margin-top: 15px;
        }

            .menuzord-menu > li > .megamenu .megamenu-row:first-child {
                margin-top: 0;
            }

            .menuzord-menu > li > .megamenu .megamenu-row:before, .menuzord-menu > li > .megamenu .megamenu-row:after {
                display: table;
                content: "";
                line-height: 0;
            }

            .menuzord-menu > li > .megamenu .megamenu-row:after {
                clear: both;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col1, .menuzord-menu > li > .megamenu .megamenu-row .col2, .menuzord-menu > li > .megamenu .megamenu-row .col3, .menuzord-menu > li > .megamenu .megamenu-row .col4, .menuzord-menu > li > .megamenu .megamenu-row .col5, .menuzord-menu > li > .megamenu .megamenu-row .col6, .menuzord-menu > li > .megamenu .megamenu-row .col7, .menuzord-menu > li > .megamenu .megamenu-row .col8, .menuzord-menu > li > .megamenu .megamenu-row .col9, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12 {
                display: block;
                min-height: 20px;
                float: left;
                margin-left: 3%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child {
                margin-left: 0;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col1 {
                width: 5.583333333333%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col2 {
                width: 14.166666666666%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col3 {
                width: 22.75%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col4 {
                width: 31.333333333333%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col5 {
                width: 39.916666666667%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col6 {
                width: 48.5%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col7 {
                width: 57.083333333333%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col8 {
                width: 65.666666666667%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col9 {
                width: 74.25%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col10 {
                width: 82.833333333334%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col11 {
                width: 91.416666666667%;
            }

            .menuzord-menu > li > .megamenu .megamenu-row .col12 {
                width: 100%;
            }
/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)======================================*/

.menuzord .showhide {
    width: 60px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: right;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
    /* Show/hide button icon */

    .menuzord .showhide em {
        width: 20px;
        height: 3px;
        margin: 3.5px 20px 0;
        float: right;
        background: #777;
    }
/* 10 - ICONS (parent menu items)======================================*/

.menuzord-menu > li > a > i {
    margin: 0 5px 0 0;
    font-size: 18px;
    float: left;
    line-height: 20px;
    font-family: 'FontAwesome';
}
/* 11 - SEARCH FIELD======================================*/ /* Form */

.menuzord-menu > li.search form {
    float: left;
    padding: 22px 16px 17px;
}
    /* Input */

    .menuzord-menu > li.search form input[type="text"] {
        width: 160px;
        padding: 5px 10px;
        font-family: 'Open Sans', sans-serif;
        border: none;
        background: #f0f0f0;
        border-radius: 2px;
        outline: 0;
        -o-transition: width 1s ease-out;
        -moz-transition: width 1s ease-out;
        -webkit-transition: width 1s ease-out;
        transition: width 1s ease-out;
    }

    .menuzord-menu > li.search form:hover input[type="text"] {
        width: 160px;
    }
/* 12 - VERTICAL TABS======================================*/

.menuzord-tabs {
    width: 100%;
    float: left;
}

.menuzord-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

    .menuzord-tabs-nav > li > a {
        width: 100%;
        padding: 7px 16px;
        float: left;
        font-size: 13px;
        text-decoration: none;
        color: #666;
        border: solid 1px #f0f0f0;
        outline: 0;
    }

    .menuzord-tabs-nav li.active a, .menuzord-tabs-nav li:hover a {
        background: #f0f0f0;
    }

.menuzord-tabs-content {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    font-size: 13px;
    border: solid 1px #f0f0f0;
}

    .menuzord-tabs-content.active {
        display: block;
    }
/* 13 - COLOR SCHEMES======================================*/ /* blue */

.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a {
    color: #4A89DC;
}
/* green */

.menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a {
    color: #37BC9B;
}
/* red */

.menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a {
    color: #E9573F;
}
/* orange */

.menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a {
    color: #ff670f;
}
/* yellow */

.menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a {
    color: #F6BB42;
}
/* purple */

.menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a {
    color: #967ADC;
}
/* pink */

.menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a {
    color: #D770AD;
}
/* 14 - MOBILE MODE (RESPONSIVE MODE)======================================*/

@media (max-width: 900px) { /* Responsive menu container */

    .menuzord-responsive.menuzord {
        padding: 0;
    }
    /* Brand */

    .menuzord-responsive .menuzord-brand {
        margin: 8px 30px 10px 20px;
        font-size: 20px;
        line-height: 1.55;
    }
    /* Show/hide button */

    .menuzord-responsive .showhide {
        margin: 0;
    }
    /* Menu */

    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left !important;
    }
        /* scrollable menu*/

        .menuzord-responsive .menuzord-menu.scrollable {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

            .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
                display: block;
            }
        /* Menu items */

        .menuzord-responsive .menuzord-menu > li {
            width: 100%;
            display: block;
            position: relative;
        }

            .menuzord-responsive .menuzord-menu > li > a {
                width: 100%;
                padding: 12px 20px;
                display: block;
                border-bottom: solid 1px #f0f0f0;
            }

            .menuzord-responsive .menuzord-menu > li:first-child > a {
                border-top: solid 1px #f0f0f0;
            }
        /* Dropdown */

        .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
            width: 100%;
            left: 0;
            position: static;
            border: none;
            background: #fff;
            float: left;
        }
            /* Dropdown items */

            .menuzord-responsive .menuzord-menu ul.dropdown li {
                position: relative;
            }

                .menuzord-responsive .menuzord-menu ul.dropdown li a {
                    border-bottom: solid 1px #f0f0f0;
                }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
            padding-left: 40px !important;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 60px !important;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
            padding-left: 80px !important;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
            padding-left: 50px !important;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a {
            padding-left: 70px !important;
        }

        .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a {
            padding-left: 90px !important;
        }
        /* Dropdown/megamenu indicators */

        .menuzord-responsive .menuzord-menu li .indicator {
            width: 60px;
            height: 45px;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 22px;
            text-align: center;
            line-height: 43px;
            border-left: solid 1px #f5f5f5;
        }

        .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
            height: 38px;
            right: 0;
            top: 0;
            font-size: 18px;
            line-height: 36px;
        }
        /* Megamenu */

        .menuzord-responsive .menuzord-menu > li > .megamenu {
            width: 100% !important;
            left: 0 !important;
            position: static;
            border-top: none;
            border-bottom: solid 1px #f0f0f0;
        }

            .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"] {
                float: none;
                display: block;
                width: 100% !important;
                margin-left: 0;
                margin-top: 15px;
            }

            .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child {
                margin-top: 0;
            }

            .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row {
                margin-top: 0;
            }
        /* Search field */

        .menuzord-responsive .menuzord-menu > li.search form {
            width: 100%;
            margin: 4px 0;
            padding: 10px 16px !important;
        }

            .menuzord-responsive .menuzord-menu > li.search form input[type="text"] {
                width: 100%;
            }
    /* Tabs */

    .menuzord-responsive .menuzord-tabs-nav {
        width: 100%;
    }

    .menuzord-responsive .menuzord-tabs-content {
        width: 100%;
    }
}

/*
 * 	modernizr
 * -----------------------------------------------
*/
/* -------------------------------- Modules - reusable parts of our design-------------------------------- */
.cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .cd-container::after { /* clearfix */
        content: '';
        display: table;
        clear: both;
    }
/* -------------------------------- Main components -------------------------------- */

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #cd-timeline::before { /* this is the vertical line */
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #d7e4ed;
    }

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #cd-timeline::before {
            left: 50%;
            margin-left: -2px;
        }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .cd-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

    .cd-timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .cd-timeline-img.cd-picture {
        background: #75ce66;
    }

    .cd-timeline-img.cd-movie {
        background: #c03b44;
    }

    .cd-timeline-img.cd-location {
        background: #f0ca45;
    }

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px; /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

    .cd-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-timeline-content h2 {
        color: #303e49;
    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        display: inline-block;
    }

    .cd-timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .cd-timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: white;
        border-radius: 0.25em;
    }

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .cd-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: white;
        }

        .cd-timeline-content .cd-read-more {
            float: left;
        }

        .cd-timeline-content .cd-date {
            position: absolute;
            width: 100%;
            left: 122%;
            top: 6px;
            font-size: 16px;
            font-size: 1rem;
        }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: white;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
            float: right;
        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
            left: auto;
            right: 122%;
            text-align: right;
        }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/*
 * 	Maximage slider
 * -----------------------------------------------
*/
/*! Version: 2.0.73 (12-Oct-2012) */
.mc-hide-scrolls {
    overflow: hidden
}

body .mc-cycle {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

div.mc-image {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.mc-old-browser .mc-image {
    overflow: hidden
}

.maximage-slider #maximage {
    background-color: #000000;
    display: block;
    height: 100% !important;
    overflow: hidden;
    position: absolute;
    width: 100% !important;
    z-index: 0;
}

    .maximage-slider #maximage .mc-image {
        height: 100% !important;
    }

.maximage-slider.static #maximage {
    position: fixed;
}

.maximage-slider .fullscreen-controls {
    margin-top: -64px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 5;
}

    .maximage-slider .fullscreen-controls .img-prev, .maximage-slider .fullscreen-controls .img-next {
        color: #ffffff;
        filter: alpha(opacity=0);
        opacity: 0;
        position: absolute;
    }

        .maximage-slider .fullscreen-controls .img-prev i, .maximage-slider .fullscreen-controls .img-next i {
            font-size: 64px;
        }

        .maximage-slider .fullscreen-controls .img-prev:hover, .maximage-slider .fullscreen-controls .img-next:hover {
            cursor: pointer;
            text-decoration: none;
        }

    .maximage-slider .fullscreen-controls .img-prev {
        left: 15px;
        -webkit-transition: opacity 0.3s, left 0.3s;
        -o-transition: opacity 0.3s, left 0.3s;
        transition: opacity 0.3s, left 0.3s;
    }

    .maximage-slider .fullscreen-controls .img-next {
        right: 15px;
        -webkit-transition: opacity 0.3s, right 0.3s;
        -o-transition: opacity 0.3s, right 0.3s;
        transition: opacity 0.3s, right 0.3s;
    }

.maximage-slider:hover .fullscreen-controls .img-prev, .maximage-slider:hover .fullscreen-controls .img-next {
    filter: alpha(opacity=100);
    opacity: 1;
}

.maximage-slider:hover .fullscreen-controls .img-prev {
    left: 25px;
}

.maximage-slider:hover .fullscreen-controls .img-next {
    right: 25px;
}

/*
 * 	BxSlider
 * -----------------------------------------------
*/

/*** BxSlider v4.1.2 - Fully loaded, responsive content slider* http://bxslider.com** Written by: Steven Wanderski, 2014* http://stevenwanderski.com* (while drinking Belgian ales and listening to jazz)** CEO and founder of bxCreative, LTD* http://bxcreative.com*/ /** RESET AND LAYOUT===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }
    /** THEME===================================*/

    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #fff;
        left: -5px;
        background: #fff; /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }
    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(bxslider/images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }
    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(bxslider/images/arrow-left.html) no-repeat scroll 0 0;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(bxslider/images/arrow-right.html) no-repeat scroll 0 0;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }
    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(bxslider/images/arrow-left.html) no-repeat scroll 0 0;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(bxslider/images/arrow-right.html) no-repeat scroll 0 0;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }
    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

/*
 * 	FullCalendar
 * -----------------------------------------------
*/
/*!* FullCalendar v2.6.0 Stylesheet* Docs & License: http://fullcalendar.io/* (c) 2015 Adam Shaw*/ .fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
    font-size: 1em;
}
/* Colors--------------------------------------------------------------------------------------------------*/

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header {
        background: #eee;
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666;
        }

.fc-unthemed .fc-today {
    background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
    background: rgb(143, 223, 130);
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /*Acceptable font-family overrides for individual icons:"Arial", sans-serif"Times New Roman", serifNOTE: use percentage font sizes or else old IE chokes*/

    .fc-icon:after {
        position: relative;
        margin: 0 -1em; /* ensures character will be centered, regardless of width */
    }

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: 3%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: -3%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)--------------------------------------------------------------------------------------------------*/

.fc button { /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* dimensions */
    margin: 0;
    height: 2.1em;
    padding: 0 .6em; /* text & cursor */
    font-size: 1em; /* normalize */
    white-space: nowrap;
    cursor: pointer;
}
    /* Firefox has an annoying inner border */

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default { /* non-theme */
    border: 1px solid;
}

    .fc-state-default.fc-corner-left { /* non-theme */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right { /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
/* icons in buttons */

.fc button .fc-icon { /* non-theme */
    position: relative;
    top: -0.05em; /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    vertical-align: middle;
}
/*button statesborrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)*/

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    color: black;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: black;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down, .fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}
/* Buttons Groups--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}
/*every button that is not first in a button group should scootch over one pixel and cover theprevious button's border...*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
    margin-left: 0;
}
/* Popover--------------------------------------------------------------------------------------------------*/

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

    .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
        padding: 2px 4px;
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }

        .fc-popover .fc-header .fc-close {
            cursor: pointer;
        }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}
/* unthemed */

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px;
    }
/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0; /* where they meet, let the header have the border */
}
/* Misc Reusable Components--------------------------------------------------------------------------------------------------*/

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0; /* strech bg to bottom edge */
}

    .fc-bg table {
        height: 100%; /* strech bg to bottom edge */
    }
/* Tables--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
}

.fc th {
    text-align: center;
}

.fc th, .fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

    .fc td.fc-today {
        border-style: double; /* overcome neighboring borders */
    }
/* Fake Table Rows--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table { /* don't put left/right border on anything within a fake row.the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent; /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent; /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}

    .fc-row .fc-bg {
        z-index: 1;
    }
    /* highlighting cells & background event skeleton */

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
        bottom: 0; /* stretch skeleton to bottom of row */
    }

        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
            height: 100%; /* stretch skeleton to bottom of row */
        }

        .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
            border-color: transparent;
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }
    /*row content (which contains day/week numbers and events) as well as "helper" (which containstemporary rendered events).*/

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px; /* matches the space above the events */
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }

        .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */
            background: none; /* in case <td>s are globally styled */
            border-color: transparent; /* don't put a border between events and/or the day number */
            border-bottom: 0;
        }

        .fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */ .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */
            border-top: 0;
        }
/* Scrolling Container--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
    overflow-y: scroll;
    overflow-x: hidden;
}

    .fc-scroller > * { /* we expect an immediate inner element */
        position: relative; /* re-scope all positions */
        width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
        overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
    }
/* Global Event Styles--------------------------------------------------------------------------------------------------*/

.fc-event {
    position: relative; /* for resize handle and other inner positioning */
    display: block; /* make the <a> tag block */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad; /* default BORDER color */
    background-color: #3a87ad; /* default BACKGROUND color */
    font-weight: normal; /* undo jqui's ui-widget-header bold */
}
    /* overpower some of bootstrap's and jqui's styles on <a> tags */

    .fc-event, .fc-event:hover, .ui-widget .fc-event {
        color: #fff; /* default TEXT color */
        text-decoration: none; /* if <a> has an href */
    }

        .fc-event[href], .fc-event.fc-draggable {
            cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
        }

.fc-not-allowed, /* causes a "warning" cursor. applied on body */ .fc-not-allowed .fc-event { /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3;
}
/* Horizontal Events--------------------------------------------------------------------------------------------------*/ /* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px; /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px; /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px;
}
/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer:after {
    right: auto; /* ignore the right and only use the left */
    cursor: w-resize;
}
/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after {
    left: auto; /* ignore the left and only use the right */
    cursor: e-resize;
}
/* DayGrid events----------------------------------------------------------------------------------------------------We use the full "fc-day-grid-event" class instead of using descendants because the event won'tbe a descendant of the grid when it is being dragged.*/

.fc-day-grid-event {
    margin: 1px 2px 0; /* spacing between events and edges */
    padding: 0 1px;
}

    .fc-day-grid-event .fc-content { /* force events to be one-line tall */
        white-space: nowrap;
        overflow: hidden;
    }

    .fc-day-grid-event .fc-time {
        font-weight: bold;
    }

    .fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
        left: -3px;
        right: -3px;
        width: 7px;
    }
/* Event Limiting--------------------------------------------------------------------------------------------------*/ /* "more" link that represents hidden events */

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

    a.fc-more:hover {
        text-decoration: underline;
    }

.fc-limited { /* rows and cells that are hidden because of a "more" link */
    display: none;
}
/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

    .fc-more-popover .fc-event-container {
        padding: 10px;
    }
/* Now Indicator--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}
/* Toolbar--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}

    .fc-toolbar .fc-left {
        float: left;
    }

    .fc-toolbar .fc-right {
        float: right;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
    }
/* the things within each left/right/center section */

.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}
/* the first thing within each left/center/right section */

.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
    margin-left: 0;
}
/* title text */

.fc-toolbar h2 {
    margin: 0;
}
/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}
/* View Structure--------------------------------------------------------------------------------------------------*/ /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */ .fc-view > table { /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}
/* BasicView--------------------------------------------------------------------------------------------------*/ /* day row structure */

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* we are sure there are no day numbers in these views, so... */
    padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em; /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
    overflow: hidden;
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
/* week and day number styling */

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
    padding: 0 2px;
}

.fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
    text-align: center;
}

    .fc-basic-view .fc-week-number span { /* work around the way we do column resizing and ensure a minimum width */
        display: inline-block;
        min-width: 1.25em;
    }

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}

.fc-day-number.fc-other-month {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too fadedmight want to set the 'color' property insteadmaking day-numbers bold also fixes the problem */
}
/* AgendaView all-day area--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2; /* so the "more.." popover will be over the time grid */
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em; /* all-day section will never get shorter than this */
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
            padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
        }
/* TimeGrid axis running down the side (for both the all-day area and the slot area)--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal; /* overcome jqui theme making it bold */
}
/* TimeGrid Structure--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */ .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

    .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
        border: 0 hidden transparent;
    }

    .fc-time-grid > .fc-bg {
        z-index: 1;
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-content-col {
        position: relative; /* because now-indicator lives directly inside */
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
    }
    /* divs within a cell within the fc-content-skeleton */

    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1;
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-highlight-container {
        position: relative;
        z-index: 3;
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4;
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5;
    }

    .fc-time-grid .fc-helper-container { /* also is fc-event-container */
        position: relative;
        z-index: 6;
    }
    /* TimeGrid Slats (lines that run horizontally)--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0; /* each cell is responsible for its top border */
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted;
    }

    .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
        background: none; /* see through to fc-bg */
    }
    /* TimeGrid Highlighting Slots--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
        position: relative; /* scopes the left/right of the fc-highlight to be in the column */
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0; /* top and bottom will be in by JS */
    }
/* TimeGrid Event Containment--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent { /* background events always span full width */
    left: 0;
    right: 0;
}
/* Generic Vertical Event--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px; /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end { /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px; /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling----------------------------------------------------------------------------------------------------We use the full "fc-time-grid-event" class instead of using descendants because the event won'tbe a descendant of the grid when it is being dragged.*/

.fc-time-grid-event {
    overflow: hidden; /* don't let the bg flow over rounded corners */
}

    .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
        padding: 0 1px;
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap;
    }
    /* short mode, where time and title are on the same line */

    .fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */
        white-space: nowrap;
    }

    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */
        display: inline-block;
        vertical-align: top;
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none; /* don't display the full time text... */
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start); /* ...instead, display only the start time */
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em; /* make the title text the same size as the time */
        padding: 0; /* undo padding from above */
    }
    /* resizer */

    .fc-time-grid-event .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize;
    }

        .fc-time-grid-event .fc-resizer:after {
            content: "=";
        }
/* Now Indicator--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}
/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0; /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0; /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


/*
 * 	bootstrap code coloring
 * -----------------------------------------------
*/
.hll {
    background-color: #ffc
}

.c {
    color: #999
}

.err {
    color: #A00;
    background-color: #FAA
}

.k {
    color: #069
}

.o {
    color: #555
}

.cm {
    color: #999
}

.cp {
    color: #099
}

.c1 {
    color: #999
}

.cs {
    color: #999
}

.gd {
    background-color: #FCC;
    border: 1px solid #C00
}

.ge {
    font-style: italic
}

.gr {
    color: red
}

.gh {
    color: #030
}

.gi {
    background-color: #CFC;
    border: 1px solid #0C0
}

.go {
    color: #AAA
}

.gp {
    color: #009
}

.gu {
    color: #030
}

.gt {
    color: #9C6
}

.kc {
    color: #069
}

.kd {
    color: #069
}

.kn {
    color: #069
}

.kp {
    color: #069
}

.kr {
    color: #069
}

.kt {
    color: #078
}

.m {
    color: #F60
}

.s {
    color: #d44950
}

.na {
    color: #4f9fcf
}

.nb {
    color: #366
}

.nc {
    color: #0A8
}

.no {
    color: #360
}

.nd {
    color: #99F
}

.ni {
    color: #999
}

.ne {
    color: #C00
}

.nf {
    color: #C0F
}

.nl {
    color: #99F
}

.nn {
    color: #0CF
}

.nt {
    color: #2f6f9f
}

.nv {
    color: #033
}

.ow {
    color: #000
}

.w {
    color: #bbb
}

.mf {
    color: #F60
}

.mh {
    color: #F60
}

.mi {
    color: #F60
}

.mo {
    color: #F60
}

.sb {
    color: #C30
}

.sc {
    color: #C30
}

.sd {
    color: #C30;
    font-style: italic
}

.s2 {
    color: #C30
}

.se {
    color: #C30
}

.sh {
    color: #C30
}

.si {
    color: #A00
}

.sx {
    color: #C30
}

.sr {
    color: #3AA
}

.s1 {
    color: #C30
}

.ss {
    color: #FC3
}

.bp {
    color: #366
}

.vc {
    color: #033
}

.vg {
    color: #033
}

.vi {
    color: #033
}

.il {
    color: #F60
}

.css .nt + .nt, .css .o, .css .o + .nt {
    color: #999
}


/*
 * 	code highlight
 * -----------------------------------------------
*/
code[class*=language-], pre[class*=language-] {
    color: #000;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, Andale Mono, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

    code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
        text-shadow: none;
        background: #b3d4fc
    }

    code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
        text-shadow: none;
        background: #b3d4fc
    }

@media print {
    code[class*=language-], pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: #f5f2f0
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
    color: #905
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
    color: #690
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
    color: #a67f59;
    background: hsla(0,0%,100%,.5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function {
    color: #dd4a68
}

.token.important, .token.regex, .token.variable {
    color: #e90
}

.token.bold, .token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre.line-numbers {
    padding-left: 3.8em;
    counter-reset: a
}

    pre.line-numbers, pre.line-numbers > code {
        position: relative
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: a
}

    .line-numbers-rows > span:before {
        content: counter(a);
        color: #999;
        display: block;
        padding-right: .8em;
        text-align: right
    }

pre[class*=language-] {
    position: relative
}

    pre[class*=language-][data-language]:before {
        content: attr(data-language);
        color: #000;
        background-color: #cfcfcf;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: .9em;
        border-radius: 0 0 0 5px;
        padding: 0 .5em;
        text-shadow: none
    }


/*
 * 	prettyPhoto
 * -----------------------------------------------
*/
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px
}

    div.pp_default .pp_top .pp_left {
        background: url(prettyPhoto/default/sprite.png) -78px -93px no-repeat
    }

    div.pp_default .pp_top .pp_middle {
        background: url(prettyPhoto/default/sprite_x.png) top left repeat-x
    }

    div.pp_default .pp_top .pp_right {
        background: url(prettyPhoto/default/sprite.png) -112px -93px no-repeat
    }

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

    div.pp_default .pp_expand:hover {
        background: url(prettyPhoto/default/sprite.png) 0 -56px no-repeat;
        cursor: pointer
    }

div.pp_default .pp_contract {
    background: url(prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

    div.pp_default .pp_contract:hover {
        background: url(prettyPhoto/default/sprite.png) 0 -113px no-repeat;
        cursor: pointer
    }

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default .pp_gallery ul li a {
    background: url(prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        position: absolute;
        top: 2px;
        margin: 0;
        padding: 0 0 0 10px
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: 0.7
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

    div.light_rounded .pp_expand:hover {
        background: url(prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer
    }

div.light_rounded .pp_contract {
    background: url(prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

    div.light_rounded .pp_contract:hover {
        background: url(prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer
    }

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    background: url(prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

    div.dark_rounded .pp_expand:hover {
        background: url(prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer
    }

div.dark_rounded .pp_contract {
    background: url(prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

    div.dark_rounded .pp_contract:hover {
        background: url(prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer
    }

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff
}

div.dark_rounded .pp_nav .pp_play {
    background: url(prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

    div.dark_square .pp_expand:hover {
        background: url(prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer
    }

div.dark_square .pp_contract {
    background: url(prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

    div.dark_square .pp_contract:hover {
        background: url(prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer
    }

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_nav {
    clear: none
}

    div.dark_square .pp_nav .pp_play {
        background: url(prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
        height: 15px;
        width: 14px
    }

    div.dark_square .pp_nav .pp_pause {
        background: url(prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
        height: 15px;
        width: 14px
    }

div.dark_square .pp_arrow_previous {
    background: url(prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

    div.light_square .pp_expand:hover {
        background: url(prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer
    }

div.light_square .pp_contract {
    background: url(prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

    div.light_square .pp_contract:hover {
        background: url(prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer
    }

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    background: url(prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

    div.facebook .pp_expand:hover {
        background: url(prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer
    }

div.facebook .pp_contract {
    background: url(prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

    div.facebook .pp_contract:hover {
        background: url(prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
        cursor: pointer
    }

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default
    }

div.facebook .pp_arrow_next {
    background: url(prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default
    }

div.facebook .pp_nav {
    margin-top: 0
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px
    }

    div.facebook .pp_nav .pp_play {
        background: url(prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px
    }

    div.facebook .pp_nav .pp_pause {
        background: url(prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px
    }

div.facebook .pp_next:hover {
    background: url(prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

    .pp_content_container .pp_left {
        padding-left: 20px
    }

    .pp_content_container .pp_right {
        padding-right: 20px
    }

    .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px
    }

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

    .pp_social .facebook {
        float: left;
        margin-left: 5px;
        width: 55px;
        overflow: hidden
    }

    .pp_social .twitter {
        float: left
    }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

    .pp_nav p {
        float: left;
        white-space: nowrap;
        margin: 2px 4px
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative
    }

    .pp_gallery ul {
        float: left;
        height: 35px;
        position: relative;
        white-space: nowrap;
        margin: 0 0 0 5px;
        padding: 0
    }

        .pp_gallery ul a {
            border: 1px rgba(0,0,0,0.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden
        }

            .pp_gallery ul a img {
                border: 0
            }

    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0
    }

        .pp_gallery li.default a {
            background: url(prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px
        }

    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
        margin-top: 7px !important
    }

a.pp_next {
    background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1 !important
}

    #pp_full_res .pp_inline {
        text-align: left
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px
        }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff
}

    div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
        color: #000
    }

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url(prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
    background: url(prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px
}

    .pp_top .pp_left, .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px
    }

    .pp_top .pp_middle, .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px
    }

    * html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
        left: 0;
        position: static
    }

    .pp_top .pp_right, .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }

.pp_fade, .pp_gallery li.default a img {
    display: none
}


/*
 * 	Clock1 - The Final Countdown
 * -----------------------------------------------
*/
/* no css needed */

/*
 * 	Clock2 - flipclock
 * -----------------------------------------------
*/
/* Get the bourbon mixin from http://bourbon.io */ /* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

    .flip-clock-wrapper a:hover {
        color: #fff;
    }

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}
/* Main */

.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

    .flip-clock-meridium a {
        color: #313333;
    }

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em;
}

    .flip-clock-wrapper:before, .flip-clock-wrapper:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .flip-clock-wrapper:after {
        clear: both;
    }
    /* Skeleton */

    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 5px;
        width: 60px;
        height: 90px;
        font-size: 80px;
        font-weight: bold;
        line-height: 87px;
        border-radius: 6px;
        background: #000;
    }

        .flip-clock-wrapper ul li {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height: 87px;
            text-decoration: none !important;
        }

            .flip-clock-wrapper ul li:first-child {
                z-index: 2;
            }

            .flip-clock-wrapper ul li a {
                display: block;
                height: 100%;
                -webkit-perspective: 200px;
                -moz-perspective: 200px;
                perspective: 200px;
                margin: 0 !important;
                overflow: visible !important;
                cursor: default !important;
            }

                .flip-clock-wrapper ul li a div {
                    z-index: 1;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    height: 50%;
                    font-size: 80px;
                    overflow: hidden;
                    outline: 1px solid transparent;
                }

                    .flip-clock-wrapper ul li a div .shadow {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 2;
                    }

                    .flip-clock-wrapper ul li a div.up {
                        -webkit-transform-origin: 50% 100%;
                        -moz-transform-origin: 50% 100%;
                        -ms-transform-origin: 50% 100%;
                        -o-transform-origin: 50% 100%;
                        transform-origin: 50% 100%;
                        top: 0;
                    }

                        .flip-clock-wrapper ul li a div.up:after {
                            content: "";
                            position: absolute;
                            top: 44px;
                            left: 0;
                            z-index: 5;
                            width: 100%;
                            height: 3px;
                            background-color: #000;
                            background-color: rgba(0, 0, 0, 0.4);
                        }

                    .flip-clock-wrapper ul li a div.down {
                        -webkit-transform-origin: 50% 0;
                        -moz-transform-origin: 50% 0;
                        -ms-transform-origin: 50% 0;
                        -o-transform-origin: 50% 0;
                        transform-origin: 50% 0;
                        bottom: 0;
                        border-bottom-left-radius: 6px;
                        border-bottom-right-radius: 6px;
                    }

                    .flip-clock-wrapper ul li a div div.inn {
                        position: absolute;
                        left: 0;
                        z-index: 1;
                        width: 100%;
                        height: 200%;
                        color: #ccc;
                        text-shadow: 0 1px 2px #000;
                        text-align: center;
                        background-color: #333;
                        border-radius: 6px;
                        font-size: 70px;
                    }

                    .flip-clock-wrapper ul li a div.up div.inn {
                        top: 0;
                    }

                    .flip-clock-wrapper ul li a div.down div.inn {
                        bottom: 0;
                    }
        /* PLAY */

        .flip-clock-wrapper ul.play li.flip-clock-before {
            z-index: 3;
        }

    .flip-clock-wrapper .flip {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    }

    .flip-clock-wrapper ul.play li.flip-clock-active {
        -webkit-animation: asd 0.5s 0.5s linear both;
        -moz-animation: asd 0.5s 0.5s linear both;
        animation: asd 0.5s 0.5s linear both;
        z-index: 5;
    }

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px;
}

    .flip-clock-divider:first-child {
        width: 0;
    }

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
}

.flip-clock-dot.top {
    top: 30px;
}

.flip-clock-dot.bottom {
    bottom: 30px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}
/* SHADOW */

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}
/*DOWN*/

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



/*!
 * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

    .datepicker.datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0,0,0,.15);
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid rgba(0,0,0,.15)
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff
    }

.datepicker > div {
    display: none
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .datepicker table tr td, .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none
    }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #777
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

    .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
        color: #000;
        background-color: #afd9ee;
        border-color: #298fc2
    }

    .datepicker table tr td.highlighted:hover {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

    .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

        .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover {
            color: #000;
            background-color: #91cbe8;
            border-color: #298fc2
        }

    .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
        background-color: #d9edf7;
        border-color: #85c5e5
    }

    .datepicker table tr td.highlighted.focused {
        background: #afd9ee
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
        background: #d9edf7;
        color: #777
    }

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

    .datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
        color: #000;
        background-color: #ffc966;
        border-color: #b37400
    }

    .datepicker table tr td.today:hover {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

    .datepicker table tr td.today.active, .datepicker table tr td.today:active {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

        .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
            color: #000;
            background-color: #ffbc42;
            border-color: #b37400
        }

    .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
        background-color: #ffdb99;
        border-color: #ffb733
    }

    .datepicker table tr td.today.focused {
        background: #ffc966
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
        background: #ffdb99;
        color: #777
    }

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0
}

    .datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
        color: #000;
        background-color: #d5d5d5;
        border-color: #7c7c7c
    }

    .datepicker table tr td.range:hover {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

    .datepicker table tr td.range.active, .datepicker table tr td.range:active {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

        .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover {
            color: #000;
            background-color: #c3c3c3;
            border-color: #7c7c7c
        }

    .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
        background-color: #eee;
        border-color: #bbb
    }

    .datepicker table tr td.range.focused {
        background: #d5d5d5
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
        background: #eee;
        color: #777
    }

    .datepicker table tr td.range.highlighted {
        color: #000;
        background-color: #e4eef3;
        border-color: #9dc1d3
    }

        .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
            color: #000;
            background-color: #c1d7e3;
            border-color: #4b88a6
        }

        .datepicker table tr td.range.highlighted:hover {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

        .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

            .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover {
                color: #000;
                background-color: #a8c8d8;
                border-color: #4b88a6
            }

        .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
            background-color: #e4eef3;
            border-color: #9dc1d3
        }

        .datepicker table tr td.range.highlighted.focused {
            background: #c1d7e3
        }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
            background: #e4eef3;
            color: #777
        }

    .datepicker table tr td.range.today {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417
    }

        .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
            color: #000;
            background-color: #f4b747;
            border-color: #815608
        }

        .datepicker table tr td.range.today:hover {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

            .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover {
                color: #000;
                background-color: #f2aa25;
                border-color: #815608
            }

        .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
            background-color: #f7ca77;
            border-color: #f1a417
        }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
            background: #f7ca77;
            color: #777
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #161616
    }

    .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:hover {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737
    }

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active {
        color: #fff;
        background-color: #5e5e5e;
        border-color: #373737
    }

        .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover {
            color: #fff;
            background-color: #4c4c4c;
            border-color: #161616
        }

    .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
        background-color: #777;
        border-color: #555
    }

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

    .datepicker table tr td span.focused, .datepicker table tr td span:hover {
        background: #eee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #777;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25)
    }

        .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
            color: #fff;
            background-color: #286090;
            border-color: #122b40
        }

        .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74
        }

            .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
                color: #fff;
                background-color: #286090;
                border-color: #204d74
            }

                .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
                    color: #fff;
                    background-color: #204d74;
                    border-color: #122b40
                }

            .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
                background-color: #337ab7;
                border-color: #2e6da4
            }

    .datepicker table tr td span.new, .datepicker table tr td span.old {
        color: #777
    }

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
        background: #eee
    }

    .datepicker .next.disabled, .datepicker .prev.disabled {
        visibility: hidden
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

    .input-daterange input {
        text-align: center
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.42857143;
        text-shadow: 0 1px 0 #fff;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px
    }



/*!
 * jquery-timepicker v1.11.1 - A jQuery timepicker plugin inspired by Google Calendar. It supports both mouse and keyboard navigation.
 * Copyright (c) 2016 Jon Thornton - http://jonthornton.github.com/jquery-timepicker/
 * License: MIT
 */
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

    li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }


/*!
 * bootstrap-datetimejs
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */ .bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 19em
    }

@media (min-width:768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #777;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month"
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month"
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #eee
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eee;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #777
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0,0,0,0.2);
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #777;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eee
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #777;
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}



/*!
 * custom-checkboxes-radio-buttons-and-select-boxes
 */
.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

    .select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:hover, .select select:focus {
            color: #000;
            background: #ccc;
        }

        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
    border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}
/* CSS Document */

@charset "utf-8";
/*------------------------------------------------------------------
 
-------------------------------------------------------------------*/
/*
This file contains the common styles of this theme.
*/
/*------------------------------------------------------------------
[Table of contents]

		* Typography.less
		* Common.less
		* Extra.less
		* Header.less
		* Nav.less
		* Inner-Header-Title.less
		* Vertical-Nav.less
		* menu-full-page.less
		* Boxed-layout.less
		* Form.less
		* Side-Push-Panel.less
		* Box-Hover-Effect.less
		* Work-Gallery.less
		* gallery-isotope.less
		* Slider.less
		* Home.less
		* About.less
		* Contact.less
		* Services.less
		* Shop.less
		* Blog.less
		* Shortcode.less 
			* Alerts.less
			* Buttons.less
			* Blockquote.less
			* Clients.less
			* Countdown.less
			* Countdown-Timer.less
			* Dividers.less
			* Facebook-Disqus-Comments.less
			* Faqs.less
			* Flexslider.less
			* Flip-Box.less
			* Font-Icons-Style.less
			* Funfacts.less
			* Icon-Boxes.less
			* Infinitescroll.less
			* Instagram.less
			* Light-Box.less
			* Map.less
			* Pegination.less
			* Pricing.less
			* Process-Steps.less
			* Progress-Bar.less
			* Promo.less
			* Section-Title.less
			* Separators.less
			* styled-icons.less
			* Tabs.less
			* Teams.less
			* Testimonials.less
			* Timetable-fullcalendar.less
			* Toggles-Accordions.less
			* Vertical-Timeline.less
			* Working-Process.less
			* Widgets.less
	* Footer
* ===============================================
*/
@import "font-awesome.min.css";
@import "font-awesome-animation.min.css";
@import "pe-icon-7-stroke.css";
/* @import "../css/elegant-icons.css"; */
/* @import "../css/stroke-gap-icons.css"; */
@import "flaticon-set-carfixing.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|family=Raleway:400,200,300,500,600,700,800,900|family=Titillium+Web:400,200,300,600,700,900);
/*
 * Typography.less
 * -----------------------------------------------
*/
::selection {
    background: black;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: black;
    /* Firefox */
    color: #fff;
    text-shadow: none;
}

::-webkit-selection {
    background: black;
    /* Safari */
    color: #fff;
    text-shadow: none;
}

:active,
:focus {
    outline: none !important;
}

html {
    font-size: 100%;
}

body {
    line-height: 1.7;
    color: black;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

a {
    color: black;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #595959;
        text-decoration: none;
    }

    a img {
        border: none;
    }

img {
    max-width: 100%;
}

iframe {
    border: none !important;
}
/* -------- Headings ---------- */

span {
    font-family: 'DM Sans', sans-serif;
}

ul li {
    font-family: 'Open Sans', sans-serif !important;
}

    ul li a {
        font-family: 'DM Sans', sans-serif;
    }
/*p {
    font-family: 'DM Sans', sans-serif !important;
}*/
a {
    font-family: 'DM Sans', sans-serif !important;
}

.nav-tabs > li > a {
    font-family: 'DM Sans', sans-serif !important;
}

h1,
.h1 {
    font-size: 2.75rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

h1,
h2,
.h1,
.h2 {
    font-family: "Cormorant", Sans-serif;
    font-weight: 600;
    line-height: 1.42857143;
    color: black;
}

    h1 small,
    h2 small,
    .h1 small,
    .h2 small,
    h1 .small,
    h2 .small,
    .h1 .small,
    .h2 .small {
        font-weight: normal;
        line-height: 1;
        color: black;
    }

    h1 a,
    h2 a,
    .h1 a,
    .h2 a {
        color: black;
    }

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Cormorant", Sans-serif;
    font-weight: 600;
    line-height: 1.42857143;
    color: black;
}

    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: black;
    }

    h3 a,
    h4 a,
    h5 a,
    h6 a,
    .h3 a,
    .h4 a,
    .h5 a,
    .h6 a {
        color: black;
    }
/* -------- Body Text ---------- */
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 10px;
}
/* -------- Custom Font Family ---------- */
.font-opensans {
    font-family: 'DM Sans', sans-serif !important;
    ;
}

.font-raleway {
    font-family: 'DM Sans', sans-serif !important;
    ;
}

.font-titillium {
    font-family: 'DM Sans', sans-serif !important;
    ;
}
/* breadcrumb */
.breadcrumb {
    background-color: transparent;
    padding-left: 0;
    text-align: center;
}

    .breadcrumb > li + li::before {
        content: "\f22d";
        font-family: fontawesome;
        font-size: 9px;
    }

    .breadcrumb li.active {
        color: #111111;
    }

    .breadcrumb.white li.active {
        color: #fff;
    }

    .breadcrumb.white li a {
        color: #808080;
    }

@media only screen and (min-width: 768px) {
    .breadcrumb.text-right {
        text-align: right !important;
    }
}
/*Drop Caps*/
.drop-caps p {
    text-align: justify;
}

    .drop-caps p:first-child:first-letter {
        color: #111111;
        display: block;
        float: left;
        font-size: 48px;
        line-height: 48px;
        margin: 6px 3px;
        padding: 10px 18px;
    }

.drop-caps.text-colored p:first-child:first-letter {
    display: block;
    float: left;
    font-size: 48px;
    line-height: 48px;
    margin: 6px 3px;
    padding: 10px 18px;
}

.drop-caps.border p:first-child:first-letter {
    border: 1px solid;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}

.drop-caps.border-rounded p:first-child:first-letter {
    border: 1px solid;
    border-radius: 50%;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}

.drop-caps.colored-square p:first-child:first-letter {
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}

.drop-caps.colored-rounded p:first-child:first-letter {
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
    border-radius: 50%;
}

.drop-caps.dark-square p:first-child:first-letter {
    background: #222222;
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
}

.drop-caps.dark-rounded p:first-child:first-letter {
    background: #222222;
    color: #fff;
    margin: 8px 16px 0 0;
    padding: 15px 20px;
    border-radius: 50%;
}
/*Text Highlight*/
.text-highlight {
    background: none repeat scroll 0 0 #111111;
    border-radius: 4px;
    color: #fff;
    padding: 0 5px 3px;
}

    .text-highlight.light {
        background: #808080;
    }
/*
 * common.less
 * -----------------------------------------------
*/
/* -------- Basic Structure ---------- */
html {
    font-size: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    html {
        font-size: 90%;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 85%;
    }
}

@media only screen and (max-width: 479px) {
    html {
        font-size: 80%;
    }
}

.elementor-icon-list-items {
    list-style: none
}

html,
html a {
    -webkit-font-smoothing: antialiased;
}

body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

ul,
ol {
    /* list-style: none;*/
    margin: 0;
    padding: 0;
}

.fluid-video-wrapper {
    padding: 0;
    position: relative;
    width: 100%;
}

iframe {
    border: none;
    width: 100%;
}

.lead {
    font-size: 18px;
}

.text-highlight {
    background: none repeat scroll 0 0 #111111;
    border-radius: 4px;
    color: #fff;
    padding: 0 5px 3px;
}

    .text-highlight.light {
        background: #808080;
    }

.inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.fullwidth {
    width: 100%;
}

.bg-hover-theme-colored {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* Text-decoration */
.text-underline {
    text-decoration: underline;
}
/* -------- Line-Bottom ---------- */
.heading-line-bottom {
    border-bottom: 1px dashed #808080;
    display: inline-block;
    margin: 0;
    position: relative;
    margin: 20px 0;
}

    .heading-line-bottom::after {
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 4px;
        width: 20px;
    }

.heading-title {
    margin-top: 10px;
}

.line-bottom {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

    .line-bottom:after {
        bottom: -1px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 50px;
    }

.line-bottom-centered {
    position: relative;
    margin: 10px 0 20px;
}

    .line-bottom-centered:after {
        background: #2b96cc none repeat scroll 0 0;
        bottom: -8px;
        content: "";
        height: 1px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        position: absolute;
        right: 0;
        width: 30px;
    }

.title-icon [class^="flaticon-"]::after,
.title-icon [class^="flaticon-"]::before {
    font-size: 48px;
    margin-left: 10px;
}

.title-icon {
    margin: 0 auto;
    max-width: 160px;
    position: relative;
}

    .title-icon::after {
        content: "";
        height: 2px;
        left: 24px;
        position: absolute;
        top: 10px;
        width: 30px;
    }

    .title-icon::before {
        content: "";
        height: 2px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 30px;
    }
/* -------- List ---------- */
ul,
ol {
    /*list-style: none;*/
    margin: 0;
    padding: 0;
}

    ul ul,
    ol ul {
        margin-left: 15px;
    }

    ul.list {
        list-style: outside none none;
        margin-top: 13px;
        padding-left: 0;
    }

        ul.list li {
            margin: 5px 0;
            font-weight: 500;
            padding-left: 15px;
            position: relative;
        }

            ul.list li:hover:before {
                background: none;
                border-color: transparent;
            }

            ul.list li a {
                text-decoration: none;
                -webkit-transition: all 300ms ease-in;
                -o-transition: all 300ms ease-in;
                transition: all 300ms ease-in;
            }
        /* -------- List White ---------- */
        ul.list.list-white li:before {
            color: #fff;
        }

        ul.list.list-white li:hover:before {
            background: none;
            border-color: transparent;
        }

        ul.list.list-white li a {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all 300ms ease-in;
            -o-transition: all 300ms ease-in;
            transition: all 300ms ease-in;
        }
    /* -------- List border bottom ---------- */
    ul.list-border-bottom li {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
    }

    ul.list.list-border-bottom li:last-child {
        border-bottom: none;
    }

    ul.list-border-bottom.no-padding li {
        padding-bottom: 0px;
    }

        ul.list-border-bottom.no-padding li:last-child {
            border-bottom: none;
        }
/* -------- List Icons ---------- */
.list-border li {
    border-bottom: 1px dashed #d3d3d3;
    padding: 10px 0;
}

.dark .list-border li {
    border-bottom: 1px dashed black;
}

.list-icon li {
    font-size: 14px;
    margin: 0;
}

    .list-icon li i {
        color: #555555;
        font-size: 14px;
        height: 28px;
        line-height: 28px;
        margin: 5px 10px 5px 0;
        text-align: center;
        width: 28px;
    }

.list-icon.square li i {
    background: #c0c0c0;
    color: #555555;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px;
}

.list-icon.rounded li i {
    color: #555555;
    background: #c0c0c0;
    border-radius: 50%;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px 5px 0;
    text-align: center;
    width: 28px;
}

.list-icon.theme-colored.square li i {
    color: #fff;
}

.list-icon.theme-colored.rounded li i {
    color: #fff;
}
/* -------- Personal Info List ---------- */
.list-info li {
    clear: both;
    position: relative;
}

    .list-info li label {
        display: inline-block;
        font-weight: bold;
        padding: 5px 0 0;
    }

    .list-info li span {
        left: 110px;
        padding: 5px 0;
        position: absolute;
    }

.list-features {
    -moz-column-count: 3;
    column-count: 3;
}

.list-dashed > article {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.list-dashed > div {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.list-dashed > li {
    border-bottom: 1px dashed #d3d3d3 !important;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.list-dashed.dark-dash > article {
    border-bottom: 1px dashed black !important;
}

.list-dashed.dark-dash > div {
    border-bottom: 1px dashed black !important;
}

.list-dashed.dark-dash > li {
    border-bottom: 1px dashed black !important;
}

ul.list.check li:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 12px;
}

ul.list.angle-double-right li:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: 12px;
}

ul.list.angle-right li:before {
    content: "\f105";
    font-family: fontawesome;
}

ul.list.check-circle li:before {
    content: "\f058";
    font-family: fontawesome;
    font-size: 14px;
}
/* -------- Call To Actions ---------- */
.call-to-action {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}
/* -------- Section & Divider ---------- */
section {
    position: relative;
}
/*section > .container,
section > .container-fluid {
  padding-top: 60px;
  padding-bottom: 60px;
}*/
/* -------- Background Video ---------- */
.bg-video {
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: -1;
}

    .bg-video .video {
        height: 100%;
        left: 0;
        margin: 0 !important;
        position: relative;
        top: 0;
        width: 100%;
    }

        .bg-video .video .mbYTP_wrapper {
            z-index: -1 !important;
        }
/* -------- Box Table ---------- */
.display-table-parent {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.display-table {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
/* -------- Scroll To Top ---------- */
.scrollToTop {
    background: rgba(0, 0, 0, 0.1);
    bottom: 15px;
    display: none;
    height: 50px;
    padding: 2px;
    position: fixed;
    right: 69px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 99999;
}

    .scrollToTop i {
        color: #fff;
        font-size: 42px;
    }

    .scrollToTop:hover {
        background: rgba(0, 0, 0, 0.6);
        text-decoration: none;
    }
/* -------- magnific popup ---------- */
.mfp-close-btn-in .mfp-close {
    color: #eee;
    font-size: 64px;
}
/*  
 * Extra.less 
 * -----------------------------------------------
*/
/* -------- Heading Style ---------- */
.heading-border {
    border-bottom: 1px solid #d3d3d3;
    margin: 30px 0;
    padding: 20px 0;
}
/* -------- FullCalendar - Plugin ---------- */
.fc-day-number {
    color: black;
}

    .fc-day-number.fc-other-month {
        opacity: 0.4;
    }
/* scrolltofixed-container */
.scrolltofixed-container {
    position: static;
}
/*
 * Overlays.less
 * -----------------------------------------------
*/
.layer-overlay {
    position: relative;
    /* overlay-dark */
    /* overlay-white */
}

    .layer-overlay::before {
        /*background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;*/
        content: " ";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    .layer-overlay.overlay-light::before {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .layer-overlay.overlay-lighter::before {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .layer-overlay.overlay-deep::before {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .layer-overlay.overlay-dark::before {
        background-color: rgba(17, 17, 17, 0.85);
    }

    .layer-overlay.overlay-dark-1::before {
        background-color: rgba(17, 17, 17, 0.1);
    }

    .layer-overlay.overlay-dark-2::before {
        background-color: rgba(17, 17, 17, 0.2);
    }

    .layer-overlay.overlay-dark-3::before {
        background-color: rgba(17, 17, 17, 0.3);
    }

    .layer-overlay.overlay-dark-4::before {
        background-color: rgba(17, 17, 17, 0.4);
    }

    .layer-overlay.overlay-dark-5::before {
        background-color: rgba(17, 17, 17, 0.5);
    }

    .layer-overlay.overlay-dark-6::before {
        background-color: rgba(17, 17, 17, 0.6);
    }

    .layer-overlay.overlay-dark-7::before {
        background-color: rgba(17, 17, 17, 0.7);
    }

    .layer-overlay.overlay-dark-8::before {
        background-color: rgba(17, 17, 17, 0.8);
    }

    .layer-overlay.overlay-dark-9::before {
        background-color: rgba(17, 17, 17, 0.9);
    }

    .layer-overlay.overlay-white::before {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .layer-overlay.overlay-white-1::before {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .layer-overlay.overlay-white-2::before {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .layer-overlay.overlay-white-3::before {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .layer-overlay.overlay-white-4::before {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .layer-overlay.overlay-white-5::before {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .layer-overlay.overlay-white-6::before {
        background-color: rgba(255, 255, 255, 0.6);
    }

    .layer-overlay.overlay-white-7::before {
        background-color: rgba(255, 255, 255, 0.7);
    }

    .layer-overlay.overlay-white-8::before {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .layer-overlay.overlay-white-9::before {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .layer-overlay.layer-pattern::before {
        background-image: url(../images/pattern1.png);
        background-color: rgba(0, 0, 0, 0.6);
    }

    .layer-overlay.layer-pattern2::before {
        background-image: url(../images/pattern2.png);
        background-color: rgba(0, 0, 0, 0.8);
    }

    .layer-overlay.layer-pattern3::before {
        background-image: url(../images/pattern3.png);
        background-color: rgba(0, 0, 0, 0.8);
    }

    .layer-overlay.maximage-layer-overlay::before {
        z-index: 1;
    }

    .layer-overlay.overlay-blue::before {
        background-color: rgba(1, 162, 208, 0.9);
    }

    .layer-overlay.overlay-blue-light::before {
        background-color: rgba(1, 162, 208, 0.45);
    }

    .layer-overlay.overlay-pink::before {
        background-color: rgba(235, 110, 142, 0.9);
    }

    .layer-overlay.overlay-pink-light::before {
        background-color: rgba(235, 110, 142, 0.45);
    }

    .layer-overlay.overlay-brown::before {
        background-color: rgba(60, 171, 111, 0.9);
    }

    .layer-overlay.overlay-brown-light::before {
        background-color: rgba(60, 171, 111, 0.45);
    }

    .layer-overlay.overlay-yellow::before {
        background-color: rgba(255, 187, 34, 0.9);
    }

    .layer-overlay.overlay-yellow-light::before {
        background-color: rgba(255, 187, 34, 0.45);
    }

    .layer-overlay.overlay-green::before {
        background-color: rgba(16, 196, 92, 0.9);
    }

    .layer-overlay.overlay-green-light::before {
        background-color: rgba(16, 196, 92, 0.45);
    }

    .layer-overlay.overlay-theme-color-1::before {
        background-color: rgba(173, 216, 230, 0.9);
    }

    .layer-overlay.overlay-theme-color-2::before {
        background-color: rgba(230, 173, 188, 0.9);
    }

    .layer-overlay.overlay-theme-color-3::before {
        background-color: rgba(230, 216, 173, 0.9);
    }

.half-divider .overlay-theme-color-1,
.half-divider .overlay-theme-color-2,
.half-divider .overlay-theme-color-3 {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
/*
 * Header.less
 * -----------------------------------------------
*/
.header-top {
    padding: 5px 0;
}

    .header-top .header-widget .styled-icons a i:hover {
        background: none;
    }

    .header-top .header-widget .list-border li {
        border-right: 1px solid rgba(0, 0, 0, 0.06);
        padding: 5px 15px;
    }

        .header-top .header-widget .list-border li:last-child {
            border-right: 0;
        }

.centerContent_new {
    display: none
}

.btncomman {
    padding: 4px;
    width: 120px;
    border-radius: 8px;
    color: white;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .header-top .header-widget .contact-info {
        margin-bottom: 20px;
    }

        .header-top .header-widget .contact-info li {
            display: block;
            text-align: center;
        }

    .centerContent {
        display: none;
    }

    #main-content {
        padding: 74px 20px 10px 20px
    }

    .centerContent_new {
        display: block;
        margin-top: 65px;
        margin-left: 0px;
    }

    .btncomman {
        padding: 0px;
        width: 75px;
        border-radius: 8px;
        color: white;
        text-align: center;
        height: 28px;
    }


    .backgroundchange {
        border-radius: 3px;
        display: block;
        background: linear-gradient(to right, rgb(72, 173, 165) 50%, #006f43 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: all .5s ease-out;
        position: relative;
        float: left;
        width: 48% !important;
        height: 100%;
        /* border: 1px solid #ddd; */
        border: 1px solid #006D30;
        margin: 0px;
        padding: 10px;
        margin-bottom: 10px;
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        padding-right: 0px !important;
        margin-left: 5px !important;
    }

        .backgroundchange .inner-box p {
            position: relative;
            font-size: 10px !important;
            color: white;
            transition: all 500ms ease;
            margin-top: 10px;
            font-weight: 600;
        }

        .backgroundchange .inner-box .icon-box {
            position: absolute;
            left: -10px;
            top: 0px !important;
            font-size: 30px;
            line-height: 23px;
            color: #006f43;
            transition: all 500ms ease;
            z-index: 1;
        }

        .backgroundchange .inner-box:before {
            position: absolute;
            content: '';
            width: 0%;
            height: 0% !important;
            left: 0px;
            top: -3px;
            transition: all 500ms ease;
        }

        .backgroundchange .inner-box {
            position: relative;
            display: block;
            padding: 0px 0px 0px 10px !important;
            border-right: 1px solid #ffffff;
            border-bottom: 1px solid #ffffff;
            min-height: 24px !important;
            margin-top: -9px;
        }
}


.menuzord-brand img {
    max-height: 58px;
}
/* -------- Custom theme style ---------- */
.header-nav .header-nav-wrapper .menuzord {
    padding: 0;
}

.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, 0.25);
}
/*
 * nav.less
 * -----------------------------------------------
*/
/* -------- nav sidebar ---------- */
.nav-sidebar li {
    background: #f1f1f1;
    padding-bottom: 0;
}

    .nav-sidebar li a {
        border-radius: 0;
    }

.nav-pills li a:hover,
.nav-pills li.active > a,
.nav-pills li.active > a:hover,
.nav-pills li.active > a:focus {
    background: #d3d3d3;
    color: #777777;
}
/* -------- Header Nav ---------- */
.header-nav {
    position: relative;
}

    .header-nav .header-nav-absolute-wrapper {
        width: 100%;
    }

    .header-nav .header-nav-wrapper .menuzord {
        padding: 0;
    }
/* -------- Menuzord ---------- */
.menuzord-menu > li {
    padding: 24px 0;
}

.menuzord-menu ul.dropdown {
    top: 83px;
}

.menuzord-menu > li > a {
    font-size: 13px;
    color: white;
}

.menuzord .menuzord-menu > li.active > a i,
.menuzord .menuzord-menu > li:hover > a i,
.menuzord .menuzord-menu ul.dropdown li:hover > a i {
    color: #fff;
}

.menuzord-menu ul.dropdown {
    border: 1px solid #eee;
}

    .menuzord-menu ul.dropdown li {
        margin: 0;
    }

        .menuzord-menu ul.dropdown li a {
            color: #666666;
            font-size: 12px;
            font-weight: 400;
            padding: 7px 25px 7px 22px;
        }

        .menuzord-menu ul.dropdown li .indicator {
            top: 4px;
        }
/* -------- Megamenu-Row ---------- */
.menuzord-menu > li > .megamenu .megamenu-row li {
    border: 0 none;
    clear: both;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    position: relative;
    width: 100%;
}

    .menuzord-menu > li > .megamenu .megamenu-row li a {
        display: block;
        padding: 8px 10px;
        -webkit-transition: padding 0.2s linear;
        -o-transition: padding 0.2s linear;
        transition: padding 0.2s linear;
    }

    .menuzord-menu > li > .megamenu .megamenu-row li.active > a,
    .menuzord-menu > li > .megamenu .megamenu-row li:hover > a {
        color: #111;
        padding-left: 15px;
    }

    .menuzord-menu > li > .megamenu .megamenu-row li a i {
        color: #444;
    }

    .menuzord-menu > li > .megamenu .megamenu-row li.active a i,
    .menuzord-menu > li > .menuzord-menu > li > .megamenu .megamenu-row li:hover a i {
        color: #fff;
    }

@media only screen and (max-width: 900px) {
    .menuzord-menu {
        background: #fff;
    }
}
/* -------- Scrolltofixed ---------- */
.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
    border-bottom: 1px solid #eee;
}

.header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

.header .inner-sticky-wrapper {
    height: 80px;
}

@media only screen and (min-width: 901px) {
    .header-nav .header-nav-absolute-wrapper {
        bottom: -36px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 1111;
    }

        .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
            bottom: auto;
        }
}
/* -------- Navbar Fixed  ---------- */
.header-nav {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

    .header-nav.navbar-fixed-top {
        left: 0;
        position: fixed;
        right: 0;
        width: 100%;
        z-index: 1030;
    }
/* -------- Navbar Sticky Animated ---------- */
.navbar-sticky-animated .header-nav-wrapper .container {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
/* -------- Header White ---------- */
.header-nav.navbar-white {
    background-color: rgba(255, 255, 255, 0.95);
    border: medium none;
}

    .header-nav.navbar-white .menuzord {
        background: transparent;
    }
/* -------- Header Transparent ---------- */
.header-nav.navbar-transparent .menuzord {
    background: transparent;
}

.header-nav.navbar-transparent .header-nav-wrapper {
    border-bottom: 1px solid #eee;
}

.header-nav.navbar-transparent.animated-active {
    background-color: rgba(0, 0, 0, 0.1);
}

    .header-nav.navbar-transparent.animated-active .header-nav-wrapper {
        border-bottom: none;
    }

    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
        color: #fff;
    }

@media only screen and (max-width: 900px) {
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
        color: #888;
    }
}
/*
 * Topbar.less
 * -----------------------------------------------
*/
#top-search-bar {
    background: #eee;
}

    #top-search-bar form {
        position: relative;
    }

    #top-search-bar .form-control {
        background: #eee;
        border: none;
        box-shadow: none;
        font-size: 18px;
        height: 72px;
        margin: 0;
        width: 100%;
    }

    #top-search-bar .search-close {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #999;
        cursor: pointer;
        font-size: 14px;
        height: 40px;
        line-height: 38px;
        margin-top: -20px;
        outline: medium none;
        overflow: hidden;
        position: absolute;
        right: 1px;
        top: 50%;
        width: 42px;
    }

    #top-search-bar button i {
        color: #777;
    }
/*
 * Inner-Header-Title.less
 * -----------------------------------------------
*/
.inner-header .title {
    font-size: 34px;
    font-family: 'Titillium Web', sans-serif;
}
/*
 *  Vertical-Nav.less
 * -----------------------------------------------
*/
.vertical-nav {
    /* vertical-nav-black*/
}

    .vertical-nav .header {
        width: 260px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 101;
        padding: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-size: cover !important;
    }

    .vertical-nav .main-content,
    .vertical-nav .footer {
        margin-left: 260px;
    }

    .vertical-nav .container {
        max-width: 940px;
    }

    .vertical-nav .menuzord {
        background: none;
    }

        .vertical-nav .menuzord .menuzord-menu ul.dropdown li:hover > a {
            background: #eeeeee none repeat scroll 0 0;
            color: #111111;
        }

    .vertical-nav .menuzord-menu li {
        padding: 5px 0;
        position: relative;
        width: 100%;
    }

        .vertical-nav .menuzord-menu li .indicator {
            float: right;
        }

        .vertical-nav .menuzord-menu li a {
            padding-left: 30px;
            width: 100%;
        }

    .vertical-nav .menuzord-menu ul.dropdown,
    .vertical-nav .menuzord-menu .megamenu {
        left: 100%;
        top: 4px;
    }

    .vertical-nav .menuzord-brand img {
        max-height: none;
    }

    .vertical-nav .vertical-nav-black {
        background: #111111;
    }

        .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown {
            background: #111111;
            border-color: #222222;
        }

            .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a {
                background: #111111;
            }

                .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a .indicator i {
                    color: #fff;
                }

            .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li:hover > a {
                background: #111111 none repeat scroll 0 0;
                color: #fff;
            }

        .vertical-nav .vertical-nav-black .menuzord-menu > li > a {
            color: #808080;
        }

    .vertical-nav.vertical-nav-right .header {
        left: auto;
        right: 0;
    }

    .vertical-nav.vertical-nav-right .main-content,
    .vertical-nav.vertical-nav-right .footer {
        margin-left: auto;
        margin-right: 260px;
        padding-top: 0;
    }

    .vertical-nav.vertical-nav-right .menuzord-menu ul.dropdown,
    .vertical-nav.vertical-nav-right .menuzord-menu .megamenu {
        left: auto !important;
        right: 100% !important;
        top: 0;
    }

@media only screen and (max-width: 1199px) {
    .vertical-nav .container {
        width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .vertical-nav .header {
        border: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .vertical-nav .vertical-nav-widget {
        display: none;
    }

    .vertical-nav .menuzord {
        background: #fff;
    }

    .vertical-nav .vertical-nav-black .menuzord {
        background: none;
    }

    .vertical-nav .menuzord-brand {
        margin: 0 !important;
        padding: 0 !important;
    }

        .vertical-nav .menuzord-brand img {
            max-height: 65px !important;
            padding: 10px;
        }

    .vertical-nav .header-nav-wrapper {
        background: #111111 none repeat scroll 0 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

    .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li > a,
    .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li .indicator {
        border-color: #222222;
    }

    .vertical-nav .main-content,
    .vertical-nav .footer {
        margin-left: 0;
    }

    .vertical-nav.vertical-nav-right .main-content,
    .vertical-nav.vertical-nav-right .footer {
        margin-right: 0;
    }
}
/*
 *  menu-full-page.less
 * -----------------------------------------------
*/
/* menu-full-page plugin code */
.menu-full-page #fullpage-nav {
    background: rgba(255, 255, 255, 0.97);
    z-index: -1;
    position: fixed;
    /*left: -100%;*/
    /*left or right and the width of your navigation panel*/
    left: 0 !important;
    /*left or right and the width of your navigation panel*/
    opacity: 0;
    width: 100%;
    /*should match the above value*/
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

    .menu-full-page #fullpage-nav ul {
        margin-top: 50px;
        -webkit-transition: all 0.7s ease-in-out !important;
        -moz-transition: all 0.7s ease-in-out !important;
        -ms-transition: all 0.7s ease-in-out !important;
        -o-transition: all 0.7s ease-in-out !important;
        transition: all 0.7s ease-in-out !important;
    }

    .menu-full-page #fullpage-nav li {
        text-align: center;
        transition: all 0.4s ease;
        padding: 10px 0;
        position: relative;
    }

        .menu-full-page #fullpage-nav li a {
            color: #111;
            font-size: 18px;
            font-family: 'Open Sans', sans-serif;
            text-decoration: none;
            font-weight: 400;
            text-transform: uppercase;
            padding: 0;
            position: relative;
        }

            .menu-full-page #fullpage-nav li a:hover {
                color: #888;
                -webkit-transition: color 2s time;
                -o-transition: color 2s time;
                transition: color 2s time;
            }

        .menu-full-page #fullpage-nav li:hover:after a {
            position: absolute;
            content: '';
            color: #FFF;
        }

    .menu-full-page #fullpage-nav ul ul {
        display: none;
    }

        .menu-full-page #fullpage-nav ul ul li a {
            font-size: 13px;
        }

            .menu-full-page #fullpage-nav ul ul li a:hover {
                color: #888;
            }

.menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav {
    opacity: 1;
    z-index: 998;
}

    .menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav > ul {
        margin-top: 70px;
    }

.menu-full-page .fullpage-nav-toggle {
    z-index: 999;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 70px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background-color: transparent;
    /* active state, i.e. menu open */
}

    .menu-full-page .fullpage-nav-toggle i {
        text-decoration: none;
        font-size: 40px;
        color: #fff;
    }

    .menu-full-page .fullpage-nav-toggle:focus {
        outline: none;
    }

    .menu-full-page .fullpage-nav-toggle span {
        display: block;
        position: absolute;
        top: 45px;
        left: 18px;
        right: 18px;
        height: 4px;
        border-radius: 2px;
        background: #888;
        -webkit-transition: background 0 0.3s;
        transition: background 0 0.3s;
    }

        .menu-full-page .fullpage-nav-toggle span:before,
        .menu-full-page .fullpage-nav-toggle span:after {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 4px;
            border-radius: 0;
            background-color: #888;
            content: "";
            -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
            -webkit-transition-delay: 0.3s, 0;
            transition-delay: 0.3s, 0;
        }

        .menu-full-page .fullpage-nav-toggle span:before {
            top: -12px;
            -webkit-transition-property: top, -webkit-transform;
            transition-property: top, transform;
        }

        .menu-full-page .fullpage-nav-toggle span:after {
            bottom: -12px;
            -webkit-transition-property: bottom, -webkit-transform;
            transition-property: bottom, transform;
        }

    .menu-full-page .fullpage-nav-toggle.menu-open {
        background-color: transparent;
    }

        .menu-full-page .fullpage-nav-toggle.menu-open span {
            background: none;
        }

            .menu-full-page .fullpage-nav-toggle.menu-open span:before,
            .menu-full-page .fullpage-nav-toggle.menu-open span:after {
                background-color: #111;
                -webkit-transition-delay: 0, 0.3s;
                transition-delay: 0, 0.3s;
            }

            .menu-full-page .fullpage-nav-toggle.menu-open span:before {
                top: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .menu-full-page .fullpage-nav-toggle.menu-open span:after {
                bottom: 0;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
/* menu-full-page custom code */
.menu-full-page .header #fullpage-nav li {
    padding: 5px 0;
}

    .menu-full-page .header #fullpage-nav li a {
        background: none;
        display: inline;
        font-size: 18px;
        text-transform: none;
    }

.menu-full-page .header #fullpage-nav ul ul {
    margin-top: 0;
}

    .menu-full-page .header #fullpage-nav ul ul li {
        padding: 3px 0;
    }

        .menu-full-page .header #fullpage-nav ul ul li a {
            font-size: 12px;
        }

.menu-full-page .header #fullpage-nav ul li .dropdown {
    background: none;
    box-shadow: none;
    border: none;
    float: none;
    padding: 0;
    position: relative;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1) !important;
    display: block !important;
    visibility: visible;
}

.menu-full-page .header #fullpage-nav ul li:hover .dropdown {
    max-height: 700px;
}
/*
 *  Boxed-layout.less
 * -----------------------------------------------
*/
@media only screen and (min-width: 768px) {
    .boxed-layout .container {
        max-width: 1170px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .boxed-layout .header,
    .boxed-layout .main-content,
    .boxed-layout .footer,
    .boxed-layout #footer {
        margin: 0 auto;
        max-width: 1170px;
    }
}

.boxed-layout .header,
.boxed-layout section,
.boxed-layout .footer,
.boxed-layout #footer {
    background-color: #fff;
}

    .boxed-layout .header .navbar-default {
        background-color: #fff;
        border-color: #fff;
        padding: 0;
    }

        .boxed-layout .header .navbar-default .navbar-nav > li > a {
            padding: 30px 5px;
        }

        .boxed-layout .header .navbar-default .navbar-collapse {
            background-color: #fff;
            border-color: #fff;
            margin-right: 30px;
        }

    .boxed-layout .header #header-logo {
        margin: 0;
        padding-top: 27px;
    }

@media only screen and (max-width: 991px) {
    .boxed-layout {
        padding-top: 0;
    }

        .boxed-layout .header .navbar-default .navbar-nav > li > a {
            padding: 10px;
        }

        .boxed-layout .header .navbar-default .navbar-collapse {
            margin-right: 15px;
        }

        .boxed-layout .navbar-header {
            padding: 15px 0;
        }

        .boxed-layout .navbar-collapse .navbar-nav li a .caret {
            margin-right: 0;
        }
}

.boxed-layout.fullwidth .container {
    max-width: 1170px;
    padding-left: 30px;
    padding-right: 30px;
}

.boxed-layout.fullwidth .header,
.boxed-layout.fullwidth .main-content,
.boxed-layout.fullwidth .footer {
    margin: 0 auto;
    max-width: 1170px;
}

.boxed-layout.fullwidth .header,
.boxed-layout.fullwidth section,
.boxed-layout.fullwidth .footer {
    background-color: #fff;
}

    .boxed-layout.fullwidth .header .navbar-default {
        background-color: #fff;
        border-color: #fff;
        padding: 0;
    }

        .boxed-layout.fullwidth .header .navbar-default .navbar-nav > li > a {
            padding: 30px 5px;
        }

        .boxed-layout.fullwidth .header .navbar-default .navbar-collapse {
            background-color: #fff;
            border-color: #fff;
            margin-right: 30px;
        }

    .boxed-layout.fullwidth .header #header-logo {
        margin: 0;
        padding-top: 27px;
    }

@media only screen and (max-width: 991px) {
    .boxed-layout.fullwidth {
        padding-top: 0;
    }

        .boxed-layout.fullwidth .header .navbar-default .navbar-nav > li > a {
            padding: 10px;
        }

        .boxed-layout.fullwidth .header .navbar-default .navbar-collapse {
            margin-right: 15px;
        }

        .boxed-layout.fullwidth .navbar-header {
            padding: 15px 0;
        }

        .boxed-layout.fullwidth .navbar-collapse .navbar-nav li a .caret {
            margin-right: 0;
        }
}

.boxed-layout .service-block .thumb .desc {
    bottom: -34%;
}

.boxed-layout .service-block:hover .thumb .desc {
    bottom: 0;
}
/*
 * Form.less
 * -----------------------------------------------
*/
/* -------- Form ---------- */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    font-size: 14px;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    height: 45px;
}

label {
    font-weight: normal;
}

.form-control:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
    color: #404040;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    outline: none;
}

.form-transparent .form-control {
    background: transparent;
    color: #f7f7f7;
}

    .form-transparent .form-control:focus,
    .form-transparent form input[type="text"]:focus,
    .form-transparent form input[type="email"]:focus,
    .form-transparent form input[type="number"]:focus,
    .form-transparent form input[type="url"]:focus,
    .form-transparent form input[type="search"]:focus,
    .form-transparent form input[type="tel"]:focus,
    .form-transparent form input[type="password"]:focus,
    .form-transparent form input[type="date"]:focus,
    .form-transparent form input[type="color"]:focus,
    .form-transparent form select:focus,
    .form-transparent form textarea:focus {
        color: #f7f7f7;
    }

.form-transparent textarea.form-control,
.form-white textarea.form-control {
    height: 150px;
}

.form-white .form-control {
    background: #fff;
}

.form-transparent.form-line .form-control {
    border: none;
    border-bottom: 1px solid #c0c0c0;
    padding-left: 0;
}

.form-transparent.form-line textarea.form-control {
    height: 70px;
}

form label {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
/* form error */
form .form-control.error {
    border: 2px solid #ee163b;
}

form .error {
    color: #ee163b;
}
/* -------- Donation Form ---------- */
.donation-form .form-group label.radio-inline {
    color: #808080 !important;
}
/*-------- form-text-white ---------*/
.form-text-white .form-group label {
    color: #fff;
}
/*-------- ddslick form ---------*/
.dd-container,
.dd-select {
    width: 100% !important;
}

.dd-options {
    width: 100% !important;
}

.ui-widget-content {
    background: #2aa1c0 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    height: 36px;
    margin-top: 6px;
}

.ui-widget-header {
    background: #fff none repeat scroll 0 0;
}

.ui-state-default {
    background-color: #eee !important;
    border: 1px solid #ccc;
    color: #202c45;
    font-weight: normal;
}

.ui-slider-horizontal .ui-slider-range-max {
    border-radius: 0;
}

.ui-state-active {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

.ui-slider .ui-slider-handle {
    height: 50px;
    width: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -1px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
}

.control__indicator {
    height: 24px;
    width: 24px;
}

.control--checkbox .control__indicator::after {
    height: 10px;
    left: 10px;
    top: 5px;
    width: 6px;
}

.control.control--checkbox,
.control.control--radio {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-right: 12px;
    padding-left: 36px;
}

.control--radio .control__indicator::after {
    height: 6px;
    left: 9px;
    top: 9px;
    width: 6px;
}
/*
 *  Side-Push-Panel.less
 * -----------------------------------------------
*/
.side-push-panel {
    overflow-x: hidden;
}

    .side-push-panel.fullwidth-page #wrapper {
        right: 0;
        position: relative;
    }

    .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
        right: 0;
    }

    .side-push-panel.fullwidth-page.side-panel-left #wrapper {
        left: 0;
        right: auto;
    }

    .side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container {
        left: 0;
        right: auto;
    }

    .side-push-panel.fullwidth-page.side-panel-open #wrapper {
        right: 300px;
    }

    .side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
        right: 300px;
    }

    .side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper {
        left: 300px;
        right: auto;
    }

    .side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
        left: 300px;
        right: auto;
    }
    /* -------- Has Side Panel ---------- */
    .side-push-panel.has-side-panel .menuzord .showhide {
        float: left;
    }
/* -------- Body Overlay ---------- */
.has-side-panel .body-overlay {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.has-side-panel.side-panel-open .body-overlay {
    opacity: 1;
    pointer-events: auto;
    z-index: 1111;
}

.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
    cursor: url('../images/close.png') 15 15, default;
}
/* -------- Side Panel ---------- */
#side-panel {
    -webkit-backface-visibility: hidden;
    background-color: #f3f3f3;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    z-index: 1112;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    #side-panel .side-panel-wrap {
        bottom: 0;
        height: 100%;
        left: 0;
        overflow: auto;
        padding: 50px 70px 50px 40px;
        position: absolute;
        top: 0;
        width: 330px;
    }

    #side-panel .widget {
        border-top: 1px solid #eeeeee;
        margin-top: 40px;
        padding-top: 40px;
        width: 220px;
    }

        #side-panel .widget:first-child {
            border-top: 0;
            margin: 0;
            padding-top: 0;
        }

.side-panel-open #side-panel {
    right: 0;
}

.side-panel-left #side-panel {
    left: -300px;
    right: auto;
}

.side-panel-left.side-panel-open #side-panel {
    left: 0;
    right: auto;
}

.device-touch #side-panel .side-panel-wrap {
    overflow-y: scroll;
}
/* -------- Side-Panel-Nav ---------- */
#side-panel .side-panel-nav .nav li a {
    padding: 5px 0;
}

    #side-panel .side-panel-nav .nav li a:hover {
        background-color: transparent;
        color: #a9a9a9;
    }

#side-panel .side-panel-nav .nav ul.tree {
    display: none;
    margin-left: 15px;
}
/* -------- Side-Panel-Trigger And Close ---------- */
#side-panel-trigger {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 25px;
    z-index: 11;
}

@media only screen and (max-width: 767px) {
    #side-panel-trigger {
        margin-top: 15px;
    }
}

#side-panel-trigger-close {
    left: 0;
    margin: 10px;
    position: absolute;
    top: 0;
}
/* -------- Transition ---------- */
.side-push-panel.fullwidth-page #wrapper,
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*
 *  Box-Hover-Effect.less
 * -----------------------------------------------
*/
.box-hover-effect {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
}

    .box-hover-effect img {
        position: relative;
        display: block;
        max-height: 100%;
        max-width: 100%;
        opacity: 1;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .box-hover-effect .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .box-hover-effect .overlay::before,
        .box-hover-effect .overlay::after {
            pointer-events: none;
        }

        .box-hover-effect .overlay .details {
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .box-hover-effect .overlay .title {
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .box-hover-effect .overlay .para {
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .box-hover-effect .overlay .entry-meta {
            bottom: 10px;
            font-size: 70%;
            opacity: 0;
            position: absolute;
            width: 89%;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .box-hover-effect .overlay .entry-meta.top {
                top: 10px;
            }

            .box-hover-effect .overlay .entry-meta i {
                color: #fff;
            }

        .box-hover-effect .overlay .icons {
            left: 0;
            opacity: 0;
            position: absolute;
            text-align: center;
            top: 40%;
            width: 100%;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

    .box-hover-effect:hover .overlay {
        background: rgba(0, 0, 0, 0.85);
    }

        .box-hover-effect:hover .overlay.white {
            background: rgba(255, 255, 255, 0.75);
        }

        .box-hover-effect:hover .overlay.black {
            background: rgba(0, 0, 0, 0.85);
        }

        .box-hover-effect:hover .overlay .entry-meta {
            opacity: 1;
        }

        .box-hover-effect:hover .overlay .icons {
            opacity: 1;
        }

            .box-hover-effect:hover .overlay .icons i {
                color: #fff;
            }

            .box-hover-effect:hover .overlay .icons.twin i {
                padding: 10px;
            }

            .box-hover-effect:hover .overlay .icons.bordered i {
                border: 1px solid #fff;
            }

                .box-hover-effect:hover .overlay .icons.bordered i.text-black {
                    border-color: #000;
                }

.shadow-overlay {
    background-image: url("../images/shadow-overlay.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
/* Individual effects */
/* -------- effect1 ---------- */
.box-hover-effect.effect1 .thumb {
    position: relative;
    overflow: hidden;
}

    .box-hover-effect.effect1 .thumb:before {
        background-color: rgba(255, 255, 255, 0.5);
        left: 0;
        content: "";
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -webkit-transform: rotate(-70deg);
        -moz-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        -o-transform: rotate(-70deg);
        transform: rotate(-70deg);
        width: 200%;
        z-index: 1;
    }

.box-hover-effect.effect1:hover .thumb:before {
    opacity: 1;
}

.box-hover-effect.effect1:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* -------- effect2 ---------- */
.box-hover-effect.effect2 .thumb {
    position: relative;
    overflow: hidden;
}

.box-hover-effect.effect2 .overlay .overlay-details {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-hover-effect.effect2:hover .overlay-details {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.box-hover-effect.effect2:hover .details {
    opacity: 0;
}

.box-hover-effect.effect2:hover img {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* -------- effect3 ---------- */
.box-hover-effect.effect3 .overlay {
    position: relative;
}

.box-hover-effect.effect3 .thumb {
    position: relative;
}

    .box-hover-effect.effect3 .thumb:after {
        background-color: rgba(255, 255, 255, 0.15);
        bottom: 0;
        content: "";
        height: 0;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        width: 0;
    }

    .box-hover-effect.effect3 .thumb:before {
        background-color: rgba(255, 255, 255, 0.15);
        left: 0;
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        width: 0;
        z-index: 1;
    }

.box-hover-effect.effect3:hover .thumb:before,
.box-hover-effect.effect3:hover .thumb:after {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
/* -------- Custom Theme Style ---------- */
.box-hover-effect.effect2 .overlay.white .overlay-details p {
    color: #777777;
}
/*
 * Work-Gallery.less
 * -----------------------------------------------
*/
.work-gallery {
    margin: 0 auto 30px;
    max-width: 400px;
}

    .work-gallery .gallery-thumb {
        overflow: hidden;
        position: relative;
    }

    .work-gallery .gallery-bottom-part {
        background-color: #f7f7f7;
        padding: 10px 10px 16px;
    }

    .work-gallery .gallery-thumb .gallery-overlay {
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        width: 100%;
    }

    .work-gallery:hover .gallery-thumb .gallery-overlay {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.gallery-contect {
    height: 100%;
    opacity: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
    width: 100%;
}

.work-gallery:hover .gallery-thumb .gallery-contect {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.work-gallery .gallery-thumb .styled-icons a {
    border-color: #fff;
    height: 36px;
    width: 36px;
    line-height: 34px;
}

    .work-gallery .gallery-thumb .styled-icons a i {
        color: #fff;
    }

    .work-gallery .gallery-thumb .styled-icons a:hover i {
        color: #fff;
    }

    .work-gallery .gallery-thumb .styled-icons a:hover {
        color: #fff;
        -webkit-transition: all 100ms ease-in-out 0s;
        -o-transition: all 100ms ease-in-out 0s;
        transition: all 100ms ease-in-out 0s;
    }

.work-gallery .gallery-thumb .gallery-contect .styled-icons {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
}

.work-gallery:hover .gallery-bottom-part {
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

    .work-gallery:hover .gallery-bottom-part .title {
        color: #fff;
    }

    .work-gallery:hover .gallery-bottom-part .sub-title {
        color: #fff;
    }
/*
 * gallery-isotope.less
 * -----------------------------------------------
*/
/* -------- Portfolio Isotop Filter ---------- */
.portfolio-filter {
    margin-bottom: 30px;
}

    .portfolio-filter a {
        border-left: 3px solid transparent;
        background-color: #f8f8f8;
        display: inline-block;
        float: none;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        margin-right: 5px;
        outline: medium none;
        padding: 5px 15px;
        -webkit-transition: all 100ms ease-in-out 0s;
        -o-transition: all 100ms ease-in-out 0s;
        transition: all 100ms ease-in-out 0s;
    }

        .portfolio-filter a.active,
        .portfolio-filter a:hover {
            color: #fff !important;
        }
/* -------- Portfolio Isotop Gallery ---------- */
.gallery-isotope {
    /*gutter*/
    /* by default 4 grids */
    /*portfolio 2 grids*/
    /*portfolio 2 grids*/
    /*portfolio 3 grids*/
    /*portfolio 4 grids*/
    /*portfolio 5 grids*/
    /*portfolio 6 grids*/
    /*portfolio 7 grids*/
    /*portfolio 8 grids*/
    /*portfolio 9 grids*/
    /*portfolio 10 grids*/
}

    .gallery-isotope.gutter .gallery-item {
        padding-right: 5px;
        padding-bottom: 5px;
    }

    .gallery-isotope.gutter-small .gallery-item {
        padding-right: 2px;
        padding-bottom: 2px;
    }

    .gallery-isotope.gutter-30 .gallery-item {
        padding-right: 30px;
        padding-bottom: 30px;
    }

    .gallery-isotope.gutter-40 .gallery-item {
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .gallery-isotope.gutter-50 .gallery-item {
        padding-right: 50px;
        padding-bottom: 50px;
    }

    .gallery-isotope.gutter-60 .gallery-item {
        padding-right: 60px;
        padding-bottom: 60px;
    }

    .gallery-isotope .gallery-item {
        width: 25%;
    }

        .gallery-isotope .gallery-item.wide {
            width: 50%;
        }

    .gallery-isotope.grid-1 .gallery-item {
        width: 100%;
    }

        .gallery-isotope.grid-1 .gallery-item.wide {
            width: 100%;
        }

    .gallery-isotope.grid-2 .gallery-item {
        width: 50%;
    }

        .gallery-isotope.grid-2 .gallery-item.wide {
            width: 100%;
        }

    .gallery-isotope.grid-3 .gallery-item {
        width: 33.333%;
    }

        .gallery-isotope.grid-3 .gallery-item.wide {
            width: 66.6667%;
        }

    .gallery-isotope.grid-4 .gallery-item {
        width: 25%;
    }

        .gallery-isotope.grid-4 .gallery-item.wide {
            width: 50%;
        }

    .gallery-isotope.grid-5 .gallery-item {
        width: 20%;
    }

        .gallery-isotope.grid-5 .gallery-item.wide {
            width: 40%;
        }

    .gallery-isotope.grid-6 .gallery-item {
        width: 16.666666667%;
    }

        .gallery-isotope.grid-6 .gallery-item.wide {
            width: 33.333%;
        }

    .gallery-isotope.grid-7 .gallery-item {
        width: 14.2857143%;
    }

        .gallery-isotope.grid-7 .gallery-item.wide {
            width: 28.5714286%;
        }

    .gallery-isotope.grid-8 .gallery-item {
        width: 12.5%;
    }

        .gallery-isotope.grid-8 .gallery-item.wide {
            width: 25%;
        }

    .gallery-isotope.grid-9 .gallery-item {
        width: 11.11%;
    }

        .gallery-isotope.grid-9 .gallery-item.wide {
            width: 22.22%;
        }

    .gallery-isotope.grid-10 .gallery-item {
        width: 10%;
    }

        .gallery-isotope.grid-10 .gallery-item.wide {
            width: 20%;
        }
/* -------- Portfolio Isotop Item Media Query ---------- */
@media only screen and (max-width: 991px) {
    .gallery-isotope .gallery-item {
        width: 33.333% !important;
    }

        .gallery-isotope .gallery-item.wide {
            width: 66.6667% !important;
        }
}

@media only screen and (max-width: 767px) {
    .gallery-isotope .gallery-item {
        width: 50% !important;
    }

        .gallery-isotope .gallery-item.wide {
            width: 100% !important;
        }
}

@media only screen and (max-width: 479px) {
    .gallery-isotope .gallery-item {
        width: 100% !important;
    }

        .gallery-isotope .gallery-item.wide {
            width: 100% !important;
        }
}
/* -------- Portfolio Isotop Overlay Effect ---------- */
.gallery-isotope .gallery-item {
    overflow: hidden;
}

    .gallery-isotope .gallery-item .thumb {
        position: relative;
        overflow: hidden;
    }

    .gallery-isotope .gallery-item .hover-link {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        background: none !important;
        color: transparent !important;
        z-index: 11;
    }

    .gallery-isotope .gallery-item .overlay-shade {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 12;
        background-color: #333;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .gallery-isotope .gallery-item:hover .overlay-shade {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .gallery-isotope .gallery-item .icons-holder {
        position: absolute;
        top: 0%;
        left: 50%;
        display: inline-block;
        width: auto;
        height: 36px;
        vertical-align: middle;
        z-index: 13;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .gallery-isotope .gallery-item .icons-holder .icons-holder-inner {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: -18px 0 0 -50%;
        }

            .gallery-isotope .gallery-item .icons-holder .icons-holder-inner a {
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

    .gallery-isotope .gallery-item:hover .icons-holder {
        top: 50%;
    }

        .gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a {
            opacity: 1;
            filter: alpha(opacity=1);
        }

    .gallery-isotope .gallery-item .portfolio-description {
        padding: 10px 15px;
        background-color: #f8f8f8;
    }

        .gallery-isotope .gallery-item .portfolio-description .title {
            margin: 0;
        }

            .gallery-isotope .gallery-item .portfolio-description .title a {
                color: black;
            }

    .gallery-isotope .gallery-item .text-holder {
        box-sizing: border-box;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        padding: 25px 30px 60px;
        position: absolute;
        top: 0;
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -o-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s;
        width: 100%;
        z-index: 13;
    }

        .gallery-isotope .gallery-item .text-holder .title {
            color: #fff;
        }

    .gallery-isotope .gallery-item:hover .text-holder {
        opacity: 1;
    }

.gallery-isotope .flex-control-nav {
    z-index: 111;
}
/*
 * Slider.less
 * -----------------------------------------------
*/
/* -------- Rev Slider ---------- */
#home .revslider-fullscreen {
    min-height: auto;
}
/* -------- Home Revolution Slider For Minimal Layouts ---------- */
.minimal-revslider-wrapper {
    left: 0 !important;
    width: 100% !important;
}

    .minimal-revslider-wrapper .tp-leftarrow {
        left: 0 !important;
    }

    .minimal-revslider-wrapper .tp-rightarrow {
        right: 0 !important;
    }
/* -------- Tab-Slider ---------- */
.tab-slider .tab-content {
    padding: 0;
    border: 0;
}

.tab-slider .nav.nav-pills > div {
    background-color: #fff;
    float: left;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-slider .nav.nav-pills i {
    color: #d3d3d3;
}

.tab-slider .nav.nav-pills a {
    display: block;
    padding: 40px 30px;
    background: #f3f3f3;
}

    .tab-slider .nav.nav-pills a:hover i,
    .tab-slider .nav.nav-pills a:hover h6,
    .tab-slider .nav.nav-pills a.active i,
    .tab-slider .nav.nav-pills a.active h6 {
        color: #fff;
    }
/* -------- MaxImage Slider ---------- */
.maximage-slider .fullscreen-controls .img-prev,
.maximage-slider .fullscreen-controls .img-next {
    background: rgba(0, 0, 0, 0.3);
}
/* -------- Testimonial-Carousel ---------- */
.testimonial-carousel,
.testimonial-carousel-style2 {
    /* fullwidth */
}

    .testimonial-carousel .quote,
    .testimonial-carousel-style2 .quote,
    .testimonial-carousel .thumb,
    .testimonial-carousel-style2 .thumb {
        margin-bottom: 40px;
    }

        .testimonial-carousel .quote i,
        .testimonial-carousel-style2 .quote i {
            background: #555555;
            border-radius: 50%;
            color: #fff;
            font-size: 25px;
            height: 60px;
            line-height: 1;
            padding: 20px 0 0;
            text-align: center;
            width: 60px;
        }

    .testimonial-carousel .author,
    .testimonial-carousel-style2 .author {
        margin-top: 30px;
        text-transform: uppercase;
    }

    .testimonial-carousel.owl-theme .owl-controls,
    .testimonial-carousel-style2.owl-theme .owl-controls {
        margin-top: 10px;
    }

    .testimonial-carousel.fullwidth .content p,
    .testimonial-carousel-style2.fullwidth .content p {
        font-size: 15px;
        font-style: italic;
        color: #fff;
    }

        .testimonial-carousel.fullwidth .content p::after,
        .testimonial-carousel-style2.fullwidth .content p::after {
            content: "\f10e";
            font-family: fontawesome;
            font-size: 100px;
            left: 42%;
            opacity: 0.1;
            position: absolute;
        }

    .testimonial-carousel.bullet-white .owl-dots span,
    .testimonial-carousel-style2.bullet-white .owl-dots span {
        background: #fff !important;
    }

    .testimonial-carousel .owl-item img,
    .testimonial-carousel-style2 .owl-item img {
        display: inline-block;
        width: auto;
        max-width: 90px;
    }

    .testimonial-carousel.boxed .quote,
    .testimonial-carousel-style2.boxed .quote,
    .testimonial-carousel.boxed .thumb,
    .testimonial-carousel-style2.boxed .thumb {
        margin-bottom: 20px;
    }

    .testimonial-carousel.boxed .owl-item img,
    .testimonial-carousel-style2.boxed .owl-item img {
        display: inline-block;
        width: auto;
        max-width: 65px;
    }

    .testimonial-carousel.boxed .content::after,
    .testimonial-carousel-style2.boxed .content::after {
        bottom: 12px;
        content: "\f10e";
        font-family: fontawesome;
        font-size: 55px;
        opacity: 0.2;
        position: absolute;
        right: 10px;
    }

    .testimonial-carousel.boxed .owl-controls,
    .testimonial-carousel-style2.boxed .owl-controls {
        margin-top: 0;
    }

    .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span,
    .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span,
    .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span,
    .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span {
        opacity: 1;
    }
/* -------- Widget-Testimonial-Carousel ---------- */
.widget-testimonial-carousel .item img {
    max-width: 75px;
    float: right;
}
/* -------- Owl Carousel ---------- */
.owl-controls {
    margin: 0;
}

    .owl-controls .owl-nav > div {
        background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
        border-radius: 0;
        display: block;
        margin: 0;
        padding: 10px;
        position: absolute;
        top: 45%;
        -webkit-transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        transition: all 0.4s ease 0s;
        z-index: 6;
    }

    .owl-controls .owl-next {
        right: 0px;
    }

        .owl-controls .owl-next i {
            color: #888;
            font-size: 20px;
        }

    .owl-controls .owl-prev i {
        color: #888;
        font-size: 20px;
    }

.owl-carousel .owl-item .testimonial-wrapper img {
    display: inline-block;
    width: 75px;
}
/* owl dots */
.owl-theme .owl-dots {
    text-align: center;
    margin-top: 10px;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
    }

        .owl-theme .owl-dots .owl-dot span {
            background: #fff;
            border: 2px solid #eeeeee;
            border-radius: 50%;
            display: block;
            height: 12px;
            margin: 5px 3px;
            opacity: 0.8;
            -webkit-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            width: 12px;
        }
/* Image Carousel */
.image-carousel .owl-controls .owl-nav > div {
    opacity: 0;
}

.image-carousel:hover .owl-controls .owl-nav > div {
    opacity: 1;
}
/* Owl top nav style */
.owl-carousel.owl-nav-top.bullet-white .owl-dots span {
    background: #fff;
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav > div {
    background-color: transparent;
    top: -60px;
    /*right: 0;*/
}

    .owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover {
        background-color: #d3d3d3;
    }

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    /* right: 35px;*/
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    right: 0;
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    display: flex;
    position: absolute;
    width: 40px;
    background-color: #fff;
    height: 80px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
}

    .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i,
    .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i {
        color: black;
        font-size: 14px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: scale(1) translateY(-50%);
    }

.owl-carousel.no-bullet .owl-nav {
    display: none;
}

.recent-project .owl-controls .owl-nav > div {
    top: 38%;
}

.recent-project .owl-controls .owl-nav .owl-prev i,
.recent-project .owl-controls .owl-nav .owl-next i {
    padding: 2px 16px;
}

.featured-gallery.style2 {
    float: right;
    width: 92%;
}

    .featured-gallery.style2 .owl-controls {
        bottom: 58px;
        left: -80px;
        margin: 0;
        position: absolute;
    }

        .featured-gallery.style2 .owl-controls .owl-nav > div {
            top: 95%;
        }

        .featured-gallery.style2 .owl-controls .owl-nav .owl-prev {
            left: 0px;
        }

        .featured-gallery.style2 .owl-controls .owl-nav .owl-next {
            display: inline-table;
            left: 40px;
        }

            .featured-gallery.style2 .owl-controls .owl-nav .owl-prev i,
            .featured-gallery.style2 .owl-controls .owl-nav .owl-next i {
                color: #fff;
                font-size: 35px;
            }

@media only screen and (max-width: 991px) {
    .featured-gallery.style2 {
        float: none;
        margin-top: 58px;
        width: 100%;
    }

        .featured-gallery.style2 .owl-controls {
            bottom: auto;
            left: auto;
            top: -45px;
        }
}

.image-carousel .owl-controls .owl-nav > div {
    opacity: 0;
}

.image-carousel:hover .owl-controls .owl-nav > div {
    opacity: 1;
}
/* -------- Owl Fullwidth Carousel ---------- */
.fullwidth-carousel .owl-controls .owl-nav > div {
    top: 45%;
}

.fullwidth-carousel .carousel-item {
    min-height: 615px;
    width: 100%;
}

.fullwidth-carousel.blog-fullwidth-carousel .carousel-item {
    height: 600px;
    min-height: auto;
    width: 100%;
}

.fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav > div {
    background: none;
}
/* -------- Twitter Feed Carousel ---------- */
.owl-dots-bottom-right .owl-dots {
    bottom: -10px;
    position: absolute;
    right: 0;
}
/* -------- Twitter Feed Carousel ---------- */
.twitter-feed.twitter-carousel {
    color: #111111;
    font-size: 16px;
}

    .twitter-feed.twitter-carousel a {
        color: #111111;
    }

.twitter-feed .date {
    font-size: 12px;
}

.twitter-feed.twitter-white,
.twitter-feed.twitter-white a {
    color: #fff;
}
/* -------- BX Slider ---------- */
.bx-wrapper {
    margin: 0 auto 7px;
    padding: 0;
    position: relative;
}

    .bx-wrapper .bx-viewport {
        background: inherit;
        border: 0 solid #fff;
        box-shadow: 0 0 0 #ccc;
        left: 0;
        transform: translateZ(0px);
    }
/* bx top nav style */
.bx-controls .bx-controls-direction > a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    height: auto;
    line-height: 26px;
    padding: 0 12px;
    text-indent: 0;
    top: -38px;
    width: auto;
    z-index: 0;
}

    .bx-controls .bx-controls-direction > a:hover {
        background: #ddd;
    }

    .bx-controls .bx-controls-direction > a i {
        color: #888;
    }

.bx-controls .bx-controls-direction .bx-prev {
    right: 35px;
    left: auto;
}

.bx-controls .bx-controls-direction .bx-next {
    right: 0;
}
/* -------- Typed Animation Slider ---------- */
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*
 * Home.less
 * -----------------------------------------------
*/
/* -------- Setion-Bottom-Absolute-Div ---------- */
.setion-bottom-absolute-div {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
/*
 * About.less
 * -----------------------------------------------
*/
/* -------- Bg Img Box ---------- */
.bg-img-box {
    position: relative;
}

    .bg-img-box .caption {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px;
        position: absolute;
        top: 0;
    }

        .bg-img-box .caption .title {
            font-size: 30px;
            line-height: 39px;
        }

        .bg-img-box .caption p {
            max-width: 280px;
        }
/*
 * Contact.less
 * -----------------------------------------------
*/
.contact-wrapper {
    padding: 50px 50px 50px 100px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form .form-control {
    background-image: none;
    border: 1px solid #c0c0c0;
    border-radius: 0;
    box-shadow: none;
    height: 48px;
}

    .contact-form .form-control:focus,
    .contact-form .form-control:active {
        box-shadow: none;
        color: black;
    }

.contact-form .form-control2 {
    background-color: rgba(0, 0, 0, 0.8);
    color: #c0c0c0;
}

.contact-form .form-group button {
    margin-top: 0;
}

.contact-form textarea.form-control {
    height: 110px;
    resize: none;
}

textarea {
    resize: none;
}
/*
 * Services.less
 * -----------------------------------------------
*/
.service-block {
    margin: 0 auto 30px;
    max-width: 400px;
}

    .service-block:hover .thumb .desc {
        bottom: 0;
    }

    .service-block .thumb {
        overflow: hidden;
        position: relative;
    }

        .service-block .thumb .price {
            left: -1px;
            padding: 5px 10px;
            position: absolute;
            top: -1px;
        }

        .service-block .thumb .desc {
            bottom: -31%;
            padding: 10px 6px 5px 20px;
            position: absolute;
            -webkit-transition: all 400ms ease-in-out 0s;
            -o-transition: all 400ms ease-in-out 0s;
            transition: all 400ms ease-in-out 0s;
            width: 100%;
        }

            .service-block .thumb .desc p {
                color: #fff;
                font-size: 13px;
            }

    .service-block .content {
        border: 1px solid #eeeeee;
        padding: 12px 20px 20px;
    }
/*
 * shop.less
 * -----------------------------------------------
*/
/* -------- Product Details Page ---------- */
.product {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.products .product {
    border: 3px solid #eeeeee;
    max-width: 400px;
}

    .products .product:hover {
        border: 3px solid #eeeeee;
    }

    .products .product .product-details .product-title {
        font-size: 15px;
        margin-top: 20px;
        text-transform: uppercase;
    }

.btn-add-to-cart-wrapper,
.btn-product-view-details {
    opacity: 0;
    height: auto;
    margin: 0 0 15px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    position: absolute;
    bottom: 0;
    left: -60px;
}

.product:hover .btn-add-to-cart-wrapper,
.product:hover .btn-product-view-details {
    left: 0;
    opacity: 1;
}

.btn-product-view-details {
    left: auto;
    bottom: 0;
    right: -60px;
}

.product:hover .btn-product-view-details {
    left: auto;
    opacity: 1;
    right: 0;
}
/* -------- Price ---------- */
.product .price {
    margin-top: 5px;
}

    .product .price .amount {
        font-size: 18px;
        font-weight: 400;
    }

    .product .price del .amount {
        color: #999999;
        font-size: 14px;
        font-weight: 500;
    }

    .product .price ins {
        margin-left: 10px;
        text-decoration: none;
    }
/* -------- Product-Summary ---------- */
.product .product-summary .product-title {
    margin-top: 0;
}

.product .product-summary .short-description {
    margin-bottom: 15px;
}

.product .product-summary .cart-form-wrapper .btn {
    margin-top: 0;
}

.product .product-summary .variations {
    width: 100%;
}

.product .product-tab {
    margin-top: 30px;
}

.product .commentlist .comment {
    margin-top: 30px;
    position: relative;
}

    .product .commentlist .comment .meta {
        font-size: 12px;
    }

    .product .commentlist .comment .author {
        font-size: 14px;
        font-weight: bold;
    }

.product .product-thumb {
    position: relative;
}

    .product .product-thumb:hover .overlay {
        opacity: 1;
    }

    .product .product-thumb .overlay .add-to-wishlist {
        color: #fff;
        right: 10px;
        top: 10px;
        position: absolute;
    }

.product .product-summary .cart-form-wrapper .quantity,
.tbl-shopping-cart .quantity {
    display: inline-block;
    margin-right: .8571em;
    position: relative;
    width: 4.1429em;
    vertical-align: top;
}

    .product .product-summary .cart-form-wrapper .quantity .minus,
    .tbl-shopping-cart .quantity .minus,
    .product .product-summary .cart-form-wrapper .quantity .plus,
    .tbl-shopping-cart .quantity .plus {
        background: none repeat scroll 0 0 transparent;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-family: 'Open Sans', sans-serif;
        height: 18px;
        left: 2.8571em;
        line-height: 1;
        outline: medium none;
        padding: 0;
        position: absolute;
        width: 18px;
    }

    .product .product-summary .cart-form-wrapper .quantity .minus,
    .tbl-shopping-cart .quantity .minus {
        bottom: 0;
    }

    .product .product-summary .cart-form-wrapper .quantity .plus,
    .tbl-shopping-cart .quantity .plus {
        top: 0;
    }

    .product .product-summary .cart-form-wrapper .quantity .qty,
    .tbl-shopping-cart .quantity .qty {
        -moz-appearance: textfield;
        border: 1px solid #ccc;
        height: 41px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 40px;
    }
/* -------- Star-Rating ---------- */
.star-rating {
    font-size: 14px;
    height: 16px;
    width: 75px;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: 0px;
}

    .star-rating::before,
    .star-rating span::before {
        color: #c0c0c0;
        content: "\f005\f005\f005\f005\f005";
        float: left;
        font-family: fontawesome;
        left: 0;
        letter-spacing: 2px;
        position: absolute;
        top: 0;
    }

    .star-rating span {
        float: left;
        left: 0;
        overflow: hidden;
        padding-top: 1.5em;
        position: absolute;
        top: 0;
    }

        .star-rating span::before {
            color: #ffc300 !important;
        }
/* -------- Tag Sale ---------- */
.product .tag-sale {
    margin: 0;
    top: 0;
    display: block;
    left: auto;
    right: 0;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 4px 10px 4px 16px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    z-index: 9;
}

    .product .tag-sale .tag-sale::before {
        border-color: transparent transparent transparent #dcdcdc;
        border-style: solid;
        border-width: 12px 13px 13px 8px;
        content: "";
        height: 0;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 1px;
        width: 0;
    }
/* -------- Cart Page ---------- */
.tbl-shopping-cart .product-thumbnail img {
    max-width: 72px;
    max-height: 72px;
}

.tbl-shopping-cart .product-remove {
    text-align: center;
}

.tbl-shopping-cart .variation .variation-size,
.tbl-shopping-cart .variation .variation-size span {
    font-size: 12px;
}

.tbl-shopping-cart tr th,
.tbl-shopping-cart tr td,
.tbl-shopping-cart .coupon label,
.tbl-shopping-cart .coupon input,
.tbl-shopping-cart .coupon button {
    vertical-align: middle !important;
}

.tbl-shopping-cart tr td {
    padding: 10px 12px !important;
}

table.no-border td {
    border: medium none !important;
}
/* -------- Checkout Page ---------- */
.payment-method .radio {
    border: 1px solid #eee;
    padding: 10px;
}

    .payment-method .radio > label {
        color: #111;
        font-size: 17px;
    }

    .payment-method .radio input {
        margin-top: 8px;
        vertical-align: initial;
    }

    .payment-method .radio > p {
        margin-left: 20px;
    }

#checkout-shipping-address {
    display: none;
}
/* -------- Top Nav Search And Cart ---------- */
.top-nav-search-box .indicator,
.top-nav-cart-box .indicator {
    display: none;
}

.has-dropdown + .dropdown {
    display: none;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
    left: auto;
    position: absolute;
    right: -1px;
    top: 100%;
    z-index: 1000;
    padding: 5px;
    width: 300px;
    font-size: 12px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
}

.top-dropdown-outer {
    position: relative;
}

    .top-dropdown-outer:hover .has-dropdown + .dropdown {
        display: block;
    }

.dropdown-cart {
    padding: 10px;
}

    .dropdown-cart .cart-table-list,
    .dropdown-cart .cart-table-list i {
        color: #222222;
        border: none;
    }

        .dropdown-cart .cart-table-list a {
            line-height: normal;
            color: #222222;
        }

        .dropdown-cart .cart-table-list td img {
            width: 50px;
            height: auto;
        }

        .dropdown-cart .cart-table-list.table > tbody > tr > td {
            border: none;
            line-height: 20px;
            height: 20px;
            vertical-align: middle;
            padding: 3px;
        }

    .dropdown-cart .total-cart {
        display: inline-block;
        width: 100%;
        padding-top: 20px;
        color: #222;
        text-align: right;
    }

        .dropdown-cart .total-cart ul {
            float: right;
            list-style: none;
            padding: 0;
            width: 100%;
        }

            .dropdown-cart .total-cart ul li {
                display: block;
                overflow: hidden;
            }

                .dropdown-cart .total-cart ul li span {
                    width: 100px;
                    display: inline-block;
                    text-align: right;
                    white-space: nowrap;
                }

        .dropdown-cart .total-cart .table > tbody > tr > td,
        .dropdown-cart .total-cart .table > tbody > tr > th,
        .dropdown-cart .total-cart .table > tfoot > tr > td,
        .dropdown-cart .total-cart .table > tfoot > tr > th,
        .dropdown-cart .total-cart .table > thead > tr > td,
        .dropdown-cart .total-cart .table > thead > tr > th {
            border: 0;
        }

    .dropdown-cart .cart-btn .btn {
        width: auto;
        float: none;
        padding: 5px 15px;
    }

.top-shop-cart {
    margin-top: 8px;
    position: relative;
}

    .top-shop-cart .cart-number {
        background: #fff none repeat scroll 0 0;
        border-radius: 30px;
        padding: 0 8px 0 3px;
    }
/*
 * blog.less 
 * -----------------------------------------------
*/
.post {
    position: relative;
}

    .post .entry-title {
        margin-top: 0;
    }

    .post .entry-content {
        position: relative;
        background: #f8f8f8;
        padding: 15px;
    }

    .post .entry-date {
        font-size: 13px;
    }

    .post .entry-meta.meta-absolute {
        height: 100%;
        position: absolute;
        top: 0;
    }

        .post .entry-meta.meta-absolute i {
            display: block;
            font-size: 28px;
        }

        .post .entry-meta.meta-absolute span a {
            color: #454545;
            font-size: 12px;
            font-style: italic;
            letter-spacing: 2px;
            margin-right: 5px;
        }

    .post.media-post .post-thumb {
        float: left;
        margin: 0 10px 10px 0;
    }

    .post .post-thumb {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    /* -------- Entry-Meta Absolute ---------- */
    .post .entry-header {
        position: relative;
    }

        .post .entry-header .entry-date {
            bottom: -25px;
            position: absolute;
            right: 10px;
            z-index: 2;
        }

    .post .entry-meta.meta-absolute {
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

        .post .entry-meta.meta-absolute i {
            display: block;
            font-size: 28px;
        }
    /*
 * Blog Style 2
 * -----------------------------------------------
*/
    .post.style2,
    .post.style3 {
        position: relative;
        overflow: hidden;
    }

        .post.style2 .entry-content,
        .post.style3 .entry-content {
            background-color: rgba(0, 0, 0, 0.8);
            bottom: -30px;
            left: 0;
            padding: 30px;
            position: absolute;
            right: 0;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

            .post.style2 .entry-content .entry-date,
            .post.style3 .entry-content .entry-date {
                font-size: 11px;
                margin-bottom: 10px;
            }

        .post.style2:hover .entry-content,
        .post.style3:hover .entry-content {
            bottom: 0;
        }

        .post.style2:hover .post-thumb,
        .post.style3:hover .post-thumb {
            -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
            -o-transform: scale(1) !important;
            transform: scale(1) !important;
        }

.blog-pull-right {
    float: right;
}

@media only screen and (max-width: 767px) {
    .blog-pull-right {
        float: none;
    }
}

.featured-blog {
    overflow: hidden;
    position: relative;
}

.featured-blog-details {
    bottom: -18%;
    padding: 30px;
    position: absolute;
    transition: all 400ms ease-in-out 0s;
    width: 100%;
}

.featured-blog:hover .featured-blog-details {
    bottom: 0;
}
/*
 * our-services-gallery
 * -----------------------------------------------
*/
.our-services-gallery .gallery-item {
    position: relative;
    overflow: hidden;
}

    .our-services-gallery .gallery-item .thumb {
        position: relative;
        overflow: hidden;
    }

    .our-services-gallery .gallery-item .overlay-shade {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 12;
        background-color: #333;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .our-services-gallery .gallery-item:hover .overlay-shade {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .our-services-gallery .gallery-item .icons-holder {
        position: absolute;
        top: 0%;
        left: 50%;
        display: inline-block;
        width: auto;
        height: 36px;
        vertical-align: middle;
        z-index: 13;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .our-services-gallery .gallery-item .icons-holder .icons-holder-inner {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: -18px 0 0 -50%;
        }

            .our-services-gallery .gallery-item .icons-holder .icons-holder-inner a {
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

    .our-services-gallery .gallery-item:hover .icons-holder {
        top: 50%;
    }

        .our-services-gallery .gallery-item:hover .icons-holder .icons-holder-inner a {
            opacity: 1;
            filter: alpha(opacity=1);
        }

    .our-services-gallery .gallery-item .our-services-details {
        position: inherit;
        padding: 10px 15px;
        background-color: #f8f8f8;
    }

        .our-services-gallery .gallery-item .our-services-details .discount {
            position: absolute;
            display: inline-block;
            z-index: 15;
            right: 10px;
            top: -40px;
        }

        .our-services-gallery .gallery-item .our-services-details .title {
            margin: 0;
        }

            .our-services-gallery .gallery-item .our-services-details .title a {
                color: black;
            }

    .our-services-gallery .gallery-item .text-holder {
        box-sizing: border-box;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        padding: 25px 30px 60px;
        position: absolute;
        top: 0;
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -o-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s;
        width: 100%;
        z-index: 13;
    }

        .our-services-gallery .gallery-item .text-holder .title {
            color: #fff;
        }

    .our-services-gallery .gallery-item:hover .text-holder {
        opacity: 1;
    }
/*
 * causes.less
 * -----------------------------------------------
*/
/* -------- Recent Causes ---------- */
.causes .progress-item .progress-bar .percent {
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid;
    border-radius: 50%;
    color: black;
    font-size: 10px;
    line-height: 8px;
    padding: 12px 6px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
}

.causes .progress-item .progress {
    background-color: #efefef;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: none;
    height: 15px;
}
/*
 * 3.6  -> Causes
 * -----------------------------------------------
*/
.causes .thumb {
    position: relative;
}

    .causes .thumb .donate-btn {
        opacity: 0;
        position: absolute;
        right: -50px;
        top: 0px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

.causes:hover .thumb .donate-btn {
    opacity: 1;
    right: -15px;
}

.donate-piechart {
    margin: 0 auto;
}

    .donate-piechart.piechart-absolute {
        bottom: -40px;
        right: 15px;
        position: absolute;
    }

    .donate-piechart .piechart-block {
        border-radius: 50%;
    }

    .donate-piechart .piechart canvas {
        max-height: 70px;
    }

    .donate-piechart .piechart canvas {
        background-color: #eeeeee !important;
        border-radius: 50%;
        max-height: 80px;
    }

    .donate-piechart .piechart-block .piechart {
        min-height: 80px;
        min-width: 80px;
    }

    .donate-piechart .piechart-block .percent::after {
        font-size: 12px;
    }

    .donate-piechart .piechart-block .percent {
        font-size: 18px;
        line-height: 77px;
        position: relative;
    }
/*
 * 3.29  -> Pie Charts
 * -----------------------------------------------
*/
.piechart {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

    .piechart .percent {
        font-size: 18px;
        z-index: 100;
        line-height: 60px;
    }

        .piechart .percent:after {
            content: "%";
            font-size: 18px;
        }

    .piechart canvas {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
/*
 * 3.29  -> Featured Causes
 * -----------------------------------------------
*/
.project-conditions {
    padding: 8px;
}

    .project-conditions li {
        border-right: 1px solid #d3d3d3;
        color: #808080;
        width: 32%;
    }

        .project-conditions li:last-child {
            border-right: medium none;
        }

        .project-conditions li strong {
            display: block;
            font-weight: 400;
            color: #222222;
        }
/*
 * project.less
 * -----------------------------------------------
*/
.project .thumb {
    position: relative;
    overflow: hidden;
}

    .project .thumb:after {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition-duration: 0.3s;
        width: 100%;
    }

.project .hover-link {
    left: 44%;
    opacity: 0;
    position: absolute;
    top: 20%;
    transition-duration: 0.3s;
    z-index: 9;
}

    .project .hover-link i {
        color: #fff;
        display: block;
        font-size: 20px;
        padding: 10px;
    }

.project .project-details {
    background: #fff none repeat scroll 0 0;
    transition-duration: 0.3s;
}

.project:hover .thumb::after {
    border: 10px solid rgba(255, 255, 255, 0.2);
    opacity: 1;
}

.project:hover .hover-link {
    opacity: 1;
    top: 44%;
}

.project:hover .project-details {
    border-bottom: 3px solid #fff;
}

    .project:hover .project-details .title,
    .project:hover .project-details .sub-title {
        color: #fff;
    }
/*
 * hover-effect.less
 * -----------------------------------------------
*/
.hover-effect .thumb {
    position: relative;
    overflow: hidden;
}

    .hover-effect .thumb:after {
        background: rgba(255, 255, 255, 0.1);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 100%;
    }

.hover-effect .hover-link {
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 20%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9;
}

.hover-effect .details {
    background: #f6f6f6;
    border-bottom: 3px solid #eee;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .hover-effect .details .sub-title {
        color: #999999;
    }

.hover-effect:hover .thumb::after {
    border: 10px solid rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.hover-effect:hover .hover-link {
    opacity: 1;
    top: 44%;
}

.hover-effect:hover .details {
    background: #222222;
    border-bottom-color: black;
}

    .hover-effect:hover .details .title,
    .hover-effect:hover .details .sub-title {
        color: #fff;
    }
/*
 * event.less
 * -----------------------------------------------
*/
.event {
    background: #f6f6f6;
    border: 1px solid transparent;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

    .event:hover {
        background: #fafafa;
    }

    .event .event-content .media-heading a {
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .event .event-content ul li {
        font-size: 12px;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .event .event-date ul li {
        line-height: 1;
    }

        .event .event-date ul li:first-child {
            margin-bottom: 10px;
        }
/* -------- Schedule-Box Style ---------- */
.schedule-box .thumb {
    position: relative;
    overflow-x: hidden;
}

    .schedule-box .thumb .overlay {
        background-color: rgba(255, 255, 255, 0.85);
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        -webkit-transition: 0.3s ease-in-out 0s;
        -o-transition: 0.3s ease-in-out 0s;
        transition: 0.3s ease-in-out 0s;
        top: -100%;
    }

        .schedule-box .thumb .overlay a i {
            background-color: #333;
            color: #fff;
            margin: 0 auto;
            padding: 13px 12px;
            position: absolute;
            text-align: center;
            -webkit-transition: all 0.45s ease-in-out 0s;
            -o-transition: all 0.45s ease-in-out 0s;
            transition: all 0.45s ease-in-out 0s;
            top: 0;
        }

.schedule-box .schedule-details {
    border-bottom: 1px solid #bbb;
}

    .schedule-box .schedule-details ul li {
        margin: 0;
    }

    .schedule-box .schedule-details .title a {
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

.schedule-box:hover .thumb .overlay {
    opacity: 1;
    top: 0;
}

    .schedule-box:hover .thumb .overlay a i {
        opacity: 1;
        top: 40%;
    }
/* -------- Event-Table ---------- */
.table-schedule thead tr th {
    color: #fff;
    font-size: 16px;
    padding: 15px 25px;
    text-transform: uppercase;
}

.table-schedule > tbody > tr {
    background-color: #fcfcfc;
}

    .table-schedule > tbody > tr:nth-child(2n+1) {
        background-color: #f9f9f9;
    }

.table-schedule tbody tr td {
    border-top: 1px solid #ddd;
    color: #333;
    font-weight: 300;
    padding: 15px 25px;
}

    .table-schedule tbody tr td .speaker-thumb {
        float: left;
        margin-right: 15px;
        margin-top: 5px;
        width: 55px;
    }

    .table-schedule tbody tr td .title {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 3px;
    }

    .table-schedule tbody tr td .name {
        font-size: 13px;
        margin: 0;
    }

    .table-schedule tbody tr td strong {
        font-weight: 400;
    }

.table-schedule .toggle-content {
    cursor: pointer;
}

.table-schedule .session-details {
    display: none;
}
/*
 * Shortcode.less
 * -----------------------------------------------
*/
/*
 * Shortcode: Alerts.less
 * -----------------------------------------------
*/
/*
 * Shortcode: Buttons.less
 * -----------------------------------------------
*/
/* -------- Btn-Default ---------- */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .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.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

    .btn-default:hover {
        background-color: #eeeeee;
        border-color: #eeeeee;
    }
/* -------- Btn-Border ---------- */
.btn-border {
    color: #222222;
    background-color: #fff;
    border-color: #222222;
}

    .btn-border:focus,
    .btn-border.focus {
        color: #222222;
        background-color: #e6e6e6;
        border-color: #000000;
    }

    .btn-border:hover {
        color: #222222;
        background-color: #e6e6e6;
        border-color: #040404;
    }

    .btn-border:active,
    .btn-border.active,
    .open > .dropdown-toggle.btn-border {
        color: #222222;
        background-color: #e6e6e6;
        border-color: #040404;
    }

        .btn-border:active:hover,
        .btn-border.active:hover,
        .open > .dropdown-toggle.btn-border:hover,
        .btn-border:active:focus,
        .btn-border.active:focus,
        .open > .dropdown-toggle.btn-border:focus,
        .btn-border:active.focus,
        .btn-border.active.focus,
        .open > .dropdown-toggle.btn-border.focus {
            color: #222222;
            background-color: #d4d4d4;
            border-color: #000000;
        }

    .btn-border:active,
    .btn-border.active,
    .open > .dropdown-toggle.btn-border {
        background-image: none;
    }

    .btn-border.disabled:hover,
    .btn-border[disabled]:hover,
    fieldset[disabled] .btn-border:hover,
    .btn-border.disabled:focus,
    .btn-border[disabled]:focus,
    fieldset[disabled] .btn-border:focus,
    .btn-border.disabled.focus,
    .btn-border[disabled].focus,
    fieldset[disabled] .btn-border.focus {
        background-color: #fff;
        border-color: #222222;
    }

    .btn-border .badge {
        color: #fff;
        background-color: #222222;
    }

.btn-border {
    border-width: 2px;
}

    .btn-border:hover,
    .btn-border:active,
    .btn-border:focus {
        background-color: #222222;
        border-color: #222222;
        color: #fff;
    }
/* -------- Btn-Dark ---------- */
.btn-dark {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

    .btn-dark:focus,
    .btn-dark.focus {
        color: #fff;
        background-color: #090909;
        border-color: #000000;
    }

    .btn-dark:hover {
        color: #fff;
        background-color: #090909;
        border-color: #040404;
    }

    .btn-dark:active,
    .btn-dark.active,
    .open > .dropdown-toggle.btn-dark {
        color: #fff;
        background-color: #090909;
        border-color: #040404;
    }

        .btn-dark:active:hover,
        .btn-dark.active:hover,
        .open > .dropdown-toggle.btn-dark:hover,
        .btn-dark:active:focus,
        .btn-dark.active:focus,
        .open > .dropdown-toggle.btn-dark:focus,
        .btn-dark:active.focus,
        .btn-dark.active.focus,
        .open > .dropdown-toggle.btn-dark.focus {
            color: #fff;
            background-color: #000000;
            border-color: #000000;
        }

    .btn-dark:active,
    .btn-dark.active,
    .open > .dropdown-toggle.btn-dark {
        background-image: none;
    }

    .btn-dark.disabled:hover,
    .btn-dark[disabled]:hover,
    fieldset[disabled] .btn-dark:hover,
    .btn-dark.disabled:focus,
    .btn-dark[disabled]:focus,
    fieldset[disabled] .btn-dark:focus,
    .btn-dark.disabled.focus,
    .btn-dark[disabled].focus,
    fieldset[disabled] .btn-dark.focus {
        background-color: #222222;
        border-color: #222222;
    }

    .btn-dark .badge {
        color: #222222;
        background-color: #fff;
    }
/* -------- Btn-Gray ---------- */
.btn-gray {
    color: black;
    background-color: #eeeeee;
    border-color: #eeeeee;
}

    .btn-gray:focus,
    .btn-gray.focus {
        color: black;
        background-color: #d5d5d5;
        border-color: #afafaf;
    }

    .btn-gray:hover {
        color: black;
        background-color: #d5d5d5;
        border-color: #d0d0d0;
    }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        color: black;
        background-color: #d5d5d5;
        border-color: #d0d0d0;
    }

        .btn-gray:active:hover,
        .btn-gray.active:hover,
        .open > .dropdown-toggle.btn-gray:hover,
        .btn-gray:active:focus,
        .btn-gray.active:focus,
        .open > .dropdown-toggle.btn-gray:focus,
        .btn-gray:active.focus,
        .btn-gray.active.focus,
        .open > .dropdown-toggle.btn-gray.focus {
            color: black;
            background-color: #c3c3c3;
            border-color: #afafaf;
        }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled:hover,
    .btn-gray[disabled]:hover,
    fieldset[disabled] .btn-gray:hover,
    .btn-gray.disabled:focus,
    .btn-gray[disabled]:focus,
    fieldset[disabled] .btn-gray:focus,
    .btn-gray.disabled.focus,
    .btn-gray[disabled].focus,
    fieldset[disabled] .btn-gray.focus {
        background-color: #eeeeee;
        border-color: #eeeeee;
    }

    .btn-gray .badge {
        color: #eeeeee;
        background-color: black;
    }

.btn-circled {
    border-radius: 25px;
}

.btn-flat {
    border-radius: 0;
}
/* -------- Btn-Default ---------- */
.btn {
    font-size: 13px;
    padding: 8px 22px;
}
/* -------- Btn-xs ---------- */
.btn-xs {
    font-size: 11px;
    padding: 3px 14px;
}
/* -------- Btn-sm ---------- */
.btn-sm {
    font-size: 12px;
    padding: 5px 17px;
}
/* -------- Btn-lg ---------- */
.btn-lg {
    font-size: 14px;
    padding: 10px 26px;
}
/* -------- Btn-xl ---------- */
.btn-xl {
    font-size: 16px;
    padding: 13px 32px;
}
/* -------- Btn-transparent ---------- */
.btn-transparent {
    background-color: transparent;
    color: #fff;
}
/* -------- Btn-Quick-contact ---------- */
.btn-quick-contact {
    background-color: rgba(5, 15, 5, 0.1);
    color: #fff;
}
/* btn read more*/
.btn-read-more {
    padding: 0;
}

    .btn-read-more::after {
        display: inline-block;
        content: "\f18e";
        font-family: fontawesome;
        font-size: 16px;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        margin-left: 5px;
        position: relative;
        text-shadow: none;
        text-transform: none;
        top: 2px;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
/*
 * Blockquote.less
 * -----------------------------------------------
*/
blockquote {
    border-left: 3px solid #eeeeee;
    margin: 20px 0;
    padding: 30px;
}

    blockquote.gray {
        border-left: 3px solid #666666;
        background-color: #eeeeee;
        color: black;
    }

        blockquote.gray.bg-theme-colored {
            background-color: #eeeeee;
        }

    blockquote.dark {
        border-left: 3px solid #3c3c3c;
        background-color: #555555;
        color: #fff;
    }

        blockquote.dark footer {
            color: #d3d3d3;
        }

    blockquote p {
        font-family: "Playfair Display", serif;
        font-size: 16px;
        font-style: italic;
    }
/*
 * Shortcode: Clients.less
 * -----------------------------------------------
*/
.clients-logo .item {
    background: #eeeeee;
    border-color: transparent;
    margin-bottom: 30px;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.clients-logo img {
    width: auto !important;
    display: inline !important;
    opacity: 0.7;
}

    .clients-logo img:hover {
        opacity: 1;
    }

.clients-logo.carousel {
    text-align: center;
}

    .clients-logo.carousel .item {
        box-shadow: none;
    }

.clients-logo.style2 .item {
    box-shadow: none;
}

    .clients-logo.style2 .item img {
        max-height: 120px;
    }

.client-img {
    opacity: 0.7;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .client-img:hover {
        opacity: 1;
    }

.clients-logo.carousel {
    text-align: center;
}

    .clients-logo.carousel .item {
        box-shadow: none;
        margin: 0 10px;
    }

.clients-logo.transparent .item {
    background: transparent;
    margin-bottom: 10px;
}

.clients-logo.transparent img {
    opacity: 0.9;
}
/*
 * Shortcode: Countdown.less
 * -----------------------------------------------
*/
.countdown-timer li {
    color: #808080;
    display: inline-block;
    padding: 30px 20px;
    background-color: #f1f1f1;
    margin-right: 15px;
    font-size: 40px;
    text-align: center;
    min-width: 120px;
    min-height: 120px;
}

    .countdown-timer li span {
        color: #c0c0c0;
        display: block;
        font-size: 15px;
        margin-top: 5px;
    }

.countdown-timer.timer-box {
    padding: 20px;
    padding-top: 40px;
    text-align: center;
}

    .countdown-timer.timer-box li {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.05);
        margin-bottom: 15px;
    }

        .countdown-timer.timer-box li span {
            color: #eeeeee;
        }

.countdown-timer.timer-deep-bg li {
    background-color: rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 767px) {
    .timer-responsive li {
        margin-top: 30px;
        font-size: 20px;
        min-width: 60px;
        min-height: 60px;
        padding: 20px 10px;
    }

    .countdown-timer li span {
        font-size: 12px;
    }
}
/*
 * Shortcode: Countdown-Timer.less
 * -----------------------------------------------
*/
/*
 * Shortcode: Dividers.less
 * -----------------------------------------------
*/
.divider,
.parallax {
    background-repeat: repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* -------- Parallax ---------- */
.parallax {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: top center;
}

.mobile-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center;
}

.divider .container {
    padding-top: 90px;
    padding-bottom: 90px;
}

    .divider .container.small-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .divider .container.extra-padding {
        padding-top: 180px;
        padding-bottom: 180px;
    }
/*
 * Shortcode: Facebook-Disqus-Comments.less
 * -----------------------------------------------
*/
.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
    display: block !important;
    margin: 0;
    width: 100% !important;
}
/*
 * Shortcode: Faqs.less
 * -----------------------------------------------
*/
/*
 * Shortcode: Flexslider.less
 * -----------------------------------------------
*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
    border: none;
}

.flex-direction-nav {
    display: none;
}

.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    width: auto;
    position: absolute;
    z-index: 10;
    text-align: center;
    bottom: 15px;
    right: 15px;
}

    .flex-control-nav li {
        float: left;
        display: block;
        margin: 0 3px;
        width: 10px;
        height: 10px;
    }

        .flex-control-nav li a {
            display: block;
            cursor: pointer;
            text-indent: -9999px;
            width: 10px;
            height: 10px;
            border: 1px solid #fff;
            border-radius: 50%;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .flex-control-nav li:hover a,
            .flex-control-nav li a.flex-active {
                background-color: #fff;
            }
/*
 * Shortcode: Flip-Box.less
 * -----------------------------------------------
*/
.card {
    float: left;
    min-height: 300px;
    padding-bottom: 25%;
    position: relative;
    text-align: center;
    width: 100%;
}

    .card:nth-child(1) {
        margin-left: -3px;
        margin-right: 1px;
    }

    .card:nth-child(1),
    .card .card:nth-child(3) {
        margin-right: 1px;
    }

    .card .card__front,
    .card .card__back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
    }

    .card .card__back {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .card .card__text {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 300px;
        line-height: 20px;
    }

    .card.effect__hover:hover .card__front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .card.effect__hover:hover .card__back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    .card.effect__click.flipped .card__front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .card.effect__click.flipped .card__back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    .card.effect__random.flipped .card__front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .card.effect__random.flipped .card__back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
/*
 * Shortcode: Font-Icons-Style.less
 * -----------------------------------------------
*/
/* common style */
.styled-icons a {
    color: black;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .styled-icons a:hover {
        color: #666666;
    }

.styled-icons.icon-gray a {
    background-color: #eeeeee;
    color: #555555;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}

    .styled-icons.icon-gray a:hover {
        color: #bbbbbb;
    }

.styled-icons.icon-gray.icon-bordered a {
    background-color: transparent;
    border: 2px solid #eeeeee;
}

    .styled-icons.icon-gray.icon-bordered a:hover {
        border: 2px solid #d5d5d5;
    }

.styled-icons.icon-dark a {
    background-color: black;
    color: #eeeeee;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}

    .styled-icons.icon-dark a:hover {
        color: #5e5e5e;
    }

.styled-icons.icon-dark.icon-bordered a {
    background-color: transparent;
    border: 2px solid #111111;
    color: #111111;
}

    .styled-icons.icon-dark.icon-bordered a:hover {
        background-color: #111111;
        border-color: #111111;
        color: #fff;
    }

.styled-icons.icon-bordered a {
    border: 1px solid #777777;
}

    .styled-icons.icon-bordered a:hover {
        background-color: #777777;
        color: #fff;
    }

.styled-icons.icon-rounded a {
    border-radius: 3px;
}

.styled-icons.icon-circled a {
    border-radius: 50%;
}

.styled-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 2px 7px 2px 0;
    width: 30px;
}

.styled-icons.icon-md a {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.styled-icons.icon-lg a {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.styled-icons.icon-xl a {
    font-size: 60px;
    height: 120px;
    line-height: 120px;
    width: 120px;
}

.styled-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
/*
 * Shortcode: Funfacts.less
 * -----------------------------------------------
*/
.funfact {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .funfact.border {
        border: 1px solid #d3d3d3;
    }

    .funfact.no-border {
        border: 0;
    }

    .funfact.border {
        border: 1px solid #d3d3d3;
    }

    .funfact i {
        font-size: 45px;
    }

    .funfact h2 {
        position: relative;
    }

        .funfact h2:after {
            bottom: 0;
        }

    .funfact span {
        color: #eeeeee;
        font-size: 18px;
    }
    /* funfact style-1*/
    .funfact.style-1 i,
    .funfact.style-1 .funfact-title {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .funfact.style-1 .funfact-title {
        color: #999999;
        font-size: 14px;
        text-transform: uppercase;
    }

    .funfact.style-1:hover i {
        font-size: 40px !important;
        opacity: 0.3;
    }

    .funfact.style-1:hover .funfact-title {
        color: black !important;
    }
/*
 * Shortcode: Icon-Boxes.less
 * -----------------------------------------------
*/
.icon-box {
    padding: 40px 17px;
}

    .icon-box .icon {
        display: inline-block;
        height: 68px;
        margin-bottom: 20px;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 68px;
    }

        .icon-box .icon i {
            line-height: 68px;
        }

        .icon-box .icon.icon-gray {
            background-color: #eeeeee;
            color: #555555;
        }

            .icon-box .icon.icon-gray:hover {
                background-color: #d5d5d5;
                color: #bbbbbb;
            }

            .icon-box .icon.icon-gray.icon-bordered {
                background-color: transparent;
                border: 2px solid #eeeeee;
            }

                .icon-box .icon.icon-gray.icon-bordered:hover {
                    background-color: #eeeeee;
                    color: #555555;
                }

        .icon-box .icon.icon-dark {
            background-color: #111111;
            color: #fff;
        }

            .icon-box .icon.icon-dark:hover {
                color: #5e5e5e;
            }

            .icon-box .icon.icon-dark.icon-bordered {
                background-color: transparent;
                border: 2px solid #111111;
                color: #111111;
            }

                .icon-box .icon.icon-dark.icon-bordered:hover {
                    background-color: #111111;
                    border-color: #111111;
                    color: #fff;
                }

        .icon-box .icon.icon-white {
            background-color: #fff;
            color: black;
        }

            .icon-box .icon.icon-white:hover {
                background-color: #b3b3b3;
                color: #000000;
            }

            .icon-box .icon.icon-white.icon-bordered {
                background-color: transparent;
                border: 2px solid #fff;
                color: #fff;
            }

                .icon-box .icon.icon-white.icon-bordered:hover {
                    background-color: #fff;
                    border-color: #fff;
                    color: #111111;
                }

            .icon-box .icon.icon-white.icon-border-effect {
                position: relative;
            }

                .icon-box .icon.icon-white.icon-border-effect::after {
                    box-shadow: 0 0 0 3px #fff;
                }

        .icon-box .icon.icon-bordered {
            border: 1px solid #777777;
        }

            .icon-box .icon.icon-bordered:hover {
                background-color: #777777;
                color: #fff;
            }

        .icon-box .icon.icon-rounded {
            border-radius: 3px;
        }

        .icon-box .icon.icon-circled {
            border-radius: 50%;
        }

        .icon-box .icon.icon-xs {
            height: 30px;
            width: 30px;
        }

            .icon-box .icon.icon-xs i {
                font-size: 18px;
                line-height: 30px;
            }

        .icon-box .icon.icon-sm {
            height: 50px;
            width: 50px;
        }

            .icon-box .icon.icon-sm i {
                font-size: 22px;
                line-height: 50px;
            }

        .icon-box .icon.icon-md {
            height: 75px;
            width: 75px;
        }

            .icon-box .icon.icon-md i {
                font-size: 36px;
                line-height: 75px;
            }

        .icon-box .icon.icon-lg {
            height: 90px;
            width: 90px;
        }

            .icon-box .icon.icon-lg i {
                font-size: 48px;
                line-height: 90px;
            }

        .icon-box .icon.icon-xl {
            height: 120px;
            width: 120px;
        }

            .icon-box .icon.icon-xl i {
                font-size: 60px;
                line-height: 120px;
            }

        .icon-box .icon.icon-border-effect {
            position: relative;
        }

            .icon-box .icon.icon-border-effect::after {
                border-radius: 50%;
                box-shadow: 0 0 0 3px #eeeeee;
                box-sizing: content-box;
                content: "";
                height: 100%;
                left: -4px;
                opacity: 0;
                padding: 4px;
                top: -4px;
                transform: scale(0.8);
                transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
                pointer-events: none;
                position: absolute;
                width: 100%;
            }

            .icon-box .icon.icon-border-effect.effect-flat::after {
                border-radius: 0;
            }

            .icon-box .icon.icon-border-effect.effect-rounded::after {
                border-radius: 3px;
            }

            .icon-box .icon.icon-border-effect.effect-circled::after {
                border-radius: 50%;
            }

            .icon-box .icon.icon-border-effect.icon-gray::after {
                box-shadow: 0 0 0 3px #eeeeee;
            }

        .icon-box .icon.icon-top {
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: -32px;
        }

    .icon-box i {
        display: inline-block;
        font-size: 40px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .icon-box i[class*="pe-7s-"] {
            vertical-align: text-bottom;
        }

    .icon-box.left {
        text-align: left;
    }

        .icon-box.left a {
            margin-right: 30px;
            padding: 0;
        }

    .icon-box.iconbox-border {
        border: 1px solid #dcdcdc;
    }

    .icon-box.iconbox-bg {
        background-color: #fafafa;
    }

        .icon-box.iconbox-bg.iconbox-bg-dark {
            background-color: black;
        }

    .icon-box .icon-box-title {
        margin-bottom: 15px;
    }

    .icon-box .icon-border-effect:hover::after,
    .icon-box:hover .icon-border-effect::after {
        opacity: 1;
        transform: scale(1);
    }

    .icon-box .icon-box-details {
        margin-left: 80px;
    }
/*
 * Shortcode: Infinitescroll.less
 * -----------------------------------------------
*/
#infscr-loading {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    left: 48%;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 50px;
    z-index: 100;
}

    #infscr-loading img {
        display: none;
    }
/*
 * Shortcode: Instagram.less
 * -----------------------------------------------
*/
/* -------- Instagram-Feed ---------- */
.instagram-feed-carousel figure,
.instagram-feed figure {
    position: relative;
}

    .instagram-feed-carousel figure .link-out,
    .instagram-feed figure .link-out {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: rgba(0, 0, 0, 0.45);
        color: #f8f8f8;
        line-height: 1;
        padding: 10px;
        font-weight: 300;
        opacity: 0;
    }

        .instagram-feed-carousel figure .link-out:hover,
        .instagram-feed figure .link-out:hover {
            background: rgba(0, 0, 0, 0.7);
            color: #f8f8f8;
        }

    .instagram-feed-carousel figure:hover .link-out,
    .instagram-feed figure:hover .link-out {
        opacity: 1;
    }
/* -------- Instagram-Feed ---------- */
.instagram-feed .item {
    width: 100px;
    float: left;
    margin-bottom: 2px;
    margin-right: 2px;
}
/*
 * Shortcode: Light-Box.less
 * -----------------------------------------------
*/
.nivo-lightbox-theme-default .nivo-lightbox-nav {
    height: 100%;
    top: 0;
}

.lightbox .lb-dataContainer {
    left: 0;
    position: absolute;
    right: 0;
    top: -45px;
}
/*
 * Shortcode: Map.less
 * -----------------------------------------------
*/
.toggle-map {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 200;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

    .toggle-map:hover {
        color: #fff;
    }

    .toggle-map span:after {
        content: "\f107";
        font-family: fontawesome;
        margin-left: 10px;
    }

    .toggle-map.open span:after {
        content: "\f106";
    }

.map-canvas {
    height: 400px;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

    .map-canvas.big {
        height: 720px;
    }

    .map-canvas.map-hidden {
        height: 0;
    }

.btn-show-map {
    color: #111111;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
}

    .btn-show-map i {
        font-size: 48px;
    }
/*
 * Shortcode: Pegination.less
 * -----------------------------------------------
*/
.pagination.theme-colored li.active a {
    background: #BF9E58;
    color: #fff;
    border: 1px solid transparent;
}

.pagination.dark li a {
    color: #333;
}

.pagination.dark li.active a {
    background: #333;
    color: #fff;
    border: 1px solid transparent;
}

.pager.theme-colored li.active a {
    color: #fff;
    border: 1px solid transparent;
}

.pager.dark li a {
    color: #fff;
    background-color: #333;
    border: 1px solid transparent;
}
/*
 * Shortcode: Pricing.less
 * -----------------------------------------------
*/
.pricing-table {
    margin-bottom: 30px;
    position: relative;
}

    .pricing-table .table-price {
        color: #111111;
        font-size: 45px;
    }

        .pricing-table .table-price span {
            font-size: 13px;
            vertical-align: middle;
        }

    .pricing-table.featured {
        border: 1px solid #111111;
    }

    .pricing-table .table-type {
        display: inline;
    }

    .pricing-table .btn-signup {
        margin-right: 0;
        width: 100%;
    }

    .pricing-table .table-list {
        list-style: outside none none;
        padding: 10px 0 10px 20px;
    }

        .pricing-table .table-list li {
            border-bottom: 0;
            font-size: 12px;
            padding: 10px 0;
        }

            .pricing-table .table-list li i {
                margin-right: 8px;
            }

    .pricing-table .package-type span {
        position: relative;
        padding-left: 15px;
        margin-left: 10px;
    }

        .pricing-table .package-type span::after {
            background: #2d915b;
            content: "";
            height: 20px;
            left: -20px;
            position: absolute;
            top: 11px;
            width: 20px;
        }

.pricing {
    background-color: #3FB179;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out 0s;
    -o-transition: 0.3s all ease-in-out 0s;
    transition: 0.3s all ease-in-out 0s;
}

    .pricing:hover {
        background-color: #121b26 !important;
    }

    .pricing .table-price {
        font-size: 4rem !important;
        /* =64px */
        line-height: 1.2;
        font-family: "Open Sans", sans-serif;
        margin: 0 0 20px;
        font-weight: 200;
    }

    .pricing .table-title {
        color: #fff;
        margin: 0;
        padding: 15px 0;
        padding-top: 0;
        text-transform: uppercase;
    }

    .pricing.table-horizontal {
        background-color: #3FB179;
    }
/*
 * Shortcode: Process-Steps.less
 * -----------------------------------------------
*/
/*
 * Shortcode: Progress-Bar.less
 * -----------------------------------------------
*/
.progress-item {
    margin-top: 20px;
}

    .progress-item .progress {
        background-color: #f8f8f8;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;
        border-radius: 0;
        height: 10px;
        margin-bottom: 15px;
        overflow: visible;
    }

    .progress-item .progress-bar {
        font-size: 11px;
        padding-left: 10px;
        position: relative;
        text-align: left;
        width: 0;
        line-height: 18px;
        -webkit-transition: all 1s ease 0s;
        -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
    }

        .progress-item .progress-bar .percent {
            background: none repeat scroll 0 0 #555555;
            border-radius: 8px 0 0;
            padding: 3px 5px;
            position: absolute;
            right: 0;
            top: -30px;
        }

    .progress-item.progress-white .progress {
        padding: 2px;
    }

    .progress-item.style2 .progress {
        height: 25px;
    }

    .progress-item.style2 .progress-bar .percent {
        background: none;
        color: #555555;
        font-size: 14px;
    }
/*
 * Shortcode: Promo.less
 * -----------------------------------------------
*/
.modal-promo-box {
    max-width: 700px;
    padding: 90px 60px;
    margin: 0 auto;
}
/*
 * Shortcode: Section-Title.less
 * -----------------------------------------------
*/
.small-title {
    position: relative;
}

    .small-title i {
        font-size: 36px;
        margin-top: 7px;
        padding-top: 0px;
    }

    .small-title .title {
        margin-left: 15px;
    }

        .small-title .title:after {
            bottom: -6px;
            content: "";
            height: 1px;
            left: 45px;
            position: absolute;
            width: 45px;
        }

.section-title .both-side-line::after {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: -40px;
    top: 10px;
    width: 30px;
}

.section-title .both-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    left: -40px;
    top: 10px;
    width: 30px;
}

.section-title .top-side-line::after {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -8px;
    width: 40px;
}

.section-title .left-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 35px;
}

.section-title .right-side-line::before {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 35px;
}

.section-title .sub-title {
    margin: 0;
    position: relative;
    display: inline-block;
}

.section-title .title {
    margin-top: 0;
    position: relative;
}

.section-title .title-icon {
    left: -60px;
    position: absolute;
    top: -10px;
}

    .section-title .title-icon i {
        opacity: 0.5;
    }

.section-title p {
    font-size: 14px;
}

    .section-title p.left-bordered {
        border-left: 2px solid #c0c0c0;
        padding-left: 10px;
    }

    .section-title p.right-bordered {
        border-right: 2px solid #c0c0c0;
        padding-right: 10px;
    }
/*Theme Section Title*/
.section-title {
    margin-bottom: 30px;
    position: relative;
}

    .section-title.title-border {
        padding-left: 30px;
    }

        .section-title.title-border.title-right {
            border-left: 0;
            text-align: right;
        }

    .section-title.icon-bg p {
        font-size: 14px;
        font-style: italic;
        margin-bottom: 0;
    }

    .section-title.icon-bg .page-title {
        font-size: 38px;
        line-height: 52px;
    }

        .section-title.icon-bg .page-title i {
            font-size: 42px;
            line-height: 1.3;
            position: absolute;
            opacity: 0.15;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

.title-dots {
    background: url("../images/title-dots.png") repeat scroll 0 0;
    height: 30px;
    margin-bottom: 20px;
}

    .title-dots span {
        color: #fff;
        font-size: 17px;
        line-height: 30px;
        padding: 5px 10px;
    }

    .title-dots.small {
        height: 24px;
        margin-bottom: 15px;
    }

        .title-dots.small span {
            font-size: 11px;
            line-height: 23px;
        }
/*
 * Shortcode: Separators.less
 * -----------------------------------------------
*/
.title-separator {
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    margin: 10px 0;
    width: 70%;
}

    .title-separator span {
        background: #fff none repeat scroll 0 0;
        border-radius: 2px;
        letter-spacing: 0.2em;
        padding: 2px 10px;
        position: relative;
        text-transform: uppercase;
        top: -12px;
    }

.separator {
    color: #ccc;
    line-height: 1.2em;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .separator::before,
    .separator::after {
        border-bottom: 1px solid #eee;
        content: "";
        display: inline-block;
        height: .65em;
        margin: 0 -4px 0 -100%;
        vertical-align: top;
        width: 50%;
    }

    .separator::after {
        margin: 0 -100% 0 0;
    }

    .separator i,
    .separator span,
    .separator a {
        display: inline-block;
        margin: 0 20px 0 24px;
        font-size: 20px;
    }

    .separator.separator-left,
    .separator.left i {
        float: left;
        margin: 2px 50px 0 0;
    }

    .separator.right i {
        float: right;
        margin: 0 0 2px 50px;
    }

    .separator.separator-medium-line {
        margin: 10px auto;
        width: 20%;
    }

    .separator.separator-small-line {
        width: 10%;
    }

    .separator.separator-rouned i,
    .separator.separator-border-rouned i {
        background-color: #f5f5f5;
        border-radius: 50%;
        height: 40px;
        left: 0;
        line-height: 40px;
        margin: -12px auto auto;
        position: absolute;
        right: 0;
        width: 40px;
    }

    .separator.separator-border-rouned i {
        background: transparent;
        border: 1px solid #f5f5f5;
    }

    .separator.separator-rouned.separator-rouned-left i {
        margin: -12px auto auto;
        right: auto;
        left: 0;
    }

    .separator.separator-rouned.separator-rouned-right i {
        margin: -12px auto auto;
        right: 0;
        left: auto;
    }

    .separator.dotted::before,
    .separator.dotted::after {
        border-bottom: 2px dotted #ccc;
    }
/*
 * Shortcode: styled-icons.less
 * -----------------------------------------------
*/
/* common style */
.styled-icons a {
    color: black;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .styled-icons a:hover {
        color: #666666;
    }

.styled-icons.icon-gray a {
    background-color: #eeeeee;
    color: #555555;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}

    .styled-icons.icon-gray a:hover {
        color: #bbbbbb;
    }

.styled-icons.icon-gray.icon-bordered a {
    background-color: transparent;
    border: 2px solid #eeeeee;
}

    .styled-icons.icon-gray.icon-bordered a:hover {
        border: 2px solid #d5d5d5;
    }

.styled-icons.icon-dark a {
    background-color: black;
    color: #eeeeee;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}

    .styled-icons.icon-dark a:hover {
        color: #5e5e5e;
    }

.styled-icons.icon-dark.icon-bordered a {
    background-color: transparent;
    border: 2px solid #111111;
    color: #111111;
}

    .styled-icons.icon-dark.icon-bordered a:hover {
        background-color: #111111;
        border-color: #111111;
        color: #fff;
    }

.styled-icons.icon-bordered a {
    border: 1px solid #777777;
}

    .styled-icons.icon-bordered a:hover {
        background-color: #777777;
        color: #fff;
    }

.styled-icons.icon-rounded a {
    border-radius: 3px;
}

.styled-icons.icon-circled a {
    border-radius: 50%;
}

.styled-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 2px 7px 2px 0;
    width: 30px;
}

.styled-icons.icon-md a {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.styled-icons.icon-lg a {
    font-size: 32px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.styled-icons.icon-xl a {
    font-size: 60px;
    height: 120px;
    line-height: 120px;
    width: 120px;
}

.styled-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
/*
 * Shortcode: Tabs.less
 * -----------------------------------------------
*/
.tab-content {
    padding: 15px;
    border: 1px solid #eeeeee;
}

.nav-tabs {
    border: none;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li.active a,
        .nav-tabs > li.active a:hover,
        .nav-tabs > li.active a:focus {
            color: #111111;
            background-color: #f8f8f8;
        }

        .nav-tabs > li > a {
            border-radius: 0;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            color: white;
            padding: 12px 20px;
            margin-right: 0;
        }

            .nav-tabs > li > a .fa {
                margin-right: 10px;
            }

            .nav-tabs > li > a:hover,
            .nav-tabs > li > a:focus {
                color: black;
                background-color: transparent;
            }

            .nav-tabs > li > a i {
                font-size: 32px;
                margin-right: 20px;
                vertical-align: middle;
            }
    /* -------- Nav Tabs ---------- */
    .nav-tabs > li {
        text-align: center;
    }

        .nav-tabs > li > a i {
            display: block;
            font-size: 48px;
            margin-right: 0;
            margin-bottom: 10px;
            vertical-align: middle;
        }
/* -------- Horizontal-Tab-Centered ---------- */
.horizontal-tab-centered .nav-pills {
    display: inline-block;
}

    .horizontal-tab-centered .nav-pills > li > a {
        background: #eeeeee;
        color: #555555;
        font-size: 14px;
        padding: 8px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

        .horizontal-tab-centered .nav-pills > li > a:hover {
            color: #fff;
        }

        .horizontal-tab-centered .nav-pills > li > a i {
            font-size: 14px;
            margin-right: 8px;
        }

    .horizontal-tab-centered .nav-pills > li.active > a,
    .horizontal-tab-centered .nav-pills > li.active > a:hover,
    .horizontal-tab-centered .nav-pills > li.active > a:focus {
        color: #fff;
    }
/* -------- Horizontal-Tab Fullwide ---------- */
.horizontal-tab.fullwide .nav-tabs > li {
    width: 20%;
}
/* -------- Vertical Nav-Tabs ---------- */
.vertical-tab .tab-content {
    padding: 5px 5px 20px 20px;
    border: none;
}

.vertical-tab .nav-tabs > li {
    float: none;
    margin-bottom: 0;
}

    .vertical-tab .nav-tabs > li > a {
        background: none;
        border-radius: 0;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        font-size: 14px;
        padding: 30px 0 30px 15px;
    }

    .vertical-tab .nav-tabs > li:first-child > a {
        border-top: 1px solid #d3d3d3 !important;
    }

    .vertical-tab .nav-tabs > li.active > a,
    .vertical-tab .nav-tabs > li.active > a:hover,
    .vertical-tab .nav-tabs > li.active > a:focus {
        background: none;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #d3d3d3;
    }

.vertical-tab .small-padding .nav-tabs > li a {
    padding: 20px 0 20px 15px;
}

.vertical-tab .small-padding .nav-tabs > li i {
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .vertical-tab .tab-content {
        padding: 20px 5px;
    }

    .nav-tabs > li > a {
        border-radius: 0;
        border-bottom: none;
        border-left: 2px solid #d3d3d3;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-bottom: none;
        border-left: 2px solid #d3d3d3;
    }
}

.custom-nav-tabs {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 0px medium medium;
    margin-right: 53px;
}

    .custom-nav-tabs > li {
        float: none;
        margin: 0 0 1px;
    }

        .custom-nav-tabs > li a {
            background: #eeeeee none repeat scroll 0 0;
            border: medium none;
            border-radius: 0;
            display: block;
            font-size: 17px;
            font-weight: 400;
            line-height: 59px;
            margin: 0;
            outline: medium none;
            padding: 0;
            text-align: center;
            text-transform: uppercase;
        }

        .custom-nav-tabs > li.active > a,
        .custom-nav-tabs > li.active > a:hover,
        .custom-nav-tabs > li.active > a:focus,
        .custom-nav-tabs > li > a:hover,
        .custom-nav-tabs > li > a:focus {
            border: medium none;
            color: #000;
            padding: 0;
        }
/*
 * Shortcode: Teams.less
 * -----------------------------------------------
*/
.team-members {
    overflow: hidden;
    position: relative;
}

    .team-members .team-details {
        bottom: -50px;
        position: absolute;
        transition: all 300ms ease-in-out 0s;
        width: 100%;
    }

    .team-members:hover .team-details {
        bottom: 0;
    }

.team-member .thumb {
    position: relative;
    overflow: hidden;
}

    .team-member .thumb img {
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
    }

.team-member:hover .thumb img {
    transform: scale(1.1);
}

.team-member .thumb .info {
    bottom: -50px;
    position: absolute;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
}

.team-member:hover .thumb .info {
    bottom: 0;
}

.dl-horizontal.doctor-info dt {
    color: black;
    font-size: 14px;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .dl-horizontal.doctor-info dt {
        margin-bottom: 10px;
    }
}

.team-block .team-upper-block {
    overflow: hidden;
    position: relative;
}

    .team-block .team-upper-block .styled-icons {
        background: #fff none repeat scroll 0 0;
        position: absolute;
        text-align: center;
        transform: translateY(-5%);
        transition: all 300ms linear 0s;
        width: 100%;
    }

.team-block:hover .team-upper-block .styled-icons {
    transform: translateY(-100%);
}

.team-block:hover .team-upper-block img {
    transform: translateY(-35px) scale(1.04);
}

.team-block .team-upper-block img {
    transition: all 300ms linear 0s;
}

.team-block {
    margin: 0 auto 30px;
}

    .team-block .team-thumb {
        overflow: hidden;
        position: relative;
    }

        .team-block .team-thumb .team-overlay {
            height: 85.4%;
            padding: 40px 20px 0 30px;
            position: absolute;
            top: -90%;
            -webkit-transition: all 300ms ease-in-out 0s;
            -o-transition: all 300ms ease-in-out 0s;
            transition: all 300ms ease-in-out 0s;
            width: 100%;
        }

            .team-block .team-thumb .team-overlay .styled-icons {
                position: absolute;
                bottom: 4px;
            }

                .team-block .team-thumb .team-overlay .styled-icons a {
                    border-color: #fff;
                }

                    .team-block .team-thumb .team-overlay .styled-icons a:hover {
                        background: #fff none repeat scroll 0 0;
                    }

                    .team-block .team-thumb .team-overlay .styled-icons a i {
                        color: #fff;
                    }

        .team-block .team-thumb .styled-icons {
            bottom: 0;
            padding: 7px 20px 0 0;
            position: absolute;
            right: 0;
            width: 84%;
        }

            .team-block .team-thumb .styled-icons a {
                margin: 0px;
            }

                .team-block .team-thumb .styled-icons a i {
                    color: #fff;
                    font-size: 14px;
                    margin-top: 8px;
                }

                .team-block .team-thumb .styled-icons a:hover {
                    border-color: #fff;
                    -webkit-transition: all 100ms ease-in-out 0s;
                    -o-transition: all 100ms ease-in-out 0s;
                    transition: all 100ms ease-in-out 0s;
                }

            .team-block .team-thumb .styled-icons::after {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-image: none;
                border-style: solid;
                border-width: 22px;
                bottom: 0;
                content: "";
                display: block;
                height: 40px;
                left: -44px;
                position: absolute;
                width: 40px;
            }

    .team-block .team-bottom-part {
        background: #eeeeee none repeat scroll 0 0;
        margin-top: 6px;
        padding: 10px 16px 12px 30px;
    }

    .team-block:hover .team-overlay {
        top: 0;
    }

.team-block {
    margin: 0 auto 30px;
}

    .team-block .team-thumb {
        overflow: hidden;
        position: relative;
    }

        .team-block .team-thumb .team-overlay {
            height: 85.4%;
            padding: 40px 20px 0 30px;
            position: absolute;
            top: -90%;
            -webkit-transition: all 300ms ease-in-out 0s;
            -o-transition: all 300ms ease-in-out 0s;
            transition: all 300ms ease-in-out 0s;
            width: 100%;
        }

            .team-block .team-thumb .team-overlay .styled-icons {
                position: absolute;
                bottom: 4px;
            }

                .team-block .team-thumb .team-overlay .styled-icons a {
                    border-color: #fff;
                }

                    .team-block .team-thumb .team-overlay .styled-icons a:hover {
                        background: #fff none repeat scroll 0 0;
                    }

                    .team-block .team-thumb .team-overlay .styled-icons a i {
                        color: #fff;
                    }

            .team-block .team-thumb .team-overlay::after {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-image: none;
                border-style: solid;
                border-width: 22px;
                bottom: -44px;
                content: "";
                display: block;
                height: 44px;
                left: -2px;
                position: absolute;
                width: 40px;
            }

        .team-block .team-thumb .styled-icons {
            bottom: 0;
            padding: 7px 20px 0 0;
            position: absolute;
            right: 0;
            width: 84%;
        }

            .team-block .team-thumb .styled-icons a {
                margin: 0px;
            }

                .team-block .team-thumb .styled-icons a i {
                    color: #fff;
                    font-size: 14px;
                    margin-top: 8px;
                }

                .team-block .team-thumb .styled-icons a:hover {
                    border-color: #fff;
                    -webkit-transition: all 100ms ease-in-out 0s;
                    -o-transition: all 100ms ease-in-out 0s;
                    transition: all 100ms ease-in-out 0s;
                }

            .team-block .team-thumb .styled-icons::after {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-image: none;
                border-style: solid;
                border-width: 22px;
                bottom: 0;
                content: "";
                display: block;
                height: 40px;
                left: -44px;
                position: absolute;
                width: 40px;
            }

    .team-block .team-bottom-part {
        background: #eeeeee none repeat scroll 0 0;
        margin-top: 6px;
        padding: 10px 16px 12px 30px;
    }

    .team-block:hover .team-overlay {
        top: 0;
    }
/*
 * Shortcode: Testimonials.less
 * -----------------------------------------------
*/
.testimonial .content {
    position: relative;
}

    .testimonial .content::after {
        color: #202c45;
        content: "\f10e";
        font-family: fontawesome;
        font-size: 48px;
        opacity: 0.2;
        position: absolute;
        right: 20px;
        top: -15px;
    }
/*
 * Shortcode: timetable-fullcalendar.less
 * -----------------------------------------------
*/
.fc-timetable-wrapper .fc-scroller {
    height: auto;
    overflow: hidden;
}

.fc-timetable-wrapper .fc-toolbar {
    display: none;
    height: 38px;
    margin-bottom: 20px;
}

    .fc-timetable-wrapper .fc-toolbar h2 {
        color: #7f7f7f;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 38px;
        text-transform: uppercase;
    }

    .fc-timetable-wrapper .fc-toolbar .fc-button {
        -moz-box-sizing: border-box;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        background: #ffffff;
        border: 1px solid #e5e5e5;
        box-shadow: none;
        box-sizing: border-box;
        height: 38px;
        line-height: 36px;
        transition: all 0.3s ease;
        width: 40px;
    }

        .fc-timetable-wrapper .fc-toolbar .fc-button:hover {
            background: #5fc7ae;
            border-color: #5fc7ae;
        }

            .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-left-single-arrow {
                background-position: -108px -50px;
            }

            .fc-timetable-wrapper .fc-toolbar .fc-button:hover .fc-icon.fc-icon-right-single-arrow {
                background-position: -115px -50px;
            }

        .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon {
            height: 11px;
            top: -1px;
            width: 6px;
        }

            .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon:after {
                display: none;
            }

            .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow {
                background-position: -100px -50px;
            }

            .fc-timetable-wrapper .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow {
                background-position: -122px -50px;
            }

.fc-timetable-wrapper .fc-day-header {
    background: #ffffff;
    color: #7f7f7f;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 52px;
}

.fc-timetable-wrapper .fc-time-grid .fc-day.fc-widget-content {
    background: #ffffff;
}

.fc-timetable-wrapper .fc-axis {
    background: #ffffff;
}

.fc-timetable-wrapper .filter-departments {
    margin-bottom: 20px;
}

    .fc-timetable-wrapper .filter-departments li {
        margin-bottom: 20px;
    }

    .fc-timetable-wrapper .filter-departments a {
        background: #eeeeee;
        border-color: #eeeeee;
        border-radius: 5px;
        color: black;
        padding: 5px;
        padding: 7px 15px;
    }

    .fc-timetable-wrapper .filter-departments .active {
        background: #888888;
        border-color: #888888;
        color: #ffffff;
    }

    .fc-timetable-wrapper .filter-departments .fc-departments-orthopaedics {
        background: #72a230;
        border-color: #72a230;
    }

    .fc-timetable-wrapper .filter-departments .fc-departments-cardiology {
        background: #ffab00;
        border-color: #ffab00;
    }

    .fc-timetable-wrapper .filter-departments .fc-departments-neurology {
        background: #fd4084;
        border-color: #fd4084;
    }

    .fc-timetable-wrapper .filter-departments .fc-departments-dental {
        background: #00a4ef;
        border-color: #00a4ef;
    }

    .fc-timetable-wrapper .filter-departments .fc-departments-haematology {
        background: #80acdd;
        border-color: #80acdd;
    }

.fc-timetable-wrapper .fc-event {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border-radius: 0;
    border: 0;
    border: 2px solid #5fc7ae;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
    transition: all 0.3s ease;
}

    .fc-timetable-wrapper .fc-event .fc-bg {
        opacity: 0;
    }

    .fc-timetable-wrapper .fc-event .fc-content {
        padding-left: 10px;
        padding-top: 10px;
    }

        .fc-timetable-wrapper .fc-event .fc-content div.fc-time {
            display: none;
        }

    .fc-timetable-wrapper .fc-event.hide {
        opacity: 0;
        z-index: -2;
    }

    .fc-timetable-wrapper .fc-event.fc-departments-orthopaedics {
        background: #72a230;
        border-color: #72a230;
    }

    .fc-timetable-wrapper .fc-event.fc-departments-cardiology {
        background: #ffab00;
        border-color: #ffab00;
    }

    .fc-timetable-wrapper .fc-event.fc-departments-neurology {
        background: #fd4084;
        border-color: #fd4084;
    }

    .fc-timetable-wrapper .fc-event.fc-departments-dental {
        background: #00a4ef;
        border-color: #00a4ef;
    }

    .fc-timetable-wrapper .fc-event.fc-departments-haematology {
        background: #80acdd;
        border-color: #80acdd;
    }

.fc-timetable-wrapper td.fc-time {
    color: #7f7f7f;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
}

.fc-timetable-wrapper .fc-time-grid-container {
    height: auto;
}

.fc-timetable-wrapper .fc-content-skeleton .fc-event-container {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .fc-timetable-wrapper .fc-day-header {
        font-size: 10px;
    }

    .fc-timetable-wrapper .fc-time-grid-event .fc-time,
    .fc-timetable-wrapper .fc-time-grid-event .fc-title {
        font-size: 12px;
    }

    .fc-timetable-wrapper .fc-event .fc-content {
        padding-left: 0;
        padding-top: 0;
    }
}
/*
 * Shortcode: Toggles-Accordions.less
 * -----------------------------------------------
*/
.panel-group .panel {
    box-shadow: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border: none;
    position: relative;
}

.panel-group .panel-title {
    font-size: 13px;
}

    .panel-group .panel-title a {
        background: #f8f8f8;
        display: block;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 48px;
        white-space: normal;
    }

        .panel-group .panel-title a.active {
            background: #16174f none repeat scroll 0 0 !important;
            border-bottom: 1px solid #d3d3d3 !important;
            color: #fff !important;
        }

            .panel-group .panel-title a.active .open-sub:after {
                display: none;
            }

            .panel-group .panel-title a.active::after {
                color: #fff;
                content: "\f068";
            }

        .panel-group .panel-title a::after {
            color: #888;
            content: "\f067";
            font-family: fontawesome;
            font-size: 14px;
            left: 0;
            padding: 10px 14px;
            position: absolute;
            top: 0;
        }

    .panel-group .panel-title.active.panel-group .panel-title:hover a,
    .panel-group .panel-title.active.panel-group .panel-title:focus a {
        color: black;
    }

    .panel-group .panel-title .open-sub {
        display: block;
        position: relative;
    }

        .panel-group .panel-title .open-sub:before,
        .panel-group .panel-title .open-sub:after {
            content: "";
            display: block;
            position: absolute;
            height: 1px;
            top: 50%;
            margin-top: -0.5px;
            left: 50%;
        }

.panel-group .panel-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 10px 20px 20px;
}

    .panel-group .panel-content > :last-child {
        margin-bottom: 0;
    }

.panel-group.white .panel-title a {
    background-color: #fff;
}
/* -------- Toggle ---------- */
.panel-group.toggle .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-group.toggle .panel-body {
    padding: 10px 0 5px 25px;
}

.panel-group.accordion.transparent .panel-title a,
.panel-group.toggle.transparent .panel-title a,
.panel-group.accordion.transparent .panel-title a.active,
.panel-group.toggle.transparent .panel-title a.active {
    background: transparent !important;
    border: none !important;
    color: black;
}

    .panel-group.accordion.transparent .panel-title a::after,
    .panel-group.toggle.transparent .panel-title a::after,
    .panel-group.accordion.transparent .panel-title a.active::after,
    .panel-group.toggle.transparent .panel-title a.active::after {
        color: black;
        background: transparent !important;
    }

.panel-group.accordion.transparent .panel-content,
.panel-group.toggle.transparent .panel-content {
    background: transparent !important;
}

.panel-group.toggle .panel-heading + .panel-collapse > .panel-body,
.panel-group.toggle .panel-heading + .panel-collapse > .list-group {
    border-top: none;
}
/*
 * Shortcode: Vertical-Timeline.less
 * -----------------------------------------------
*/
.cd-timeline-content {
    background: #f1f1f1;
}

    .cd-timeline-content::before {
        border-color: transparent transparent transparent #eee;
    }

.cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
    border-color: transparent #eee transparent transparent;
}

#cd-timeline.cd-timeline-simple::before {
    background: #ccc none repeat scroll 0 0;
    height: 82%;
    top: 65px;
    width: 2px;
}

#cd-timeline.cd-timeline-simple.time-line-media::before {
    height: 65%;
}

.cd-timeline-simple .cd-timeline-block {
    margin: 38px 0 20px 0;
}

    .cd-timeline-simple .cd-timeline-block .cd-timeline-content::before {
        display: none;
    }

    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        padding-top: 0;
        background: none;
        box-shadow: none;
    }

        .cd-timeline-simple .cd-timeline-block .cd-timeline-content p {
            font-size: 14px;
        }

    .cd-timeline-simple .cd-timeline-block .cd-timeline-img {
        background: #333 none repeat scroll 0 0 !important;
        box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0, 0, 0, 0.06) inset, 0 0px 0 3px rgba(0, 0, 0, 0.05) !important;
    }

@media only screen and (max-width: 992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date {
        font-size: 14px;
    }
}
/* Vertical Masonry Timeline */
.vertical-masonry-timeline .each-masonry-item {
    position: relative;
    width: 50%;
    margin-bottom: 30px;
}

    .vertical-masonry-timeline .each-masonry-item:nth-child(2) {
        margin-top: 80px;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
        padding-left: 50px;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
        padding-right: 50px;
    }

    .vertical-masonry-timeline .each-masonry-item .timeline-block {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #d7e4ed;
        height: 100%;
        padding: 20px;
        position: relative;
        width: 100%;
    }

        .vertical-masonry-timeline .each-masonry-item .timeline-block:before,
        .vertical-masonry-timeline .each-masonry-item .timeline-block:after {
            border-style: solid;
            border-width: 8px;
            content: "";
            display: block;
            position: absolute;
            top: 20px;
        }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:before {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db;
        left: auto;
        right: -16px;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
        left: auto;
        right: -15px;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before {
        border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -16px;
        right: auto;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after {
        border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        left: -15px;
        right: auto;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
        left: auto;
        right: -82px;
    }

    .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
        left: -80px;
        right: auto;
    }

.timeline-post-format {
    border: 3px solid #bbb;
    border-radius: 100%;
    color: #bbb;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    width: 60px;
    z-index: 1;
}

    .timeline-post-format:after {
        background: #fff none repeat scroll 0 0;
        color: #fff;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .timeline-post-format i {
        font-size: 18px;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

.vertical-masonry-timeline-wrapper:before {
    background: #ddd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    width: 4px;
}

.vertical-masonry-timeline-wrapper:after {
    background: rgba(0, 0, 0, 0) linear-gradient(#ddd, transparent) repeat scroll 0 0;
    bottom: -100px;
    content: "";
    height: 100px;
    left: 50%;
    margin-left: 0px;
    position: absolute;
    width: 4px;
}

.vertical-masonry-timeline::after {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #ddd) repeat scroll 0 0;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    top: -65px;
    width: 4px;
}

@media only screen and (min-width: 768px) {
    .vertical-masonry-timeline .each-masonry-item.item-right {
        padding-right: 0px;
        padding-left: 50px;
    }

        .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before {
            border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            left: -16px;
            right: auto;
        }

        .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after {
            border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            left: -15px;
            right: auto;
        }

        .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format {
            left: -80px;
            right: auto;
        }

    .vertical-masonry-timeline .each-masonry-item.item-left {
        padding-right: 50px;
        padding-left: 0px;
    }

        .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before {
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db;
            right: -16px;
            left: auto;
        }

        .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after {
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
            right: -15px;
            left: auto;
        }

        .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format {
            right: -81px;
            left: auto;
        }
}

@media only screen and (max-width: 768px) {
    .vertical-masonry-timeline .each-masonry-item {
        width: 100%;
    }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) {
            padding-right: 0px;
            padding-left: 71px;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n) {
            padding-left: 71px;
            padding-right: inherit;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2) {
            margin-top: 0;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-post-format {
            left: -72px;
            right: auto;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format {
            left: -72px;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::before {
            border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            left: -16px;
            right: auto;
        }

        .vertical-masonry-timeline .each-masonry-item:nth-child(2n+1) .timeline-block::after {
            border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            left: -15px;
            right: auto;
        }

    .vertical-masonry-timeline:after {
        left: 29px;
    }

    .vertical-masonry-timeline-wrapper:before,
    .vertical-masonry-timeline-wrapper:after {
        left: 44px;
    }
}
/*
 * Shortcode: Working-Process.less
 * -----------------------------------------------
*/
.working-process > li {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .working-process > li::after {
        border-top: 1px dashed black;
        content: "";
        left: 6px;
        margin-left: -32px;
        overflow: hidden;
        position: absolute;
        top: 25px;
        width: 50%;
    }

    .working-process > li::before {
        border-top: 1px dashed black;
        content: "";
        margin-right: -25px;
        position: absolute;
        right: 0;
        top: 25px;
        width: 50%;
    }

    .working-process > li :first-child::after {
        border-top: medium none;
    }

    .working-process > li :last-child::before {
        border-top: medium none;
    }

.working-process li a {
    border: 1px solid;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: 50px;
    border-radius: 50%;
}

    .working-process li a:hover {
        background: black none repeat scroll 0 0;
        border: 1px solid transparent;
        color: #fff;
    }

    .working-process li a i {
        font-size: 18px;
    }

.working-process.square li a,
.working-process.square.large-circle li a {
    border-radius: 0;
}

.working-process.large-circle li a {
    height: 120px;
    line-height: 130px;
    width: 120px;
    border-radius: 50%;
}

    .working-process.large-circle li a i {
        font-size: 28px;
    }

.working-process.large-circle > li::before {
    margin-right: -60px;
    top: 60px;
}

.working-process.large-circle > li::after {
    margin-left: -64px;
    top: 60px;
}

.working-process.theme-colored li a {
    color: #fff;
}
/*  
 * home-boxes.less 
 * -----------------------------------------------
*/
.home-boxes .each-box {
    overflow-x: hidden;
}

.home-boxes .bg-icon {
    bottom: 0;
    color: #fff;
    font-size: 58px;
    line-height: 1;
    opacity: 0.3;
    position: absolute;
    right: 30px;
    transform: rotate(-40deg);
}
/*
 * Widgets.less
 * -----------------------------------------------
*/
/* -------- Top Search Bar ---------- */
.search-form-wrapper {
    position: relative;
    /* form absolute */
}

    .search-form-wrapper.toggle {
        display: none;
    }

        .search-form-wrapper.toggle.active {
            display: block;
        }

    .search-form-wrapper form {
        padding: 10px;
        position: relative;
    }

        .search-form-wrapper form label {
            margin: 0px;
            position: absolute;
            right: 11px;
            top: 11px;
        }

            .search-form-wrapper form label:before {
                color: #555555;
                cursor: pointer;
                content: "\f002";
                font-family: fontawesome;
                font-size: 16px;
                position: absolute;
                right: 13px;
                top: 6px;
            }

        .search-form-wrapper form input[type="text"] {
            background-color: #fff;
            border: 1px solid #c0c0c0;
            height: 46px;
            padding: 8px 17px;
            width: 100%;
        }

        .search-form-wrapper form input[type="submit"] {
            background-color: #fff;
            border-left: 1px solid #c0c0c0;
            border: none;
            height: 44px;
            width: 50px;
            text-indent: -999px;
        }

    .search-form-wrapper.form-absolute form {
        background-color: black;
        position: absolute;
        right: 0px;
        top: 12px;
        width: 370px;
        z-index: 99;
    }
    /* -------- Form Round ---------- */
    .search-form-wrapper.round form input[type="text"] {
        border-radius: 30px;
        border-width: 4px;
    }

    .search-form-wrapper.round form input[type="submit"] {
        height: auto;
        width: auto;
        margin-right: 10px;
        margin-top: 10px;
    }

    .search-form-wrapper.round form label::before {
        color: #c0c0c0;
    }

.widget .list-border li {
    border-bottom: none !important;
}

/* -------- Footer & Sidebar Widgets ---------- */
.footer img {
    width: 100px;
    background: white;
    padding: 5px;
    border-radius: 10px;
}

.widget {
    margin-bottom: 30px;
}

    .widget .widget-title {
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 30px;
    }

.list-border li {
    padding: 5px !important;
}

.widget ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.widget ul.list li,
.widget .post {
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: flex;
}

.widget.brochures > li {
    margin-bottom: 10px;
    padding: 10px;
}

.widget.brochures i {
    color: #666666;
    font-size: 16px;
    margin-right: 10px;
}

.widget.address > li {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .widget.address > li i {
        font-size: 16px;
        margin-right: 8px;
        vertical-align: middle;
    }

.widget .twitter-feed li {
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 0px;
    padding-left: 30px;
}

    .widget .twitter-feed li.item {
        position: relative;
    }

    .widget .twitter-feed li::after {
        content: "\f099";
        font-size: 24px;
        font-family: fontawesome;
        left: 0;
        position: absolute;
        top: 0;
    }

.widget .styled-icons li {
    margin-bottom: 0;
    padding-bottom: 0;
}

    .widget .styled-icons li a {
        margin-bottom: 0;
    }

.widget .tags a {
    border: 1px solid #404040;
    display: inline-block;
    font-size: 12px;
    margin: 5px 4px 5px -2px;
    padding: 5px 10px;
}

    .widget .tags a:hover {
        color: #fff;
    }

.widget .search-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: initial;
    box-shadow: none;
    height: 45px;
    padding: 10px;
}

.widget .search-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 0;
    height: 45px;
}

.widget .nav-tabs li {
    border-bottom: 1px solid transparent;
    margin-bottom: -2px;
    padding-bottom: 0;
}

    .widget .nav-tabs li:hover {
        border-bottom: 1px solid transparent;
    }

.widget .post-title a {
    font-size: 13px;
    letter-spacing: 0;
}

.widget .quick-contact-form .form-control {
    background-color: rgba(241, 241, 241, 0.8);
    border-color: #d3d3d3;
    color: #a9a9a9;
}

.widget .product-list .product-title {
    font-size: 14px;
    font-weight: 400;
}

.widget.dark .widget-title {
    color: rgb(255 255 255 / 80%);
}

.widget.dark .tags a {
    border: 1px solid #404040;
}

.widget.dark .widget-image-carousel .title {
    color: #fff;
}

.widget.dark .search-input {
    border: 1px solid black;
}

.widget.dark .styled-icons li a:hover i {
    color: #fff;
}

.widget.dark .search-button {
    border: 1px solid black;
}

.widget.dark .widget-subscribe .subscribe-title {
    color: #fff;
}

.widget.dark .widget-subscribe .subscribe-sub-title {
    color: #666666;
}

.widget.dark .nav-tabs li {
    border-bottom: 1px solid transparent;
    margin-bottom: -2px;
    padding-bottom: 0;
}

    .widget.dark .nav-tabs li:hover {
        border-bottom: 1px solid transparent;
    }

        .widget.dark .nav-tabs li:hover a {
            border: 1px solid #555555;
        }

    .widget.dark .nav-tabs li.active a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: black none repeat scroll 0 0;
        border-color: #555555 #555555 transparent;
        border-image: none;
        border-style: solid;
        border-width: 1px;
    }

.widget.dark .product-title a {
    color: #808080;
}

.widget.dark .post-title a {
    color: #c0c0c0;
}

.widget.dark .tab-content {
    background: black none repeat scroll 0 0;
    border: 1px solid #555555;
}

.widget.dark .quick-contact-form .form-control {
    background-color: rgba(5, 15, 5, 0.1);
    border-color: black;
}

.widget.dark .widget-title.line-bottom-theme-colored-2.border-bottom {
    border-bottom: 1px solid #444;
}

.widget.no-border ul li {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget ul.list li::before {
    display: none;
}

.widget.dark ul.list li::before {
    display: none;
}
/* --------Horizontal Contact Widget  ---------- */
.horizontal-contact-widget {
    border-top: 1px dashed #666666;
}

    .horizontal-contact-widget .each-widget::before {
        content: "\f111";
        font-family: FontAwesome;
        left: 0;
        position: absolute;
        right: 0;
        top: -42px;
    }
    /* -------- Horizontal Contact Widget Dark ---------- */
    .horizontal-contact-widget.dark {
        border-top: 1px dashed black;
    }

.widget.dark .btn.btn-default {
    border-color: #333;
}
/* -------- Flickr-Feed ---------- */
#flickr-feed img {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 60px;
    margin: 0 5px 5px 0;
    padding: 0;
    width: 70px;
}

.text-hover-theme-colored {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget .services-list li {
    background-color: #006f43;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px 10px 20px;
}

    .widget .services-list li a {
        color: white;
    }

    .widget .services-list li.active {
        position: relative;
        border-bottom: 1px solid transparent !important;
    }

        .widget .services-list li.active a {
            color: #fff;
        }
/*
 * Footer.less
 * -----------------------------------------------
*/
.footer {
    background: #111111;
    /* background-image: linear-gradient( 180deg, #00072b 0%, #101010 100% ) !important; */
    /* background-image: linear-gradient( 180deg, #006d30 0%, #101010 100% ) !important; */
    background-image: linear-gradient( 180deg, #00072b 0%, #006d30 100% );
    /* border-top: 10px solid #006d33; */
}

    .footer p {
        color: white !important;
    }

    .footer a {
        color: rgb(255 255 255 / 80%);
    }

        .footer a:focus,
        .footer a:hover,
        .footer a:active {
            color: rgb(255 255 255 / 80%);
        }

    .footer .widget .widget-title {
        margin-top: 0px;
    }

    .footer .widget.dark .quick-contact-form button {
        border-color: black;
        color: rgb(255 255 255 / 80%);
    }

        .footer .widget.dark .quick-contact-form button:hover {
            background-color: #eeeeee;
            border-color: #eeeeee;
            color: rgb(255 255 255 / 80%);
        }
/* -------- Custom Theme Style ---------- */
.footer-box {
    padding: 20px 15px;
}

    .footer-box.icon-box {
        margin-bottom: 0;
    }

    .footer-box .title {
        color: #fff;
        margin-bottom: 5px;
    }

    .footer-box p {
        color: #eeeeee;
        line-height: 20px;
    }

        .footer-box p i {
            color: #fff;
            margin-left: 10px;
        }

.footer-box-wrapper {
    margin-top: -55px;
}

.footer-news-letter .newsletter-form .form-control {
    background: black;
    border: medium none;
    height: 42px;
    margin-right: 10px;
}

.text-white {
    color: white !important
}
/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

*/

/* Your Preloader css codes start here: */

/*
 * 2.0 -> Preloader
 * -----------------------------------------------
*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
}

#spinner {
    display: block;
    position: relative;
    left: 46%;
    top: 46%;
    width: 70px;
    height: 70px;
}

#preloader #disable-preloader {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

/*===== Preloader One =======*/

/*=======Markup=====

<div class="preloader-whirlpool">
	<div class="whirlpool"></div>
</div>

 */
.preloader-whirlpool {
    position: relative;
}

    .preloader-whirlpool .whirlpool,
    .preloader-whirlpool .whirlpool::before,
    .preloader-whirlpool .whirlpool::after {
        position: absolute;
        top: 50%;
        left: 50%;
        border: 1px solid rgb(204,204,204);
        border-left-color: rgb(0,0,0);
        border-radius: 974px;
        -o-border-radius: 974px;
        -ms-border-radius: 974px;
        -webkit-border-radius: 974px;
        -moz-border-radius: 974px;
    }

    .preloader-whirlpool .whirlpool {
        margin: -24px 0 0 -24px;
        height: 49px;
        width: 49px;
        animation: cssload-rotate 1150ms linear infinite;
        -o-animation: cssload-rotate 1150ms linear infinite;
        -ms-animation: cssload-rotate 1150ms linear infinite;
        -webkit-animation: cssload-rotate 1150ms linear infinite;
        -moz-animation: cssload-rotate 1150ms linear infinite;
    }

        .preloader-whirlpool .whirlpool::before {
            content: "";
            margin: -22px 0 0 -22px;
            height: 43px;
            width: 43px;
            animation: cssload-rotate 1150ms linear infinite;
            -o-animation: cssload-rotate 1150ms linear infinite;
            -ms-animation: cssload-rotate 1150ms linear infinite;
            -webkit-animation: cssload-rotate 1150ms linear infinite;
            -moz-animation: cssload-rotate 1150ms linear infinite;
        }

        .preloader-whirlpool .whirlpool::after {
            content: "";
            margin: -28px 0 0 -28px;
            height: 55px;
            width: 55px;
            animation: cssload-rotate 2300ms linear infinite;
            -o-animation: cssload-rotate 2300ms linear infinite;
            -ms-animation: cssload-rotate 2300ms linear infinite;
            -webkit-animation: cssload-rotate 2300ms linear infinite;
            -moz-animation: cssload-rotate 2300ms linear infinite;
        }

@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

/*===== Preloader Two =======*/

/*=======Markup=====

<div class="preloader-floating-circles">
	<div class="f_circleG" id="frotateG_01"></div>
	<div class="f_circleG" id="frotateG_02"></div>
	<div class="f_circleG" id="frotateG_03"></div>
	<div class="f_circleG" id="frotateG_04"></div>
	<div class="f_circleG" id="frotateG_05"></div>
	<div class="f_circleG" id="frotateG_06"></div>
	<div class="f_circleG" id="frotateG_07"></div>
	<div class="f_circleG" id="frotateG_08"></div>
</div>

 */
.preloader-floating-circles {
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

    .preloader-floating-circles .f_circleG {
        position: absolute;
        background-color: rgb(255,255,255);
        height: 14px;
        width: 14px;
        border-radius: 7px;
        -o-border-radius: 7px;
        -ms-border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        animation-name: f_fadeG;
        -o-animation-name: f_fadeG;
        -ms-animation-name: f_fadeG;
        -webkit-animation-name: f_fadeG;
        -moz-animation-name: f_fadeG;
        animation-duration: 0.672s;
        -o-animation-duration: 0.672s;
        -ms-animation-duration: 0.672s;
        -webkit-animation-duration: 0.672s;
        -moz-animation-duration: 0.672s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
    }

    .preloader-floating-circles #frotateG_01 {
        left: 0;
        top: 32px;
        animation-delay: 0.2495s;
        -o-animation-delay: 0.2495s;
        -ms-animation-delay: 0.2495s;
        -webkit-animation-delay: 0.2495s;
        -moz-animation-delay: 0.2495s;
    }

    .preloader-floating-circles #frotateG_02 {
        left: 9px;
        top: 9px;
        animation-delay: 0.336s;
        -o-animation-delay: 0.336s;
        -ms-animation-delay: 0.336s;
        -webkit-animation-delay: 0.336s;
        -moz-animation-delay: 0.336s;
    }

    .preloader-floating-circles #frotateG_03 {
        left: 32px;
        top: 0;
        animation-delay: 0.4225s;
        -o-animation-delay: 0.4225s;
        -ms-animation-delay: 0.4225s;
        -webkit-animation-delay: 0.4225s;
        -moz-animation-delay: 0.4225s;
    }

    .preloader-floating-circles #frotateG_04 {
        right: 9px;
        top: 9px;
        animation-delay: 0.509s;
        -o-animation-delay: 0.509s;
        -ms-animation-delay: 0.509s;
        -webkit-animation-delay: 0.509s;
        -moz-animation-delay: 0.509s;
    }

    .preloader-floating-circles #frotateG_05 {
        right: 0;
        top: 32px;
        animation-delay: 0.5955s;
        -o-animation-delay: 0.5955s;
        -ms-animation-delay: 0.5955s;
        -webkit-animation-delay: 0.5955s;
        -moz-animation-delay: 0.5955s;
    }

    .preloader-floating-circles #frotateG_06 {
        right: 9px;
        bottom: 9px;
        animation-delay: 0.672s;
        -o-animation-delay: 0.672s;
        -ms-animation-delay: 0.672s;
        -webkit-animation-delay: 0.672s;
        -moz-animation-delay: 0.672s;
    }

    .preloader-floating-circles #frotateG_07 {
        left: 32px;
        bottom: 0;
        animation-delay: 0.7585s;
        -o-animation-delay: 0.7585s;
        -ms-animation-delay: 0.7585s;
        -webkit-animation-delay: 0.7585s;
        -moz-animation-delay: 0.7585s;
    }

    .preloader-floating-circles #frotateG_08 {
        left: 9px;
        bottom: 9px;
        animation-delay: 0.845s;
        -o-animation-delay: 0.845s;
        -ms-animation-delay: 0.845s;
        -webkit-animation-delay: 0.845s;
        -moz-animation-delay: 0.845s;
    }

@keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0,0,0);
    }

    100% {
        background-color: rgb(255,255,255);
    }
}

/*===== Preloader Three =======*/

/*=======Markup=====

<div class="preloader-eight-spinning">
	<div class="cssload-lt"></div>
	<div class="cssload-rt"></div>
	<div class="cssload-lb"></div>
	<div class="cssload-rb"></div>
</div>

 */
.preloader-eight-spinning {
    width: 72px;
    margin: 0px auto;
    font-size: 0;
    position: relative;
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    animation: cssload-clockwise 6.9s linear infinite;
    -o-animation: cssload-clockwise 6.9s linear infinite;
    -ms-animation: cssload-clockwise 6.9s linear infinite;
    -webkit-animation: cssload-clockwise 6.9s linear infinite;
    -moz-animation: cssload-clockwise 6.9s linear infinite;
}

    .preloader-eight-spinning:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 39px;
        height: 39px;
        border: 6px solid rgb(229,229,229);
        border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .preloader-eight-spinning:after {
        position: absolute;
        content: '';
        z-index: -1;
        top: 0;
        right: 0;
        width: 39px;
        height: 39px;
        border: 6px solid rgb(229,229,229);
        border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .preloader-eight-spinning .cssload-lt, .preloader-eight-spinning .cssload-rt, .preloader-eight-spinning .cssload-lb, .preloader-eight-spinning .cssload-rb {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 39px;
        height: 19px;
        opacity: 1;
    }

        .preloader-eight-spinning .cssload-lt:before, .preloader-eight-spinning .cssload-rt:before,
        .preloader-eight-spinning .cssload-lb:before, .preloader-eight-spinning .cssload-rb:before {
            position: absolute;
            content: '';
            width: 39px;
            height: 39px;
            border-top: 6px solid rgb(87,67,87);
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 6px solid transparent;
            border-radius: 100%;
            -o-border-radius: 100%;
            -ms-border-radius: 100%;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

    .preloader-eight-spinning .cssload-lt {
        margin-right: -6px;
        animation: cssload-lt 2.3s linear -2300ms infinite;
        -o-animation: cssload-lt 2.3s linear -2300ms infinite;
        -ms-animation: cssload-lt 2.3s linear -2300ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
        -moz-animation: cssload-lt 2.3s linear -2300ms infinite;
    }

        .preloader-eight-spinning .cssload-lt:before {
            top: 0;
            left: 0;
            animation: cssload-not-clockwise 1.15s linear infinite;
            -o-animation: cssload-not-clockwise 1.15s linear infinite;
            -ms-animation: cssload-not-clockwise 1.15s linear infinite;
            -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
            -moz-animation: cssload-not-clockwise 1.15s linear infinite;
        }

    .preloader-eight-spinning .cssload-rt {
        animation: cssload-lt 2.3s linear -1150ms infinite;
        -o-animation: cssload-lt 2.3s linear -1150ms infinite;
        -ms-animation: cssload-lt 2.3s linear -1150ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
        -moz-animation: cssload-lt 2.3s linear -1150ms infinite;
    }

        .preloader-eight-spinning .cssload-rt:before {
            top: 0;
            right: 0;
            animation: cssload-clockwise 1.15s linear infinite;
            -o-animation: cssload-clockwise 1.15s linear infinite;
            -ms-animation: cssload-clockwise 1.15s linear infinite;
            -webkit-animation: cssload-clockwise 1.15s linear infinite;
            -moz-animation: cssload-clockwise 1.15s linear infinite;
        }

    .preloader-eight-spinning .cssload-lb {
        margin-right: -6px;
        animation: cssload-lt 2.3s linear -1725ms infinite;
        -o-animation: cssload-lt 2.3s linear -1725ms infinite;
        -ms-animation: cssload-lt 2.3s linear -1725ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
        -moz-animation: cssload-lt 2.3s linear -1725ms infinite;
    }

        .preloader-eight-spinning .cssload-lb:before {
            bottom: 0;
            left: 0;
            animation: cssload-not-clockwise 1.15s linear infinite;
            -o-animation: cssload-not-clockwise 1.15s linear infinite;
            -ms-animation: cssload-not-clockwise 1.15s linear infinite;
            -webkit-animation: cssload-not-clockwise 1.15s linear infinite;
            -moz-animation: cssload-not-clockwise 1.15s linear infinite;
        }

    .preloader-eight-spinning .cssload-rb {
        animation: cssload-lt 2.3s linear -575ms infinite;
        -o-animation: cssload-lt 2.3s linear -575ms infinite;
        -ms-animation: cssload-lt 2.3s linear -575ms infinite;
        -webkit-animation: cssload-lt 2.3s linear -575ms infinite;
        -moz-animation: cssload-lt 2.3s linear -575ms infinite;
    }

        .preloader-eight-spinning .cssload-rb:before {
            bottom: 0;
            right: 0;
            animation: cssload-clockwise 1.15s linear infinite;
            -o-animation: cssload-clockwise 1.15s linear infinite;
            -ms-animation: cssload-clockwise 1.15s linear infinite;
            -webkit-animation: cssload-clockwise 1.15s linear infinite;
            -moz-animation: cssload-clockwise 1.15s linear infinite;
        }

@keyframes cssload-clockwise {
    0% {
        transform: rotate(-45deg);
    }

    100% {
        transform: rotate(315deg);
    }
}

@-o-keyframes cssload-clockwise {
    0% {
        -o-transform: rotate(-45deg);
    }

    100% {
        -o-transform: rotate(315deg);
    }
}

@-ms-keyframes cssload-clockwise {
    0% {
        -ms-transform: rotate(-45deg);
    }

    100% {
        -ms-transform: rotate(315deg);
    }
}

@-webkit-keyframes cssload-clockwise {
    0% {
        -webkit-transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(315deg);
    }
}

@-moz-keyframes cssload-clockwise {
    0% {
        -moz-transform: rotate(-45deg);
    }

    100% {
        -moz-transform: rotate(315deg);
    }
}

@keyframes cssload-not-clockwise {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(-315deg);
    }
}

@-o-keyframes cssload-not-clockwise {
    0% {
        -o-transform: rotate(45deg);
    }

    100% {
        -o-transform: rotate(-315deg);
    }
}

@-ms-keyframes cssload-not-clockwise {
    0% {
        -ms-transform: rotate(45deg);
    }

    100% {
        -ms-transform: rotate(-315deg);
    }
}

@-webkit-keyframes cssload-not-clockwise {
    0% {
        -webkit-transform: rotate(45deg);
    }

    100% {
        -webkit-transform: rotate(-315deg);
    }
}

@-moz-keyframes cssload-not-clockwise {
    0% {
        -moz-transform: rotate(45deg);
    }

    100% {
        -moz-transform: rotate(-315deg);
    }
}

@keyframes cssload-lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes cssload-lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes cssload-lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes cssload-lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes cssload-lt {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    76% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}
/*===== Preloader Four =======*/

/*=======Markup=====

<div class="preloader-double-torus"></div>

 */
.preloader-double-torus {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 4px double;
    border-radius: 50%;
    border-color: transparent rgba(0,0,0,0.9) rgba(0,0,0,0.9);
    animation: cssload-spin 960ms infinite linear;
    -o-animation: cssload-spin 960ms infinite linear;
    -ms-animation: cssload-spin 960ms infinite linear;
    -webkit-animation: cssload-spin 960ms infinite linear;
    -moz-animation: cssload-spin 960ms infinite linear;
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*===== Preloader Five =======*/

/*=======Markup=====

<div class="preloader-tube-tunnel"></div>

 */
.preloader-tube-tunnel {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 4px solid;
    border-radius: 50%;
    border-color: rgb(0,0,0);
    animation: cssload-scale 1035ms infinite linear;
    -o-animation: cssload-scale 1035ms infinite linear;
    -ms-animation: cssload-scale 1035ms infinite linear;
    -webkit-animation: cssload-scale 1035ms infinite linear;
    -moz-animation: cssload-scale 1035ms infinite linear;
}

@keyframes cssload-scale {
    0% {
        transform: scale(0);
        transform: scale(0);
    }

    90% {
        transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes cssload-scale {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes cssload-scale {
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes cssload-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes cssload-scale {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

    90% {
        -moz-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

/*===== Preloader Six =======*/

/*=======Markup=====

<div class="preloader-speeding-wheel"></div>

 */
.preloader-speeding-wheel {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid rgb(0,0,0);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*===== Preloader Seven =======*/

/*=======Markup=====

<div class="preloader-loading-wrapper">
	<div class="cssload-loading"><i></i><i></i></div>
</div>

 */
.preloader-loading-wrapper {
    display: block;
    margin: 0px auto;
    width: 97px;
}

    .preloader-loading-wrapper .cssload-loading i {
        width: 49px;
        height: 49px;
        display: inline-block;
        background: rgb(255,89,84);
        border-radius: 50%;
    }

        .preloader-loading-wrapper .cssload-loading i:nth-child(1) {
            animation: cssload-loading-ani1 1.15s ease-in-out infinite;
            -o-animation: cssload-loading-ani1 1.15s ease-in-out infinite;
            -ms-animation: cssload-loading-ani1 1.15s ease-in-out infinite;
            -webkit-animation: cssload-loading-ani1 1.15s ease-in-out infinite;
            -moz-animation: cssload-loading-ani1 1.15s ease-in-out infinite;
        }

        .preloader-loading-wrapper .cssload-loading i:nth-child(2) {
            background: rgb(0,168,206);
            margin-left: -10px;
            animation: cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
            -o-animation: cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
            -ms-animation: cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
            -webkit-animation: cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
            -moz-animation: cssload-loading-ani1 1.15s ease-in-out 0.58s infinite;
        }

@keyframes cssload-loading-ani1 {
    70% {
        transform: scale(0.5);
    }
}

@-o-keyframes cssload-loading-ani1 {
    70% {
        -o-transform: scale(0.5);
    }
}

@-ms-keyframes cssload-loading-ani1 {
    70% {
        -ms-transform: scale(0.5);
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    70% {
        -webkit-transform: scale(0.5);
    }
}

@-moz-keyframes cssload-loading-ani1 {
    70% {
        -moz-transform: scale(0.5);
    }
}

/*===== Preloader Eight =======*/

/*=======Markup=====

<div class="preloader-dot-loading">
	<div class="cssload-loading"><i></i><i></i><i></i><i></i></div>
</div>

 */
.preloader-dot-loading {
    display: block;
    margin: 0px auto;
    width: 97px;
}

    .preloader-dot-loading .cssload-loading i {
        width: 19px;
        height: 19px;
        display: inline-block;
        border-radius: 50%;
        background: rgb(42,43,38);
    }

        .preloader-dot-loading .cssload-loading i:first-child {
            opacity: 0;
            animation: cssload-loading-ani2 0.58s linear infinite;
            -o-animation: cssload-loading-ani2 0.58s linear infinite;
            -ms-animation: cssload-loading-ani2 0.58s linear infinite;
            -webkit-animation: cssload-loading-ani2 0.58s linear infinite;
            -moz-animation: cssload-loading-ani2 0.58s linear infinite;
            transform: translate(-19px);
            -o-transform: translate(-19px);
            -ms-transform: translate(-19px);
            -webkit-transform: translate(-19px);
            -moz-transform: translate(-19px);
        }

        .preloader-dot-loading .cssload-loading i:nth-child(2),
        .preloader-dot-loading .cssload-loading i:nth-child(3) {
            animation: cssload-loading-ani3 0.58s linear infinite;
            -o-animation: cssload-loading-ani3 0.58s linear infinite;
            -ms-animation: cssload-loading-ani3 0.58s linear infinite;
            -webkit-animation: cssload-loading-ani3 0.58s linear infinite;
            -moz-animation: cssload-loading-ani3 0.58s linear infinite;
        }

        .preloader-dot-loading .cssload-loading i:last-child {
            animation: cssload-loading-ani1 0.58s linear infinite;
            -o-animation: cssload-loading-ani1 0.58s linear infinite;
            -ms-animation: cssload-loading-ani1 0.58s linear infinite;
            -webkit-animation: cssload-loading-ani1 0.58s linear infinite;
            -moz-animation: cssload-loading-ani1 0.58s linear infinite;
        }

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0;
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(39px);
        opacity: 0;
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(39px);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(39px);
        opacity: 0;
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(39px);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1;
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(19px);
        opacity: 1;
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(19px);
        opacity: 1;
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(19px);
        opacity: 1;
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(19px);
        opacity: 1;
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px);
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(19px);
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(19px);
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(19px);
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(19px);
    }
}
/*===== Preloader Nine =======*/

/*=======Markup=====

<div class="preloader-fountainTextG">
	<div id="fountainTextG_1" class="fountainTextG">L</div>
	<div id="fountainTextG_2" class="fountainTextG">o</div>
	<div id="fountainTextG_3" class="fountainTextG">a</div>
	<div id="fountainTextG_4" class="fountainTextG">d</div>
	<div id="fountainTextG_5" class="fountainTextG">i</div>
	<div id="fountainTextG_6" class="fountainTextG">n</div>
	<div id="fountainTextG_7" class="fountainTextG">g</div>
</div>

*/
.preloader-fountainTextG {
    width: 300px;
    margin: auto;
}

    .preloader-fountainTextG .fountainTextG {
        color: rgb(0,0,0);
        font-family: Arial;
        font-size: 31px;
        text-decoration: none;
        font-weight: normal;
        font-style: normal;
        float: left;
        animation-name: bounce_fountainTextG;
        -o-animation-name: bounce_fountainTextG;
        -ms-animation-name: bounce_fountainTextG;
        -webkit-animation-name: bounce_fountainTextG;
        -moz-animation-name: bounce_fountainTextG;
        animation-duration: 2.09s;
        -o-animation-duration: 2.09s;
        -ms-animation-duration: 2.09s;
        -webkit-animation-duration: 2.09s;
        -moz-animation-duration: 2.09s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
        transform: scale(.5);
        -o-transform: scale(.5);
        -ms-transform: scale(.5);
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
    }

    .preloader-fountainTextG #fountainTextG_1 {
        animation-delay: 0.75s;
        -o-animation-delay: 0.75s;
        -ms-animation-delay: 0.75s;
        -webkit-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
    }

    .preloader-fountainTextG #fountainTextG_2 {
        animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
        -ms-animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
    }

    .preloader-fountainTextG #fountainTextG_3 {
        animation-delay: 1.05s;
        -o-animation-delay: 1.05s;
        -ms-animation-delay: 1.05s;
        -webkit-animation-delay: 1.05s;
        -moz-animation-delay: 1.05s;
    }

    .preloader-fountainTextG #fountainTextG_4 {
        animation-delay: 1.2s;
        -o-animation-delay: 1.2s;
        -ms-animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
    }

    .preloader-fountainTextG #fountainTextG_5 {
        animation-delay: 1.35s;
        -o-animation-delay: 1.35s;
        -ms-animation-delay: 1.35s;
        -webkit-animation-delay: 1.35s;
        -moz-animation-delay: 1.35s;
    }

    .preloader-fountainTextG #fountainTextG_6 {
        animation-delay: 1.5s;
        -o-animation-delay: 1.5s;
        -ms-animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
        -moz-animation-delay: 1.5s;
    }

    .preloader-fountainTextG #fountainTextG_7 {
        animation-delay: 1.64s;
        -o-animation-delay: 1.64s;
        -ms-animation-delay: 1.64s;
        -webkit-animation-delay: 1.64s;
        -moz-animation-delay: 1.64s;
    }

@keyframes bounce_fountainTextG {
    0% {
        transform: scale(1);
        color: rgb(0,0,0);
    }

    100% {
        transform: scale(.5);
        color: rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainTextG {
    0% {
        -o-transform: scale(1);
        color: rgb(0,0,0);
    }

    100% {
        -o-transform: scale(.5);
        color: rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainTextG {
    0% {
        -ms-transform: scale(1);
        color: rgb(0,0,0);
    }

    100% {
        -ms-transform: scale(.5);
        color: rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainTextG {
    0% {
        -webkit-transform: scale(1);
        color: rgb(0,0,0);
    }

    100% {
        -webkit-transform: scale(.5);
        color: rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainTextG {
    0% {
        -moz-transform: scale(1);
        color: rgb(0,0,0);
    }

    100% {
        -moz-transform: scale(.5);
        color: rgb(255,255,255);
    }
}
/*===== Preloader Ten =======*/

/*=======Markup=====

<div class="preloader-circle-loading-wrapper">
	<div class="cssload-loader"></div>
</div>

 */
.preloader-circle-loading-wrapper {
    margin: 0px auto;
    display: block;
    width: 97px;
}

    .preloader-circle-loading-wrapper .cssload-loader {
        width: 49px;
        height: 49px;
        border-radius: 50%;
        margin: 0;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    .preloader-circle-loading-wrapper .cssload-loader {
        width: 49px;
        height: 49px;
        border-radius: 50%;
        margin: 0;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        background-color: rgb(211,211,211);
    }

        .preloader-circle-loading-wrapper .cssload-loader,
        .preloader-circle-loading-wrapper .cssload-loader:before,
        .preloader-circle-loading-wrapper .cssload-loader:after {
            animation: 1.15s infinite ease-in-out;
            -o-animation: 1.15s infinite ease-in-out;
            -ms-animation: 1.15s infinite ease-in-out;
            -webkit-animation: 1.15s infinite ease-in-out;
            -moz-animation: 1.15s infinite ease-in-out;
        }

            .preloader-circle-loading-wrapper .cssload-loader:before,
            .preloader-circle-loading-wrapper .cssload-loader:after {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                position: absolute;
                top: 0;
                left: 0;
            }

            .preloader-circle-loading-wrapper .cssload-loader:before,
            .preloader-circle-loading-wrapper .cssload-loader:after {
                content: "";
            }

            .preloader-circle-loading-wrapper .cssload-loader:before {
                content: '';
                border: 10px solid white;
                top: 0px;
                left: 0px;
                animation-name: cssload-animation;
                -o-animation-name: cssload-animation;
                -ms-animation-name: cssload-animation;
                -webkit-animation-name: cssload-animation;
                -moz-animation-name: cssload-animation;
            }

@keyframes cssload-animation {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@-o-keyframes cssload-animation {
    0% {
        -o-transform: scale(0);
    }

    100% {
        -o-transform: scale(1);
    }
}

@-ms-keyframes cssload-animation {
    0% {
        -ms-transform: scale(0);
    }

    100% {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes cssload-animation {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cssload-animation {
    0% {
        -moz-transform: scale(0);
    }

    100% {
        -moz-transform: scale(1);
    }
}

/*===== Preloader Eleven =======*/

/*=======Markup=====

<div class="preloader-dot-circle-rotator"></div>

*/
.preloader-dot-circle-rotator {
    position: relative;
    width: 12px;
    height: 12px;
    left: 46%;
    left: calc(50% - 6px);
    left: -o-calc(50% - 6px);
    left: -ms-calc(50% - 6px);
    left: -webkit-calc(50% - 6px);
    left: -moz-calc(50% - 6px);
    border-radius: 12px;
    background-color: rgb(0,0,0);
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    animation: cssload-loader 1.15s ease-in-out infinite;
    -o-animation: cssload-loader 1.15s ease-in-out infinite;
    -ms-animation: cssload-loader 1.15s ease-in-out infinite;
    -webkit-animation: cssload-loader 1.15s ease-in-out infinite;
    -moz-animation: cssload-loader 1.15s ease-in-out infinite;
}

    .preloader-dot-circle-rotator:before {
        content: "";
        position: absolute;
        background-color: rgb(0,0,0);
        top: 0px;
        left: -24px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
    }

    .preloader-dot-circle-rotator:after {
        content: "";
        position: absolute;
        background-color: rgb(0,0,0);
        top: 0px;
        left: 24px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
    }

@keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@-o-keyframes cssload-loader {
    0% {
        -o-transform: rotate(0deg);
    }

    50% {
        -o-transform: rotate(180deg);
    }

    100% {
        -o-transform: rotate(180deg);
    }
}

@-ms-keyframes cssload-loader {
    0% {
        -ms-transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(180deg);
    }
}

@-webkit-keyframes cssload-loader {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
    }
}

@-moz-keyframes cssload-loader {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(180deg);
    }

    100% {
        -moz-transform: rotate(180deg);
    }
}

/*===== Preloader Twelve =======*/

/*=======Markup=====

<div class="preloader-bubblingG">
	<span id="bubblingG_1">
	</span>
	<span id="bubblingG_2">
	</span>
	<span id="bubblingG_3">
	</span>
</div>
*/
.preloader-bubblingG {
    text-align: center;
    width: 78px;
    height: 49px;
    margin: auto;
}

    .preloader-bubblingG span {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        margin: 24px auto;
        background: rgb(0,0,0);
        border-radius: 49px;
        -o-border-radius: 49px;
        -ms-border-radius: 49px;
        -webkit-border-radius: 49px;
        -moz-border-radius: 49px;
        animation: bubblingG 1.5s infinite alternate;
        -o-animation: bubblingG 1.5s infinite alternate;
        -ms-animation: bubblingG 1.5s infinite alternate;
        -webkit-animation: bubblingG 1.5s infinite alternate;
        -moz-animation: bubblingG 1.5s infinite alternate;
    }

    .preloader-bubblingG #bubblingG_1 {
        animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
    }

    .preloader-bubblingG #bubblingG_2 {
        animation-delay: 0.45s;
        -o-animation-delay: 0.45s;
        -ms-animation-delay: 0.45s;
        -webkit-animation-delay: 0.45s;
        -moz-animation-delay: 0.45s;
    }

    .preloader-bubblingG #bubblingG_3 {
        animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
        -ms-animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
    }

@keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(0,0,0);
        transform: translateY(0);
    }

    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255,255,255);
        transform: translateY(-20px);
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(0,0,0);
        -o-transform: translateY(0);
    }

    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255,255,255);
        -o-transform: translateY(-20px);
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(0,0,0);
        -ms-transform: translateY(0);
    }

    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255,255,255);
        -ms-transform: translateY(-20px);
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(0,0,0);
        -webkit-transform: translateY(0);
    }

    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255,255,255);
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes bubblingG {
    0% {
        width: 10px;
        height: 10px;
        background-color: rgb(0,0,0);
        -moz-transform: translateY(0);
    }

    100% {
        width: 23px;
        height: 23px;
        background-color: rgb(255,255,255);
        -moz-transform: translateY(-20px);
    }
}

/*===== Preloader Thirteen =======*/

/*=======Markup=====

<div class="preloader-coffee"></div>
*/
.preloader-coffee {
    text-align: left;
    height: 49px;
    width: 39px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    left: 50%;
    z-index: 999;
    background: linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7));
    background: -o-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7));
    background: -ms-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7));
    background: -webkit-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7));
    background: -moz-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7));
}

    .preloader-coffee:before {
        position: absolute;
        content: "";
        right: -15px;
        top: 5px;
        height: 24px;
        width: 10px;
        background: transparent;
        border: 5px solid rgb(247,148,30);
        border-left: 5px solid transparent;
        border-bottom: 5px solid rgb(231,129,8);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 1;
    }

    .preloader-coffee:after {
        position: absolute;
        content: "";
        width: 5px;
        height: 29px;
        background: rgb(225,225,225);
        border-radius: 4px;
        top: -29px;
        box-shadow: 34px 0px 0 rgb(225,225,225), 17.5px -15px 0 rgb(225,225,225);
        opacity: 1;
        animation: cssload-steam 3.45s ease infinite;
        -o-animation: cssload-steam 3.45s ease infinite;
        -ms-animation: cssload-steam 3.45s ease infinite;
        -webkit-animation: cssload-steam 3.45s ease infinite;
        -moz-animation: cssload-steam 3.45s ease infinite;
    }



@keyframes cssload-steam {
    100% {
        top: -39px;
        background: rgb(238,238,238);
        box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238);
        opacity: 0.25;
    }
}

@-o-keyframes cssload-steam {
    100% {
        top: -39px;
        background: rgb(238,238,238);
        box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238);
        opacity: 0.25;
    }
}

@-ms-keyframes cssload-steam {
    100% {
        top: -39px;
        background: rgb(238,238,238);
        box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238);
        opacity: 0.25;
    }
}

@-webkit-keyframes cssload-steam {
    100% {
        top: -39px;
        background: rgb(238,238,238);
        box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238);
        opacity: 0.25;
    }
}

@-moz-keyframes cssload-steam {
    100% {
        top: -39px;
        background: rgb(238,238,238);
        box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238);
        opacity: 0.25;
    }
}

/*===== Preloader Fourteen =======*/

/*=======Markup=====

<div class="preloader-orbit-loading">
	<div class="cssload-inner cssload-one"></div>
	<div class="cssload-inner cssload-two"></div>
	<div class="cssload-inner cssload-three"></div>
</div>
*/
.preloader-orbit-loading {
    position: relative;
    left: calc(50% - 31px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
}

    .preloader-orbit-loading .cssload-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        .preloader-orbit-loading .cssload-inner.cssload-one {
            left: 0%;
            top: 0%;
            animation: cssload-rotate-one 1.15s linear infinite;
            -o-animation: cssload-rotate-one 1.15s linear infinite;
            -ms-animation: cssload-rotate-one 1.15s linear infinite;
            -webkit-animation: cssload-rotate-one 1.15s linear infinite;
            -moz-animation: cssload-rotate-one 1.15s linear infinite;
            border-bottom: 3px solid rgb(0,0,0);
        }

        .preloader-orbit-loading .cssload-inner.cssload-two {
            right: 0%;
            top: 0%;
            animation: cssload-rotate-two 1.15s linear infinite;
            -o-animation: cssload-rotate-two 1.15s linear infinite;
            -ms-animation: cssload-rotate-two 1.15s linear infinite;
            -webkit-animation: cssload-rotate-two 1.15s linear infinite;
            -moz-animation: cssload-rotate-two 1.15s linear infinite;
            border-right: 3px solid rgb(0,0,0);
        }

        .preloader-orbit-loading .cssload-inner.cssload-three {
            right: 0%;
            bottom: 0%;
            animation: cssload-rotate-three 1.15s linear infinite;
            -o-animation: cssload-rotate-three 1.15s linear infinite;
            -ms-animation: cssload-rotate-three 1.15s linear infinite;
            -webkit-animation: cssload-rotate-three 1.15s linear infinite;
            -moz-animation: cssload-rotate-three 1.15s linear infinite;
            border-top: 3px solid rgb(0,0,0);
        }

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/*===== Preloader Fifteen =======*/

/*=======Markup=====

<div class="preloader-battery">
	<div class="cssload-liquid"></div>
</div>
*/
.preloader-battery {
    display: block;
    margin: 0px auto;
    position: relative;
    width: 2.25rem;
    height: 4.5rem;
    box-shadow: 0 0 0 0.2rem rgb(66,92,119);
    -o-box-shadow: 0 0 0 0.2rem rgb(66,92,119);
    -ms-box-shadow: 0 0 0 0.2rem rgb(66,92,119);
    -webkit-box-shadow: 0 0 0 0.2rem rgb(66,92,119);
    -moz-box-shadow: 0 0 0 0.2rem rgb(66,92,119);
    border-radius: 0.09rem;
    -o-border-radius: 0.09rem;
    -ms-border-radius: 0.09rem;
    -webkit-border-radius: 0.09rem;
    -moz-border-radius: 0.09rem;
    background: white;
}

    .preloader-battery:before {
        content: '';
        position: absolute;
        left: 0.5625rem;
        right: 0.5625rem;
        top: -0.3375rem;
        height: 0.3375rem;
        width: 1.125rem;
        background: rgb(66,92,119);
        border-radius: 0.18rem;
        -o-border-radius: 0.18rem;
        -ms-border-radius: 0.18rem;
        -webkit-border-radius: 0.18rem;
        -moz-border-radius: 0.18rem;
    }

    .preloader-battery:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-right: 2.25rem solid transparent;
        border-bottom: 4.05rem solid rgba(255,255,255,0.32);
    }

    .preloader-battery .cssload-liquid {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 2.25rem;
        background: rgb(113,251,133);
        animation: load 2.59s infinite;
        -o-animation: load 2.59s infinite;
        -ms-animation: load 2.59s infinite;
        -webkit-animation: load 2.59s infinite;
        -moz-animation: load 2.59s infinite;
    }

        .preloader-battery .cssload-liquid:after, .preloader-battery .cssload-liquid:before {
            content: '';
            position: absolute;
            top: -0.5rem;
            height: 1.125rem;
            width: 1.4625rem;
            background: rgb(113,251,133);
            opacity: 0;
            border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

        .preloader-battery .cssload-liquid:after {
            right: 0;
            animation: cssload-liquid-1 2.59s infinite;
            -o-animation: cssload-liquid-1 2.59s infinite;
            -ms-animation: cssload-liquid-1 2.59s infinite;
            -webkit-animation: cssload-liquid-1 2.59s infinite;
            -moz-animation: cssload-liquid-1 2.59s infinite;
        }

        .preloader-battery .cssload-liquid:before {
            left: 0;
            animation: cssload-liquid-2 2.59s infinite;
            -o-animation: cssload-liquid-2 2.59s infinite;
            -ms-animation: cssload-liquid-2 2.59s infinite;
            -webkit-animation: cssload-liquid-2 2.59s infinite;
            -moz-animation: cssload-liquid-2 2.59s infinite;
        }

@keyframes load {
    0% {
        top: 4.5rem;
    }

    70% {
        top: 1.125rem;
    }

    90% {
        top: 0;
    }

    95% {
        top: 0;
    }

    100% {
        top: 4.5rem;
    }
}

@-o-keyframes load {
    0% {
        top: 4.5rem;
    }

    70% {
        top: 1.125rem;
    }

    90% {
        top: 0;
    }

    95% {
        top: 0;
    }

    100% {
        top: 4.5rem;
    }
}

@-ms-keyframes load {
    0% {
        top: 4.5rem;
    }

    70% {
        top: 1.125rem;
    }

    90% {
        top: 0;
    }

    95% {
        top: 0;
    }

    100% {
        top: 4.5rem;
    }
}

@-webkit-keyframes load {
    0% {
        top: 4.5rem;
    }

    70% {
        top: 1.125rem;
    }

    90% {
        top: 0;
    }

    95% {
        top: 0;
    }

    100% {
        top: 4.5rem;
    }
}

@-moz-keyframes load {
    0% {
        top: 4.5rem;
    }

    70% {
        top: 1.125rem;
    }

    90% {
        top: 0;
    }

    95% {
        top: 0;
    }

    100% {
        top: 4.5rem;
    }
}

@keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }

    25% {
        top: -0.25rem;
    }

    35% {
        height: 1.125rem;
        top: -0.5rem;
    }

    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-o-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }

    25% {
        top: -0.25rem;
    }

    35% {
        height: 1.125rem;
        top: -0.5rem;
    }

    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-ms-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }

    25% {
        top: -0.25rem;
    }

    35% {
        height: 1.125rem;
        top: -0.5rem;
    }

    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }

    25% {
        top: -0.25rem;
    }

    35% {
        height: 1.125rem;
        top: -0.5rem;
    }

    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-moz-keyframes cssload-liquid-1 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    22% {
        height: 0.28125rem;
        top: 0.375rem;
        opacity: 1;
    }

    25% {
        top: -0.25rem;
    }

    35% {
        height: 1.125rem;
        top: -0.5rem;
    }

    55% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 0.61875rem;
        opacity: 1;
        top: -0.275rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }

    20% {
        top: -0.25rem;
    }

    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }

    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-o-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }

    20% {
        top: -0.25rem;
    }

    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }

    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-ms-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }

    20% {
        top: -0.25rem;
    }

    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }

    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }

    20% {
        top: -0.25rem;
    }

    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }

    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-moz-keyframes cssload-liquid-2 {
    0% {
        height: 0;
        opacity: 0;
        top: -0.5rem;
    }

    17.5% {
        height: 0.28125rem;
        top: 0.2rem;
        opacity: 1;
    }

    20% {
        top: -0.25rem;
    }

    25% {
        height: 1.40625rem;
        top: -0.625rem;
    }

    45% {
        height: 0.28125rem;
        top: -0.125rem;
    }

    60% {
        height: 1.40625rem;
        opacity: 1;
        top: -0.5rem;
    }

    96% {
        height: 0.84375rem;
        opacity: 0;
        top: 0.5rem;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}
/*===== Preloader Sixteen =======*/

/*=======Markup=====

<div class="preloader-equalizer">
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>
*/

.preloader-equalizer {
    position: absolute;
    margin: 50px auto;
    left: 0;
    right: 0;
    width: 88px;
}

    .preloader-equalizer ul {
        margin: 0;
        list-style: none;
        width: 88px;
        height: 63px;
        position: relative;
        padding: 0;
        height: 10px;
    }

        .preloader-equalizer ul li {
            position: absolute;
            width: 2px;
            height: 0;
            background-color: rgb(0,0,0);
            bottom: 0;
        }

    .preloader-equalizer li:nth-child(1) {
        left: 0;
        animation: cssload-sequence1 1.15s ease infinite 0;
        -o-animation: cssload-sequence1 1.15s ease infinite 0;
        -ms-animation: cssload-sequence1 1.15s ease infinite 0;
        -webkit-animation: cssload-sequence1 1.15s ease infinite 0;
        -moz-animation: cssload-sequence1 1.15s ease infinite 0;
    }

    .preloader-equalizer li:nth-child(2) {
        left: 15px;
        animation: cssload-sequence2 1.15s ease infinite 0.12s;
        -o-animation: cssload-sequence2 1.15s ease infinite 0.12s;
        -ms-animation: cssload-sequence2 1.15s ease infinite 0.12s;
        -webkit-animation: cssload-sequence2 1.15s ease infinite 0.12s;
        -moz-animation: cssload-sequence2 1.15s ease infinite 0.12s;
    }

    .preloader-equalizer li:nth-child(3) {
        left: 29px;
        animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
        -o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
        -ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
        -webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
        -moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
    }

    .preloader-equalizer li:nth-child(4) {
        left: 44px;
        animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
        -o-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
        -ms-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
        -webkit-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
        -moz-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
    }

    .preloader-equalizer li:nth-child(5) {
        left: 58px;
        animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
        -o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
        -ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
        -webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
        -moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
    }

    .preloader-equalizer li:nth-child(6) {
        left: 73px;
        animation: cssload-sequence2 1.15s ease infinite 0.58s;
        -o-animation: cssload-sequence2 1.15s ease infinite 0.58s;
        -ms-animation: cssload-sequence2 1.15s ease infinite 0.58s;
        -webkit-animation: cssload-sequence2 1.15s ease infinite 0.58s;
        -moz-animation: cssload-sequence2 1.15s ease infinite 0.58s;
    }

@keyframes cssload-sequence1 {
    0% {
        height: 10px;
    }

    50% {
        height: 49px;
    }

    100% {
        height: 10px;
    }
}

@-o-keyframes cssload-sequence1 {
    0% {
        height: 10px;
    }

    50% {
        height: 49px;
    }

    100% {
        height: 10px;
    }
}

@-ms-keyframes cssload-sequence1 {
    0% {
        height: 10px;
    }

    50% {
        height: 49px;
    }

    100% {
        height: 10px;
    }
}

@-webkit-keyframes cssload-sequence1 {
    0% {
        height: 10px;
    }

    50% {
        height: 49px;
    }

    100% {
        height: 10px;
    }
}

@-moz-keyframes cssload-sequence1 {
    0% {
        height: 10px;
    }

    50% {
        height: 49px;
    }

    100% {
        height: 10px;
    }
}

@keyframes cssload-sequence2 {
    0% {
        height: 19px;
    }

    50% {
        height: 63px;
    }

    100% {
        height: 19px;
    }
}

@-o-keyframes cssload-sequence2 {
    0% {
        height: 19px;
    }

    50% {
        height: 63px;
    }

    100% {
        height: 19px;
    }
}

@-ms-keyframes cssload-sequence2 {
    0% {
        height: 19px;
    }

    50% {
        height: 63px;
    }

    100% {
        height: 19px;
    }
}

@-webkit-keyframes cssload-sequence2 {
    0% {
        height: 19px;
    }

    50% {
        height: 63px;
    }

    100% {
        height: 19px;
    }
}

@-moz-keyframes cssload-sequence2 {
    0% {
        height: 19px;
    }

    50% {
        height: 63px;
    }

    100% {
        height: 19px;
    }
}

/*===== Preloader Seventeen =======*/

/*=======Markup=====

<div class="preloader-square-swapping">
	<div class="cssload-square-part cssload-square-green"></div>
	<div class="cssload-square-part cssload-square-pink"></div>
	<div class="cssload-square-blend"></div>
</div>
*/
.preloader-square-swapping {
    margin: 30px auto;
    width: 19px;
    height: 19px;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

    .preloader-square-swapping .cssload-square-part {
        position: absolute;
        width: 19px;
        height: 19px;
        z-index: 1;
        animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
    }

    .preloader-square-swapping .cssload-square-green {
        background: rgb(84,250,212);
        right: 0;
        bottom: 0;
        animation-direction: alternate-reverse;
        -o-animation-direction: alternate-reverse;
        -ms-animation-direction: alternate-reverse;
        -webkit-animation-direction: alternate-reverse;
        -moz-animation-direction: alternate-reverse;
    }

    .preloader-square-swapping .cssload-square-pink {
        background: rgb(233,111,146);
        left: 0;
        top: 0;
    }

    .preloader-square-swapping .cssload-square-blend {
        background: rgb(117,81,125);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        animation: blend-anim 0.92s ease-in infinite;
        -o-animation: blend-anim 0.92s ease-in infinite;
        -ms-animation: blend-anim 0.92s ease-in infinite;
        -webkit-animation: blend-anim 0.92s ease-in infinite;
        -moz-animation: blend-anim 0.92s ease-in infinite;
    }

@keyframes blend-anim {
    0% {
        transform: scale(0.01, 0.01) rotateY(0);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    50% {
        transform: scale(1, 1) rotateY(0);
        animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    100% {
        transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-o-keyframes blend-anim {
    0% {
        -o-transform: scale(0.01, 0.01) rotateY(0);
        -o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    50% {
        -o-transform: scale(1, 1) rotateY(0);
        -o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    100% {
        -o-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-ms-keyframes blend-anim {
    0% {
        -ms-transform: scale(0.01, 0.01) rotateY(0);
        -ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    50% {
        -ms-transform: scale(1, 1) rotateY(0);
        -ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    100% {
        -ms-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-webkit-keyframes blend-anim {
    0% {
        -webkit-transform: scale(0.01, 0.01) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    50% {
        -webkit-transform: scale(1, 1) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    100% {
        -webkit-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-moz-keyframes blend-anim {
    0% {
        -moz-transform: scale(0.01, 0.01) rotateY(0);
        -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    50% {
        -moz-transform: scale(1, 1) rotateY(0);
        -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    100% {
        -moz-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@keyframes cssload-part-anim {
    0% {
        transform: translate3d(-10px, -10px, 0);
    }

    100% {
        transform: translate3d(10px, 10px, 0);
    }
}

@-o-keyframes cssload-part-anim {
    0% {
        -o-transform: translate3d(-10px, -10px, 0);
    }

    100% {
        -o-transform: translate3d(10px, 10px, 0);
    }
}

@-ms-keyframes cssload-part-anim {
    0% {
        -ms-transform: translate3d(-10px, -10px, 0);
    }

    100% {
        -ms-transform: translate3d(10px, 10px, 0);
    }
}

@-webkit-keyframes cssload-part-anim {
    0% {
        -webkit-transform: translate3d(-10px, -10px, 0);
    }

    100% {
        -webkit-transform: translate3d(10px, 10px, 0);
    }
}

@-moz-keyframes cssload-part-anim {
    0% {
        -moz-transform: translate3d(-10px, -10px, 0);
    }

    100% {
        -moz-transform: translate3d(10px, 10px, 0);
    }
}

/*===== Preloader Eighteen =======*/

/*=======Markup=====

<div class="preloader-jackhammer">
	<ul class="cssload-flex-container">
		<li>
			<span class="cssload-loading"></span>
		</li>
	</div>
</div>
*/
.preloader-jackhammer * {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.preloader-jackhammer {
    margin: 0 auto;
    max-width: 545px;
}

    .preloader-jackhammer ul li {
        list-style: none;
    }

    .preloader-jackhammer .cssload-flex-container {
        display: flex;
        display: -o-flex;
        display: -ms-flex;
        display: -webkit-flex;
        display: -moz-flex;
        flex-direction: row;
        -o-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        justify-content: space-around;
    }

        .preloader-jackhammer .cssload-flex-container li {
            padding: 10px;
            height: 97px;
            width: 97px;
            margin: 0;
            position: relative;
            text-align: center;
        }

    .preloader-jackhammer .cssload-loading, .preloader-jackhammer .cssload-loading:after, .preloader-jackhammer .cssload-loading:before {
        display: inline-block;
        position: relative;
        width: 5px;
        height: 49px;
        background: rgb(0,0,0);
        margin-top: 5px;
        border-radius: 975px;
        -o-border-radius: 975px;
        -ms-border-radius: 975px;
        -webkit-border-radius: 975px;
        -moz-border-radius: 975px;
        animation: cssload-upDown2 1.15s ease infinite;
        -o-animation: cssload-upDown2 1.15s ease infinite;
        -ms-animation: cssload-upDown2 1.15s ease infinite;
        -webkit-animation: cssload-upDown2 1.15s ease infinite;
        -moz-animation: cssload-upDown2 1.15s ease infinite;
        animation-direction: alternate;
        -o-animation-direction: alternate;
        -ms-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-delay: 0.29s;
        -o-animation-delay: 0.29s;
        -ms-animation-delay: 0.29s;
        -webkit-animation-delay: 0.29s;
        -moz-animation-delay: 0.29s;
    }

        .preloader-jackhammer .cssload-loading:after, .preloader-jackhammer .cssload-loading:before {
            position: absolute;
            content: '';
            animation: cssload-upDown 1.15s ease infinite;
            -o-animation: cssload-upDown 1.15s ease infinite;
            -ms-animation: cssload-upDown 1.15s ease infinite;
            -webkit-animation: cssload-upDown 1.15s ease infinite;
            -moz-animation: cssload-upDown 1.15s ease infinite;
            animation-direction: alternate;
            -o-animation-direction: alternate;
            -ms-animation-direction: alternate;
            -webkit-animation-direction: alternate;
            -moz-animation-direction: alternate;
        }

        .preloader-jackhammer .cssload-loading:before {
            left: -10px;
        }

        .preloader-jackhammer .cssload-loading:after {
            left: 10px;
            animation-delay: 0.58s;
            -o-animation-delay: 0.58s;
            -ms-animation-delay: 0.58s;
            -webkit-animation-delay: 0.58s;
            -moz-animation-delay: 0.58s;
        }

@keyframes cssload-upDown {
    from {
        transform: translateY(19px);
    }

    to {
        transform: translateY(-19px);
    }
}

@-o-keyframes cssload-upDown {
    from {
        -o-transform: translateY(19px);
    }

    to {
        -o-transform: translateY(-19px);
    }
}

@-ms-keyframes cssload-upDown {
    from {
        -ms-transform: translateY(19px);
    }

    to {
        -ms-transform: translateY(-19px);
    }
}

@-webkit-keyframes cssload-upDown {
    from {
        -webkit-transform: translateY(19px);
    }

    to {
        -webkit-transform: translateY(-19px);
    }
}

@-moz-keyframes cssload-upDown {
    from {
        -moz-transform: translateY(19px);
    }

    to {
        -moz-transform: translateY(-19px);
    }
}

@keyframes cssload-upDown2 {
    from {
        transform: translateY(29px);
    }

    to {
        transform: translateY(-19px);
    }
}

@-o-keyframes cssload-upDown2 {
    from {
        -o-transform: translateY(29px);
    }

    to {
        -o-transform: translateY(-19px);
    }
}

@-ms-keyframes cssload-upDown2 {
    from {
        -ms-transform: translateY(29px);
    }

    to {
        -ms-transform: translateY(-19px);
    }
}

@-webkit-keyframes cssload-upDown2 {
    from {
        -webkit-transform: translateY(29px);
    }

    to {
        -webkit-transform: translateY(-19px);
    }
}

@-moz-keyframes cssload-upDown2 {
    from {
        -moz-transform: translateY(29px);
    }

    to {
        -moz-transform: translateY(-19px);
    }
}

/* -------- Preloader animation ---------- */

/* 
 * Custom Bootstrap Margin Padding
 * Author - Md Jhon Anderson
 * Git    - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding
 * Web    - http://ismail-hossain.me/
 * Email  - ismailcseku@gmail.com
 */


/**
 * Table of Contents:
 *
 * 1   -> Basic margin padding
 * 1.1 -> Basic Margin
 * 1.2 -> Basic Padding
 * 1.3 -> Margin top
 * 1.4 -> Margin right
 * 1.5 -> Margin bottom
 * 1.6 -> Margin left
 * 1.7 -> Padding top
 * 1.8 -> Padding right
 * 1.9 -> Padding bottom
 * 1.10 -> Padding left
 * 2 -> lg: min-width:1200px
 * 3 -> md: max-width:1199px
 * 4 -> sm: max-width:991px
 * 5 -> xs: max-width 767px
 * 6 -> xxs: max-width 479px
 * ===============================================
 */
/* min even, max odd*/

/*
 * 1.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-0 {
    margin: 0px !important
}

.m-5 {
    margin: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-30 {
    margin: 30px !important
}

.m-40 {
    margin: 40px !important
}

.m-50 {
    margin: 50px !important
}

.m-60 {
    margin: 60px !important
}

.m-70 {
    margin: 70px !important
}

.m-80 {
    margin: 80px !important
}

.m-90 {
    margin: 90px !important
}

.m-100 {
    margin: 100px !important
}

.m-110 {
    margin: 110px !important
}

.m-120 {
    margin: 120px !important
}

.m-130 {
    margin: 130px !important
}

.m-140 {
    margin: 140px !important
}

.m-150 {
    margin: 150px !important
}

.m-160 {
    margin: 160px !important
}

.m-170 {
    margin: 170px !important
}

.m-180 {
    margin: 180px !important
}

.m-190 {
    margin: 190px !important
}

.m-200 {
    margin: 200px !important
}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-110 {
    padding: 110px !important
}

.p-120 {
    padding: 120px !important
}

.p-130 {
    padding: 130px !important
}

.p-140 {
    padding: 140px !important
}

.p-150 {
    padding: 150px !important
}

.p-160 {
    padding: 160px !important
}

.p-170 {
    padding: 170px !important
}

.p-180 {
    padding: 180px !important
}

.p-190 {
    padding: 190px !important
}

.p-200 {
    padding: 200px !important
}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mt-160 {
    margin-top: 160px !important
}

.mt-170 {
    margin-top: 170px !important
}

.mt-180 {
    margin-top: 180px !important
}

.mt-190 {
    margin-top: 190px !important
}

.mt-200 {
    margin-top: 200px !important
}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mr-110 {
    margin-right: 110px !important
}

.mr-120 {
    margin-right: 120px !important
}

.mr-130 {
    margin-right: 130px !important
}

.mr-140 {
    margin-right: 140px !important
}

.mr-150 {
    margin-right: 150px !important
}

.mr-160 {
    margin-right: 160px !important
}

.mr-170 {
    margin-right: 170px !important
}

.mr-180 {
    margin-right: 180px !important
}

.mr-190 {
    margin-right: 190px !important
}

.mr-200 {
    margin-right: 200px !important
}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-130 {
    margin-bottom: 130px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mb-170 {
    margin-bottom: 170px !important
}

.mb-180 {
    margin-bottom: 180px !important
}

.mb-190 {
    margin-bottom: 190px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.ml-60 {
    margin-left: 60px !important
}

.ml-70 {
    margin-left: 70px !important
}

.ml-80 {
    margin-left: 80px !important
}

.ml-90 {
    margin-left: 90px !important
}

.ml-100 {
    margin-left: 100px !important
}

.ml-110 {
    margin-left: 110px !important
}

.ml-120 {
    margin-left: 120px !important
}

.ml-130 {
    margin-left: 130px !important
}

.ml-140 {
    margin-left: 140px !important
}

.ml-150 {
    margin-left: 150px !important
}

.ml-160 {
    margin-left: 160px !important
}

.ml-170 {
    margin-left: 170px !important
}

.ml-180 {
    margin-left: 180px !important
}

.ml-190 {
    margin-left: 190px !important
}

.ml-200 {
    margin-left: 200px !important
}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-130 {
    padding-top: 130px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pt-170 {
    padding-top: 170px !important
}

.pt-180 {
    padding-top: 180px !important
}

.pt-190 {
    padding-top: 190px !important
}

.pt-200 {
    padding-top: 200px !important
}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pr-110 {
    padding-right: 110px !important
}

.pr-120 {
    padding-right: 120px !important
}

.pr-130 {
    padding-right: 130px !important
}

.pr-140 {
    padding-right: 140px !important
}

.pr-150 {
    padding-right: 150px !important
}

.pr-160 {
    padding-right: 160px !important
}

.pr-170 {
    padding-right: 170px !important
}

.pr-180 {
    padding-right: 180px !important
}

.pr-190 {
    padding-right: 190px !important
}

.pr-200 {
    padding-right: 200px !important
}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pb-130 {
    padding-bottom: 130px !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.pb-170 {
    padding-bottom: 170px !important
}

.pb-180 {
    padding-bottom: 180px !important
}

.pb-190 {
    padding-bottom: 190px !important
}

.pb-200 {
    padding-bottom: 200px !important
}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pl-110 {
    padding-left: 110px !important
}

.pl-120 {
    padding-left: 120px !important
}

.pl-130 {
    padding-left: 130px !important
}

.pl-140 {
    padding-left: 140px !important
}

.pl-150 {
    padding-left: 150px !important
}

.pl-160 {
    padding-left: 160px !important
}

.pl-170 {
    padding-left: 170px !important
}

.pl-180 {
    padding-left: 180px !important
}

.pl-190 {
    padding-left: 190px !important
}

.pl-200 {
    padding-left: 200px !important
}

/*
 * 2 -> lg: min-width:1200px
 * -----------------------------------------------
*/
@media (min-width:1200px) {
    /*
 * 2.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-lg-0 {
        margin: 0px !important
    }

    .m-lg-5 {
        margin: 5px !important
    }

    .m-lg-10 {
        margin: 10px !important
    }

    .m-lg-15 {
        margin: 15px !important
    }

    .m-lg-20 {
        margin: 20px !important
    }

    .m-lg-30 {
        margin: 30px !important
    }

    .m-lg-40 {
        margin: 40px !important
    }

    .m-lg-50 {
        margin: 50px !important
    }

    .m-lg-60 {
        margin: 60px !important
    }

    .m-lg-70 {
        margin: 70px !important
    }

    .m-lg-80 {
        margin: 80px !important
    }

    .m-lg-90 {
        margin: 90px !important
    }

    .m-lg-100 {
        margin: 100px !important
    }

    .m-lg-110 {
        margin: 110px !important
    }

    .m-lg-120 {
        margin: 120px !important
    }

    .m-lg-130 {
        margin: 130px !important
    }

    .m-lg-140 {
        margin: 140px !important
    }

    .m-lg-150 {
        margin: 150px !important
    }

    .m-lg-160 {
        margin: 160px !important
    }

    .m-lg-170 {
        margin: 170px !important
    }

    .m-lg-180 {
        margin: 180px !important
    }

    .m-lg-190 {
        margin: 190px !important
    }

    .m-lg-200 {
        margin: 200px !important
    }

    /*
 * 2.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-5 {
        padding: 5px !important
    }

    .p-lg-10 {
        padding: 10px !important
    }

    .p-lg-15 {
        padding: 15px !important
    }

    .p-lg-20 {
        padding: 20px !important
    }

    .p-lg-30 {
        padding: 30px !important
    }

    .p-lg-40 {
        padding: 40px !important
    }

    .p-lg-50 {
        padding: 50px !important
    }

    .p-lg-60 {
        padding: 60px !important
    }

    .p-lg-70 {
        padding: 70px !important
    }

    .p-lg-80 {
        padding: 80px !important
    }

    .p-lg-90 {
        padding: 90px !important
    }

    .p-lg-100 {
        padding: 100px !important
    }

    .p-lg-110 {
        padding: 110px !important
    }

    .p-lg-120 {
        padding: 120px !important
    }

    .p-lg-130 {
        padding: 130px !important
    }

    .p-lg-140 {
        padding: 140px !important
    }

    .p-lg-150 {
        padding: 150px !important
    }

    .p-lg-160 {
        padding: 160px !important
    }

    .p-lg-170 {
        padding: 170px !important
    }

    .p-lg-180 {
        padding: 180px !important
    }

    .p-lg-190 {
        padding: 190px !important
    }

    .p-lg-200 {
        padding: 200px !important
    }

    /*
 * 2.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-5 {
        margin-top: 5px !important
    }

    .mt-lg-10 {
        margin-top: 10px !important
    }

    .mt-lg-15 {
        margin-top: 15px !important
    }

    .mt-lg-20 {
        margin-top: 20px !important
    }

    .mt-lg-30 {
        margin-top: 30px !important
    }

    .mt-lg-40 {
        margin-top: 40px !important
    }

    .mt-lg-50 {
        margin-top: 50px !important
    }

    .mt-lg-60 {
        margin-top: 60px !important
    }

    .mt-lg-70 {
        margin-top: 70px !important
    }

    .mt-lg-80 {
        margin-top: 80px !important
    }

    .mt-lg-90 {
        margin-top: 90px !important
    }

    .mt-lg-100 {
        margin-top: 100px !important
    }

    .mt-lg-110 {
        margin-top: 110px !important
    }

    .mt-lg-120 {
        margin-top: 120px !important
    }

    .mt-lg-130 {
        margin-top: 130px !important
    }

    .mt-lg-140 {
        margin-top: 140px !important
    }

    .mt-lg-150 {
        margin-top: 150px !important
    }

    .mt-lg-160 {
        margin-top: 160px !important
    }

    .mt-lg-170 {
        margin-top: 170px !important
    }

    .mt-lg-180 {
        margin-top: 180px !important
    }

    .mt-lg-190 {
        margin-top: 190px !important
    }

    .mt-lg-200 {
        margin-top: 200px !important
    }

    /*
 * 2.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mr-lg-5 {
        margin-right: 5px !important
    }

    .mr-lg-10 {
        margin-right: 10px !important
    }

    .mr-lg-15 {
        margin-right: 15px !important
    }

    .mr-lg-20 {
        margin-right: 20px !important
    }

    .mr-lg-30 {
        margin-right: 30px !important
    }

    .mr-lg-40 {
        margin-right: 40px !important
    }

    .mr-lg-50 {
        margin-right: 50px !important
    }

    .mr-lg-60 {
        margin-right: 60px !important
    }

    .mr-lg-70 {
        margin-right: 70px !important
    }

    .mr-lg-80 {
        margin-right: 80px !important
    }

    .mr-lg-90 {
        margin-right: 90px !important
    }

    .mr-lg-100 {
        margin-right: 100px !important
    }

    .mr-lg-110 {
        margin-right: 110px !important
    }

    .mr-lg-120 {
        margin-right: 120px !important
    }

    .mr-lg-130 {
        margin-right: 130px !important
    }

    .mr-lg-140 {
        margin-right: 140px !important
    }

    .mr-lg-150 {
        margin-right: 150px !important
    }

    .mr-lg-160 {
        margin-right: 160px !important
    }

    .mr-lg-170 {
        margin-right: 170px !important
    }

    .mr-lg-180 {
        margin-right: 180px !important
    }

    .mr-lg-190 {
        margin-right: 190px !important
    }

    .mr-lg-200 {
        margin-right: 200px !important
    }

    /*
 * 2.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-5 {
        margin-bottom: 5px !important
    }

    .mb-lg-10 {
        margin-bottom: 10px !important
    }

    .mb-lg-15 {
        margin-bottom: 15px !important
    }

    .mb-lg-20 {
        margin-bottom: 20px !important
    }

    .mb-lg-30 {
        margin-bottom: 30px !important
    }

    .mb-lg-40 {
        margin-bottom: 40px !important
    }

    .mb-lg-50 {
        margin-bottom: 50px !important
    }

    .mb-lg-60 {
        margin-bottom: 60px !important
    }

    .mb-lg-70 {
        margin-bottom: 70px !important
    }

    .mb-lg-80 {
        margin-bottom: 80px !important
    }

    .mb-lg-90 {
        margin-bottom: 90px !important
    }

    .mb-lg-100 {
        margin-bottom: 100px !important
    }

    .mb-lg-110 {
        margin-bottom: 110px !important
    }

    .mb-lg-120 {
        margin-bottom: 120px !important
    }

    .mb-lg-130 {
        margin-bottom: 130px !important
    }

    .mb-lg-140 {
        margin-bottom: 140px !important
    }

    .mb-lg-150 {
        margin-bottom: 150px !important
    }

    .mb-lg-160 {
        margin-bottom: 160px !important
    }

    .mb-lg-170 {
        margin-bottom: 170px !important
    }

    .mb-lg-180 {
        margin-bottom: 180px !important
    }

    .mb-lg-190 {
        margin-bottom: 190px !important
    }

    .mb-lg-200 {
        margin-bottom: 200px !important
    }

    /*
 * 2.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .ml-lg-5 {
        margin-left: 5px !important
    }

    .ml-lg-10 {
        margin-left: 10px !important
    }

    .ml-lg-15 {
        margin-left: 15px !important
    }

    .ml-lg-20 {
        margin-left: 20px !important
    }

    .ml-lg-30 {
        margin-left: 30px !important
    }

    .ml-lg-40 {
        margin-left: 40px !important
    }

    .ml-lg-50 {
        margin-left: 50px !important
    }

    .ml-lg-60 {
        margin-left: 60px !important
    }

    .ml-lg-70 {
        margin-left: 70px !important
    }

    .ml-lg-80 {
        margin-left: 80px !important
    }

    .ml-lg-90 {
        margin-left: 90px !important
    }

    .ml-lg-100 {
        margin-left: 100px !important
    }

    .ml-lg-110 {
        margin-left: 110px !important
    }

    .ml-lg-120 {
        margin-left: 120px !important
    }

    .ml-lg-130 {
        margin-left: 130px !important
    }

    .ml-lg-140 {
        margin-left: 140px !important
    }

    .ml-lg-150 {
        margin-left: 150px !important
    }

    .ml-lg-160 {
        margin-left: 160px !important
    }

    .ml-lg-170 {
        margin-left: 170px !important
    }

    .ml-lg-180 {
        margin-left: 180px !important
    }

    .ml-lg-190 {
        margin-left: 190px !important
    }

    .ml-lg-200 {
        margin-left: 200px !important
    }

    /*
 * 2.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-5 {
        padding-top: 5px !important
    }

    .pt-lg-10 {
        padding-top: 10px !important
    }

    .pt-lg-15 {
        padding-top: 15px !important
    }

    .pt-lg-20 {
        padding-top: 20px !important
    }

    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pt-lg-40 {
        padding-top: 40px !important
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pt-lg-60 {
        padding-top: 60px !important
    }

    .pt-lg-70 {
        padding-top: 70px !important
    }

    .pt-lg-80 {
        padding-top: 80px !important
    }

    .pt-lg-90 {
        padding-top: 90px !important
    }

    .pt-lg-100 {
        padding-top: 100px !important
    }

    .pt-lg-110 {
        padding-top: 110px !important
    }

    .pt-lg-120 {
        padding-top: 120px !important
    }

    .pt-lg-130 {
        padding-top: 130px !important
    }

    .pt-lg-140 {
        padding-top: 140px !important
    }

    .pt-lg-150 {
        padding-top: 150px !important
    }

    .pt-lg-160 {
        padding-top: 160px !important
    }

    .pt-lg-170 {
        padding-top: 170px !important
    }

    .pt-lg-180 {
        padding-top: 180px !important
    }

    .pt-lg-190 {
        padding-top: 190px !important
    }

    .pt-lg-200 {
        padding-top: 200px !important
    }

    /*
 * 2.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pr-lg-5 {
        padding-right: 5px !important
    }

    .pr-lg-10 {
        padding-right: 10px !important
    }

    .pr-lg-15 {
        padding-right: 15px !important
    }

    .pr-lg-20 {
        padding-right: 20px !important
    }

    .pr-lg-30 {
        padding-right: 30px !important
    }

    .pr-lg-40 {
        padding-right: 40px !important
    }

    .pr-lg-50 {
        padding-right: 50px !important
    }

    .pr-lg-60 {
        padding-right: 60px !important
    }

    .pr-lg-70 {
        padding-right: 70px !important
    }

    .pr-lg-80 {
        padding-right: 80px !important
    }

    .pr-lg-90 {
        padding-right: 90px !important
    }

    .pr-lg-100 {
        padding-right: 100px !important
    }

    .pr-lg-110 {
        padding-right: 110px !important
    }

    .pr-lg-120 {
        padding-right: 120px !important
    }

    .pr-lg-130 {
        padding-right: 130px !important
    }

    .pr-lg-140 {
        padding-right: 140px !important
    }

    .pr-lg-150 {
        padding-right: 150px !important
    }

    .pr-lg-160 {
        padding-right: 160px !important
    }

    .pr-lg-170 {
        padding-right: 170px !important
    }

    .pr-lg-180 {
        padding-right: 180px !important
    }

    .pr-lg-190 {
        padding-right: 190px !important
    }

    .pr-lg-200 {
        padding-right: 200px !important
    }

    /*
 * 2.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-5 {
        padding-bottom: 5px !important
    }

    .pb-lg-10 {
        padding-bottom: 10px !important
    }

    .pb-lg-15 {
        padding-bottom: 15px !important
    }

    .pb-lg-20 {
        padding-bottom: 20px !important
    }

    .pb-lg-30 {
        padding-bottom: 30px !important
    }

    .pb-lg-40 {
        padding-bottom: 40px !important
    }

    .pb-lg-50 {
        padding-bottom: 50px !important
    }

    .pb-lg-60 {
        padding-bottom: 60px !important
    }

    .pb-lg-70 {
        padding-bottom: 70px !important
    }

    .pb-lg-80 {
        padding-bottom: 80px !important
    }

    .pb-lg-90 {
        padding-bottom: 90px !important
    }

    .pb-lg-100 {
        padding-bottom: 100px !important
    }

    .pb-lg-110 {
        padding-bottom: 110px !important
    }

    .pb-lg-120 {
        padding-bottom: 120px !important
    }

    .pb-lg-130 {
        padding-bottom: 130px !important
    }

    .pb-lg-140 {
        padding-bottom: 140px !important
    }

    .pb-lg-150 {
        padding-bottom: 150px !important
    }

    .pb-lg-160 {
        padding-bottom: 160px !important
    }

    .pb-lg-170 {
        padding-bottom: 170px !important
    }

    .pb-lg-180 {
        padding-bottom: 180px !important
    }

    .pb-lg-190 {
        padding-bottom: 190px !important
    }

    .pb-lg-200 {
        padding-bottom: 200px !important
    }

    /*
 * 2.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .pl-lg-5 {
        padding-left: 5px !important
    }

    .pl-lg-10 {
        padding-left: 10px !important
    }

    .pl-lg-15 {
        padding-left: 15px !important
    }

    .pl-lg-20 {
        padding-left: 20px !important
    }

    .pl-lg-30 {
        padding-left: 30px !important
    }

    .pl-lg-40 {
        padding-left: 40px !important
    }

    .pl-lg-50 {
        padding-left: 50px !important
    }

    .pl-lg-60 {
        padding-left: 60px !important
    }

    .pl-lg-70 {
        padding-left: 70px !important
    }

    .pl-lg-80 {
        padding-left: 80px !important
    }

    .pl-lg-90 {
        padding-left: 90px !important
    }

    .pl-lg-100 {
        padding-left: 100px !important
    }

    .pl-lg-110 {
        padding-left: 110px !important
    }

    .pl-lg-120 {
        padding-left: 120px !important
    }

    .pl-lg-130 {
        padding-left: 130px !important
    }

    .pl-lg-140 {
        padding-left: 140px !important
    }

    .pl-lg-150 {
        padding-left: 150px !important
    }

    .pl-lg-160 {
        padding-left: 160px !important
    }

    .pl-lg-170 {
        padding-left: 170px !important
    }

    .pl-lg-180 {
        padding-left: 180px !important
    }

    .pl-lg-190 {
        padding-left: 190px !important
    }

    .pl-lg-200 {
        padding-left: 200px !important
    }
}

/*
 * 3 -> md: max-width:1199px
 * -----------------------------------------------
*/
@media (max-width:1199px) {
    /*
 * 3.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-md-0 {
        margin: 0px !important
    }

    .m-md-5 {
        margin: 5px !important
    }

    .m-md-10 {
        margin: 10px !important
    }

    .m-md-15 {
        margin: 15px !important
    }

    .m-md-20 {
        margin: 20px !important
    }

    .m-md-30 {
        margin: 30px !important
    }

    .m-md-40 {
        margin: 40px !important
    }

    .m-md-50 {
        margin: 50px !important
    }

    .m-md-60 {
        margin: 60px !important
    }

    .m-md-70 {
        margin: 70px !important
    }

    .m-md-80 {
        margin: 80px !important
    }

    .m-md-90 {
        margin: 90px !important
    }

    .m-md-100 {
        margin: 100px !important
    }

    .m-md-110 {
        margin: 110px !important
    }

    .m-md-120 {
        margin: 120px !important
    }

    .m-md-130 {
        margin: 130px !important
    }

    .m-md-140 {
        margin: 140px !important
    }

    .m-md-150 {
        margin: 150px !important
    }

    .m-md-160 {
        margin: 160px !important
    }

    .m-md-170 {
        margin: 170px !important
    }

    .m-md-180 {
        margin: 180px !important
    }

    .m-md-190 {
        margin: 190px !important
    }

    .m-md-200 {
        margin: 200px !important
    }

    /*
 * 3.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-5 {
        padding: 5px !important
    }

    .p-md-10 {
        padding: 10px !important
    }

    .p-md-15 {
        padding: 15px !important
    }

    .p-md-20 {
        padding: 20px !important
    }

    .p-md-30 {
        padding: 30px !important
    }

    .p-md-40 {
        padding: 40px !important
    }

    .p-md-50 {
        padding: 50px !important
    }

    .p-md-60 {
        padding: 60px !important
    }

    .p-md-70 {
        padding: 70px !important
    }

    .p-md-80 {
        padding: 80px !important
    }

    .p-md-90 {
        padding: 90px !important
    }

    .p-md-100 {
        padding: 100px !important
    }

    .p-md-110 {
        padding: 110px !important
    }

    .p-md-120 {
        padding: 120px !important
    }

    .p-md-130 {
        padding: 130px !important
    }

    .p-md-140 {
        padding: 140px !important
    }

    .p-md-150 {
        padding: 150px !important
    }

    .p-md-160 {
        padding: 160px !important
    }

    .p-md-170 {
        padding: 170px !important
    }

    .p-md-180 {
        padding: 180px !important
    }

    .p-md-190 {
        padding: 190px !important
    }

    .p-md-200 {
        padding: 200px !important
    }

    /*
 * 3.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-5 {
        margin-top: 5px !important
    }

    .mt-md-10 {
        margin-top: 10px !important
    }

    .mt-md-15 {
        margin-top: 15px !important
    }

    .mt-md-20 {
        margin-top: 20px !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .mt-md-40 {
        margin-top: 40px !important
    }

    .mt-md-50 {
        margin-top: 50px !important
    }

    .mt-md-60 {
        margin-top: 60px !important
    }

    .mt-md-70 {
        margin-top: 70px !important
    }

    .mt-md-80 {
        margin-top: 80px !important
    }

    .mt-md-90 {
        margin-top: 90px !important
    }

    .mt-md-100 {
        margin-top: 100px !important
    }

    .mt-md-110 {
        margin-top: 110px !important
    }

    .mt-md-120 {
        margin-top: 120px !important
    }

    .mt-md-130 {
        margin-top: 130px !important
    }

    .mt-md-140 {
        margin-top: 140px !important
    }

    .mt-md-150 {
        margin-top: 150px !important
    }

    .mt-md-160 {
        margin-top: 160px !important
    }

    .mt-md-170 {
        margin-top: 170px !important
    }

    .mt-md-180 {
        margin-top: 180px !important
    }

    .mt-md-190 {
        margin-top: 190px !important
    }

    .mt-md-200 {
        margin-top: 200px !important
    }

    /*
 * 3.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mr-md-5 {
        margin-right: 5px !important
    }

    .mr-md-10 {
        margin-right: 10px !important
    }

    .mr-md-15 {
        margin-right: 15px !important
    }

    .mr-md-20 {
        margin-right: 20px !important
    }

    .mr-md-30 {
        margin-right: 30px !important
    }

    .mr-md-40 {
        margin-right: 40px !important
    }

    .mr-md-50 {
        margin-right: 50px !important
    }

    .mr-md-60 {
        margin-right: 60px !important
    }

    .mr-md-70 {
        margin-right: 70px !important
    }

    .mr-md-80 {
        margin-right: 80px !important
    }

    .mr-md-90 {
        margin-right: 90px !important
    }

    .mr-md-100 {
        margin-right: 100px !important
    }

    .mr-md-110 {
        margin-right: 110px !important
    }

    .mr-md-120 {
        margin-right: 120px !important
    }

    .mr-md-130 {
        margin-right: 130px !important
    }

    .mr-md-140 {
        margin-right: 140px !important
    }

    .mr-md-150 {
        margin-right: 150px !important
    }

    .mr-md-160 {
        margin-right: 160px !important
    }

    .mr-md-170 {
        margin-right: 170px !important
    }

    .mr-md-180 {
        margin-right: 180px !important
    }

    .mr-md-190 {
        margin-right: 190px !important
    }

    .mr-md-200 {
        margin-right: 200px !important
    }

    /*
 * 3.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-5 {
        margin-bottom: 5px !important
    }

    .mb-md-10 {
        margin-bottom: 10px !important
    }

    .mb-md-15 {
        margin-bottom: 15px !important
    }

    .mb-md-20 {
        margin-bottom: 20px !important
    }

    .mb-md-30 {
        margin-bottom: 30px !important
    }

    .mb-md-40 {
        margin-bottom: 40px !important
    }

    .mb-md-50 {
        margin-bottom: 50px !important
    }

    .mb-md-60 {
        margin-bottom: 60px !important
    }

    .mb-md-70 {
        margin-bottom: 70px !important
    }

    .mb-md-80 {
        margin-bottom: 80px !important
    }

    .mb-md-90 {
        margin-bottom: 90px !important
    }

    .mb-md-100 {
        margin-bottom: 100px !important
    }

    .mb-md-110 {
        margin-bottom: 110px !important
    }

    .mb-md-120 {
        margin-bottom: 120px !important
    }

    .mb-md-130 {
        margin-bottom: 130px !important
    }

    .mb-md-140 {
        margin-bottom: 140px !important
    }

    .mb-md-150 {
        margin-bottom: 150px !important
    }

    .mb-md-160 {
        margin-bottom: 160px !important
    }

    .mb-md-170 {
        margin-bottom: 170px !important
    }

    .mb-md-180 {
        margin-bottom: 180px !important
    }

    .mb-md-190 {
        margin-bottom: 190px !important
    }

    .mb-md-200 {
        margin-bottom: 200px !important
    }

    /*
 * 3.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-md-0 {
        margin-left: 0 !important;
    }

    .ml-md-5 {
        margin-left: 5px !important
    }

    .ml-md-10 {
        margin-left: 10px !important
    }

    .ml-md-15 {
        margin-left: 15px !important
    }

    .ml-md-20 {
        margin-left: 20px !important
    }

    .ml-md-30 {
        margin-left: 30px !important
    }

    .ml-md-40 {
        margin-left: 40px !important
    }

    .ml-md-50 {
        margin-left: 50px !important
    }

    .ml-md-60 {
        margin-left: 60px !important
    }

    .ml-md-70 {
        margin-left: 70px !important
    }

    .ml-md-80 {
        margin-left: 80px !important
    }

    .ml-md-90 {
        margin-left: 90px !important
    }

    .ml-md-100 {
        margin-left: 100px !important
    }

    .ml-md-110 {
        margin-left: 110px !important
    }

    .ml-md-120 {
        margin-left: 120px !important
    }

    .ml-md-130 {
        margin-left: 130px !important
    }

    .ml-md-140 {
        margin-left: 140px !important
    }

    .ml-md-150 {
        margin-left: 150px !important
    }

    .ml-md-160 {
        margin-left: 160px !important
    }

    .ml-md-170 {
        margin-left: 170px !important
    }

    .ml-md-180 {
        margin-left: 180px !important
    }

    .ml-md-190 {
        margin-left: 190px !important
    }

    .ml-md-200 {
        margin-left: 200px !important
    }

    /*
 * 3.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-5 {
        padding-top: 5px !important
    }

    .pt-md-10 {
        padding-top: 10px !important
    }

    .pt-md-15 {
        padding-top: 15px !important
    }

    .pt-md-20 {
        padding-top: 20px !important
    }

    .pt-md-30 {
        padding-top: 30px !important
    }

    .pt-md-40 {
        padding-top: 40px !important
    }

    .pt-md-50 {
        padding-top: 50px !important
    }

    .pt-md-60 {
        padding-top: 60px !important
    }

    .pt-md-70 {
        padding-top: 70px !important
    }

    .pt-md-80 {
        padding-top: 80px !important
    }

    .pt-md-90 {
        padding-top: 90px !important
    }

    .pt-md-100 {
        padding-top: 100px !important
    }

    .pt-md-110 {
        padding-top: 110px !important
    }

    .pt-md-120 {
        padding-top: 120px !important
    }

    .pt-md-130 {
        padding-top: 130px !important
    }

    .pt-md-140 {
        padding-top: 140px !important
    }

    .pt-md-150 {
        padding-top: 150px !important
    }

    .pt-md-160 {
        padding-top: 160px !important
    }

    .pt-md-170 {
        padding-top: 170px !important
    }

    .pt-md-180 {
        padding-top: 180px !important
    }

    .pt-md-190 {
        padding-top: 190px !important
    }

    .pt-md-200 {
        padding-top: 200px !important
    }

    /*
 * 3.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pr-md-5 {
        padding-right: 5px !important
    }

    .pr-md-10 {
        padding-right: 10px !important
    }

    .pr-md-15 {
        padding-right: 15px !important
    }

    .pr-md-20 {
        padding-right: 20px !important
    }

    .pr-md-30 {
        padding-right: 30px !important
    }

    .pr-md-40 {
        padding-right: 40px !important
    }

    .pr-md-50 {
        padding-right: 50px !important
    }

    .pr-md-60 {
        padding-right: 60px !important
    }

    .pr-md-70 {
        padding-right: 70px !important
    }

    .pr-md-80 {
        padding-right: 80px !important
    }

    .pr-md-90 {
        padding-right: 90px !important
    }

    .pr-md-100 {
        padding-right: 100px !important
    }

    .pr-md-110 {
        padding-right: 110px !important
    }

    .pr-md-120 {
        padding-right: 120px !important
    }

    .pr-md-130 {
        padding-right: 130px !important
    }

    .pr-md-140 {
        padding-right: 140px !important
    }

    .pr-md-150 {
        padding-right: 150px !important
    }

    .pr-md-160 {
        padding-right: 160px !important
    }

    .pr-md-170 {
        padding-right: 170px !important
    }

    .pr-md-180 {
        padding-right: 180px !important
    }

    .pr-md-190 {
        padding-right: 190px !important
    }

    .pr-md-200 {
        padding-right: 200px !important
    }

    /*
 * 3.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-5 {
        padding-bottom: 5px !important
    }

    .pb-md-10 {
        padding-bottom: 10px !important
    }

    .pb-md-15 {
        padding-bottom: 15px !important
    }

    .pb-md-20 {
        padding-bottom: 20px !important
    }

    .pb-md-30 {
        padding-bottom: 30px !important
    }

    .pb-md-40 {
        padding-bottom: 40px !important
    }

    .pb-md-50 {
        padding-bottom: 50px !important
    }

    .pb-md-60 {
        padding-bottom: 60px !important
    }

    .pb-md-70 {
        padding-bottom: 70px !important
    }

    .pb-md-80 {
        padding-bottom: 80px !important
    }

    .pb-md-90 {
        padding-bottom: 90px !important
    }

    .pb-md-100 {
        padding-bottom: 100px !important
    }

    .pb-md-110 {
        padding-bottom: 110px !important
    }

    .pb-md-120 {
        padding-bottom: 120px !important
    }

    .pb-md-130 {
        padding-bottom: 130px !important
    }

    .pb-md-140 {
        padding-bottom: 140px !important
    }

    .pb-md-150 {
        padding-bottom: 150px !important
    }

    .pb-md-160 {
        padding-bottom: 160px !important
    }

    .pb-md-170 {
        padding-bottom: 170px !important
    }

    .pb-md-180 {
        padding-bottom: 180px !important
    }

    .pb-md-190 {
        padding-bottom: 190px !important
    }

    .pb-md-200 {
        padding-bottom: 200px !important
    }

    /*
 * 3.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-md-0 {
        padding-left: 0 !important;
    }

    .pl-md-5 {
        padding-left: 5px !important
    }

    .pl-md-10 {
        padding-left: 10px !important
    }

    .pl-md-15 {
        padding-left: 15px !important
    }

    .pl-md-20 {
        padding-left: 20px !important
    }

    .pl-md-30 {
        padding-left: 30px !important
    }

    .pl-md-40 {
        padding-left: 40px !important
    }

    .pl-md-50 {
        padding-left: 50px !important
    }

    .pl-md-60 {
        padding-left: 60px !important
    }

    .pl-md-70 {
        padding-left: 70px !important
    }

    .pl-md-80 {
        padding-left: 80px !important
    }

    .pl-md-90 {
        padding-left: 90px !important
    }

    .pl-md-100 {
        padding-left: 100px !important
    }

    .pl-md-110 {
        padding-left: 110px !important
    }

    .pl-md-120 {
        padding-left: 120px !important
    }

    .pl-md-130 {
        padding-left: 130px !important
    }

    .pl-md-140 {
        padding-left: 140px !important
    }

    .pl-md-150 {
        padding-left: 150px !important
    }

    .pl-md-160 {
        padding-left: 160px !important
    }

    .pl-md-170 {
        padding-left: 170px !important
    }

    .pl-md-180 {
        padding-left: 180px !important
    }

    .pl-md-190 {
        padding-left: 190px !important
    }

    .pl-md-200 {
        padding-left: 200px !important
    }
}

/*
 * 4 -> sm: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
    /*
 * 4.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-sm-0 {
        margin: 0px !important
    }

    .m-sm-5 {
        margin: 5px !important
    }

    .m-sm-10 {
        margin: 10px !important
    }

    .m-sm-15 {
        margin: 15px !important
    }

    .m-sm-20 {
        margin: 20px !important
    }

    .m-sm-30 {
        margin: 30px !important
    }

    .m-sm-40 {
        margin: 40px !important
    }

    .m-sm-50 {
        margin: 50px !important
    }

    .m-sm-60 {
        margin: 60px !important
    }

    .m-sm-70 {
        margin: 70px !important
    }

    .m-sm-80 {
        margin: 80px !important
    }

    .m-sm-90 {
        margin: 90px !important
    }

    .m-sm-100 {
        margin: 100px !important
    }

    .m-sm-110 {
        margin: 110px !important
    }

    .m-sm-120 {
        margin: 120px !important
    }

    .m-sm-130 {
        margin: 130px !important
    }

    .m-sm-140 {
        margin: 140px !important
    }

    .m-sm-150 {
        margin: 150px !important
    }

    .m-sm-160 {
        margin: 160px !important
    }

    .m-sm-170 {
        margin: 170px !important
    }

    .m-sm-180 {
        margin: 180px !important
    }

    .m-sm-190 {
        margin: 190px !important
    }

    .m-sm-200 {
        margin: 200px !important
    }

    /*
 * 4.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-5 {
        padding: 5px !important
    }

    .p-sm-10 {
        padding: 10px !important
    }

    .p-sm-15 {
        padding: 15px !important
    }

    .p-sm-20 {
        padding: 20px !important
    }

    .p-sm-30 {
        padding: 30px !important
    }

    .p-sm-40 {
        padding: 40px !important
    }

    .p-sm-50 {
        padding: 50px !important
    }

    .p-sm-60 {
        padding: 60px !important
    }

    .p-sm-70 {
        padding: 70px !important
    }

    .p-sm-80 {
        padding: 80px !important
    }

    .p-sm-90 {
        padding: 90px !important
    }

    .p-sm-100 {
        padding: 100px !important
    }

    .p-sm-110 {
        padding: 110px !important
    }

    .p-sm-120 {
        padding: 120px !important
    }

    .p-sm-130 {
        padding: 130px !important
    }

    .p-sm-140 {
        padding: 140px !important
    }

    .p-sm-150 {
        padding: 150px !important
    }

    .p-sm-160 {
        padding: 160px !important
    }

    .p-sm-170 {
        padding: 170px !important
    }

    .p-sm-180 {
        padding: 180px !important
    }

    .p-sm-190 {
        padding: 190px !important
    }

    .p-sm-200 {
        padding: 200px !important
    }

    /*
 * 4.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-5 {
        margin-top: 5px !important
    }

    .mt-sm-10 {
        margin-top: 10px !important
    }

    .mt-sm-15 {
        margin-top: 15px !important
    }

    .mt-sm-20 {
        margin-top: 20px !important
    }

    .mt-sm-30 {
        margin-top: 30px !important
    }

    .mt-sm-40 {
        margin-top: 40px !important
    }

    .mt-sm-50 {
        margin-top: 50px !important
    }

    .mt-sm-60 {
        margin-top: 60px !important
    }

    .mt-sm-70 {
        margin-top: 70px !important
    }

    .mt-sm-80 {
        margin-top: 80px !important
    }

    .mt-sm-90 {
        margin-top: 90px !important
    }

    .mt-sm-100 {
        margin-top: 100px !important
    }

    .mt-sm-110 {
        margin-top: 110px !important
    }

    .mt-sm-120 {
        margin-top: 120px !important
    }

    .mt-sm-130 {
        margin-top: 130px !important
    }

    .mt-sm-140 {
        margin-top: 140px !important
    }

    .mt-sm-150 {
        margin-top: 150px !important
    }

    .mt-sm-160 {
        margin-top: 160px !important
    }

    .mt-sm-170 {
        margin-top: 170px !important
    }

    .mt-sm-180 {
        margin-top: 180px !important
    }

    .mt-sm-190 {
        margin-top: 190px !important
    }

    .mt-sm-200 {
        margin-top: 200px !important
    }

    /*
 * 4.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mr-sm-5 {
        margin-right: 5px !important
    }

    .mr-sm-10 {
        margin-right: 10px !important
    }

    .mr-sm-15 {
        margin-right: 15px !important
    }

    .mr-sm-20 {
        margin-right: 20px !important
    }

    .mr-sm-30 {
        margin-right: 30px !important
    }

    .mr-sm-40 {
        margin-right: 40px !important
    }

    .mr-sm-50 {
        margin-right: 50px !important
    }

    .mr-sm-60 {
        margin-right: 60px !important
    }

    .mr-sm-70 {
        margin-right: 70px !important
    }

    .mr-sm-80 {
        margin-right: 80px !important
    }

    .mr-sm-90 {
        margin-right: 90px !important
    }

    .mr-sm-100 {
        margin-right: 100px !important
    }

    .mr-sm-110 {
        margin-right: 110px !important
    }

    .mr-sm-120 {
        margin-right: 120px !important
    }

    .mr-sm-130 {
        margin-right: 130px !important
    }

    .mr-sm-140 {
        margin-right: 140px !important
    }

    .mr-sm-150 {
        margin-right: 150px !important
    }

    .mr-sm-160 {
        margin-right: 160px !important
    }

    .mr-sm-170 {
        margin-right: 170px !important
    }

    .mr-sm-180 {
        margin-right: 180px !important
    }

    .mr-sm-190 {
        margin-right: 190px !important
    }

    .mr-sm-200 {
        margin-right: 200px !important
    }

    /*
 * 4.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-5 {
        margin-bottom: 5px !important
    }

    .mb-sm-10 {
        margin-bottom: 10px !important
    }

    .mb-sm-15 {
        margin-bottom: 15px !important
    }

    .mb-sm-20 {
        margin-bottom: 20px !important
    }

    .mb-sm-30 {
        margin-bottom: 30px !important
    }

    .mb-sm-40 {
        margin-bottom: 40px !important
    }

    .mb-sm-50 {
        margin-bottom: 50px !important
    }

    .mb-sm-60 {
        margin-bottom: 60px !important
    }

    .mb-sm-70 {
        margin-bottom: 70px !important
    }

    .mb-sm-80 {
        margin-bottom: 80px !important
    }

    .mb-sm-90 {
        margin-bottom: 90px !important
    }

    .mb-sm-100 {
        margin-bottom: 100px !important
    }

    .mb-sm-110 {
        margin-bottom: 110px !important
    }

    .mb-sm-120 {
        margin-bottom: 120px !important
    }

    .mb-sm-130 {
        margin-bottom: 130px !important
    }

    .mb-sm-140 {
        margin-bottom: 140px !important
    }

    .mb-sm-150 {
        margin-bottom: 150px !important
    }

    .mb-sm-160 {
        margin-bottom: 160px !important
    }

    .mb-sm-170 {
        margin-bottom: 170px !important
    }

    .mb-sm-180 {
        margin-bottom: 180px !important
    }

    .mb-sm-190 {
        margin-bottom: 190px !important
    }

    .mb-sm-200 {
        margin-bottom: 200px !important
    }

    /*
 * 4.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .ml-sm-5 {
        margin-left: 5px !important
    }

    .ml-sm-10 {
        margin-left: 10px !important
    }

    .ml-sm-15 {
        margin-left: 15px !important
    }

    .ml-sm-20 {
        margin-left: 20px !important
    }

    .ml-sm-30 {
        margin-left: 30px !important
    }

    .ml-sm-40 {
        margin-left: 40px !important
    }

    .ml-sm-50 {
        margin-left: 50px !important
    }

    .ml-sm-60 {
        margin-left: 60px !important
    }

    .ml-sm-70 {
        margin-left: 70px !important
    }

    .ml-sm-80 {
        margin-left: 80px !important
    }

    .ml-sm-90 {
        margin-left: 90px !important
    }

    .ml-sm-100 {
        margin-left: 100px !important
    }

    .ml-sm-110 {
        margin-left: 110px !important
    }

    .ml-sm-120 {
        margin-left: 120px !important
    }

    .ml-sm-130 {
        margin-left: 130px !important
    }

    .ml-sm-140 {
        margin-left: 140px !important
    }

    .ml-sm-150 {
        margin-left: 150px !important
    }

    .ml-sm-160 {
        margin-left: 160px !important
    }

    .ml-sm-170 {
        margin-left: 170px !important
    }

    .ml-sm-180 {
        margin-left: 180px !important
    }

    .ml-sm-190 {
        margin-left: 190px !important
    }

    .ml-sm-200 {
        margin-left: 200px !important
    }

    /*
 * 4.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-5 {
        padding-top: 5px !important
    }

    .pt-sm-10 {
        padding-top: 10px !important
    }

    .pt-sm-15 {
        padding-top: 15px !important
    }

    .pt-sm-20 {
        padding-top: 20px !important
    }

    .pt-sm-30 {
        padding-top: 30px !important
    }

    .pt-sm-40 {
        padding-top: 40px !important
    }

    .pt-sm-50 {
        padding-top: 50px !important
    }

    .pt-sm-60 {
        padding-top: 60px !important
    }

    .pt-sm-70 {
        padding-top: 70px !important
    }

    .pt-sm-80 {
        padding-top: 80px !important
    }

    .pt-sm-90 {
        padding-top: 90px !important
    }

    .pt-sm-100 {
        padding-top: 100px !important
    }

    .pt-sm-110 {
        padding-top: 110px !important
    }

    .pt-sm-120 {
        padding-top: 120px !important
    }

    .pt-sm-130 {
        padding-top: 130px !important
    }

    .pt-sm-140 {
        padding-top: 140px !important
    }

    .pt-sm-150 {
        padding-top: 150px !important
    }

    .pt-sm-160 {
        padding-top: 160px !important
    }

    .pt-sm-170 {
        padding-top: 170px !important
    }

    .pt-sm-180 {
        padding-top: 180px !important
    }

    .pt-sm-190 {
        padding-top: 190px !important
    }

    .pt-sm-200 {
        padding-top: 200px !important
    }

    /*
 * 4.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important
    }

    .pr-sm-10 {
        padding-right: 10px !important
    }

    .pr-sm-15 {
        padding-right: 15px !important
    }

    .pr-sm-20 {
        padding-right: 20px !important
    }

    .pr-sm-30 {
        padding-right: 30px !important
    }

    .pr-sm-40 {
        padding-right: 40px !important
    }

    .pr-sm-50 {
        padding-right: 50px !important
    }

    .pr-sm-60 {
        padding-right: 60px !important
    }

    .pr-sm-70 {
        padding-right: 70px !important
    }

    .pr-sm-80 {
        padding-right: 80px !important
    }

    .pr-sm-90 {
        padding-right: 90px !important
    }

    .pr-sm-100 {
        padding-right: 100px !important
    }

    .pr-sm-110 {
        padding-right: 110px !important
    }

    .pr-sm-120 {
        padding-right: 120px !important
    }

    .pr-sm-130 {
        padding-right: 130px !important
    }

    .pr-sm-140 {
        padding-right: 140px !important
    }

    .pr-sm-150 {
        padding-right: 150px !important
    }

    .pr-sm-160 {
        padding-right: 160px !important
    }

    .pr-sm-170 {
        padding-right: 170px !important
    }

    .pr-sm-180 {
        padding-right: 180px !important
    }

    .pr-sm-190 {
        padding-right: 190px !important
    }

    .pr-sm-200 {
        padding-right: 200px !important
    }

    /*
 * 4.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important
    }

    .pb-sm-10 {
        padding-bottom: 10px !important
    }

    .pb-sm-15 {
        padding-bottom: 15px !important
    }

    .pb-sm-20 {
        padding-bottom: 20px !important
    }

    .pb-sm-30 {
        padding-bottom: 30px !important
    }

    .pb-sm-40 {
        padding-bottom: 40px !important
    }

    .pb-sm-50 {
        padding-bottom: 50px !important
    }

    .pb-sm-60 {
        padding-bottom: 60px !important
    }

    .pb-sm-70 {
        padding-bottom: 70px !important
    }

    .pb-sm-80 {
        padding-bottom: 80px !important
    }

    .pb-sm-90 {
        padding-bottom: 90px !important
    }

    .pb-sm-100 {
        padding-bottom: 100px !important
    }

    .pb-sm-110 {
        padding-bottom: 110px !important
    }

    .pb-sm-120 {
        padding-bottom: 120px !important
    }

    .pb-sm-130 {
        padding-bottom: 130px !important
    }

    .pb-sm-140 {
        padding-bottom: 140px !important
    }

    .pb-sm-150 {
        padding-bottom: 150px !important
    }

    .pb-sm-160 {
        padding-bottom: 160px !important
    }

    .pb-sm-170 {
        padding-bottom: 170px !important
    }

    .pb-sm-180 {
        padding-bottom: 180px !important
    }

    .pb-sm-190 {
        padding-bottom: 190px !important
    }

    .pb-sm-200 {
        padding-bottom: 200px !important
    }

    /*
 * 4.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important
    }

    .pl-sm-10 {
        padding-left: 10px !important
    }

    .pl-sm-15 {
        padding-left: 15px !important
    }

    .pl-sm-20 {
        padding-left: 20px !important
    }

    .pl-sm-30 {
        padding-left: 30px !important
    }

    .pl-sm-40 {
        padding-left: 40px !important
    }

    .pl-sm-50 {
        padding-left: 50px !important
    }

    .pl-sm-60 {
        padding-left: 60px !important
    }

    .pl-sm-70 {
        padding-left: 70px !important
    }

    .pl-sm-80 {
        padding-left: 80px !important
    }

    .pl-sm-90 {
        padding-left: 90px !important
    }

    .pl-sm-100 {
        padding-left: 100px !important
    }

    .pl-sm-110 {
        padding-left: 110px !important
    }

    .pl-sm-120 {
        padding-left: 120px !important
    }

    .pl-sm-130 {
        padding-left: 130px !important
    }

    .pl-sm-140 {
        padding-left: 140px !important
    }

    .pl-sm-150 {
        padding-left: 150px !important
    }

    .pl-sm-160 {
        padding-left: 160px !important
    }

    .pl-sm-170 {
        padding-left: 170px !important
    }

    .pl-sm-180 {
        padding-left: 180px !important
    }

    .pl-sm-190 {
        padding-left: 190px !important
    }

    .pl-sm-200 {
        padding-left: 200px !important
    }
}

/*
 * 5 -> xs: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:767px) {
    /*
 * 5.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-xs-0 {
        margin: 0px !important
    }

    .m-xs-5 {
        margin: 5px !important
    }

    .m-xs-10 {
        margin: 10px !important
    }

    .m-xs-15 {
        margin: 15px !important
    }

    .m-xs-20 {
        margin: 20px !important
    }

    .m-xs-30 {
        margin: 30px !important
    }

    .m-xs-40 {
        margin: 40px !important
    }

    .m-xs-50 {
        margin: 50px !important
    }

    .m-xs-60 {
        margin: 60px !important
    }

    .m-xs-70 {
        margin: 70px !important
    }

    .m-xs-80 {
        margin: 80px !important
    }

    .m-xs-90 {
        margin: 90px !important
    }

    .m-xs-100 {
        margin: 100px !important
    }

    .m-xs-110 {
        margin: 110px !important
    }

    .m-xs-120 {
        margin: 120px !important
    }

    .m-xs-130 {
        margin: 130px !important
    }

    .m-xs-140 {
        margin: 140px !important
    }

    .m-xs-150 {
        margin: 150px !important
    }

    .m-xs-160 {
        margin: 160px !important
    }

    .m-xs-170 {
        margin: 170px !important
    }

    .m-xs-180 {
        margin: 180px !important
    }

    .m-xs-190 {
        margin: 190px !important
    }

    .m-xs-200 {
        margin: 200px !important
    }

    /*
 * 5.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-5 {
        padding: 5px !important
    }

    .p-xs-10 {
        padding: 10px !important
    }

    .p-xs-15 {
        padding: 15px !important
    }

    .p-xs-20 {
        padding: 20px !important
    }

    .p-xs-30 {
        padding: 30px !important
    }

    .p-xs-40 {
        padding: 40px !important
    }

    .p-xs-50 {
        padding: 50px !important
    }

    .p-xs-60 {
        padding: 60px !important
    }

    .p-xs-70 {
        padding: 70px !important
    }

    .p-xs-80 {
        padding: 80px !important
    }

    .p-xs-90 {
        padding: 90px !important
    }

    .p-xs-100 {
        padding: 100px !important
    }

    .p-xs-110 {
        padding: 110px !important
    }

    .p-xs-120 {
        padding: 120px !important
    }

    .p-xs-130 {
        padding: 130px !important
    }

    .p-xs-140 {
        padding: 140px !important
    }

    .p-xs-150 {
        padding: 150px !important
    }

    .p-xs-160 {
        padding: 160px !important
    }

    .p-xs-170 {
        padding: 170px !important
    }

    .p-xs-180 {
        padding: 180px !important
    }

    .p-xs-190 {
        padding: 190px !important
    }

    .p-xs-200 {
        padding: 200px !important
    }

    /*
 * 5.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important
    }

    .mt-xs-10 {
        margin-top: 10px !important
    }

    .mt-xs-15 {
        margin-top: 15px !important
    }

    .mt-xs-20 {
        margin-top: 20px !important
    }

    .mt-xs-30 {
        margin-top: 30px !important
    }

    .mt-xs-40 {
        margin-top: 40px !important
    }

    .mt-xs-50 {
        margin-top: 50px !important
    }

    .mt-xs-60 {
        margin-top: 60px !important
    }

    .mt-xs-70 {
        margin-top: 70px !important
    }

    .mt-xs-80 {
        margin-top: 80px !important
    }

    .mt-xs-90 {
        margin-top: 90px !important
    }

    .mt-xs-100 {
        margin-top: 100px !important
    }

    .mt-xs-110 {
        margin-top: 110px !important
    }

    .mt-xs-120 {
        margin-top: 120px !important
    }

    .mt-xs-130 {
        margin-top: 130px !important
    }

    .mt-xs-140 {
        margin-top: 140px !important
    }

    .mt-xs-150 {
        margin-top: 150px !important
    }

    .mt-xs-160 {
        margin-top: 160px !important
    }

    .mt-xs-170 {
        margin-top: 170px !important
    }

    .mt-xs-180 {
        margin-top: 180px !important
    }

    .mt-xs-190 {
        margin-top: 190px !important
    }

    .mt-xs-200 {
        margin-top: 200px !important
    }

    /*
 * 5.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-xs-0 {
        margin-right: 0 !important;
    }

    .mr-xs-5 {
        margin-right: 5px !important
    }

    .mr-xs-10 {
        margin-right: 10px !important
    }

    .mr-xs-15 {
        margin-right: 15px !important
    }

    .mr-xs-20 {
        margin-right: 20px !important
    }

    .mr-xs-30 {
        margin-right: 30px !important
    }

    .mr-xs-40 {
        margin-right: 40px !important
    }

    .mr-xs-50 {
        margin-right: 50px !important
    }

    .mr-xs-60 {
        margin-right: 60px !important
    }

    .mr-xs-70 {
        margin-right: 70px !important
    }

    .mr-xs-80 {
        margin-right: 80px !important
    }

    .mr-xs-90 {
        margin-right: 90px !important
    }

    .mr-xs-100 {
        margin-right: 100px !important
    }

    .mr-xs-110 {
        margin-right: 110px !important
    }

    .mr-xs-120 {
        margin-right: 120px !important
    }

    .mr-xs-130 {
        margin-right: 130px !important
    }

    .mr-xs-140 {
        margin-right: 140px !important
    }

    .mr-xs-150 {
        margin-right: 150px !important
    }

    .mr-xs-160 {
        margin-right: 160px !important
    }

    .mr-xs-170 {
        margin-right: 170px !important
    }

    .mr-xs-180 {
        margin-right: 180px !important
    }

    .mr-xs-190 {
        margin-right: 190px !important
    }

    .mr-xs-200 {
        margin-right: 200px !important
    }

    /*
 * 5.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-5 {
        margin-bottom: 5px !important
    }

    .mb-xs-10 {
        margin-bottom: 10px !important
    }

    .mb-xs-15 {
        margin-bottom: 15px !important
    }

    .mb-xs-20 {
        margin-bottom: 20px !important
    }

    .mb-xs-30 {
        margin-bottom: 30px !important
    }

    .mb-xs-40 {
        margin-bottom: 40px !important
    }

    .mb-xs-50 {
        margin-bottom: 50px !important
    }

    .mb-xs-60 {
        margin-bottom: 60px !important
    }

    .mb-xs-70 {
        margin-bottom: 70px !important
    }

    .mb-xs-80 {
        margin-bottom: 80px !important
    }

    .mb-xs-90 {
        margin-bottom: 90px !important
    }

    .mb-xs-100 {
        margin-bottom: 100px !important
    }

    .mb-xs-110 {
        margin-bottom: 110px !important
    }

    .mb-xs-120 {
        margin-bottom: 120px !important
    }

    .mb-xs-130 {
        margin-bottom: 130px !important
    }

    .mb-xs-140 {
        margin-bottom: 140px !important
    }

    .mb-xs-150 {
        margin-bottom: 150px !important
    }

    .mb-xs-160 {
        margin-bottom: 160px !important
    }

    .mb-xs-170 {
        margin-bottom: 170px !important
    }

    .mb-xs-180 {
        margin-bottom: 180px !important
    }

    .mb-xs-190 {
        margin-bottom: 190px !important
    }

    .mb-xs-200 {
        margin-bottom: 200px !important
    }

    /*
 * 5.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-xs-0 {
        margin-left: 0 !important;
    }

    .ml-xs-5 {
        margin-left: 5px !important
    }

    .ml-xs-10 {
        margin-left: 10px !important
    }

    .ml-xs-15 {
        margin-left: 15px !important
    }

    .ml-xs-20 {
        margin-left: 20px !important
    }

    .ml-xs-30 {
        margin-left: 30px !important
    }

    .ml-xs-40 {
        margin-left: 40px !important
    }

    .ml-xs-50 {
        margin-left: 50px !important
    }

    .ml-xs-60 {
        margin-left: 60px !important
    }

    .ml-xs-70 {
        margin-left: 70px !important
    }

    .ml-xs-80 {
        margin-left: 80px !important
    }

    .ml-xs-90 {
        margin-left: 90px !important
    }

    .ml-xs-100 {
        margin-left: 100px !important
    }

    .ml-xs-110 {
        margin-left: 110px !important
    }

    .ml-xs-120 {
        margin-left: 120px !important
    }

    .ml-xs-130 {
        margin-left: 130px !important
    }

    .ml-xs-140 {
        margin-left: 140px !important
    }

    .ml-xs-150 {
        margin-left: 150px !important
    }

    .ml-xs-160 {
        margin-left: 160px !important
    }

    .ml-xs-170 {
        margin-left: 170px !important
    }

    .ml-xs-180 {
        margin-left: 180px !important
    }

    .ml-xs-190 {
        margin-left: 190px !important
    }

    .ml-xs-200 {
        margin-left: 200px !important
    }

    /*
 * 5.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-5 {
        padding-top: 5px !important
    }

    .pt-xs-10 {
        padding-top: 10px !important
    }

    .pt-xs-15 {
        padding-top: 15px !important
    }

    .pt-xs-20 {
        padding-top: 20px !important
    }

    .pt-xs-30 {
        padding-top: 30px !important
    }

    .pt-xs-40 {
        padding-top: 40px !important
    }

    .pt-xs-50 {
        padding-top: 50px !important
    }

    .pt-xs-60 {
        padding-top: 60px !important
    }

    .pt-xs-70 {
        padding-top: 70px !important
    }

    .pt-xs-80 {
        padding-top: 80px !important
    }

    .pt-xs-90 {
        padding-top: 90px !important
    }

    .pt-xs-100 {
        padding-top: 100px !important
    }

    .pt-xs-110 {
        padding-top: 110px !important
    }

    .pt-xs-120 {
        padding-top: 120px !important
    }

    .pt-xs-130 {
        padding-top: 130px !important
    }

    .pt-xs-140 {
        padding-top: 140px !important
    }

    .pt-xs-150 {
        padding-top: 150px !important
    }

    .pt-xs-160 {
        padding-top: 160px !important
    }

    .pt-xs-170 {
        padding-top: 170px !important
    }

    .pt-xs-180 {
        padding-top: 180px !important
    }

    .pt-xs-190 {
        padding-top: 190px !important
    }

    .pt-xs-200 {
        padding-top: 200px !important
    }

    /*
 * 5.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-xs-0 {
        padding-right: 0 !important;
    }

    .pr-xs-5 {
        padding-right: 5px !important
    }

    .pr-xs-10 {
        padding-right: 10px !important
    }

    .pr-xs-15 {
        padding-right: 15px !important
    }

    .pr-xs-20 {
        padding-right: 20px !important
    }

    .pr-xs-30 {
        padding-right: 30px !important
    }

    .pr-xs-40 {
        padding-right: 40px !important
    }

    .pr-xs-50 {
        padding-right: 50px !important
    }

    .pr-xs-60 {
        padding-right: 60px !important
    }

    .pr-xs-70 {
        padding-right: 70px !important
    }

    .pr-xs-80 {
        padding-right: 80px !important
    }

    .pr-xs-90 {
        padding-right: 90px !important
    }

    .pr-xs-100 {
        padding-right: 100px !important
    }

    .pr-xs-110 {
        padding-right: 110px !important
    }

    .pr-xs-120 {
        padding-right: 120px !important
    }

    .pr-xs-130 {
        padding-right: 130px !important
    }

    .pr-xs-140 {
        padding-right: 140px !important
    }

    .pr-xs-150 {
        padding-right: 150px !important
    }

    .pr-xs-160 {
        padding-right: 160px !important
    }

    .pr-xs-170 {
        padding-right: 170px !important
    }

    .pr-xs-180 {
        padding-right: 180px !important
    }

    .pr-xs-190 {
        padding-right: 190px !important
    }

    .pr-xs-200 {
        padding-right: 200px !important
    }

    /*
 * 5.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-5 {
        padding-bottom: 5px !important
    }

    .pb-xs-10 {
        padding-bottom: 10px !important
    }

    .pb-xs-15 {
        padding-bottom: 15px !important
    }

    .pb-xs-20 {
        padding-bottom: 20px !important
    }

    .pb-xs-30 {
        padding-bottom: 30px !important
    }

    .pb-xs-40 {
        padding-bottom: 40px !important
    }

    .pb-xs-50 {
        padding-bottom: 50px !important
    }

    .pb-xs-60 {
        padding-bottom: 60px !important
    }

    .pb-xs-70 {
        padding-bottom: 70px !important
    }

    .pb-xs-80 {
        padding-bottom: 80px !important
    }

    .pb-xs-90 {
        padding-bottom: 90px !important
    }

    .pb-xs-100 {
        padding-bottom: 100px !important
    }

    .pb-xs-110 {
        padding-bottom: 110px !important
    }

    .pb-xs-120 {
        padding-bottom: 120px !important
    }

    .pb-xs-130 {
        padding-bottom: 130px !important
    }

    .pb-xs-140 {
        padding-bottom: 140px !important
    }

    .pb-xs-150 {
        padding-bottom: 150px !important
    }

    .pb-xs-160 {
        padding-bottom: 160px !important
    }

    .pb-xs-170 {
        padding-bottom: 170px !important
    }

    .pb-xs-180 {
        padding-bottom: 180px !important
    }

    .pb-xs-190 {
        padding-bottom: 190px !important
    }

    .pb-xs-200 {
        padding-bottom: 200px !important
    }

    /*
 * 5.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-xs-0 {
        padding-left: 0 !important;
    }

    .pl-xs-5 {
        padding-left: 5px !important
    }

    .pl-xs-10 {
        padding-left: 10px !important
    }

    .pl-xs-15 {
        padding-left: 15px !important
    }

    .pl-xs-20 {
        padding-left: 20px !important
    }

    .pl-xs-30 {
        padding-left: 30px !important
    }

    .pl-xs-40 {
        padding-left: 40px !important
    }

    .pl-xs-50 {
        padding-left: 50px !important
    }

    .pl-xs-60 {
        padding-left: 60px !important
    }

    .pl-xs-70 {
        padding-left: 70px !important
    }

    .pl-xs-80 {
        padding-left: 80px !important
    }

    .pl-xs-90 {
        padding-left: 90px !important
    }

    .pl-xs-100 {
        padding-left: 100px !important
    }

    .pl-xs-110 {
        padding-left: 110px !important
    }

    .pl-xs-120 {
        padding-left: 120px !important
    }

    .pl-xs-130 {
        padding-left: 130px !important
    }

    .pl-xs-140 {
        padding-left: 140px !important
    }

    .pl-xs-150 {
        padding-left: 150px !important
    }

    .pl-xs-160 {
        padding-left: 160px !important
    }

    .pl-xs-170 {
        padding-left: 170px !important
    }

    .pl-xs-180 {
        padding-left: 180px !important
    }

    .pl-xs-190 {
        padding-left: 190px !important
    }

    .pl-xs-200 {
        padding-left: 200px !important
    }
}

/*
 * 6 -> xxs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
    /*
 * 6.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-xxs-0 {
        margin: 0px !important
    }

    .m-xxs-5 {
        margin: 5px !important
    }

    .m-xxs-10 {
        margin: 10px !important
    }

    .m-xxs-15 {
        margin: 15px !important
    }

    .m-xxs-20 {
        margin: 20px !important
    }

    .m-xxs-30 {
        margin: 30px !important
    }

    .m-xxs-40 {
        margin: 40px !important
    }

    .m-xxs-50 {
        margin: 50px !important
    }

    .m-xxs-60 {
        margin: 60px !important
    }

    .m-xxs-70 {
        margin: 70px !important
    }

    .m-xxs-80 {
        margin: 80px !important
    }

    .m-xxs-90 {
        margin: 90px !important
    }

    .m-xxs-100 {
        margin: 100px !important
    }

    .m-xxs-110 {
        margin: 110px !important
    }

    .m-xxs-120 {
        margin: 120px !important
    }

    .m-xxs-130 {
        margin: 130px !important
    }

    .m-xxs-140 {
        margin: 140px !important
    }

    .m-xxs-150 {
        margin: 150px !important
    }

    .m-xxs-160 {
        margin: 160px !important
    }

    .m-xxs-170 {
        margin: 170px !important
    }

    .m-xxs-180 {
        margin: 180px !important
    }

    .m-xxs-190 {
        margin: 190px !important
    }

    .m-xxs-200 {
        margin: 200px !important
    }

    /*
 * 6.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-xxs-0 {
        padding: 0 !important;
    }

    .p-xxs-5 {
        padding: 5px !important
    }

    .p-xxs-10 {
        padding: 10px !important
    }

    .p-xxs-15 {
        padding: 15px !important
    }

    .p-xxs-20 {
        padding: 20px !important
    }

    .p-xxs-30 {
        padding: 30px !important
    }

    .p-xxs-40 {
        padding: 40px !important
    }

    .p-xxs-50 {
        padding: 50px !important
    }

    .p-xxs-60 {
        padding: 60px !important
    }

    .p-xxs-70 {
        padding: 70px !important
    }

    .p-xxs-80 {
        padding: 80px !important
    }

    .p-xxs-90 {
        padding: 90px !important
    }

    .p-xxs-100 {
        padding: 100px !important
    }

    .p-xxs-110 {
        padding: 110px !important
    }

    .p-xxs-120 {
        padding: 120px !important
    }

    .p-xxs-130 {
        padding: 130px !important
    }

    .p-xxs-140 {
        padding: 140px !important
    }

    .p-xxs-150 {
        padding: 150px !important
    }

    .p-xxs-160 {
        padding: 160px !important
    }

    .p-xxs-170 {
        padding: 170px !important
    }

    .p-xxs-180 {
        padding: 180px !important
    }

    .p-xxs-190 {
        padding: 190px !important
    }

    .p-xxs-200 {
        padding: 200px !important
    }

    /*
 * 6.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-xxs-0 {
        margin-top: 0 !important;
    }

    .mt-xxs-5 {
        margin-top: 5px !important
    }

    .mt-xxs-10 {
        margin-top: 10px !important
    }

    .mt-xxs-15 {
        margin-top: 15px !important
    }

    .mt-xxs-20 {
        margin-top: 20px !important
    }

    .mt-xxs-30 {
        margin-top: 30px !important
    }

    .mt-xxs-40 {
        margin-top: 40px !important
    }

    .mt-xxs-50 {
        margin-top: 50px !important
    }

    .mt-xxs-60 {
        margin-top: 60px !important
    }

    .mt-xxs-70 {
        margin-top: 70px !important
    }

    .mt-xxs-80 {
        margin-top: 80px !important
    }

    .mt-xxs-90 {
        margin-top: 90px !important
    }

    .mt-xxs-100 {
        margin-top: 100px !important
    }

    .mt-xxs-110 {
        margin-top: 110px !important
    }

    .mt-xxs-120 {
        margin-top: 120px !important
    }

    .mt-xxs-130 {
        margin-top: 130px !important
    }

    .mt-xxs-140 {
        margin-top: 140px !important
    }

    .mt-xxs-150 {
        margin-top: 150px !important
    }

    .mt-xxs-160 {
        margin-top: 160px !important
    }

    .mt-xxs-170 {
        margin-top: 170px !important
    }

    .mt-xxs-180 {
        margin-top: 180px !important
    }

    .mt-xxs-190 {
        margin-top: 190px !important
    }

    .mt-xxs-200 {
        margin-top: 200px !important
    }

    /*
 * 6.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-xxs-0 {
        margin-right: 0 !important;
    }

    .mr-xxs-5 {
        margin-right: 5px !important
    }

    .mr-xxs-10 {
        margin-right: 10px !important
    }

    .mr-xxs-15 {
        margin-right: 15px !important
    }

    .mr-xxs-20 {
        margin-right: 20px !important
    }

    .mr-xxs-30 {
        margin-right: 30px !important
    }

    .mr-xxs-40 {
        margin-right: 40px !important
    }

    .mr-xxs-50 {
        margin-right: 50px !important
    }

    .mr-xxs-60 {
        margin-right: 60px !important
    }

    .mr-xxs-70 {
        margin-right: 70px !important
    }

    .mr-xxs-80 {
        margin-right: 80px !important
    }

    .mr-xxs-90 {
        margin-right: 90px !important
    }

    .mr-xxs-100 {
        margin-right: 100px !important
    }

    .mr-xxs-110 {
        margin-right: 110px !important
    }

    .mr-xxs-120 {
        margin-right: 120px !important
    }

    .mr-xxs-130 {
        margin-right: 130px !important
    }

    .mr-xxs-140 {
        margin-right: 140px !important
    }

    .mr-xxs-150 {
        margin-right: 150px !important
    }

    .mr-xxs-160 {
        margin-right: 160px !important
    }

    .mr-xxs-170 {
        margin-right: 170px !important
    }

    .mr-xxs-180 {
        margin-right: 180px !important
    }

    .mr-xxs-190 {
        margin-right: 190px !important
    }

    .mr-xxs-200 {
        margin-right: 200px !important
    }

    /*
 * 6.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-xxs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxs-5 {
        margin-bottom: 5px !important
    }

    .mb-xxs-10 {
        margin-bottom: 10px !important
    }

    .mb-xxs-15 {
        margin-bottom: 15px !important
    }

    .mb-xxs-20 {
        margin-bottom: 20px !important
    }

    .mb-xxs-30 {
        margin-bottom: 30px !important
    }

    .mb-xxs-40 {
        margin-bottom: 40px !important
    }

    .mb-xxs-50 {
        margin-bottom: 50px !important
    }

    .mb-xxs-60 {
        margin-bottom: 60px !important
    }

    .mb-xxs-70 {
        margin-bottom: 70px !important
    }

    .mb-xxs-80 {
        margin-bottom: 80px !important
    }

    .mb-xxs-90 {
        margin-bottom: 90px !important
    }

    .mb-xxs-100 {
        margin-bottom: 100px !important
    }

    .mb-xxs-110 {
        margin-bottom: 110px !important
    }

    .mb-xxs-120 {
        margin-bottom: 120px !important
    }

    .mb-xxs-130 {
        margin-bottom: 130px !important
    }

    .mb-xxs-140 {
        margin-bottom: 140px !important
    }

    .mb-xxs-150 {
        margin-bottom: 150px !important
    }

    .mb-xxs-160 {
        margin-bottom: 160px !important
    }

    .mb-xxs-170 {
        margin-bottom: 170px !important
    }

    .mb-xxs-180 {
        margin-bottom: 180px !important
    }

    .mb-xxs-190 {
        margin-bottom: 190px !important
    }

    .mb-xxs-200 {
        margin-bottom: 200px !important
    }

    /*
 * 6.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-xxs-0 {
        margin-left: 0 !important;
    }

    .ml-xxs-5 {
        margin-left: 5px !important
    }

    .ml-xxs-10 {
        margin-left: 10px !important
    }

    .ml-xxs-15 {
        margin-left: 15px !important
    }

    .ml-xxs-20 {
        margin-left: 20px !important
    }

    .ml-xxs-30 {
        margin-left: 30px !important
    }

    .ml-xxs-40 {
        margin-left: 40px !important
    }

    .ml-xxs-50 {
        margin-left: 50px !important
    }

    .ml-xxs-60 {
        margin-left: 60px !important
    }

    .ml-xxs-70 {
        margin-left: 70px !important
    }

    .ml-xxs-80 {
        margin-left: 80px !important
    }

    .ml-xxs-90 {
        margin-left: 90px !important
    }

    .ml-xxs-100 {
        margin-left: 100px !important
    }

    .ml-xxs-110 {
        margin-left: 110px !important
    }

    .ml-xxs-120 {
        margin-left: 120px !important
    }

    .ml-xxs-130 {
        margin-left: 130px !important
    }

    .ml-xxs-140 {
        margin-left: 140px !important
    }

    .ml-xxs-150 {
        margin-left: 150px !important
    }

    .ml-xxs-160 {
        margin-left: 160px !important
    }

    .ml-xxs-170 {
        margin-left: 170px !important
    }

    .ml-xxs-180 {
        margin-left: 180px !important
    }

    .ml-xxs-190 {
        margin-left: 190px !important
    }

    .ml-xxs-200 {
        margin-left: 200px !important
    }

    /*
 * 6.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-xxs-0 {
        padding-top: 0 !important;
    }

    .pt-xxs-5 {
        padding-top: 5px !important
    }

    .pt-xxs-10 {
        padding-top: 10px !important
    }

    .pt-xxs-15 {
        padding-top: 15px !important
    }

    .pt-xxs-20 {
        padding-top: 20px !important
    }

    .pt-xxs-30 {
        padding-top: 30px !important
    }

    .pt-xxs-40 {
        padding-top: 40px !important
    }

    .pt-xxs-50 {
        padding-top: 50px !important
    }

    .pt-xxs-60 {
        padding-top: 60px !important
    }

    .pt-xxs-70 {
        padding-top: 70px !important
    }

    .pt-xxs-80 {
        padding-top: 80px !important
    }

    .pt-xxs-90 {
        padding-top: 90px !important
    }

    .pt-xxs-100 {
        padding-top: 100px !important
    }

    .pt-xxs-110 {
        padding-top: 110px !important
    }

    .pt-xxs-120 {
        padding-top: 120px !important
    }

    .pt-xxs-130 {
        padding-top: 130px !important
    }

    .pt-xxs-140 {
        padding-top: 140px !important
    }

    .pt-xxs-150 {
        padding-top: 150px !important
    }

    .pt-xxs-160 {
        padding-top: 160px !important
    }

    .pt-xxs-170 {
        padding-top: 170px !important
    }

    .pt-xxs-180 {
        padding-top: 180px !important
    }

    .pt-xxs-190 {
        padding-top: 190px !important
    }

    .pt-xxs-200 {
        padding-top: 200px !important
    }

    /*
 * 6.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-xxs-0 {
        padding-right: 0 !important;
    }

    .pr-xxs-5 {
        padding-right: 5px !important
    }

    .pr-xxs-10 {
        padding-right: 10px !important
    }

    .pr-xxs-15 {
        padding-right: 15px !important
    }

    .pr-xxs-20 {
        padding-right: 20px !important
    }

    .pr-xxs-30 {
        padding-right: 30px !important
    }

    .pr-xxs-40 {
        padding-right: 40px !important
    }

    .pr-xxs-50 {
        padding-right: 50px !important
    }

    .pr-xxs-60 {
        padding-right: 60px !important
    }

    .pr-xxs-70 {
        padding-right: 70px !important
    }

    .pr-xxs-80 {
        padding-right: 80px !important
    }

    .pr-xxs-90 {
        padding-right: 90px !important
    }

    .pr-xxs-100 {
        padding-right: 100px !important
    }

    .pr-xxs-110 {
        padding-right: 110px !important
    }

    .pr-xxs-120 {
        padding-right: 120px !important
    }

    .pr-xxs-130 {
        padding-right: 130px !important
    }

    .pr-xxs-140 {
        padding-right: 140px !important
    }

    .pr-xxs-150 {
        padding-right: 150px !important
    }

    .pr-xxs-160 {
        padding-right: 160px !important
    }

    .pr-xxs-170 {
        padding-right: 170px !important
    }

    .pr-xxs-180 {
        padding-right: 180px !important
    }

    .pr-xxs-190 {
        padding-right: 190px !important
    }

    .pr-xxs-200 {
        padding-right: 200px !important
    }

    /*
 * 6.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-xxs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxs-5 {
        padding-bottom: 5px !important
    }

    .pb-xxs-10 {
        padding-bottom: 10px !important
    }

    .pb-xxs-15 {
        padding-bottom: 15px !important
    }

    .pb-xxs-20 {
        padding-bottom: 20px !important
    }

    .pb-xxs-30 {
        padding-bottom: 30px !important
    }

    .pb-xxs-40 {
        padding-bottom: 40px !important
    }

    .pb-xxs-50 {
        padding-bottom: 50px !important
    }

    .pb-xxs-60 {
        padding-bottom: 60px !important
    }

    .pb-xxs-70 {
        padding-bottom: 70px !important
    }

    .pb-xxs-80 {
        padding-bottom: 80px !important
    }

    .pb-xxs-90 {
        padding-bottom: 90px !important
    }

    .pb-xxs-100 {
        padding-bottom: 100px !important
    }

    .pb-xxs-110 {
        padding-bottom: 110px !important
    }

    .pb-xxs-120 {
        padding-bottom: 120px !important
    }

    .pb-xxs-130 {
        padding-bottom: 130px !important
    }

    .pb-xxs-140 {
        padding-bottom: 140px !important
    }

    .pb-xxs-150 {
        padding-bottom: 150px !important
    }

    .pb-xxs-160 {
        padding-bottom: 160px !important
    }

    .pb-xxs-170 {
        padding-bottom: 170px !important
    }

    .pb-xxs-180 {
        padding-bottom: 180px !important
    }

    .pb-xxs-190 {
        padding-bottom: 190px !important
    }

    .pb-xxs-200 {
        padding-bottom: 200px !important
    }

    /*
 * 6.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-xxs-0 {
        padding-left: 0 !important;
    }

    .pl-xxs-5 {
        padding-left: 5px !important
    }

    .pl-xxs-10 {
        padding-left: 10px !important
    }

    .pl-xxs-15 {
        padding-left: 15px !important
    }

    .pl-xxs-20 {
        padding-left: 20px !important
    }

    .pl-xxs-30 {
        padding-left: 30px !important
    }

    .pl-xxs-40 {
        padding-left: 40px !important
    }

    .pl-xxs-50 {
        padding-left: 50px !important
    }

    .pl-xxs-60 {
        padding-left: 60px !important
    }

    .pl-xxs-70 {
        padding-left: 70px !important
    }

    .pl-xxs-80 {
        padding-left: 80px !important
    }

    .pl-xxs-90 {
        padding-left: 90px !important
    }

    .pl-xxs-100 {
        padding-left: 100px !important
    }

    .pl-xxs-110 {
        padding-left: 110px !important
    }

    .pl-xxs-120 {
        padding-left: 120px !important
    }

    .pl-xxs-130 {
        padding-left: 130px !important
    }

    .pl-xxs-140 {
        padding-left: 140px !important
    }

    .pl-xxs-150 {
        padding-left: 150px !important
    }

    .pl-xxs-160 {
        padding-left: 160px !important
    }

    .pl-xxs-170 {
        padding-left: 170px !important
    }

    .pl-xxs-180 {
        padding-left: 180px !important
    }

    .pl-xxs-190 {
        padding-left: 190px !important
    }

    .pl-xxs-200 {
        padding-left: 200px !important
    }
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .service-block .thumb .desc {
        bottom: -47%;
    }

    .team-block .team-thumb .team-overlay {
        padding: 10px 15px;
        height: 82%;
    }

        .team-block .team-thumb .team-overlay::after {
            left: 0px;
        }

    .team-block .team-thumb .styled-icons {
        padding: 7px 20px 0 0;
        width: 79%;
    }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    html {
        font-size: 75%;
    }

    .navbar-nav .dropdown-menu {
        left: auto;
    }

    #header-logo {
        padding: 10px 15px;
    }

    .header .navbar-default .navbar-nav > li > a::after {
        display: none;
    }

    .team-member, .working-progress {
        margin-bottom: 60px !important;
    }

    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 0px !important;
    }

    .map {
        margin-top: 30px;
    }

    .curve-bg:after, .curve-bg-half:after {
        left: auto;
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }

    .blog-posts .entry-header .entry-title {
        padding-top: 0;
    }

    .blog-posts .entry-header .entry-date {
        margin-left: 0;
    }

    .contact-wrapper {
        padding: 50px 30px;
    }

    .header #header-logo {
        padding-top: 20px;
    }

    .boxed-layout .header #header-logo,
    .vertical-header .header #header-logo {
        padding-top: 10px;
    }

    .header .navbar-default .navbar-toggle {
        margin-top: 18px;
    }

    .boxed-layout .header .navbar-default .navbar-toggle {
        margin-top: 8px;
    }

    .header #header-logo img {
        height: 30px;
    }

    .pricing-table .table-price {
        font-size: 30px;
    }

    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0px;
    }

    .bg-img-box .caption .schedule {
        font-size: 14px;
        margin-top: 0px;
    }

    .service-block .thumb .desc {
        border-top: 4px solid #fb4848;
        bottom: -18%;
    }

    .team-block .team-thumb .styled-icons {
        padding: 10px 20px 0 25px;
        width: 88%;
    }

    .team-block .team-thumb .team-overlay {
        height: 88%;
    }

    .team-block .team-thumb .team-overlay {
        padding: 50px 30px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    html {
        font-size: 60%;
    }

    .box-hover-effect {
        float: none;
    }

    #header-logo {
        padding: 10px 15px;
    }

    #spinner {
        left: 42%;
    }

    .navbar-default .navbar-toggle {
        margin-top: 15px;
        border-radius: 0px;
    }

    #home .display-table p {
        margin: 15px 0;
        font-size: 14px;
    }

    .icon-box {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .icon-box {
        text-align: center;
    }

        .icon-box.left {
            text-align: center;
        }

            .icon-box.left a {
                margin-right: 0;
                padding: 0;
            }

        .icon-box .media-left {
            float: none !important;
            margin: 0 0 30px 0;
        }

        .icon-box .media-left, .icon-box .media-right, .icon-box .media-body {
            display: block;
            width: auto;
        }

    .call-to-action {
        text-align: center;
    }

        .call-to-action .icon {
            float: none;
        }

    .sidebar.pull-left,
    .sidebar.pull-right {
        float: none !important;
    }

    .blog-posts .entry-meta {
        background: none;
        left: auto;
        position: relative;
        top: auto;
    }

    .testimonial-carousel.boxed .owl-dots {
        text-align: center;
    }

    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 30px;
    }

    .service-block .thumb .desc {
        border-top: 4px solid #fb4848;
        bottom: -15%;
        padding: 10px 6px 4px 20px;
    }

    .team-block .team-thumb .team-overlay {
        padding: 60px;
    }

    .team-block .team-thumb .team-overlay {
        height: 90%;
    }

        .team-block .team-thumb .team-overlay::after {
            left: -1px;
        }

    .team-block .team-thumb .styled-icons {
        padding: 9px 20px 0 25px;
    }

        .team-block .team-thumb .styled-icons::after {
            border-width: 26px;
            left: -52px;
        }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    html {
        font-size: 50%;
    }

    .vertical-text-carousel .owl-controls .owl-buttons {
        top: 18%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .team-block .team-thumb .styled-icons {
        padding: 8px 20px 0 25px;
    }

    .team-block .team-thumb .team-overlay {
        height: 88%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
    html {
        font-size: 35%;
    }
}
/* --------------------------------------
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

Default COLOR :  Color Set 1
COLOR : Green 
COLOR CODE: #1F386B 
COLOR CODE2: #E41937 
----------------------------------------- */
/*Theme Colored Red Text-color*/
.text-theme-color-2,
.work-gallery .gallery-bottom-part .title {
    color: #E41937;
}
/*Theme Colored Red Bg-color*/
/* background-theme-color */
.bg-theme-colored {
    background-color: #2B7258 !important;
}

.bg-theme-colorednew {
    background-color: #E41937 !important;
}

.bg-theme-colored-lighter2 {
    background-color: #223e77 !important;
}

.bg-theme-colored-lighter3 {
    background-color: #25427f !important;
}

.bg-theme-colored-lighter4 {
    background-color: #274687 !important;
}

.bg-theme-colored-darker2 {
    background-color: #1c325f !important;
}

.bg-theme-colored-darker3 {
    background-color: #192e57 !important;
}

.bg-theme-colored-darker4 {
    background-color: #172a4f !important;
}
/* background-color-transparent */
.bg-theme-colored-transparent-9 {
    background-color: rgba(31, 56, 107, 0.9);
}

.bg-theme-colored-transparent-8 {
    background-color: rgba(31, 56, 107, 0.8);
}

.bg-theme-colored-transparent-7 {
    background-color: rgba(31, 56, 107, 0.7);
}

.bg-theme-colored-transparent-6 {
    background-color: rgba(31, 56, 107, 0.6);
}

.bg-theme-colored-transparent-5 {
    background-color: rgba(31, 56, 107, 0.5);
}

.bg-theme-colored-transparent-4 {
    background-color: rgba(31, 56, 107, 0.4);
}

.bg-theme-colored-transparent-3 {
    background-color: rgba(31, 56, 107, 0.3);
}

.bg-theme-colored-transparent-2 {
    background-color: rgba(31, 56, 107, 0.2);
}

.bg-theme-colored-transparent-1 {
    background-color: rgba(31, 56, 107, 0.1);
}

.bg-theme-colored-transparent {
    background-color: rgba(31, 56, 107, 0.75) !important;
}

.bg-theme-color-2 {
    background: #006f43 !important;
    position: relative
}

.team-block .team-thumb .styled-icons a:hover,
.work-gallery .gallery-thumb .styled-icons a:hover,
.work-gallery:hover .gallery-bottom-part,
.line-bottom-theme-colored-2:after,
.panel-group .panel-title a.active::after {
    background: #E41937;
}

.panel-group .panel-title a.active::after {
    background-color: #E41937 !important;
}

.schedule-box:hover .schedule-details .title a {
    color: #1F386B;
}

.btn-theme-color-2 {
    background-color: #E41937;
}
/*Theme Colored Red Bg-transparent-color*/
/*Theme Colored Red Border-top-color*/
.border-theme-color-2-1px {
    border: 1px solid #E41937 !important;
}

.border-top-theme-color-2-1px {
    border-top: 1px solid #E41937 !important;
}

.border-top-theme-color-2-2px {
    border-top: 2px solid #E41937 !important;
}

.border-top-theme-color-2-3px {
    border-top: 3px solid #E41937 !important;
}

.border-top-theme-color-2-4px {
    border-top: 4px solid #E41937 !important;
}

.border-top-theme-color-2-5px {
    border-top: 5px solid #E41937 !important;
}

.border-top-theme-color-2-6px {
    border-top: 6px solid #E41937 !important;
}

.border-top-theme-color-2-7px {
    border-top: 7px solid #E41937 !important;
}

.border-top-theme-color-2-8px {
    border-top: 8px solid #E41937 !important;
}

.border-top-theme-color-2-9px {
    border-top: 9px solid #E41937 !important;
}

.border-top-theme-color-2-10px {
    border-top: 10px solid #E41937 !important;
}
/*Theme Colored Red Border-bottom-color*/
.border-bottom-theme-color-2-1px {
    border-bottom: 1px solid #E41937 !important;
}

.border-bottom-theme-color-2-2px {
    border-bottom: 2px solid #E41937 !important;
}

.border-bottom-theme-color-2-3px {
    border-bottom: 3px solid #E41937 !important;
}

.border-bottom-theme-color-2-4px {
    border-bottom: 4px solid #E41937 !important;
}

.border-bottom-theme-color-2-5px {
    border-bottom: 5px solid #E41937 !important;
}

.border-bottom-theme-color-2-6px {
    border-bottom: 6px solid #E41937 !important;
}

.border-bottom-theme-color-2-7px {
    border-bottom: 7px solid #E41937 !important;
}

.border-bottom-theme-color-2-8px {
    border-bottom: 8px solid #E41937 !important;
}

.border-bottom-theme-color-2-9px {
    border-bottom: 9px solid #E41937 !important;
}

.border-bottom-theme-color-2-10px {
    border-bottom: 10px solid #E41937 !important;
}
/*Theme Colored Red Border-left-color*/
.border-left-theme-color-2-1px {
    border-left: 1px solid #E41937 !important;
}

.border-left-theme-color-2-2px {
    border-left: 2px solid #E41937 !important;
}

.border-left-theme-color-2-3px {
    border-left: 3px solid #E41937 !important;
}

.border-left-theme-color-2-4px {
    border-left: 4px solid #E41937 !important;
}

.border-left-theme-color-2-5px {
    border-left: 5px solid #E41937 !important;
}

.border-left-theme-color-2-6px {
    border-left: 6px solid #E41937 !important;
}

.border-left-theme-color-2-7px {
    border-left: 7px solid #E41937 !important;
}

.border-left-theme-color-2-8px {
    border-left: 8px solid #E41937 !important;
}

.border-left-theme-color-2-9px {
    border-left: 9px solid #E41937 !important;
}

.border-left-theme-color-2-10px {
    border-left: 10px solid #E41937 !important;
}

.border-left-theme-color-2-10px-New {
    border-left: 6px solid #006f43 !important;
}
/*Theme Colored Red Border-right-color*/
.border-right-theme-color-2-1px {
    border-right: 1px solid #E41937 !important;
}

.border-right-theme-color-2-2px {
    border-right: 2px solid #E41937 !important;
}

.border-right-theme-color-2-3px {
    border-right: 3px solid #E41937 !important;
}

.border-right-theme-color-2-4px {
    border-right: 4px solid #E41937 !important;
}

.border-right-theme-color-2-5px {
    border-right: 5px solid #E41937 !important;
}

.border-right-theme-color-2-6px {
    border-right: 6px solid #E41937 !important;
}

.border-right-theme-color-2-7px {
    border-right: 7px solid #E41937 !important;
}

.border-right-theme-color-2-8px {
    border-right: 8px solid #E41937 !important;
}

.border-right-theme-color-2-9px {
    border-right: 9px solid #E41937 !important;
}

.border-right-theme-color-2-10px {
    border-right: 10px solid #E41937 !important;
}

.service-block .thumb .desc {
    border-top: 4px solid #E41937;
}
/*Theme Colored Red Border-right-color*/
.service-block .thumb .price {
    border-right: 3px solid #E41937;
}
/*Theme Colored Red Border-left-color*/
.portfolio-filter a.active,
.portfolio-filter a:hover {
    border-left: 3px solid #E41937;
}

.widget.dark .tags a:hover,
.title-dots span {
    background-color: #E41937;
}

.horizontal-contact-widget .widget::before,
.horizontal-contact-widget .each-widget::before {
    color: #E41937;
}

.hover-effect:hover .details {
    background-color: #1F386B !important;
    border-bottom-color: #142343 !important;
}

.hover-effect:hover .thumb::after {
    border-color: rgba(31, 56, 107, 0.3) !important;
}

.hover-effect:hover a {
    background: #142343 !important;
}
/*
 * background: theme-color
 * -----------------------------------------------
*/
.tab-slider .nav.nav-pills a:hover,
.tab-slider .nav.nav-pills a.active,
.custom-nav-tabs > li > a:hover,
.widget .tags a:hover,
.progress-item .progress-bar,
.small-title .title::after,
.testimonial .item::after,
.drop-caps.colored-square p:first-child:first-letter,
.drop-caps.colored-rounded p:first-child:first-letter,
.list-icon.theme-colored.square li i,
.list-icon.theme-colored.rounded li i,
.working-process.theme-colored a,
.blog-posts .post .entry-content .post-date.right,
.horizontal-tab-centered .nav-pills > li > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a,
.horizontal-tab-centered .nav-pills > li.active > a:hover,
.horizontal-tab-centered .nav-pills > li.active > a:focus,
.owl-theme.dot-theme-colored .owl-controls .owl-dot span,
.pagination.theme-colored li.active a,
.section-title .both-side-line::after,
.section-title .both-side-line::before,
.section-title .top-side-line::after,
.section-title .left-side-line::before,
.section-title .right-side-line::before,
.product .tag-sale,
.owl-theme .owl-dots .owl-dot.active span,
.line-bottom:after,
.line-bottom-center:after,
.progress-item .progress-bar .percent,
.progress-item .progress-bar,
.pricing.table-horizontal:hover,
.pricing:hover,
.portfolio-filter a.active,
.portfolio-filter a:hover,
.project .hover-link i {
    background: #1F386B !important;
}

.pricing.table-horizontal:hover,
.pricing:hover {
    background: linear-gradient( 180deg, #00072b 0%, #006d30 100% ) !important;
}

.pricing.table-horizontal,
.pricing {
    background: linear-gradient( 180deg, #00072b 0%, #006d30 100% ) !important;
}

.panel-group .panel-title a.active {
    background-color: #1F386B !important;
}
/* Theme-color for dark */
.dark .service-icon-box:hover li.active a {
    background: #1F386B !important;
}
/*Footer Styles*/
.footer-box-one > div {
    background: #1F386B;
}

.footer-box-two > div {
    background: #192e57 !important;
}

.footer-box-three > div {
    background: #142343 !important;
}

.ui-state-highlight {
    background: #1F386B !important;
    color: #fff !important;
}

.border-theme-colored,
.causes .progress-item .progress-bar .percent {
    border-color: #1F386B !important;
}
/*
 * text: theme-color
 * -----------------------------------------------
*/
ul.list.theme-colored li:before,
ul.list.theme-colored.angle-double-right li:before,
ul.list.theme-colored.angle-right li:before,
ul.list.theme-colored.check-circle li:before,
ul.list.theme-colored.check li:before,
.list-icon.theme-colored li i,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a i,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover i,
.pricing-table .table-list li i,
.testimonial-carousel.boxed .content::after,
.blog-posts .post .entry-meta li i,
.widget .address li i,
.icon-box.box-style1.practice-style3 i,
.attorney-carousel .content .contact-area i,
.attorney-address li i,
.icon-box.services-style1:hover .heading,
.small-title i,
.drop-caps.text-colored p:first-child:first-letter,
.schedule-box:hover .schedule-details .title a,
.widget.dark .nav-tabs li.active a,
.pagination.theme-colored li a,
.pager.theme-colored a,
.widget .post-title a:hover,
.volunteer .info .name a,
.donation-form .form-group label,
.team-block .team-thumb .team-overlay .styled-icons a:hover i,
.section-title .title-icon i,
.panel-group .panel-title a {
    color: #1F386B !important;
}

.menuzord .menuzord-menu > li.active > a,
.menuzord .menuzord-menu > li:hover > a,
.menuzord .menuzord-menu ul.dropdown li:hover > a {
    background: #1F386B none repeat scroll 0 0;
    color: #fff;
}

    .menuzord .menuzord-menu > li.active > a i,
    .menuzord .menuzord-menu > li:hover > a i,
    .menuzord .menuzord-menu ul.dropdown li:hover > a i {
        color: #fff;
    }
/*Theme Colored Red Border-left-color*/
.portfolio-filter a.active,
.portfolio-filter a:hover {
    border-left: 3px solid #E41937;
}
/* text-theme-color */
.text-theme-colored {
    color: #1F386B !important;
}
/* text-hover-theme-color */
.text-hover-theme-colored:hover {
    color: #1F386B !important;
}
/* background-theme-color */
.bg-theme-colored {
    background: linear-gradient(233.19deg, #fbd700 -256.88%, #036e32 -167.3%, #036e32 -81.23%, #fbd700 -2.2%, #bfbe0c 80.36%);
}
/* bg-hover-theme-color */
.bg-hover-theme-colored:hover {
    background: #1F386B !important;
    border-color: #1F386B !important;
    color: #fff !important;
}

    .bg-hover-theme-colored:hover h1,
    .bg-hover-theme-colored:hover h2,
    .bg-hover-theme-colored:hover h3,
    .bg-hover-theme-colored:hover h4,
    .bg-hover-theme-colored:hover h5,
    .bg-hover-theme-colored:hover h6,
    .bg-hover-theme-colored:hover p,
    .bg-hover-theme-colored:hover a,
    .bg-hover-theme-colored:hover i {
        color: #fff !important;
    }

.hover-text-theme-color-2:hover {
    color: #E41937;
}
/* border-theme-color */
.border-theme-colored {
    border-color: #1F386B !important;
}

.widget .services-list li.active::after {
    border-color: transparent #1F386B transparent transparent;
}

.widget .services-list li.active {
    background-color: #1F386B !important;
    border-right: 6px solid #E41937 !important;
}
/* background-color-transparent */
.bg-theme-colored-transparent,
.piechart-block {
    background-color: rgba(31, 56, 107, 0.75) !important;
}

.service-block .thumb .price,
.service-block .thumb .desc,
.team-block .team-thumb .team-overlay,
.team-block .team-thumb .styled-icons,
.work-gallery .gallery-thumb .gallery-overlay {
    background: rgba(31, 56, 107, 0.7);
}

    .team-block .team-thumb .team-overlay::after {
        border-color: rgba(31, 56, 107, 0.75) transparent transparent rgba(31, 56, 107, 0.75);
    }

    .team-block .team-thumb .styled-icons::after {
        border-color: transparent rgba(31, 56, 107, 0.75) rgba(31, 56, 107, 0.75) transparent;
    }
/* Layer-overlay */
.overlay-theme-colored-1:before {
    background-color: rgba(31, 56, 107, 0.1) !important;
}

.overlay-theme-colored-2:before {
    background-color: rgba(31, 56, 107, 0.2) !important;
}

.overlay-theme-colored-3:before {
    background-color: rgba(31, 56, 107, 0.3) !important;
}

.overlay-theme-colored-4:before {
    background-color: rgba(31, 56, 107, 0.4) !important;
}

.overlay-theme-colored-5:before {
    background-color: rgba(31, 56, 107, 0.5) !important;
}

.overlay-theme-colored-6:before {
    background-color: rgba(31, 56, 107, 0.6) !important;
}

.overlay-theme-colored-7:before {
    background-color: rgba(31, 56, 107, 0.7) !important;
}

.overlay-theme-colored-8:before {
    background-color: rgba(31, 56, 107, 0.8) !important;
}

.overlay-theme-colored-9:before {
    background-color: rgba(31, 56, 107, 0.9) !important;
}
/* border-theme-color */
.border-theme-colored {
    border-color: #1F386B !important;
}

.border-theme-color-1px {
    border: 1px solid #1F386B !important;
}

.border-theme-color-2px {
    border: 2px solid #1F386B !important;
}

.border-theme-color-1px {
    border: 3px solid #1F386B !important;
}

.border-theme-color-1px {
    border: 4px solid #1F386B !important;
}

.border-theme-color-1px {
    border: 1px solid #1F386B !important;
}

.border-theme-color-1px {
    border: 1px solid #1F386B !important;
}

.border-theme-color-1px {
    border: 1px solid #1F386B !important;
}

.border-top-theme-color-1px {
    border-top: 1px solid #1F386B !important;
}

.border-top-theme-color-2px {
    border-top: 2px solid #1F386B !important;
}

.border-top-theme-color-3px {
    border-top: 3px solid #1F386B !important;
}

.border-top-theme-color-4px {
    border-top: 4px solid #1F386B !important;
}

.border-top-theme-color-5px {
    border-top: 5px solid #1F386B !important;
}

.border-top-theme-color-6px {
    border-top: 6px solid #1F386B !important;
}

.border-top-theme-color-7px {
    border-top: 7px solid #1F386B !important;
}

.border-top-theme-color-8px {
    border-top: 8px solid #1F386B !important;
}

.border-top-theme-color-9px {
    border-top: 9px solid #1F386B !important;
}

.border-top-theme-color-10px {
    border-top: 10px solid #1F386B !important;
}
/*Theme Colored Red Border-bottom-color*/
.border-bottom-theme-color-1px {
    border-bottom: 1px solid #1F386B !important;
}

.border-bottom-theme-color-2px {
    border-bottom: 2px solid #1F386B !important;
}

.border-bottom-theme-color-3px {
    border-bottom: 3px solid #1F386B !important;
}

.border-bottom-theme-color-4px {
    border-bottom: 4px solid #1F386B !important;
}

.border-bottom-theme-color-5px {
    border-bottom: 5px solid #1F386B !important;
}

.border-bottom-theme-color-6px {
    border-bottom: 6px solid #1F386B !important;
}

.border-bottom-theme-color-7px {
    border-bottom: 7px solid #1F386B !important;
}

.border-bottom-theme-color-8px {
    border-bottom: 8px solid #1F386B !important;
}

.border-bottom-theme-color-9px {
    border-bottom: 9px solid #1F386B !important;
}

.border-bottom-theme-color-10px {
    border-bottom: 10px solid #1F386B !important;
}

.project .project-details {
    border-bottom: 3px solid #1F386B !important;
}
/*Theme Colored Red Border-left-color*/
.border-left-theme-color-1px {
    border-left: 1px solid #1F386B !important;
}

.border-left-theme-color-2px {
    border-left: 2px solid #1F386B !important;
}

.border-left-theme-color-3px {
    border-left: 3px solid #1F386B !important;
}

.border-left-theme-color-4px {
    border-left: 4px solid #1F386B !important;
}

.border-left-theme-color-5px {
    border-left: 5px solid #1F386B !important;
}

.border-left-theme-color-6px {
    border-left: 6px solid #1F386B !important;
}

.border-left-theme-color-7px {
    border-left: 7px solid #1F386B !important;
}

.border-left-theme-color-8px {
    border-left: 8px solid #1F386B !important;
}

.border-left-theme-color-9px {
    border-left: 9px solid #1F386B !important;
}

.border-left-theme-color-10px {
    border-left: 10px solid #1F386B !important;
}
/*Theme Colored Red Border-right-color*/
.border-right-theme-color-1px {
    border-right: 1px solid #1F386B !important;
}

.border-right-theme-color-2px {
    border-right: 2px solid #1F386B !important;
}

.border-right-theme-color-3px {
    border-right: 3px solid #1F386B !important;
}

.border-right-theme-color-4px {
    border-right: 4px solid #1F386B !important;
}

.border-right-theme-color-5px {
    border-right: 5px solid #1F386B !important;
}

.border-right-theme-color-6px {
    border-right: 6px solid #1F386B !important;
}

.border-right-theme-color-7px {
    border-right: 7px solid #1F386B !important;
}

.border-right-theme-color-8px {
    border-right: 8px solid #1F386B !important;
}

.border-right-theme-color-9px {
    border-right: 9px solid #1F386B !important;
}

.border-right-theme-color-10px {
    border-right: 10px solid #1F386B !important;
}
/* Layeroverlay */
.post .entry-meta.meta-absolute,
.volunteer .overlay,
.bg-theme-colored-transparent-deep {
    background-color: rgba(31, 56, 107, 0.9) !important;
}

.icon-box.box-style1.practice-style3:hover .icon-wrapper,
.zeus .tp-bullet::after {
    background-color: #1F386B;
}

.preloader-dot-loading .cssload-loading i {
    background: #1F386B !important;
}
/*
 * border: theme-color
 * -----------------------------------------------
*/
.icon-box.icon-rounded-bordered i,
.widget .line-bottom:after,
.widget .line-bottom:after,
.pager.theme-colored a {
    border: 1px solid #006d33;
}

.border-theme-colored,
.owl-theme .owl-dots .owl-dot span {
    border-color: #1F386B;
}

.icon-box.box-style1.practice-style3:hover .icon-wrapper::after {
    border-color: #1F386B transparent transparent;
}

.opening-hours ul li {
    border-bottom: 1px dashed #1F386B;
}
/* border-left-color */
blockquote.theme-colored {
    border-left: 3px solid #1F386B;
}

blockquote.bg-theme-colored {
    border-left: 3px solid #142343;
    color: #fff;
}

    blockquote.bg-theme-colored footer {
        color: #eeeeee;
    }

blockquote.gray.bg-theme-colored {
    background-color: #eeeeee !important;
    border-left: 3px solid #1F386B;
    color: #1F386B;
}

    blockquote.gray.bg-theme-colored footer {
        color: #777777;
    }

.attorney-address li {
    border-left: 1px solid #1F386B;
}

.section-title.title-border {
    border-left: 4px solid #1F386B;
}
/* border-top-color */
.member-info {
    border-top: 3px outset #1F386B;
}

.cssload-tri {
    border-top: 27px solid #1F386B;
}
/* border-right-color */
.border-right-theme-color-2 {
    border-right: 1px solid #1F386B;
}

.section-title.title-border.title-right {
    border-right: 4px solid #1F386B;
}
/* border-bottom-color */
.event {
    border-bottom-color: #1F386B;
}

.cssload-tri.cssload-invert {
    border-bottom: 27px solid #1F386B;
}
/* box-shadow */
/*
 * btn-default: theme-color
 * -----------------------------------------------
*/
.btn-default.btn-theme-colored {
    color: #1F386B;
    background-color: #fff;
    border-color: #1F386B;
}

    .btn-default.btn-theme-colored:focus,
    .btn-default.btn-theme-colored.focus {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #020408;
    }

    .btn-default.btn-theme-colored:hover {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #111f3c;
    }

    .btn-default.btn-theme-colored:active,
    .btn-default.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-default.btn-theme-colored {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #111f3c;
    }

        .btn-default.btn-theme-colored:active:hover,
        .btn-default.btn-theme-colored.active:hover,
        .open > .dropdown-toggle.btn-default.btn-theme-colored:hover,
        .btn-default.btn-theme-colored:active:focus,
        .btn-default.btn-theme-colored.active:focus,
        .open > .dropdown-toggle.btn-default.btn-theme-colored:focus,
        .btn-default.btn-theme-colored:active.focus,
        .btn-default.btn-theme-colored.active.focus,
        .open > .dropdown-toggle.btn-default.btn-theme-colored.focus {
            color: #1F386B;
            background-color: #d4d4d4;
            border-color: #020408;
        }

    .btn-default.btn-theme-colored:active,
    .btn-default.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-default.btn-theme-colored {
        background-image: none;
    }

    .btn-default.btn-theme-colored.disabled:hover,
    .btn-default.btn-theme-colored[disabled]:hover,
    fieldset[disabled] .btn-default.btn-theme-colored:hover,
    .btn-default.btn-theme-colored.disabled:focus,
    .btn-default.btn-theme-colored[disabled]:focus,
    fieldset[disabled] .btn-default.btn-theme-colored:focus,
    .btn-default.btn-theme-colored.disabled.focus,
    .btn-default.btn-theme-colored[disabled].focus,
    fieldset[disabled] .btn-default.btn-theme-colored.focus {
        background-color: #fff;
        border-color: #1F386B;
    }

    .btn-default.btn-theme-colored .badge {
        color: #fff;
        background-color: #1F386B;
    }

    .btn-default.btn-theme-colored:hover,
    .btn-default.btn-theme-colored:active,
    .btn-default.btn-theme-colored:focus {
        background-color: #1F386B;
        border-color: #1F386B;
        color: #fff;
    }
/*
 * btn-border
 * -----------------------------------------------
*/
.btn-border.btn-theme-colored {
    color: #1F386B;
    background-color: #fff;
    border-color: #1F386B;
}

    .btn-border.btn-theme-colored:focus,
    .btn-border.btn-theme-colored.focus {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #020408;
    }

    .btn-border.btn-theme-colored:hover {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #111f3c;
    }

    .btn-border.btn-theme-colored:active,
    .btn-border.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-border.btn-theme-colored {
        color: #1F386B;
        background-color: #e6e6e6;
        border-color: #111f3c;
    }

        .btn-border.btn-theme-colored:active:hover,
        .btn-border.btn-theme-colored.active:hover,
        .open > .dropdown-toggle.btn-border.btn-theme-colored:hover,
        .btn-border.btn-theme-colored:active:focus,
        .btn-border.btn-theme-colored.active:focus,
        .open > .dropdown-toggle.btn-border.btn-theme-colored:focus,
        .btn-border.btn-theme-colored:active.focus,
        .btn-border.btn-theme-colored.active.focus,
        .open > .dropdown-toggle.btn-border.btn-theme-colored.focus {
            color: #1F386B;
            background-color: #d4d4d4;
            border-color: #020408;
        }

    .btn-border.btn-theme-colored:active,
    .btn-border.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-border.btn-theme-colored {
        background-image: none;
    }

    .btn-border.btn-theme-colored.disabled:hover,
    .btn-border.btn-theme-colored[disabled]:hover,
    fieldset[disabled] .btn-border.btn-theme-colored:hover,
    .btn-border.btn-theme-colored.disabled:focus,
    .btn-border.btn-theme-colored[disabled]:focus,
    fieldset[disabled] .btn-border.btn-theme-colored:focus,
    .btn-border.btn-theme-colored.disabled.focus,
    .btn-border.btn-theme-colored[disabled].focus,
    fieldset[disabled] .btn-border.btn-theme-colored.focus {
        background-color: #fff;
        border-color: #1F386B;
    }

    .btn-border.btn-theme-colored .badge {
        color: #fff;
        background-color: #1F386B;
    }

    .btn-border.btn-theme-colored:hover,
    .btn-border.btn-theme-colored:active,
    .btn-border.btn-theme-colored:focus {
        background-color: #142343;
        border-color: #142343;
        color: #fff;
    }
/*
 * btn-dark
 * -----------------------------------------------
*/
.btn-dark.btn-theme-colored {
    color: #fff;
    background-color: #006f43 !important;
    border-color: #006f43 !important;
}

    .btn-dark.btn-theme-colored:focus,
    .btn-dark.btn-theme-colored.focus {
        color: #fff;
        background-color: #142343;
        border-color: #020408;
    }

    .btn-dark.btn-theme-colored:hover {
        color: #fff;
        background-color: #142343;
        border-color: #111f3c;
    }

    .btn-dark.btn-theme-colored:active,
    .btn-dark.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-dark.btn-theme-colored {
        color: #fff;
        background-color: #142343;
        border-color: #111f3c;
    }

        .btn-dark.btn-theme-colored:active:hover,
        .btn-dark.btn-theme-colored.active:hover,
        .open > .dropdown-toggle.btn-dark.btn-theme-colored:hover,
        .btn-dark.btn-theme-colored:active:focus,
        .btn-dark.btn-theme-colored.active:focus,
        .open > .dropdown-toggle.btn-dark.btn-theme-colored:focus,
        .btn-dark.btn-theme-colored:active.focus,
        .btn-dark.btn-theme-colored.active.focus,
        .open > .dropdown-toggle.btn-dark.btn-theme-colored.focus {
            color: #fff;
            background-color: #0c1528;
            border-color: #020408;
        }

    .btn-dark.btn-theme-colored:active,
    .btn-dark.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-dark.btn-theme-colored {
        background-image: none;
    }

    .btn-dark.btn-theme-colored.disabled:hover,
    .btn-dark.btn-theme-colored[disabled]:hover,
    fieldset[disabled] .btn-dark.btn-theme-colored:hover,
    .btn-dark.btn-theme-colored.disabled:focus,
    .btn-dark.btn-theme-colored[disabled]:focus,
    fieldset[disabled] .btn-dark.btn-theme-colored:focus,
    .btn-dark.btn-theme-colored.disabled.focus,
    .btn-dark.btn-theme-colored[disabled].focus,
    fieldset[disabled] .btn-dark.btn-theme-colored.focus {
        background-color: #1F386B;
        border-color: #1F386B;
    }

    .btn-dark.btn-theme-colored .badge {
        color: #1F386B;
        background-color: #fff;
    }
/*
 * btn-gray
 * -----------------------------------------------
*/
.btn-gray.btn-theme-colored {
    color: #fff;
    background-color: #2a4d93;
    border-color: #2a4d93;
}

    .btn-gray.btn-theme-colored:focus,
    .btn-gray.btn-theme-colored.focus {
        color: #fff;
        background-color: #1f386b;
        border-color: #0e1930;
    }

    .btn-gray.btn-theme-colored:hover {
        color: #fff;
        background-color: #1f386b;
        border-color: #1d3463;
    }

    .btn-gray.btn-theme-colored:active,
    .btn-gray.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-gray.btn-theme-colored {
        color: #fff;
        background-color: #1f386b;
        border-color: #1d3463;
    }

        .btn-gray.btn-theme-colored:active:hover,
        .btn-gray.btn-theme-colored.active:hover,
        .open > .dropdown-toggle.btn-gray.btn-theme-colored:hover,
        .btn-gray.btn-theme-colored:active:focus,
        .btn-gray.btn-theme-colored.active:focus,
        .open > .dropdown-toggle.btn-gray.btn-theme-colored:focus,
        .btn-gray.btn-theme-colored:active.focus,
        .btn-gray.btn-theme-colored.active.focus,
        .open > .dropdown-toggle.btn-gray.btn-theme-colored.focus {
            color: #fff;
            background-color: #172a4f;
            border-color: #0e1930;
        }

    .btn-gray.btn-theme-colored:active,
    .btn-gray.btn-theme-colored.active,
    .open > .dropdown-toggle.btn-gray.btn-theme-colored {
        background-image: none;
    }

    .btn-gray.btn-theme-colored.disabled:hover,
    .btn-gray.btn-theme-colored[disabled]:hover,
    fieldset[disabled] .btn-gray.btn-theme-colored:hover,
    .btn-gray.btn-theme-colored.disabled:focus,
    .btn-gray.btn-theme-colored[disabled]:focus,
    fieldset[disabled] .btn-gray.btn-theme-colored:focus,
    .btn-gray.btn-theme-colored.disabled.focus,
    .btn-gray.btn-theme-colored[disabled].focus,
    fieldset[disabled] .btn-gray.btn-theme-colored.focus {
        background-color: #2a4d93;
        border-color: #2a4d93;
    }

    .btn-gray.btn-theme-colored .badge {
        color: #2a4d93;
        background-color: #fff;
    }
/*
 * btn-primary: theme-color
 * -----------------------------------------------
*/
.btn-theme-colored {
    color: #fff;
    background-color: #006f43 !important;
    border-color: #006f43 !important;
}

    .btn-theme-colored:focus,
    .btn-theme-colored.focus {
        color: #fff;
        background-color: #142343;
        border-color: #020408;
    }

    .btn-theme-colored:hover {
        color: #fff;
        background-color: #142343;
        border-color: #111f3c;
    }

    .btn-theme-colored:active,
    .btn-theme-colored.active,
    .open > .dropdown-toggle.btn-theme-colored {
        color: #fff;
        background-color: #142343;
        border-color: #111f3c;
    }

        .btn-theme-colored:active:hover,
        .btn-theme-colored.active:hover,
        .open > .dropdown-toggle.btn-theme-colored:hover,
        .btn-theme-colored:active:focus,
        .btn-theme-colored.active:focus,
        .open > .dropdown-toggle.btn-theme-colored:focus,
        .btn-theme-colored:active.focus,
        .btn-theme-colored.active.focus,
        .open > .dropdown-toggle.btn-theme-colored.focus {
            color: #fff;
            background-color: #0c1528;
            border-color: #020408;
        }

    .btn-theme-colored:active,
    .btn-theme-colored.active,
    .open > .dropdown-toggle.btn-theme-colored {
        background-image: none;
    }

    .btn-theme-colored.disabled:hover,
    .btn-theme-colored[disabled]:hover,
    fieldset[disabled] .btn-theme-colored:hover,
    .btn-theme-colored.disabled:focus,
    .btn-theme-colored[disabled]:focus,
    fieldset[disabled] .btn-theme-colored:focus,
    .btn-theme-colored.disabled.focus,
    .btn-theme-colored[disabled].focus,
    fieldset[disabled] .btn-theme-colored.focus {
        background-color: #1F386B;
        border-color: #1F386B;
    }

    .btn-theme-colored .badge {
        color: #1F386B;
        background-color: #fff;
    }
/*
 * btn-transparent
 * -----------------------------------------------
*/
.btn-transparent {
    background-color: transparent;
    color: #fff;
}

    .btn-transparent.btn-theme-colored {
        background-color: transparent;
    }

    .btn-transparent.btn-dark {
        background-color: #111111;
        border-color: #111111;
    }

        .btn-transparent.btn-dark:hover {
            background-color: #000000;
            border-color: #000000;
        }

        .btn-transparent.btn-dark.btn-theme-colored {
            background-color: #1F386B;
            border-color: #1F386B;
        }

            .btn-transparent.btn-dark.btn-theme-colored:hover {
                background-color: #142343;
                border-color: #142343;
            }

    .btn-transparent.btn-border {
        background-color: transparent;
        border-color: #eeeeee;
    }

        .btn-transparent.btn-border:hover {
            background-color: #eeeeee;
            color: #000;
        }

        .btn-transparent.btn-border.btn-theme-colored {
            background-color: transparent;
            border-color: #1F386B;
        }

            .btn-transparent.btn-border.btn-theme-colored:hover {
                background-color: #1F386B;
                color: #fff;
            }

.btn-gray.btn-transparent {
    background-color: #d3d3d3;
    color: black;
}

    .btn-gray.btn-transparent:hover {
        background-color: #ececec;
        color: #1a1a1a;
    }

    .btn-gray.btn-transparent.btn-theme-colored {
        background-color: #2a4d93;
        color: #fff;
    }

        .btn-gray.btn-transparent.btn-theme-colored:hover {
            background-color: #142343;
            color: #e6e6e6;
        }

.btn-hover-theme-colored:hover {
    background-color: #1F386B;
    border-color: #1F386B;
    color: #fff;
}
/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/
.icon-theme-colored a {
    color: #1F386B;
}

.icon-theme-colored.icon-bordered a {
    border-color: #1F386B;
}

    .icon-theme-colored.icon-bordered a:hover {
        background-color: #1F386B;
        color: #fff;
    }

.icon-theme-colored.icon-dark a {
    background-color: #1F386B;
    color: #fff;
}

    .icon-theme-colored.icon-dark a:hover {
        background-color: #142343;
        color: #e6e6e6;
    }

.icon-theme-colored.icon-dark.icon-bordered a {
    border-color: #1F386B;
    color: #1F386B;
}

    .icon-theme-colored.icon-dark.icon-bordered a:hover {
        background-color: #1F386B;
        border-color: #1F386B;
        color: #fff;
    }

.icon-theme-colored.icon-gray a {
    color: #1F386B;
}

    .icon-theme-colored.icon-gray a:hover {
        color: #142343;
    }

.icon-theme-colored.icon-gray.icon-bordered a {
    color: #1F386B;
}

    .icon-theme-colored.icon-gray.icon-bordered a:hover {
        background-color: #eeeeee;
        border-color: #eeeeee;
        color: #1F386B;
    }

.icon-theme-colored a:hover {
    color: #142343;
}

.icon-hover-theme-colored a:hover {
    background-color: #1F386B;
    border-color: #1F386B;
    color: #fff;
}

.styled-icons.icon-hover-theme-colored a:hover {
    background-color: #1F386B;
    border-color: #1F386B;
    color: #fff;
}
/* box-shadow */
/*.box-shadow,*/
/*.icon-box .icon.icon-border-effect::after {
  -webkit-box-shadow: #1F386B;
  -moz-box-shadow: #1F386B;*/
/*box-shadow: 0 0 0 3px #1F386B;*/
/*}*/
/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/
.icon-box.iconbox-theme-colored .icon {
    color: #1F386B;
}
    /*.icon-box.iconbox-theme-colored .icon.icon-border-effect::after {
  box-shadow: 0 0 0 3px #1F386B;
}*/
    .icon-box.iconbox-theme-colored .icon.icon-bordered {
        border-color: #1F386B;
    }

        .icon-box.iconbox-theme-colored .icon.icon-bordered:hover {
            background-color: #1F386B;
            color: #fff;
        }

    .icon-box.iconbox-theme-colored .icon.icon-gray:hover {
        background-color: #1F386B;
        color: #fff;
    }

    .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered {
        border-color: #eeeeee;
    }

        .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover {
            background-color: #1F386B;
            border-color: #1F386B;
            color: #fff;
        }

    .icon-box.iconbox-theme-colored .icon.icon-dark {
        background-color: #1F386B;
        color: #fff;
    }

        .icon-box.iconbox-theme-colored .icon.icon-dark:hover {
            color: #fff;
        }

        .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered {
            background-color: transparent;
            border-color: #1F386B;
            color: #1F386B;
        }

            .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover {
                background-color: #1F386B;
                border-color: #1F386B;
                color: #fff;
            }

    .icon-box.iconbox-theme-colored .icon.icon-white {
        background-color: #fff;
        color: #1F386B;
    }

        .icon-box.iconbox-theme-colored .icon.icon-white:hover {
            background-color: #1F386B;
            color: #fff;
        }

        .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered {
            background-color: transparent;
            border-color: #1F386B;
            color: #fff;
        }

            .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover {
                background-color: #1F386B;
                border-color: #1F386B;
                color: #fff;
            }

.icon-box.iconbox-theme-colored.iconbox-border {
    border-color: #1F386B;
}

/*#Home_Slide {
    display: table !important;
    zoom: 1 !important;
    position: !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 422px !important;
    margin: 0px auto 0px !important;
    z-index: 90 !important;
    text-align: left !important;
    font-size: 10px !important;
    text-shadow: none !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}*/
.text-gold {
    color: yellow;
    padding: 0px;
    font-size: 40px;
}

@media only screen and (max-width: 600px) {
    .text-gold {
        color: yellow !important;
        padding: 50px !important;
        text-align: center !important;
        font-size: 20px !important;
    }
}

#Home_Slide img {
    height: 650px;
    overflow: hidden;
}

.blog-pull-right {
    background: white;
    padding: 30px 30px 40px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    margin-bottom: 50px;
}

.sidebar sidebar-left {
    padding: 15px;
    margin-right: 30px;
    /*box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    background-color: white !important;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%) !important;
}

.News_Event_Section {
    padding: 50px;
    margin-bottom: 0px;
    position: relative;
    /*background-image: url('../Img/bg_Event.jpg');*/
    background: white;
}
/*.elementor-element-populated {
    background-color: #02341C;
    background-image: url(https://smartax.dropletthemes.com/wp-content/uploads/2023/08/Smartax-Consulting-Square-Pattern.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60% auto;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 15px 0px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
    padding: 21px 0px 225px 54px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}
.elementor-widget-container {
    padding: 0px 50px 0px 0px;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.elementor-widget-container h6 {
    color: #DE8E59;
    margin: 0 0 10px 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: -0.05em;
}
    .elementor-widget-container h1 {
        color: #FFFFFF;
        margin: 0px 0px 0px 0px;
        font-size: 30px;
        font-weight: 400;
        padding: 0;
        box-sizing: border-box;
        line-height: 1.3em;
        letter-spacing: -0.05em;
    }



.droplet-post-thumbnail img {
    width: 100%;
    height: 250px;
    padding: 0px 0px 0px 0px;
}
.droplet-post-content {
    text-align: left;
    position: relative;
    background-color: #02341C;
    padding: 20px 30px 30px 30px;
    margin: -50px 20px 0px 0px;
}
.droplet-post-meta span a {
    color: #89A598;
}
.droplet-post-title a {
    color: #FFFFFF;
}
*/


.Research_Develop2bottom {
    background: white;
    padding-top: 10px;
    background-image: url(../Img/Research_Bg.JPG);
    background-position: bottom;
    background-repeat: no-repeat;
}

.slider-wrapper_bottom {
    padding: 30px;
    background-image: url(https://validthemes.net/themeforest/wp/consua/wp-content/uploads/2023/07/banner-1.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bt_bb_card_icon {
    border-radius: 10px;
}

.bt_bb_border_visible {
    padding: 2em;
    border: 1px solid rgba(0,0,0,.1);
}

.bt_bb_headline_content span:before, .bt_bb_headline .bt_bb_headline_content span:after {
    clear: both;
    content: ' ';
    line-height: 0;
    display: table;
    width: 100%;
}

.bt_bb_headline_content span {
    display: block;
    font-weight: 400;
}

.bt_bb_headline_content {
    display: block;
    color: inherit;
}

.bt_bb_size_extralarge.bt_bb_headline h2 {
    font-size: 4rem;
}

.bt_bb_headline_content {
    display: block;
    color: inherit;
}

.bt_bb_headline h2 b {
    color: #006f43;
}

.bt_bb_headline_subheadline {
    font-size: 1.5rem;
    margin-top: 0.5em;
}

.bt_bb_headline_subheadline {
    font-weight: 400;
    line-height: 1.4;
    clear: both;
    font-size: 17px;
    color: black
}

.bt_bb_headline:after {
    clear: both;
    content: ' ';
    display: table;
    width: 100%;
}

.bt_bb_bottom_spacing_normal {
    margin-bottom: 2em;
}

.bt_bb_separator {
    line-height: 0;
    display: block;
    clear: both;
}

.bt_bb_button {
    font-size: 14px;
}

.bt_bb_button {
    float: left;
    margin-right: 0.5em;
    margin-left: 0;
}

.bt_bb_style_outline a {
    border-color: #e64209;
    box-shadow: 0 0 0 0 #e64209 inset;
    color: #e64209;
    background-color: transparent;
}

.bt_bb_style_outline a {
    border: 1px solid black;
}

.bt_bb_button a {
    padding: 0.9em 1.1em;
}

.bt_bb_button a {
    border-radius: 50px;
}

.bt_bb_button a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
}

.bt_bb_button_text {
    font-weight: 400;
}

.bt_bb_button_text {
    order: 2;
}

.bt_bb_button_text {
    font-family: "Nunito Sans",Arial,Helvetica,sans-serif;
    letter-spacing: 0px;
}

.bt_bb_style_outline a {
    box-shadow: 0 0 0 0 #191919 inset;
    border: 1px solid black;
}

.animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(2) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms;
}

.bt_bb_column {
    padding-left: 15px;
    padding-right: 15px;
}

.bt_bb_vertical_align_top {
    justify-content: flex-start;
}

.bt_bb_animation_fade_in.animated {
    opacity: 1;
}

.bt_bb_column_content {
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    color: var(--column-inner-primary-color);
    background-color: var(--column-inner-secondary-color);
}

.bt_bb_border_visible {
    padding: 2em;
    border: 1px solid rgba(0,0,0,.1);
}

.bt_bb_card_icon {
    border-radius: 10px;
}

.bt_bb_card_icon {
    overflow: hidden;
    text-align: center;
    background: #fff;
    transition: all 300ms ease;
}

.bt-content a {
    color: #e64209;
}

.bt_bb_align_center .bt_bb_card_icon .bt_bb_card_icon_content .bt_bb_card_icon_colored_icon {
    margin-right: auto;
    margin-left: auto;
}

.bt_bb_card_icon_colored_icon {
    border-radius: 50%;
    width: 9em;
    margin-left: 41px;
    height: 9em;
    display: flex;
    align-items: center;
}

    .bt_bb_card_icon_colored_icon svg {
        height: 8em;
        width: 8em;
        pointer-events: none;
    }

.bt_bb_card_icon_title {
    font-size: 1.5em;
    line-height: 1.4;
    padding: 5px;
    transition: transform 300ms ease;
    letter-spacing: -1px;
    font-weight: 400;
}

    .bt_bb_card_icon_title a {
        color: inherit;
        transition: opacity 300ms ease;
    }

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}

.bt_bb_bottom_spacing_small {
    margin-bottom: 1em;
}

.bt_bb_separator {
    line-height: 0;
    display: block;
    clear: both;
}

    .bt_bb_separator:before, .bt_bb_separator:after {
        content: ' ';
        display: table;
        width: 100%;
        clear: both;
        border-width: inherit;
    }

    .bt_bb_separator:after {
        content: ' ';
        display: table;
        width: 100%;
        clear: both;
        border-width: inherit;
    }

.bt_bb_button {
    float: none;
    margin-right: 0.25em;
    margin-left: 0.25em;
    line-height: 1;
    margin-bottom: 0.25em;
    font-size: 13px;
    clear: none;
    display: inline-block;
}

.bt_bb_bottom_spacing_small {
    margin-bottom: 1em;
}


.business {
    background: aliceblue;
    padding: 10px;
}

.Research_Develop {
    background: white;
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: url('../Img/Research_Bg.JPG');
    background-position: bottom;
    background-repeat: no-repeat;
}

.Resarch_Mutli_Image {
    width: 80%;
    text-align: center;
}

.Content_Research {
    padding-top: 0px;
}

.Single_Search {
    width: 100%;
    background: white;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 20%) !important;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 5px;
    border-right: 3px solid #3e2222;
}

    .Single_Search h1 {
        font-weight: 400;
        color: #3e2222;
        margin: 0px;
        font-size: 40px;
        padding: 0px 15px;
    }

    .Single_Search p {
        font-weight: 400;
        color: black;
        font-size: 20px;
        margin-top: -10px;
        padding: 0px 20px;
    }


.placement_mini {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../Img/Why_BG2.jpg);
    background-size: cover;
}

.placement_mini_content {
}

    .placement_mini_content h1 {
        color: yellow;
        font-size: 60px;
    }

    .placement_mini_content h2 {
        color: white;
        font-size: 50px;
        margin-top: -20px;
        line-height: 1.1;
    }

        .placement_mini_content h2 span {
            color: yellow;
        }

    .placement_mini_content p {
        color: white;
    }

.btn-default.btn-theme-colored {
    color: white !important;
    border: 1px dashed white !important;
}


.he_fade {
    font-size: 100px;
    font-weight: 400;
    color: #d831351a;
}

@media only screen and (max-width: 600px) {
    .he_fade {
        font-size: 20px;
        font-weight: 400;
        color: #d831351a;
    }

    #siteLogoImg {
        width: 280px !important;
        left: 0px !important;
    }

    .menutoggle {
        right: 0px !important;
    }

    .placement_mini img {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .Stuent_Place_Review {
        background-size: auto !important;
        background-position: inherit !important;
    }

    #fixed-social {
        display: none !important;
    }
}


.awards-accredits-section {
    background-image: url('../Img/Accred_bg.png');
    background-size: cover;
    padding-bottom: 60px;
    padding-top: 60px !important;
}

.main-heading h2 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.awards-accredits-section .award-card {
    padding: 10px 20px;
    background: var(--bgcolor-white);
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #e2e2e2;
    text-align: center;
}

    .awards-accredits-section .award-card img {
        width: 100px;
        height: 55px;
        object-fit: contain;
    }

.offset-xl-1 {
    margin-left: 8.33333333%;
}

.awards-accredits-section .program-card {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

    .awards-accredits-section .program-card::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        width: 12px;
        height: 62px;
        background: #02341b;
    }

    .awards-accredits-section .program-card h6 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 8px;
        text-transform: uppercase;
    }

    .awards-accredits-section .program-card p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 0px;
        color: #006f43;
    }

.awards-accredits-section .program-card {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

    .awards-accredits-section .program-card.sky-border::before {
        background: yellow;
    }

    .awards-accredits-section .program-card::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        width: 12px;
        height: 62px;
    }

    .awards-accredits-section .program-card.yellow-border {
        margin-bottom: 0px;
    }

.awards-accredits-section .program-card {
    position: relative;
    padding-left: 40px;
}

    .awards-accredits-section .program-card.yellow-border::before {
        background: #02341b;
    }

    .awards-accredits-section .program-card::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        width: 12px;
        height: 62px;
    }


.Stuent_Place_Review {
    padding-top: 100px;
    padding-bottom: 50px;
    background-image: url('../Img/placement_bg.jpg');
    background-size: cover;
    background-position: right;
}

    .Stuent_Place_Review h1 {
        font-weight: 400;
        padding: 0px;
        margin: 0px;
    }

    .Stuent_Place_Review h2 {
        padding: 0px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

.droplet-testimonial-wrapper.droplet-testimonial-text-align-left {
    text-align: left;
    overflow: hidden;
}

.droplet-testimonial-content {
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    line-height: 1.3em;
    letter-spacing: -0.03em;
}

.droplet-testimonial-meta {
    width: 100%;
    line-height: 1;
}

.droplet-testimonial-meta-inner {
    display: inline-block;
}

.droplet-testimonial-image {
    vertical-align: bottom;
    padding-right: 15px;
    display: table-cell;
}

    .droplet-testimonial-image img {
        width: 60px;
        height: 60px;
        border-radius: 50px 50px 50px 50px;
        object-fit: cover;
        max-width: none;
    }

.droplet-testimonial-details {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.droplet-testimonial-name h3 {
    margin: 30px 0px 0px 10px;
}

.droplet-testimonial-job h5 {
    color: #617F71;
    margin: 10px 0px 0px 10px;
    font-weight: 400;
    display: block;
}

.Single_placement {
    width: 100%;
    background: white;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 20%) !important;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-right: 3px solid #3e2222;
}

    .Single_placement h2 {
        margin-bottom: 10px !important;
        font-weight: 400;
        color: #3e2222;
        margin: 0px;
        padding: 0px 15px;
    }

    .Single_placement p {
        font-weight: 400;
        color: black;
        font-size: 17px;
        margin-top: -10px;
        padding: 0px 20px;
    }



.Trending_Now_ScNew {
    padding: 50px;
    background: #ffcccc;
}

.rs-blog-grid blog-grid {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
}

.rs-blog-grid .blog-item .blog-inner-wrap {
    box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
    margin-top: 15px;
}

.rs-blog-grid .blog-item {
    overflow: visible;
    margin-bottom: 30px;
    outline: none;
}

    .rs-blog-grid .blog-item .blog-inner-wrap {
        border-radius: 150px 0px 0px 0px;
        transition: 0.3s;
        background-color: #ffffff;
        padding: 0px 0px 0px 0px;
    }

    .rs-blog-grid .blog-item .image-wrap {
        position: relative;
    }

        .rs-blog-grid .blog-item .image-wrap img {
            border-radius: 80px 0px 0px 0px;
            transition: all 0.5s ease 0s;
            height: auto;
            max-width: 100%;
            border: none;
            box-shadow: none;
        }

.blog-content {
    padding: 30px 35px 35px 35px;
}

.rs-blog-grid .blog-item .blog-content {
    margin: 0;
    background: #fff;
    position: unset;
    opacity: 1;
}

    .rs-blog-grid .blog-item .blog-content .blog-meta {
        margin-bottom: 6px;
    }

.blog-item .blog-content .blog-meta span {
    color: #454545;
}

.rs-blog-grid .blog-item .blog-content .blog-meta .admin {
    margin-right: 25px;
}

.rs-blog-grid.blog-grid .blog-item .blog-meta span {
    font-size: 15px;
    color: black;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif !important;
}

.rs-blog-grid .blog-item .blog-content .blog-meta i {
    color: #FF6D00;
}

.rs-blog-grid.blog-grid .blog-item .blog-meta span i {
    margin-right: 2px;
    position: relative;
    top: 1px;
}

i[class^="fi-rr-"]:before, i[class*=" fi-rr-"]:before, span[class^="fi-rr-"]:before, span[class*="fi-rr-"]:before {
    font-family: uicons-regular-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.blog-item .blog-content .blog-meta span {
    color: #454545;
}

.rs-blog-grid.blog-grid .blog-item .blog-meta span {
    font-size: 13px;
}

.rs-blog-grid .blog-item .blog-content .blog-meta i {
    color: #FF6D00;
}

.rs-blog-grid.blog-grid .blog-item .blog-meta span.date i {
    margin-right: 3px;
}

.rs-blog-grid.blog-grid .blog-item .blog-meta span i {
    position: relative;
    top: 1px;
}

.blog-content .blog-name {
    margin: 10px 0px 16px 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

.blog-item .blog-content h3.blog-name a {
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    color: #0a0a0a;
}

.rs-blog-grid .blog-item .blog-content p {
    margin: 0 0 18px;
}

.rs-blog-grid .blog-item .blog-content .blog-btn-part {
    margin: 15px 0 0;
}

.blog-item .blog-content .blog-btn {
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    font-weight: 500;
    color: #0A0A0A;
    position: relative;
    display: inline-block;
    transition: all ease .3s;
}

.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn.icon-after span {
    float: left;
}

.blog-item .blog-content .blog-btn.icon-after i {
    margin-left: 10px;
    transition: 0.4s;
}

.rs-heading {
    text-align: center;
}

    .rs-heading .title-inner .sub-text {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: 0px;
        color: #FF6D00;
        margin: 0px 0px 7px 0px;
    }

    .rs-heading .title-inner .sub-text {
        text-transform: uppercase;
    }

    .rs-heading .title-inner .title {
        font-size: 36px;
        font-weight: 600;
        color: #0A0A0A;
        margin: 0px 0px 19px 0px;
    }

        .rs-heading .title-inner .title span.watermark {
            position: absolute;
            font-size: 200px;
            text-transform: uppercase;
            font-weight: 400;
            font-family: 'Sora', sans-serif;
            opacity: 0.05;
            width: 100%;
            left: 0;
            color: inherit;
            white-space: nowrap;
            vertical-align: middle;
            z-index: 1;
        }

.orange-color2 {
    color: #ff6d00;
}

.rs-blog-grid .blog-item.horizontal {
    margin-bottom: 17px;
}

.rs-blog-grid .blog-item {
    overflow: visible;
    outline: none;
}

    .rs-blog-grid .blog-item .blog-inner-wrap, .elementor-871 .elementor-element.elementor-element-32b7f3e .rs-blog-grid .blog-item .image-wrap img {
        border-radius: 80px 0px 0px 0px;
    }

.blog-item .blog-inner-wrap {
    padding: 0px 0px 0px 0px;
}

.rs-blog-grid .blog-item.horizontal .blog-inner-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.rs-blog-grid .blog-item .blog-inner-wrap {
    box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
    margin-top: 15px;
}

.rs-blog-grid .blog-item.horizontal .blog-inner-wrap .image-wrap {
    -webkit-box-flex: 0;
    position: relative;
    flex: 0 0 35%;
    max-width: 35%;
}

.rs-blog-grid .blog-item.horizontal .blog-inner-wrap .blog-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

.blog-content {
    /*padding: 0px 30px 0px 30px;*/
    padding: 20px 22px 26px 30px;
}

.rs-blog-grid .blog-item .blog-content {
    margin: 0;
    background: #fff;
    position: unset;
    opacity: 1;
}

.rs-blog-grid .blog-item.horizontal .blog-content h3.blog-name a {
    font-size: 20px;
}

.rs-blog-grid .blog-item.horizontal .blog-content {
    padding: 0px 30px 0px 30px;
}




.request-call-back-area {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
}

.default-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.request-call-back-area::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #df0a0a;
    mix-blend-mode: multiply;
    z-index: -1;
}

.align-center {
    align-items: center;
}

.title {
    font-weight: 400;
    font-size: 42px;
    color: white;
}

.btn.btn-light.btn-md {
    padding: 13px 52px;
}

.btn.circle {
    border-radius: 30px !important;
}

.btn.btn-light {
    color: black;
    background: white;
    font-size: 17px;
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
}

.mt-30 {
    margin-top: 30px;
}

.text-end {
    text-align: right !important;
}

.achivement-counter {
    display: inline-block;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 50px;
}

    .achivement-counter ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .achivement-counter li:first-child {
        margin: 0;
    }

    .achivement-counter li {
        display: flex;
        margin-bottom: 30px !important;
        align-items: center;
    }

        .achivement-counter li i {
            display: inline-block;
            font-size: 60px;
            margin-right: 20px;
            color: white;
            margin-top: 5px;
        }

.fun-fact {
    display: inline-block;
    text-align: left;
}

.achivement-counter .fun-fact .counter {
    color: white;
    font-size: 60px;
}

.fun-fact .counter {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
}

.achivement-counter .fun-fact .medium {
    color: white;
    font-weight: 500;
}

.Socialize {
    background: whitesmoke;
    padding-top: 20px;
    padding-bottom: 20px;
}

.new_footer_top a {
    color: black;
    font-size: 16px;
}

.colorBackgraound {
    background-color: rgb(72,173,165);
    background: rgb(72,173,165);
}











.card--media .card-image {
    height: 100%;
    position: relative;
    width: 100%;
}

    .card--media .card-image video,
    .card--media .card-image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        /* position: absolute;*/
        width: 100%;
    }

.card--media .card-image {
    position: relative;
}

    .card--media .card-image:after {
        background: rgba(0, 0, 0, 0.5);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

.card, .card[data-interactive*="flip"] .card-flip-content {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #424242;
    text-decoration: none;
}

    .card:hover, .card[data-interactive*="flip"] .card-flip-content:hover {
        color: #424242;
    }

.card-group-module {
    padding: 100px 0;
}

.layout.t2 .card-group-module {
    padding-bottom: 0;
}

.layout--article .card-group-module {
    background: #fff;
    position: relative;
    z-index: 2;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .layout--article .card-group-module {
        margin-left: auto;
        margin-right: -50%;
    }
}

@media (min-width: 992px) {
    .layout--article .card-group-module {
        margin-left: -15%;
        margin-right: -44%;
    }
}

@media (min-width: 1200px) {
    .layout--article .card-group-module {
        margin: 0 -30%;
    }
}

@media (max-width: 767.98px) {
    .card-group-module {
        padding: 50px 0;
    }
}

.card-group-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .card-group-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .card-group-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .card-group-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .card-group-container {
        max-width: 1140px;
    }
}

.layout.t2 .card-group-container {
    padding: 0;
}

.card-image {
    margin: 0;
}

    .card-image img {
        width: 100%;
    }

.card-header {
    margin-bottom: 15px;
}

.card-heading {
    margin-bottom: 0;
    font-family: "Rubik", sans-serif;
    color: #142554;
}

.card-heading {
    font-size: 18px;
}

@media (min-width: 575px) {
    .card-heading {
        font-size: calc(18px + 4 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .card-heading {
        font-size: 22px;
    }
}

.card-subtitle {
    display: block;
    margin-bottom: 0;
    color: gray;
}

.card-subtitle {
    font-size: 14px;
}

.card-footer {
    padding-top: 15px;
}

    .card-footer .btn {
        margin-bottom: 0;
    }

.card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 22px 0;
    font-family: "Rubik", sans-serif;
}

.card-date {
    font-size: 12px;
}

@media (min-width: 575px) {
    .card-date {
        font-size: calc(12px + 2 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .card-date {
        font-size: 14px;
    }
}

.card-link-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .card-link-list li,
    .card-link-list div {
        margin: 10px 0;
        font-size: 16px;
    }

        .card-link-list li:first-child,
        .card-link-list div:first-child {
            margin-top: 0;
        }

        .card-link-list li:last-child,
        .card-link-list div:last-child {
            margin-bottom: 0;
        }

        .card-link-list li a,
        .card-link-list div a {
            text-decoration: none;
        }

            .card-link-list li a:after,
            .card-link-list div a:after {
                content: "\f10a";
                font-family: "icons" !important;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                display: inline-block;
                vertical-align: middle;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 10px;
                padding-left: 10px;
                transition: .25s ease;
                display: inline-block;
            }

            .card-link-list li a:hover, .card-link-list li a:focus,
            .card-link-list div a:hover,
            .card-link-list div a:focus {
                text-decoration: underline;
            }

                .card-link-list li a:hover:after, .card-link-list li a:focus:after,
                .card-link-list div a:hover:after,
                .card-link-list div a:focus:after {
                    padding-left: 20px;
                }

.card-contact-list {
    list-style: none;
    padding-left: 0;
}

    .card-contact-list li {
        position: relative;
        display: flex;
        margin-bottom: 10px;
        padding-left: 30px;
    }

        .card-contact-list li:last-child {
            margin-bottom: 0;
        }

        .card-contact-list li:before {
            position: absolute;
            left: 0;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .card-contact-list li.contact-list-phone:before {
            content: "\f125";
            font-family: "icons" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .card-contact-list li.contact-list-email:before {
            content: "\f11d";
            font-family: "icons" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .card-contact-list .contact-list-info {
        display: flex;
        flex-direction: column;
    }

        .card-contact-list .contact-list-info .contact-list-title {
            color: #424242;
        }

        .card-contact-list .contact-list-info .contact-list-title {
            font-size: 16px;
        }

            .card-contact-list .contact-list-info .contact-list-title a {
                color: #424242;
            }

        .card-contact-list .contact-list-info .contact-list-subtitle {
            color: #666666;
        }

        .card-contact-list .contact-list-info .contact-list-subtitle {
            font-size: 14px;
        }

.card--media {
    display: flex;
}

    .card--media .card-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .card--media .card-header .card-heading {
        color: #fff;
    }

    .card--media .card-content {
        color: #fff;
        position: relative;
        flex-grow: inherit;
        margin: auto 0;
        z-index: 1;
    }

.card--callout {
    color: #fff;
    background-color: #142554;
    display: flex;
}

    .card--callout .card-header .card-heading {
        color: #fff;
    }

    .card--callout .card-image {
        display: none;
    }

    .card--callout .card-content {
        color: #fff;
        position: relative;
        flex-grow: inherit;
        margin: auto 0;
    }

        .card--callout .card-content a:not(.btn) {
            color: #fff;
        }

    .card--callout[data-interactive*="flip"] .card-front {
        background-color: #142554;
    }

.card[data-interactive*="shadow"], .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shadow"] {
    transition: all 0.25s ease-in-out;
}

.prefers-reduced-motion .card[data-interactive*="shadow"], .prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shadow"], .card[data-interactive*="flip"] .prefers-reduced-motion .card-flip-content[data-interactive*="shadow"] {
    transition: none;
}

/*.card[data-interactive*="shadow"]:hover, .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shadow"]:hover {
    box-shadow: 0 0 10px gray;
}*/

.card[data-interactive*="scale"], .card[data-interactive*="flip"] .card-flip-content[data-interactive*="scale"] {
    transition: all 0.25s ease-in-out;
}

.prefers-reduced-motion .card[data-interactive*="scale"], .prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content[data-interactive*="scale"], .card[data-interactive*="flip"] .prefers-reduced-motion .card-flip-content[data-interactive*="scale"] {
    transition: none;
}

/*.card[data-interactive*="scale"]:hover, .card[data-interactive*="flip"] .card-flip-content[data-interactive*="scale"]:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px gray;
}*/

.card[data-interactive*="shift"], .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shift"] {
    transition: all 0.25s ease-in-out;
}

.prefers-reduced-motion .card[data-interactive*="shift"], .prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shift"], .card[data-interactive*="flip"] .prefers-reduced-motion .card-flip-content[data-interactive*="shift"] {
    transition: none;
}

/*.card[data-interactive*="shift"]:hover, .card[data-interactive*="flip"] .card-flip-content[data-interactive*="shift"]:hover {
    box-shadow: 0 5px 10px gray;
    transform: translateY(-5px);
}*/

.card[data-interactive*="flip"], .card[data-interactive*="flip"] .card-flip-content[data-interactive*="flip"] {
    background-color: transparent;
    color: inherit;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    perspective: 1000px;
}

    .card[data-interactive*="flip"] .card-flip-content {
        width: 100%;
        height: 100%;
        transition: transform 0.5s ease-in-out;
        transform-style: preserve-3d;
        transform-origin: center center;
    }

    .prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content, .card[data-interactive*="flip"] .prefers-reduced-motion .card-flip-content[data-interactive*="flip"] .card-flip-content {
        transition: none;
    }

    .card[data-interactive*="flip"] .card-front {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
        display: flex;
        position: relative;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .card[data-interactive*="flip"] .card-front:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .card[data-interactive*="flip"] .card-front-item,
        .card[data-interactive*="flip"] .card-front embed,
        .card[data-interactive*="flip"] .card-front object,
        .card[data-interactive*="flip"] .card-front video,
        .card[data-interactive*="flip"] .card-front iframe {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

    .card[data-interactive*="flip"] .card-back {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: #000;
        color: #fff;
        overflow-y: auto;
        transform: rotateY(-180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .card[data-interactive*="flip"].is-active, .card[data-interactive*="flip"] .card-flip-content[data-interactive*="flip"].is-active {
        z-index: 1;
    }

        .card[data-interactive*="flip"].is-active .card-flip-content, .card[data-interactive*="flip"] .card-flip-content[data-interactive*="flip"].is-active .card-flip-content {
            transform: rotateY(180deg);
            transition: transform 0.5s ease-in-out;
        }

    .prefers-reduced-motion .card[data-interactive*="flip"].is-active .card-flip-content, .prefers-reduced-motion .card[data-interactive*="flip"] .card-flip-content[data-interactive*="flip"].is-active .card-flip-content, .card[data-interactive*="flip"] .prefers-reduced-motion .card-flip-content[data-interactive*="flip"].is-active .card-flip-content {
        transition: none;
    }

    .card[data-interactive*="flip"] .show-card-front,
    .card[data-interactive*="flip"] .show-card-back {
        position: absolute;
        z-index: 1;
        right: 20px;
        bottom: 20px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        padding: 0;
    }

        .card[data-interactive*="flip"] .show-card-front:before,
        .card[data-interactive*="flip"] .show-card-back:before {
            content: "\f102";
            font-family: "icons" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 25px;
        }

        .card[data-interactive*="flip"] .show-card-front:before {
            transform: rotate(45deg);
        }

@-webkit-keyframes slideOne {
    0% {
        opacity: .75;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideOne {
    0% {
        opacity: .75;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slideTwo {
    0% {
        opacity: .5;
        transform: translate3d(-20px, 0, -50px);
    }

    100% {
        opacity: 1;
        transform: translate3d(-40px, 10px, -100px);
    }
}

@keyframes slideTwo {
    0% {
        opacity: .5;
        transform: translate3d(-20px, 0, -50px);
    }

    100% {
        opacity: 1;
        transform: translate3d(-40px, 10px, -100px);
    }
}

@-webkit-keyframes slideThree {
    0% {
        opacity: .5;
        transform: translate3d(-40px, 10px, -100px);
    }

    100% {
        opacity: 1;
        transform: translate3d(-80px, 20px, -200px);
    }
}

@keyframes slideThree {
    0% {
        opacity: .5;
        transform: translate3d(-40px, 10px, -100px);
    }

    100% {
        opacity: 1;
        transform: translate3d(-80px, 20px, -200px);
    }
}

@media (min-width: 1200px) {
    @-webkit-keyframes slideTwo {
        0% {
            opacity: .5;
            transform: translate3d(-25px, 0, -50px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-50px, 10px, -100px);
        }
    }

    @keyframes slideTwo {
        0% {
            opacity: .5;
            transform: translate3d(-25px, 0, -50px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-50px, 10px, -100px);
        }
    }

    @-webkit-keyframes slideThree {
        0% {
            opacity: .5;
            transform: translate3d(-50px, 10px, -100px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-100px, 20px, -200px);
        }
    }

    @keyframes slideThree {
        0% {
            opacity: .5;
            transform: translate3d(-50px, 10px, -100px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-100px, 20px, -200px);
        }
    }
}

@media (max-width: 991.98px) {
    @-webkit-keyframes slideTwo {
        0% {
            opacity: .5;
            transform: translate3d(-15px, 0, -50px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-30px, 10px, -100px);
        }
    }

    @keyframes slideTwo {
        0% {
            opacity: .5;
            transform: translate3d(-15px, 0, -50px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-30px, 10px, -100px);
        }
    }

    @-webkit-keyframes slideThree {
        0% {
            opacity: .5;
            transform: translate3d(-30px, 10px, -100px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-60px, 20px, -200px);
        }
    }

    @keyframes slideThree {
        0% {
            opacity: .5;
            transform: translate3d(-30px, 10px, -100px);
        }

        100% {
            opacity: 1;
            transform: translate3d(-60px, 20px, -200px);
        }
    }
}

.stacked-cards {
    perspective: 1000px;
    position: relative;
    padding-left: 50px;
}

    .stacked-cards .card, .stacked-cards .card[data-interactive*="flip"] .card-flip-content, .card[data-interactive*="flip"] .stacked-cards .card-flip-content {
        width: 450px;
        height: 450px;
        transform: translateY(0) scale(1);
        opacity: 1;
        transition: all 0.4s ease;
    }

    .stacked-cards .card--media .card-image:after {
        opacity: 0.92;
        background: linear-gradient(217deg, rgba(0, 0, 0, 0) 39%, #000 100%);
    }

    .stacked-cards .card--media .card-header .card-heading {
        font-family: "Merriweather", serif;
        font-weight: 400;
    }

    .stacked-cards .card--media .card-header .card-heading {
        font-size: 24px;
    }

@media (min-width: 575px) {
    .stacked-cards .card--media .card-header .card-heading {
        font-size: calc(24px + 10 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .stacked-cards .card--media .card-header .card-heading {
        font-size: 34px;
    }
}

.stacked-cards .card--media .card-content {
    margin-bottom: 0;
    padding: 20px 28px;
}

.stacked-cards .card:nth-of-type(2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(2) {
    transform: translate3d(-40px, 10px, -100px);
}

.stacked-cards .card:nth-of-type(3), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(3) {
    transform: translate3d(-80px, 20px, -200px);
}

.stacked-cards .card:nth-of-type(4), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(4), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(4) {
    transform: translate3d(-120px, 30px, -300px);
}

.stacked-cards .card:nth-of-type(5), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(5), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(5) {
    transform: translate3d(-160px, 40px, -400px);
}

@media (min-width: 1200px) {
    .stacked-cards .card, .stacked-cards .card[data-interactive*="flip"] .card-flip-content, .card[data-interactive*="flip"] .stacked-cards .card-flip-content {
        width: 550px;
        height: 550px;
    }

        .stacked-cards .card:nth-of-type(2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(2) {
            transform: translate3d(-50px, 10px, -100px);
        }

        .stacked-cards .card:nth-of-type(3), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(3) {
            transform: translate3d(-100px, 20px, -200px);
        }

        .stacked-cards .card:nth-of-type(4), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(4), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(4) {
            transform: translate3d(-150px, 30px, -300px);
        }

        .stacked-cards .card:nth-of-type(5), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(5), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(5) {
            transform: translate3d(-200px, 40px, -400px);
        }
}

@media (max-width: 991.98px) {
    .stacked-cards .card, .stacked-cards .card[data-interactive*="flip"] .card-flip-content, .card[data-interactive*="flip"] .stacked-cards .card-flip-content {
        width: 350px;
        height: 350px;
    }

        .stacked-cards .card:nth-of-type(2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(2) {
            transform: translate3d(-30px, 10px, -100px);
        }

        .stacked-cards .card:nth-of-type(3), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(3) {
            transform: translate3d(-60px, 20px, -200px);
        }

        .stacked-cards .card:nth-of-type(4), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(4), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(4) {
            transform: translate3d(-90px, 30px, -300px);
        }

        .stacked-cards .card:nth-of-type(5), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(5), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(5) {
            transform: translate3d(-120px, 40px, -400px);
        }
}

.stacked-cards .card:nth-of-type(1), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(1), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(1) {
    z-index: 3;
}

.stacked-cards .card:nth-of-type(2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(2) {
    z-index: 2;
}

.stacked-cards .card:nth-of-type(3), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(3) {
    z-index: 1;
}

.stacked-cards .card:nth-of-type(n + 2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(n + 2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(n + 2) {
    position: absolute;
    top: 0;
    left: 50px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .stacked-cards .card:nth-of-type(n + 2), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(n + 2), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(n + 2) {
        left: 30px;
    }
}

.stacked-cards .card:nth-of-type(n + 4), .stacked-cards .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards .card-flip-content:nth-of-type(3) {
    visibility: hidden;
}

.stacked-cards-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1340px;
}

@media (max-width: 767.98px) {
    .stacked-cards-container {
        background: #ffb81c;
    }
}

@media (min-width: 768px) {
    .stacked-cards-inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: .5fr 15px 1fr;
        grid-template-columns: .5fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-gap: 15px;
    }

        .stacked-cards-inner > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .stacked-cards-inner > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }
}

@media (min-width: 992px) {
    .stacked-cards-inner {
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

        .stacked-cards-inner > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .stacked-cards-inner > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }
}

.stacked-cards-links {
    margin: 0 0 34px;
    padding: 0;
    list-style-type: none;
}

    .stacked-cards-links li {
        margin: 40px 0;
        counter-increment: carouselLinks;
    }

        .stacked-cards-links li a {
            font-family: "Merriweather", serif;
            color: white;
            text-decoration: none;
            padding-left: 30px;
            position: relative;
            display: inline-block;
        }

        .stacked-cards-links li a {
            font-size: 24px;
        }

@media (min-width: 575px) {
    .stacked-cards-links li a {
        font-size: calc(24px + 2 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .stacked-cards-links li a {
        font-size: 26px;
    }
}

.stacked-cards-links li a:before {
    content: counter(carouselLinks);
    font-size: 12px;
    font-family: "Rubik", sans-serif;
    position: absolute;
    left: 0;
    top: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
    transition: all 0.3s ease;
}

.stacked-cards-links li a:after {
    content: " ";
    display: block;
    background: #142554;
    position: absolute;
    bottom: 19px;
    left: 8px;
    height: 0;
    width: 0;
    z-index: 1;
    transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0s ease 0.2s;
}

.stacked-cards-links li a.active:before {
    background: #142554;
    color: #fff;
    left: -120px;
}

.stacked-cards-links li a.active:after {
    left: -94px;
    width: 103px;
    height: 2px;
    transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.stacked-cards-links li a:hover {
    text-decoration: underline;
}

@media (min-width: 1900px) {
    .stacked-cards-links li a {
        font-size: 29px;
    }
}

@media (min-width: 1200px) {
    .stacked-cards-links li a.active:before {
        left: -219px;
    }

    .stacked-cards-links li a.active:after {
        left: -194px;
        width: 203px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .stacked-cards-links li a {
        font-size: 20px;
    }

        .stacked-cards-links li a:before {
            top: 1px;
        }

        .stacked-cards-links li a:after {
            bottom: 12px;
        }
}

@media (max-width: 767.98px) {
    .stacked-cards-links li a.active:before {
        background: transparent;
        color: #142554;
        left: 0;
    }

    .stacked-cards-links li a.active:after {
        display: none;
    }
}

.stacked-cards-links li:nth-child(-n+9) a:before {
    content: "0" counter(carouselLinks);
}

.stacked-cards-links li:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .stacked-cards-links li {
        margin: 10px 0;
    }
}

.stacked-cards-links-wrapper {
    background: #006f43;
    padding: 70px 18px 60px;
    position: relative;
}

    .stacked-cards-links-wrapper:after {
        content: '';
        background: #006f43;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -100%;
        z-index: -1;
    }

@media (min-width: 768px) {
    .stacked-cards-links-wrapper {
        padding: 70px 0 60px 45px;
        order: 2;
    }
}

@media (min-width: 992px) {
    .stacked-cards-links-wrapper {
        padding: 70px 18px 60px 50px;
    }
}

@media (min-width: 1200px) {
    .stacked-cards-links-wrapper {
        padding: 83px 38px 30px 80px;
    }
}

.stacked-cards-links-title {
    margin-bottom: 34px;
    color: white;
    font-weight: 500;
}

.stacked-cards-links-title {
    font-size: 24px;
}

@media (min-width: 575px) {
    .stacked-cards-links-title {
        font-size: calc(24px + 8 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .stacked-cards-links-title {
        font-size: 32px;
    }
}

@media (min-width: 1900px) {
    .stacked-cards-links-title {
        font-size: 40px;
    }
}

.stacked-cards-wrapper {
    overflow: hidden;
}

.stacked-cards-content-wrapper {
    padding: 137px 0 89px 0;
    justify-self: flex-end;
    margin-right: -46px;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .stacked-cards-content-wrapper {
        display: none;
    }
}

.stacked-cards.animated .card:nth-of-type(2), .stacked-cards.animated .card[data-interactive*="flip"] .card-flip-content:nth-of-type(2), .card[data-interactive*="flip"] .stacked-cards.animated .card-flip-content:nth-of-type(2) {
    -webkit-animation: slideTwo .6s ease forwards;
    animation: slideTwo .6s ease forwards;
}

.stacked-cards.animated .card:nth-of-type(3), .stacked-cards.animated .card[data-interactive*="flip"] .card-flip-content:nth-of-type(3), .card[data-interactive*="flip"] .stacked-cards.animated .card-flip-content:nth-of-type(3) {
    -webkit-animation: slideThree .6s ease forwards;
    animation: slideThree .6s ease forwards;
}

@media (max-width: 991.98px) {
    .stacked-cards {
        padding-left: 25px;
    }
}

.featured-card {
    position: relative;
}

    .featured-card figure {
        position: relative;
    }

        .featured-card figure img {
            max-width: initial;
            width: 100%;
        }

        .featured-card figure:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0.92;
            background: linear-gradient(217deg, rgba(0, 0, 0, 0) 39%, #000 100%);
        }

.featured-card-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
    font-family: "Rubik", sans-serif;
}

@media (min-width: 1900px) {
    .featured-card-title {
        font-size: 20px;
    }
}

.featured-card-content {
    text-align: center;
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 73px;
}

.featured-card-content-title {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

.featured-card-content-title {
    font-size: 28px;
}

@media (min-width: 575px) {
    .featured-card-content-title {
        font-size: calc(28px + 22 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .featured-card-content-title {
        font-size: 50px;
    }
}

@media (min-width: 1900px) {
    .featured-card-content-title {
        font-size: 70px;
    }
}

@media (max-width: 991.98px) {
    .featured-card-content {
        bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .featured-card-content {
        bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .featured-card {
        margin: 0 -15px;
    }
}

.news-card {
    border-bottom: 1px solid #f0ede5;
    font-family: "Rubik", sans-serif;
    padding: 34px 0 38px;
}

.right-rail .news-card {
    padding: 16px 0;
}

.news-card-title {
    letter-spacing: -0.66px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #00205b;
}

.news-card-title {
    font-size: 22px;
}

@media (min-width: 575px) {
    .news-card-title {
        font-size: calc(22px + 6 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .news-card-title {
        font-size: 28px;
    }
}

.news-card-title a {
    color: #00205b;
    text-decoration: none;
}

    .news-card-title a:hover {
        text-decoration: underline;
    }

@media (min-width: 1900px) {
    .news-card-title {
        font-size: 32px;
    }
}

.right-rail .news-card-title {
    font-size: 16px;
}

@media (min-width: 575px) {
    .right-rail .news-card-title {
        font-size: calc(16px + 2 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .right-rail .news-card-title {
        font-size: 18px;
    }
}

.right-rail .news-card-title p {
    display: none;
}

@media (min-width: 1900px) {
    .right-rail .news-card-title {
        font-size: 25px;
    }
}

.news-card-tags {
    padding: 0;
    margin: 14px 0 0;
    list-style-type: none;
    color: #00205b;
}

    .news-card-tags li {
        display: inline-block;
        padding: 6px 8px;
        background: #ebf2ff;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 12px;
    }

        .news-card-tags li a {
            color: #00205b;
            text-decoration: none;
        }

            .news-card-tags li a:hover {
                text-decoration: underline;
            }

@media (min-width: 1900px) {
    .news-card-tags li {
        font-size: 15px;
    }
}

.news-card figure {
    margin-bottom: 23px;
}

    .news-card figure img {
        max-width: initial;
        width: 100%;
    }

    .news-card figure a {
        display: block;
        position: relative;
    }

        .news-card figure a:after {
            content: '';
            border: 0 solid #ffb81c;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transition: all 0.25s ease;
        }

        .news-card figure a:hover:after {
            border: 20px solid #ffb81c;
        }

.is-tabbing .news-card figure a:focus:after {
    border: 20px solid #ffb81c;
}

.right-rail .news-card figure {
    margin-bottom: 15px;
}

.news-card.video {
    border-bottom: 0;
}

    .news-card.video figure a:before {
        content: '';
        background: url("https://www.pitt.edu/assets/img-pittwire-video-play.png");
        background-size: cover;
        width: 73px;
        height: 73px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

@media (max-width: 767.98px) {
    .news-card.video figure a:before {
        width: 40px;
        height: 40px;
    }
}

.news-card.image {
    border-bottom: 0;
}

.right-rail .news-card.image {
    padding: 0 0 20px;
}

@media (max-width: 767.98px) {
    .right-rail .news-card.image {
        padding: 0 0 40px;
    }
}

@media (max-width: 767.98px) {
    .news-card.image + .pittwire-heading {
        margin-top: 10px;
    }
}

.news-card + .pittwire-heading {
    margin-top: 50px;
}

@media (max-width: 767.98px) {
    .news-card {
        padding: 30px 0 25px;
    }
}

.callout-card {
    position: relative;
    padding-bottom: 39px;
    border-bottom: 1px solid #f0ede5;
    margin-bottom: 39px;
}

    .callout-card a {
        display: block;
        position: relative;
    }

        .callout-card a:after {
            content: '';
            border: 0 solid #ffb81c;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transition: all 0.25s ease;
        }

        .callout-card a:hover:after {
            border: 18px solid #ffb81c;
        }

.is-tabbing .callout-card a:focus:after {
    border: 20px solid #ffb81c;
}

.callout-card figure {
    position: relative;
}

    .callout-card figure:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .callout-card figure img {
        max-width: initial;
        width: 100%;
    }

.callout-card-content {
    color: #fff;
    position: absolute;
    bottom: 66px;
    left: 20px;
    right: 20px;
    font-family: "Rubik", sans-serif;
}

.callout-card-content {
    font-size: 12px;
}

@media (min-width: 575px) {
    .callout-card-content {
        font-size: calc(12px + 2 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .callout-card-content {
        font-size: 14px;
    }
}

.callout-card-content-title {
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    text-shadow: 0 0 6px #000;
}

.callout-card-content-title {
    font-size: 16px;
}

@media (min-width: 575px) {
    .callout-card-content-title {
        font-size: calc(16px + 2 * (100vw - 575px) / 1025);
    }
}

@media (min-width: 1600px) {
    .callout-card-content-title {
        font-size: 18px;
    }
}

@media (min-width: 1900px) {
    .callout-card-content-title {
        font-size: 22px;
    }
}

.callout-card-content p {
    margin-bottom: 0;
    text-shadow: 0 0 6px #000;
}

@media (min-width: 1900px) {
    .callout-card-content {
        font-size: 18px;
    }
}


.top-nav {
    font-family: 'DM Sans', sans-serif !important;
    /* background: linear-gradient(233.19deg, #fbd700 -256.88%, #026e32 -167.3%, #036e32 -81.23%, #fbd700 -2.2%, #006d33 80.36%);*/
    /*background: rgb(72,173,165);*/
    padding: 0 0;
    z-index: 9999;
    position: relative;
    font-size: 16px;
    height: auto;
    font-weight: 300;
    transition-duration: .3s;
    border-bottom: none;
}

    .top-nav .time {
        float: left;
        color: #fff;
        text-decoration: none;
        padding: 5px 0
    }

        .top-nav .time i {
            font-size: 14px
        }

    .top-nav ul {
        margin: 0
    }

        .top-nav ul.pwdarea li a img {
            width: 25px
        }

    .top-nav li {
        list-style-type: none;
        float: left
    }

        .top-nav li a:hover {
            text-decoration: none
        }

    .top-nav .btn-xs {
        padding: 3px 4px;
        line-height: 1.5;
        border-radius: 0;
        border: solid 1px rgba(255,255,255,.5);
        background-color: #fff;
        color: #333;
        font-weight: 700
    }

    .top-nav .btn-black {
        padding: 3px 6px;
        font-size: 10px;
        line-height: 1.5;
        border-radius: 0;
        border: solid 1px #fff;
        background-color: rgba(255,255,255,.1);
        color: #fff
    }

    .top-nav .btn-blue {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 1.1;
        border-radius: 0;
        border: solid 0 #000;
        background-color: #00b9be;
        color: #fff
    }

    .top-nav .btn-yellow {
        padding: 4px 6px;
        font-size: 12px;
        line-height: 1.1;
        border-radius: 0;
        border: solid 0 #d8470e;
        background-color: #f57d57;
        color: #fff
    }

    .top-nav .input-sm {
        height: 21px;
        margin: 0;
        padding: 0 10px;
        border-radius: 0
    }

    .top-nav .navbar-right {
        float: right !important;
        margin-bottom: 0;
        margin-right: -15px;
        margin-top: -1px
    }

    .top-nav .defTheme {
        color: #fff;
        padding: 3px 6px;
    }

.hi-btn {
    background-color: #d9d9d9;
    color: #000 !important;
    padding: 6px 12px;
    display: block;
}

.search-open {
    color: #000 !important;
    padding: 6px 12px;
    display: block;
}

.searchbox {
    width: 200px
}

.stylish-input-group .input-group-addon {
    background-color: #fe5900;
    border: 1px solid #fe5900;
    color: #fff;
    padding: 4px 0;
    border-radius: 0
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: transparent;
    border-radius: 0;
    height: 25px
}

.stylish-input-group button {
    border: 0;
    background: 0 0
}

.top-nav ul.pwdarea {
    text-align: right;
    float: right;
    margin-right: 0px;
    margin-bottom: 0px;
}

    .top-nav ul.pwdarea li a {
        color: #393939
    }

    /* .top-nav ul.pwdarea li:hover {
        -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }*/
    .top-nav ul.pwdarea li {
        padding: 1px 1px 0 6px;
        font-weight: 400;
        position: relative;
        top: 0px;
        margin: 0px 4px;
    }

.pwdarea li .fontresize {
    display: block;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 22px;
    background-color: #fff;
}

.pwdarea li .theame {
    display: block;
    border-radius: 50%;
    border: 0px solid #eee;
    box-sizing: border-box;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 18px;
    background-color: white;
    color: black !important;
}

.pwdarea li .contrast {
    background-color: white;
}

.top-nav ul.topleft_menu {
    text-align: left;
    padding: 0;
    margin: 0;
    min-height: auto;
}

    .top-nav ul.topleft_menu li {
        font-weight: 400;
    }

        .top-nav ul.topleft_menu li a {
            padding: 2px 6px;
            display: block;
            color: white;
            font-size: 15px;
        }


            .top-nav ul.topleft_menu li a:before {
                content: '';
                position: absolute;
                left: 0px;
                bottom: 0px;
                height: 1px;
                background-color: #006f43;
                width: 0%;
                transition-duration: .3s;
            }

            .top-nav ul.topleft_menu li a:hover::before a {
                width: 100%
            }





        /*.top-nav ul.topleft_menu li a:hover {
    background-color: #fff;
    color: #006f43;
}*/

        .top-nav ul.topleft_menu li:last-child a {
            border-right: 0 solid #3e3d3d
        }

    .top-nav ul.topleft_menu .dropdown li {
        float: none;
    }

.top-nav ul.pwdarea li:nth-child(4) {
    padding-right: 4px
}

.top-nav ul.pwdarea li:nth-child(5) {
    padding-right: 4px;
    padding-left: 4px
}

.top-nav ul.pwdarea li:nth-child(6) {
    padding-left: 4px
}

.top-nav ul.pwdarea li:nth-child(7) {
    padding-right: 3px
}

.top-nav ul.pwdarea li:nth-child(8) {
    padding-left: 3px
}

.top-nav ul.pwdarea li:nth-child(9) {
    padding-top: 3px;
    padding-right: 0px;
}

.top-nav ul.pwdarea li:nth-child(10) {
    padding: 0px
}

/*header {
        position: relative;
        display: block;
        z-index: 100;*/
/*max-width: 1347px;*/
/*margin: 0 auto;
        display: block
    }

        header .navbar-inverse {
            background-color: transparent;
            border: 0
        }

    .primarymenu {
        margin: 0 auto;
        bottom: 0;
        background: #006f43;
        position: relative;
        padding: 0px;
    }

        .primarymenu .navbar-nav {*/ /* float:none; */ /* display:table; */ /* margin:0px auto; */
/*}

    .navborder {
        position: absolute;
        left: 0;
        width: 32%;
        background: #fff;
        z-index: 9999;
        padding: 6px 0
    }

        .navborder:before {
            border-bottom: 49px solid #007c7c;
            border-left: 45px solid transparent;
            content: "";
            height: 0;
            right: 0;
            position: absolute;
            top: 0;
            width: 0
        }*/

.logo-section {
    background-image: url('../img/header_photo.jpg');
    background-position: center;
}

.services-link > li {
    border-bottom: 0px dotted #dad3d3 !important;
}

ul.services-link li {
    padding: 4px 0px 2px 16px !important;
    margin-top: 10px !important;
}

.services-btn {
    margin: 0 17px 0 -29px !important;
    display: block !important;
    background: #14a555 !important;
    border: 0px !important;
    padding: 14px 8px !important;
}

ul.services-link {
    list-style: none;
    margin: 0px 16px 0px -29px !important;
    padding: 8px 0px 8px 6px !important;
    background: #fff;
    border: 1px solid #ccc;
    min-height: 311px;
}

.servbox {
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin: 12px 10px 0px -20px;
    background: #fff;
    font-size: 0.85em;
    min-height: 397px;
    position: relative;
}

    .servbox h4 {
        font-family: 'Roboto Slab', serif;
        margin: 0px 0px 15px 0px;
        color: #192f59;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
    }

    .servbox ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .servbox ul li {
            position: relative;
            padding: 3px 0px 3px 16px;
        }

            .servbox ul li:before {
                font-family: 'FontAwesome';
                content: "\f192";
                color: #14a555;
                position: absolute;
                left: 0px;
                font-size: 12px;
                top: 3px;
            }

    .servbox .services-btn2 {
        white-space: inherit;
        position: relative;
        position: absolute;
        margin: 0px auto;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background-color: #14a555;
        border-color: #00863c;
    }


.toprightbg {
    background-color: #006f43;
}

    .toprightbg:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 33px solid #006f43;
        border-left: 35px solid transparent;
        position: absolute;
        left: -35px;
    }

.li_round {
    display: block;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 22px;
    background-color: #fff;
}

    .li_round a {
        margin-left: -5px;
    }

.toprightbg:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 33px solid #006f43;
    border-left: 35px solid transparent;
    position: absolute;
    left: -35px;
}


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

/* Chatbot */
.botIcon {
    bottom: 15px;
    right: 15px;
    position: fixed;
    z-index: 9999;
}


.botIcons {
    bottom: 15px;
    right: 15px;
    position: fixed;
    z-index: 9999;
}

.iconInner {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-position: 50%;
    background-size: 300%;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.7em;
    height: 3em;
    justify-content: center;
    width: 3em;
}

.botSubject, .messages, .showBotSubject .botIconContainer, .showMessenger .botIconContainer {
    display: none;
}
/* .showBotSubject .botSubject {display: block;}
.showMessenger .messages {display: block;}
.botSubject {position: relative;width: 300px;}
.botIcon .messages {background: none;border: none;border-radius: 0;bottom: 0;box-shadow: 0px 0px 30px -5px #000;min-height: 250px;max-height: 50vh;margin: 0;padding: 0;position: relative;right: 0;width: 300px;}
.screen {background-color: #fff;position: absolute;height: 100%;overflow: hidden;width: 100%;}
.botIcon .messages .body {box-sizing: border-box;height: calc(100% - 40px);overflow-y: auto;padding: 0px 12px 6px;}
.botIcon .messages .body .msg {-webkit-animation: msg 1s;-moz-animation: msg 1s;-ms-animation: msg 1s;-o-animation: msg 1s;animation: msg 1s;background-color: #1666af;border-radius: 0px 10px 10px 10px;box-sizing: border-box;clear: both;color: #fff;margin-top: 10px;opacity: 1;display: block;overflow: hidden;padding: 10px 10px;width: 100%;float: left;width: auto;}
.messages .body .msg.user {background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0 , .5);border-radius: 10px 0px 10px 10px;color: #000;float: right;width: auto;}
.botIcon .messages .footer, .botSubject > form {box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);bottom: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 0;position: absolute;width: 100%;z-index: 100;}
.botSubject > form {background-color: #fff;padding: 20px 15px;position: static;}
.botIcon .messages .footer input, .botSubject input {border-width: 0px;box-sizing: border-box;font-size: 1em;margin: 0;padding-left: 10px;}
.botIcon .messages .footer input[type="text"], .botSubject input[type="text"] {border: 1px solid;width: calc(100% - 70px);}
.botIcon .messages .footer input[type="submit"], .messages .footer input[type="button"], .messages .footer button, .botSubject input[type="submit"], .botSubject input[type="button"], .botSubject button {width: 60px;}
.botIcon .messages .footer input, .messages .footer button, .botSubject input, .botSubject button {height: 40px;}
.botIcon .messages .footer button, .botSubject button {background-color: #123123;border: 0px solid black;color: white;width: 70px;margin: 0px;outline: none;}
.botIcon .messages .footer button:hover, .botSubject button:hover {opacity: 0.7;}
.botIcon .btn.btn-default.buyc_btn {border-radius: 0 !important;color: #fff;margin: 0;padding: 0;}
.botIcon .btn.btn-default.buyc_btn:hover {padding: 0;}
.closeBtn {background: #a64bf4;background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -o-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -moz-linear-gradient(right,#00dbde, #fc00ff, #00dbde,#fc00ff);background: linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background-position: 50%;background-size: 300%;border-radius: 50%;height: 30px;position: absolute;right: 0;top: 0;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);width: 30px;z-index: 999;}
.closeBtn::before, .closeBtn::after {background-color: #fff;content: "";display: block;height: 2px;left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 20px;}
.closeBtn::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}

@-webkit-keyframes msg {
	0% {opacity: 0;-webkit-transform: translateY(20px);}
	100% {opacity: 1;-webkit-transform: translateY(0px);}
}
@-o-keyframes msg {
	0% {opacity: 0;-o-transform: translateY(20px);}
	100% {opacity: 1;-o-transform: translateY(0px);}
}
@-moz-keyframes msg {
	0% {opacity: 0;-moz-transform: translateY(20px);}
	100% {opacity: 1;-moz-transform: translateY(0px);}
}
@-ms-keyframes msg {
	0% {opacity: 0;-ms-transform: translateY(20px);}
	100% {opacity: 1;-ms-transform: translateY(0px);}
}
@keyframes msg {
	0% {opacity: 0;transform: translateY(20px);}
	100% {opacity: 1;transform: translateY(0px);}
}

@media only screen and (max-width: 412px) {
	.botSubject, .botIcon .messages {width: 280px;}
} */

.botIcon .Messages, .botIcon .Messages_list {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chat_close_icon {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 12px;
    z-index: 9;
}

.chat_on {
    background-color: #8a57cf;
    bottom: 20px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 45px;
    padding: 9px;
    position: fixed;
    right: 15px;
    text-align: center;
    width: 45px;
    z-index: 10;
}

.chat_on_icon {
    color: #fff;
    font-size: 25px;
    text-align: center;
}

.botIcon .Layout {
    -webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
    -ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
    animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: rgb(63, 81, 181);
    bottom: 20px;
    border-radius: 10px;
    box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);
    box-sizing: content-box !important;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-height: 30px;
    max-width: 300px;
    min-width: 50px;
    opacity: 0;
    pointer-events: auto;
    position: fixed;
    -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
    -ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
    transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
    z-index: 999999999;
}

.botIcon .Layout-open {
    border-radius: 10px;
    color: #fff;
    height: 500px;
    max-height: 500px;
    max-width: 300px;
    overflow: hidden;
    -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    -ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    width: 100%;
}

.botIcon .Layout-expand {
    display: none;
    height: 400px;
    max-height: 100vh;
    min-height: 300px;
}

.showBotSubject.botIcon .Layout-expand {
    display: block;
    right: 100px;
}

.botIcon .Layout-mobile {
    bottom: 10px
}

    .botIcon .Layout-mobile.Layout-open {
        min-width: calc(100% - 20px);
        width: calc(100% - 20px);
    }

    .botIcon .Layout-mobile.Layout-expand {
        border-radius: 0 !important;
        bottom: 0;
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        width: 100%;
    }

.botIcon .Messenger_messenger {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.botIcon .Messenger_header, .botIcon .Messenger_messenger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.botIcon .Messenger_header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #006f43;
    color: rgb(255, 255, 255);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    padding-left: 10px;
    padding-right: 40px;
}

    .botIcon .Messenger_header h4 {
        -webkit-animation: slidein .15s .3s;
        -ms-animation: slidein .15s .3s;
        animation: slidein .15s .3s;
        -webkit-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        font-size: 16px;
        opacity: 0;
        color: gold;
    }

.botIcon .Messenger_prompt {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.botIcon .Messenger_content {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 80px;
}

.botIcon .Messages {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.botIcon .Input {
    background-color: #fff;
    border-top: 1px solid #e6ebea;
    color: #96aab4;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-bottom: 15px;
    padding-top: 17px;
    position: relative;
    width: 100%;
}

.botIcon .Input-blank .Input_field {
    max-height: 20px;
}

.botIcon .Input_field {
    background-color: transparent;
    border: none;
    outline: none;
    padding-left: 20px;
    padding-right: 45px;
    resize: none;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px !important;
}

.botIcon .Input_button-emoji {
    right: 45px;
}

.botIcon .Input_button {
    background-color: transparent;
    border: none;
    bottom: 15px;
    cursor: pointer;
    height: 25px;
    outline: none;
    padding: 0;
    position: absolute;
    width: 25px;
}

.botIcon .Input_button-send {
    right: 15px;
}

.botIcon .Input-emoji .Input_button-emoji .Icon, .botIcon .Input_button:hover .Icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

    .botIcon .Input-emoji .Input_button-emoji .Icon path, .botIcon .Input_button:hover .Icon path {
        fill: #2c2c46;
    }

.Icon svg {
    height: auto;
    width: 100%;
}

.msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .msg.user {
        -webkit-box-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .msg + .msg {
        margin-top: 15px;
    }

span.responsText {
    color: #000;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    max-width: calc(100% - 50px);
}

.msg.user span.responsText {
    margin-left: 0;
    margin-right: 10px;
}

span.avtr {
    display: inline-block;
    width: 30px;
}

    span.avtr figure {
        background-color: #ccc;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        display: block;
        margin: 0;
        padding-bottom: 100%;
    }

@-webkit-keyframes appear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes appear {
    0% {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes appear {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slidein {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes slidein {
    0% {
        opacity: 0;
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slidein {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 412px) {
    .botIcon .Layout-open {
        width: 250px;
    }
}


/* Research & Innovation - Start */


.elementor-element, .elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: flex;
}





.elementor-element-64ce9e4 > -populated {
    margin: 0px 0px 0px 76px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 76px;
    padding: 0px 0px 0px 0px;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.elementor-element {
    --widgets-spacing: 20px 20px;
}

.elementor-element-dbe7925 {
    margin-top: 28px;
    margin-bottom: 0px;
}

.elementor-widget-wrap > {
    width: 100%;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}

.elementor-section .elementor-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
    width: 100%;
}

.elementor-element-00347b7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element-00347b7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #006f43;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 10px;
    padding: 50px 50px 50px 50px;
}

.elementor-element-00347b7 > -populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 10px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 10px;
    padding: 50px 50px 50px 50px;
}

.elementor:not(.elementor-bc-flex-widget)
.elementor-widget-wrap {
    display: flex;
}

.elementor-widget:not(:last-child) {
    margin-block-end: 20px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.elementor-element-c25bd83 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Cormorant" Sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1em;
}

.elementor-element-8f1b067 .elementor-heading-title {
    color: black;
    font-family: "Cormorant" Sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 1em;
}

.elementor-element-3278dfe {
    color: #FFFFFF;
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.elementor-element-b177cc0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element-b177cc0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url('../img/journey/01.jpg');
    background-position: 66% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-element-b177cc0 > -populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 10px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 10px;
    padding: 0px 0px 0px 0px;
}

.elementor-element-ff701f9 {
    --spacer-size: 280px;
}

.elementor-element-ff701f9 {
    --spacer-size: 280px;
}

.elementor-column .elementor-spacer-inner {
    height: var(--spacer-size);
}

.elementor-element-dfb5df2 > -populated {
    padding: 0px 0px 0px 0px;
}

.elementor-element-048a5c0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element-048a5c0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url('../img/journey/02.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-element-048a5c0 > -populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 10px 0px 0px;
    --e-column-margin-right: 10px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 0px;
}

.elementor-element-f501aa5 {
    --spacer-size: 280px;
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.elementor-element-63041e8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-element-63041e8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #FFC53A;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 50px 50px 50px 50px;
}

.elementor-element-63041e8 > -populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 10px 0px 0px;
    --e-column-margin-right: 10px;
    --e-column-margin-left: 0px;
    padding: 50px 50px 50px 50px;
}

.elementor-widget:not(:last-child) {
    margin-block-end: 20px;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-element-6e46df0 {
    color: #292929;
}

.elementor-element.elementor-element-00347b7 > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 10px;
    padding: 50px 50px 50px 50px;
}

.elementor-column {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.flex_class {
    position: relative;
    min-height: 1px;
    display: flex;
}




.elementor-element {
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--order);
    align-self: var(--align-self);
}

.elementor-kit-11 {
    --e-global-color-primary: #006f43;
    --e-global-color-secondary: #FFC53A;
    --e-global-color-text: #292929;
    --e-global-color-accent: #2B7258;
    --e-global-typography-primary-font-family: "DM Sans";
    --e-global-typography-primary-font-size: 15px;
    --e-global-typography-primary-font-weight: 400;
    --e-global-typography-secondary-font-family: "Cormorant";
    --e-global-typography-secondary-font-size: 55px;
    --e-global-typography-secondary-font-weight: 900;
    --e-global-typography-secondary-line-height: 1em;
    --e-global-typography-text-font-family: "DM Sans";
    --e-global-typography-text-font-size: 15px;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "DM Sans";
    --e-global-typography-accent-font-size: 13px;
    --e-global-typography-accent-font-weight: 400;
    --e-global-typography-6773d83-font-family: "DM Sans";
    --e-global-typography-6773d83-font-size: 14px;
    --e-global-typography-6773d83-font-weight: 400;
    --e-global-typography-6773d83-text-transform: uppercase;
    --e-global-typography-6773d83-line-height: 1em;
    --e-global-typography-6773d83-letter-spacing: 2px;
    --e-global-typography-32fe580-font-family: "DM Sans";
    --e-global-typography-32fe580-font-size: 14px;
    --e-global-typography-32fe580-font-weight: 400;
    --e-global-typography-32fe580-line-height: 1.5em;
    --e-global-typography-72a2f8f-font-family: "DM Sans";
    --e-global-typography-72a2f8f-font-size: 15px;
    --e-global-typography-72a2f8f-font-weight: 500;
    --e-global-typography-72a2f8f-line-height: 1em;
    --e-global-typography-1c6eaab-font-family: "DM Sans";
    --e-global-typography-1c6eaab-font-size: 18px;
    --e-global-typography-1c6eaab-font-weight: 400;
    --e-global-typography-1c6eaab-line-height: 1.5em;
    --e-global-typography-9ba4f00-font-family: "DM Sans";
    --e-global-typography-9ba4f00-font-size: 200px;
    --e-global-typography-9ba4f00-font-weight: 900;
    --e-global-typography-9ba4f00-line-height: 1em;
    --e-global-typography-edf519d-font-family: "Cormorant";
    --e-global-typography-edf519d-font-size: 90px;
    --e-global-typography-edf519d-font-weight: 900;
    --e-global-typography-edf519d-text-transform: uppercase;
    --e-global-typography-edf519d-line-height: 1em;
    --e-global-typography-981542f-font-family: "Cormorant";
    --e-global-typography-981542f-font-size: 55px;
    --e-global-typography-981542f-font-weight: 900;
    --e-global-typography-981542f-text-transform: uppercase;
    --e-global-typography-981542f-line-height: 1em;
    --e-global-typography-3d71550-font-family: "DM Sans";
    --e-global-typography-3d71550-font-size: 60px;
    --e-global-typography-3d71550-font-weight: 600;
    --e-global-typography-3d71550-line-height: 1em;
    --e-global-typography-0f01257-font-family: "DM Sans";
    --e-global-typography-0f01257-font-size: 45px;
    --e-global-typography-0f01257-font-weight: 600;
    --e-global-typography-0f01257-line-height: 1em;
    --e-global-typography-6663b57-font-family: "Cormorant";
    --e-global-typography-6663b57-font-size: 30px;
    --e-global-typography-6663b57-font-weight: 900;
    --e-global-typography-6663b57-line-height: 1em;
    --e-global-typography-f08b87d-font-family: "Cormorant";
    --e-global-typography-f08b87d-font-size: 26px;
    --e-global-typography-f08b87d-font-weight: 900;
    --e-global-typography-f08b87d-line-height: 1.2em;
    --e-global-typography-7efc4d4-font-family: "Cormorant";
    --e-global-typography-7efc4d4-font-size: 24px;
    --e-global-typography-7efc4d4-font-weight: 900;
    --e-global-typography-7efc4d4-line-height: 1.2em;
    --e-global-typography-f155174-font-family: "Cormorant";
    --e-global-typography-f155174-font-size: 22px;
    --e-global-typography-f155174-font-weight: 900;
    --e-global-typography-f155174-line-height: 1em;
    --e-global-typography-1da3774-font-family: "Cormorant";
    --e-global-typography-1da3774-font-size: 35px;
    --e-global-typography-1da3774-font-weight: 900;
    --e-global-typography-1da3774-line-height: 1em;
    --e-global-typography-a0760d0-font-family: "Cormorant";
    --e-global-typography-a0760d0-font-size: 22px;
    --e-global-typography-a0760d0-font-weight: 900;
    --e-global-typography-a0760d0-line-height: 1em;
    --e-global-typography-20e15f3-font-family: "Cormorant";
    --e-global-typography-20e15f3-font-size: 20px;
    --e-global-typography-20e15f3-font-weight: 900;
    --e-global-typography-20e15f3-line-height: 1.2em;
    --e-global-typography-d188700-font-family: "DM Sans";
    --e-global-typography-d188700-font-size: 15px;
    --e-global-typography-d188700-font-weight: 500;
    --e-global-typography-d188700-text-transform: uppercase;
    --e-global-typography-d188700-line-height: 1em;
    --e-global-typography-d188700-letter-spacing: 4px;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
}



.jkit-color-scheme {
    --jkit-bg-color: #ffffff;
    --jkit-border-color: #eaeaeb;
    --jkit-txt-color: #575A5F;
    --jkit-txt-h-color: #181D23;
    --jkit-txt-a-color: #0058E6;
    --jkit-txt-m-color: #96989B;
    --jkit-txt-alt-color: #ffffff;
    --jkit-form-border-color: #D5D5D7;
    --jkit-form-bg-color: transparent;
    --jkit-form-txt-color: #181D23;
    --jkit-btn-txt-color: #ffffff;
    --jkit-btn-bg-color: #0058E6;
    --jkit-btn-bg-hover-color: #0048bd;
    --jkit-selection-bg-color: #d8a600;
    --jkit-element-bg-color: #80b1ff;
    --jkit-element-darken-bg-color: #0058E6;
    --jkit-element-lighten-bg-color: #e6f0ff;
    --jkit-success-bg-color: #75ffd8;
    --jkit-success-border-color: #007f5b;
    --jkit-error-bg-color: #ffcccc;
    --jkit-error-border-color: #d60000;
}
/* Research & Innovation - End */



/* Gallery - Start */

.gallery {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.gallery1 {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.Smart_gallery figure {
    width: 250px;
    height: 280px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    margin: 0em;
}

    .Smart_gallery figure img {
        height: 280px;
        overflow: hidden;
        position: relative;
        margin: 0em;
    }

.Smart_gallery figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: table;
}

    .Smart_gallery figcaption div {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 20px;
        opacity: 0;
        color: white;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: "Cormorant" sans-serif !important;
    }

    .Smart_gallery figcaption a {
        text-align: center;
        position: relative;
        top: 0px;
        opacity: 0;
        color: white;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: "Cormorant" sans-serif !important;
    }

    .Smart_gallery figcaption div:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 40%;
        text-align: center;
        margin: auto;
        width: 0%;
        height: 2px;
        background: white;
    }

.Smart_gallery figure img {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.Smart_gallery figure:first-child {
    width: 280px;
    transition: all 0.5s linear;
}

.Smart_gallery figure:hover {
    flex: 1.5;
    transition: all .6s ease;
}

    .Smart_gallery figure:hover figcaption {
        background: linear-gradient(180deg, #29292991 0%, #01003578 100%);
    }

.Smart_gallery figcaption:hover div {
    opacity: 1;
    top: 0;
}

.Smart_gallery figcaption:hover a {
    opacity: 1;
    top: 0px;
    align-content: center;
    align-items: center;
    text-align: center;
}

.Smart_gallery figcaption:hover div:after {
    width: 40%;
}

.Smart_gallery figure:hover img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.flex {
    display: flex;
    flex-flow: row wrap;
    /* justify-content: space-between; */
    align-content: center;
    align-items: baseline;
    width: 100%;
}

.flex-item {
    /* margin: 15px; */
    flex: 1 1 0;
    /* width: 33.3%; */
}


/* Gallery - End */


















/*--------------------------------------------------------------------------------------------*/


.list-border li {
    list-style: none;
}

.VIpgJd-ZVi9od-ORHb {
    display: none !important
}

.VIpgJd-yAWNEb-L7lbkb {
    display: none !important
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none !important
}

.goog-te-gadget-icon {
    display: none;
}


.goog-te-gadget-simple {
    white-space: nowrap;
    border-radius: 16px;
    background-color: darkgray !important;
    border: 1px solid white !important;
    color: white;
    font-size: 8pt !important;
    display: inline-block;
    padding: 3px 3px !important;
    cursor: pointer;
    zoom: 1;
}

    .goog-te-gadget-simple span {
        color: white !important;
    }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 17px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.deop-neu .collapsed:after {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    right: 8px;
}

.dataTables_length label {
    text-indent: unset;
    display: contents;
    background: none;
}

    .dataTables_length label:after {
        position: relative;
    }

.dataTables_filter label {
    text-indent: unset;
    display: contents;
    background: none;
    margin-bottom: 10px;
}

    .dataTables_filter label:after {
        position: relative;
    }

.paginate_button {
    border: 1px solid #979797 !important
}

.hi-icon-effect-8 {
    font-size: 19px;
    color: white;
}

    .hi-icon-effect-8 i:hover {
        color: yellow;
        -moz-transition: all 200ms cubic-bezier(0.585, 0.135, 0.15, 0.56);
        -o-transition: all 200ms cubic-bezier(0.585, 0.135, 0.15, 0.56);
        -webkit-transition: all 200ms cubic-bezier(0.585, 0.135, 0.15, 0.56);
        transition: all 200ms cubic-bezier(0.585, 0.135, 0.15, 0.56);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background: #006d33 !important;
        background-color: #006d33 !important;
    }
input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

label {
    cursor: pointer;
    text-indent: -9999px;
    width: 55px;
    height: 24px;
    background: black;
    display: block;
    border-radius: 4px;
    position: relative;
    margin-top: -22px;
    border: 1px solid white;
}

    label:after {
        content: '';
        position: absolute;
        top: 0px;
        left: -1px;
        width: 27px;
        height: 22px;
        border-radius: 4px;
        transition: 0.3s;
        background-repeat: round;
        background-image: url( @Url.Content("~/") iconnew/black-dot-1.jpg);
    }

input:checked + label {
    background: black;
}

    input:checked + label:after {
        left: calc(100% - -1px);
        transform: translateX(-100%);
    }

label:active:after {
    width: 30px;
}
.backthemes {
    background-color: black !important;
    color: white !important;
}

.backthemestext {
    background-color: black !important;
    color: greenyellow !important;
}

.backthemesicon {
    color: white !important;
}

.backthemesimg {
    background-color: transparent !important;
}

.backthemeswh {
    background-color: white !important;
    color: black !important;
}

.backthemestextwh {
    color: black !important;
}

.backthemestextbac {
    background: black !important;
    color: greenyellow !important;
}

.colorBackgraound_one {
    background-color: #006d33 !important;
    background: #006d33 !important;
}

.colorBackgraound_one_item:hover {
    background-color: #006d33 !important;
    background: #006d33 !important;
}

    .colorBackgraound_one_item:hover .features-info .title {
        color: white !important;
    }

.colorBackgraound_two {
    background-color: #ECB159 !important;
    background: #ECB159 !important;
}

.colorBackgraound_two_item:hover {
    background-color: #ECB159 !important;
    background: #ECB159 !important;
}

    .colorBackgraound_two_item:hover .features-info .title {
        color: white !important;
    }


.colorBackgraound_tree {
    background-color: rgb(72,173,165) !important;
    background: rgb(72,173,165) !important;
}

.colorBackgraound_tree_item:hover {
    background-color: rgb(72,173,165) !important;
    background: rgb(72,173,165) !important;
}

    .colorBackgraound_tree_item:hover .features-info .title {
        color: white !important;
    }



.colorBackgraound_four {
    background-color: #86A789 !important;
    background: #86A789 !important;
}

.colorBackgraound_four_item:hover {
    background-color: #86A789 !important;
    background: #86A789 !important;
}

    .colorBackgraound_four_item:hover .features-info .title {
        color: white !important;
    }

.colorBackgraound_five {
    background-color: #A9B388 !important;
    background: #A9B388 !important;
}

.colorBackgraound_five_item:hover {
    background-color: #A9B388 !important;
    background: #A9B388 !important;
}

    .colorBackgraound_five_item:hover .features-info .title {
        color: white !important;
    }

@media only screen and (max-width: 768px) {
    #nav {
        display: none !important;
    }

    .respheight {
        height: 80px !important;
    }

    .mainlogo {
        height: 67px;
        width: 270px;
    }
}
.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 6px;
        color: white;
    }
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 6px 12px;
    color: white;
}

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee;
        color: black;
    }

.primarymenu .navbar-inverse .navbar-nav > .active > a, .primarymenu .navbar-inverse .navbar-nav > .active > a:focus, .primarymenu .navbar-inverse .navbar-nav > .active > a:hover {
    color: black !important;
    background-color: aliceblue !important;
}

.primarymenu .navbar-inverse .navbar-nav > li > a:focus, .primarymenu .navbar-inverse .navbar-nav > li > a:hover {
    color: black !important;
    background-color: aliceblue !important;
}
/*.primarymenu .navbar-inverse .navbar-nav>.open>a, .primarymenu .navbar-inverse .navbar-nav>.open>a:focus, .primarymenu .navbar-inverse .navbar-nav>.open>a:hover {
                                                                                    color: black;
                                                                                    background-color: transparent;
                                                                                    } */
.primarymenu .navbar .dropdown-menu {
    min-width: 240px !important;
    border-radius: 0;
    background-color: #fff;
    padding: 15px;
}

    .primarymenu .navbar .dropdown-menu > li > a {
        color: #333;
        padding: 5px 0px !important;
        position: relative;
        font-size: 1em;
        white-space: normal;
        position: relative;
    }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: black !important;
    background-color: aliceblue !important;
}


/*.primarymenu .navbar .dropdown-menu>li>a:before{ content:''; position:absolute; left:0px; bottom:0px; height:1px; background-color:#006f43; width:0%; transition-duration:.3s;}
                                                                                    .primarymenu .navbar .dropdown-menu > li > a:hover::before,.primarymenu .navbar .dropdown-menu > li.open > a:before {width:100%}*/
.primarymenu .navbar .dropdown-menu > li > a:focus, .primarymenu .navbar .dropdown-menu > li > a:hover, .primarymenu .navbar .dropdown-menu > li.open > a {
    background-color: rgba(0,0,0,.0) !important;
    color: #000 !important;
}

.dropdown-menu .has-submenu:after {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    right: 8px;
}

.hi-icon-effect-8 {
    font-size: 19px;
    color: white;
}

    .hi-icon-effect-8 i:hover {
        color: yellow;
        -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

.backthemes {
    background-color: black !important;
    color: white !important;
}

.backthemestext {
    background-color: black !important;
    color: greenyellow !important;
}

.backthemesicon {
    color: white !important;
}

.backthemesimg {
    background-color: transparent !important;
}

.backthemeswh {
    background-color: white !important;
    color: black !important;
}

.backthemestextwh {
    color: black !important;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.home {
    height: 0vh;
    position: relative;
}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-gold {
    color: yellow !important;
}


.home-content button {
    display: block;
    font-size: clamp(14px, 1.5vw, 18px);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    margin: 50px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}

.overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    /*  background-image: url('Img/logo_bg.png'); */

    background-size: cover;
    /*background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, #006d33b8 50%);*/
    /*background: #006d33b8 !important;*/
    /*background-size: 3px 3px;*/
    z-index: 2;
}

.Slider_box {
    background-image: url('../img/bg_slider (1).png');
    width: 100%;
    background-size: cover;
    padding: 65px;
}

.small-caps h1 {
    font-size: 50px;
    font-weight: 100;
    color: black;
}

.Explore_menu h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 100;
    color: gold;
}

.Explore_menu {
    margin-top: 10px;
    text-align: center;
}
.youtube-container {
    overflow: hidden;
    /* Keep it the right aspect-ratio */
    /* No clicking/hover effects */
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

    .youtube-container iframe {
        /* Extend it beyond the viewport... */
        width: 300%;
        height: 100%;
        /* ...and bring it back again */
        margin-left: -100%;
    }
.top {
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#threesixghty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}

@@media only screen and (max-width: 600px) {
    #threesixghty {
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
    }
}

.services-section {
    padding: 15px 0;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.service-card {
    background: linear-gradient(135deg, #006f43 0%, #0c6860 100%);
    border-radius: 10px;
    /* padding: 25px 20px; */
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 2px solid white;
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    /* justify-content: center;*/
}

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }

.service-icon {
    width: 80px;
    height: 40px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

    .service-icon img {
        max-width: 100%;
        max-height: 100%;
    }

.service-title {
    color: white;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}
.leader ul li {
    border: 0px !important;
    overflow: visible !important;
    border-radius: 20px !important;
}

.leader-image {
    background: white !important;
    margin-top: -30px !important;
    z-index: 9999999999999999999999999999999;
    max-height: 113px !important;
    border: 5px solid white !important;
    bottom: 0px;
    margin-bottom: 0px;
}

.leader_li {
    background-image: url(https://cdn.pixabay.com/photo/2022/09/01/14/18/white-background-7425603_1280.jpg);
    background-size: cover;
}

    .leader_li:first-child {
        margin-bottom: 30px !important;
    }

.messa_li {
    height: 265px;
}
.list_CatNav {
    background: #006f43;
}

    .list_CatNav a {
        color: white;
        font-weight: 600;
    }

        .list_CatNav a:hover {
            color: white;
        }

.active_list {
    background: white;
    color: black !important;
    border: none;
    font-weight: 600;
    border-radius: 0px;
    outline: none;
    padding: 10px;
    border-left: 4px solid #006f43;
    background: white;
    box-shadow: none;
}

.nav-tabs > li > a {
    font-weight: 400;
    color: white !important;
    font-weight: 600;
}

.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
    color: #111111 !important;
    background-color: white !important;
    font-weight: 700;
}
.Single_Search {
    min-height: 100px !important;
}

.site_mini_gallery {
    padding: 5px;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
}

.site_box {
    padding: 15px;
    border-radius: 6px !important;
    background: white;
    height: 450px;
    overflow: hidden;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
}

.news {
    padding: 15px;
    border-radius: 6px !important;
    height: 565px !important;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
}

.quick_Update {
    padding: 15px;
    border-radius: 6px;
    height: 600px !important;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1);
}

.vticker ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .vticker ul li {
        border-bottom: 1px solid rgba(0,0,0,.1);
        position: relative;
        padding-left: 60px;
        color: #2a2a2a;
        font-weight: 700;
        top: 8px;
    }

        .vticker ul li:before {
            /*   content: url(Img/annoucement.png);
            position: absolute;
            background-color: #fff;
            padding: 8px 6px 1px 3px;*/
            left: 0;
            top: 34px;
            width: 60px;
            height: 60px;
            /* border-radius: 50%;
            border: 1px solid #ccc;*/
        }

        .vticker ul li a {
            display: block;
            color: #2a2a2a;
            font-weight: 600;
        }

        .vticker ul li span {
            display: block;
        }

        .vticker ul li .ndate, .vticker ul li .open-date {
            color: #dd6122;
            font-size: 0.82em;
            font-weight: 600;
        }

        .vticker ul li .dsize, .vticker ul li .filesize {
            font-size: 0.80em;
            font-size: .8em;
            color: #555 !important;
            margin-top: 5px;
            font-weight: 500;
        }

            .vticker ul li .filesize img {
                display: none;
            }

        .vticker ul li .newicon {
            position: absolute;
            top: 7px;
            right: 0%;
        }

.vticker .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
    display: none;
}

.news .scroll {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#circular1 {
    overflow-y: scroll;
    position: relative;
    height: 445px;
    margin-bottom: 20px;
}

.title h2 {
    margin: 0px !important;
    font-weight: 600;
    margin-bottom: 20px !important;
    padding: 0px !important;
}

#circular1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
    background-color: #CCCCCC;
}

#circular1::-webkit-scrollbar {
    width: 5px;
    background-color: #006f43;
}

#circular1::-webkit-scrollbar-thumb {
    background-color: #FFF;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent)
}

.ndate {
    color: black !important;
    font-weight: 600;
}

.post-date {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 54px;
    height: 54px;
    text-align: center;
    border-radius: 5px;
}

.post-date {
    background: #006f43;
    background: -moz-linear-gradient(rgba(0,123,255,1) 100%);
    background: -webkit-linear-gradient(rgba(0,123,255,1) 100%);
    background: linear-gradient(rgba(0,123,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#007bff",GradientType=1);
}

    .post-date p {
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-align: center;
        margin: 0px;
    }

    .post-date span {
        position: relative;
        display: block;
        font-size: 13px;
        line-height: 18px;
        text-transform: uppercase;
        color: #fff;
        margin: 0px;
        padding: 0px;
    }

.news-item span em {
    font-size: 18px;
}

.slider_title {
    background: black !important;
    padding: 10px;
    text-align: center;
    color: white !important;
    font-family: poppins;
}



.list_CatNav a:hover {
    color: black !important
}

#tabs > ul > li.tabActiveHeader {
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
    cursor: pointer;
    color: #333;
    margin-left: 5px;
}

#tabs > ul > li {
    margin: 0 2px 0 0;
    padding: 7px 10px;
    margin-top: 0px;
    display: block;
    float: left;
    color: #FFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    background: #006f43;
}


.eventbox {
    display: initial !important;
}

.post-date {
    display: block !important;
}

.foot {
    display: block !important;
    padding: 10px;
    margin: 0px -15px -15px -15px;
    background-color: #e0ab1b;
}

.events {
    padding: 15px;
}

    .events ul {
        padding: 0px;
        margin: 0px 0px;
        /* height:368px; */
        /*min-height:369px;*/
    }

        .events ul li {
            list-style: none;
            text-align: left;
            padding: 0px 5px;
        }

            .events ul li a {
                font-weight: 500;
                display: block;
                margin-bottom: 8px;
            }

            .events ul li .ndate {
                display: block;
                padding: 0px 0;
                margin: 0;
                font-size: .9em;
                color: #003c72;
            }

                .events ul li .ndate::before {
                    margin-right: 6px;
                    content: "\f073";
                    color: #c89200;
                    font-family: FontAwesome;
                    font-size: 14px;
                }

            .events ul li .dsize {
                display: block;
                padding: 5px 0;
                margin: 0;
                font-size: .9em;
                color: #000;
            }

                .events ul li .dsize::before {
                    margin-right: 6px;
                    content: "\f1c1";
                    color: #d32f2f;
                    font-family: FontAwesome;
                    font-size: 14px;
                }

    .events .foot {
        padding: 10px;
        margin: 0px -15px -15px -15px;
        background-color: #e0ab1b;
    }

    .events .owl-pagination {
        display: none;
    }

    .events .owl-buttons {
        position: absolute;
        bottom: -41px;
        right: 0px;
    }

        .events .owl-buttons div {
            font-size: 22px;
            border-radius: 0px !important;
            width: 25px;
            line-height: 25px;
            margin: 0px 2px;
            opacity: 1 !important;
            background-color: rgba(255,255,255,.0) !important;
            border: 2px solid #ffff;
            color: #fff !important;
        }

            .events .owl-buttons div:hover {
                background-color: #003c72 !important;
                border-color: #003c72;
                color: #fff !important;
            }
.Trending_Now_ScNew {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #006d30 !important;
}

.rs-heading {
    text-align: center;
}

.site_boxss {
    padding: 15px;
    border-radius: 6px !important;
    background: white;
    height: 500px;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
}

.site_box {
    padding: 15px;
    border-radius: 6px !important;
    background: white;
    height: 500px;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
}

.site_boxs {
    padding: 15px;
    border-radius: 6px !important;
    background: white;
    height: 430px;
    box-shadow: 0px 0px 8px rgba(0,0,0,.1) !important;
    overflow-x: scroll
}

.rs-heading .title-inner .title {
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0px 0px 19px 0px;
}
.youtube-lazy {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    cursor: pointer;
    overflow: hidden;
    background: #000;
}

.youtube-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Play Button */
.youtube-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    background: rgba(255, 0, 0, 0.85);
    transform: translate(-50%, -50%);
    border-radius: 12px;
}

    .youtube-play-btn::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 52%;
        transform: translate(-50%, -50%);
        border-left: 18px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

.youtube-lazy iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    display: flex;
    position: absolute;
    width: 40px;
    background-color: #fff;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
    left: -60px;
    border-radius: 34px;
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    display: flex;
    position: absolute;
    width: 40px;
    background-color: #fff;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
    right: -60px;
    border-radius: 34px;
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i {
    color: black;
    font-size: 30px;
    position: absolute;
    /* right: 16px; */
    top: 50%;
    transform: scale(1) translateY(-50%);
}

.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i {
    color: black;
    font-size: 30px;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: scale(1) translateY(-50%);
}
.Single_Search {
    width: 100%;
    background: white;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 20%) !important;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 20px;
    border-right: 3px solid #3e2222;
    font-family: Poppins;
}

.image_re {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.contaner {
    display: flex;
}

    .contaner .item {
        flex: 1 1 100%;
    }

        .contaner .item + .item {
            padding-left: 10px;
        }

    .contaner .item-flex {
        display: flex;
        flex-direction: column;
    }

        .contaner .item-flex img + img {
            margin-top: 10px;
        }

    .contaner .item-flex-img {
        height: 40%;
    }

    .contaner .item-flex-img-big {
        height: 60%;
    }

.popup-btn, .close-btn {
    width: 100px;
    /* display: block; */
    margin: 50px auto;
    cursor: pointer;
    border: 2px solid black;
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .popup-btn:hover {
        color: white;
        background-color: black;
    }

.video-popup {
    display: none;
    width: 100%;
    height: 100vh;
    margin: auto;
    position: fixed;
    top: 0;
    boxshadow: 10px 10px 10px 10px black;
    z-index: 9999999999999999999999999999999999;
}

.popup-bg {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    position: absolute;
}

.popup-content {
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
}

.popup-title {
    padding: 30px;
    margin: 0 auto;
    color: red;
    text-transform: uppercase;
}

#block-views-ticker-block-block {
    background: #e4ebf2;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}

    #block-views-ticker-block-block h2 {
        display: none;
    }

    #block-views-ticker-block-block .view-ticker-block {
        overflow: hidden;
        position: relative;
        display: block;
        width: 1210px;
        margin: 0 auto;
        max-width: 100%;
        padding: 0 15px;
        max-width: 96%;
    }

        #block-views-ticker-block-block .view-ticker-block .views-row {
            display: inline-block;
            padding: 3px 15px;
            border-left: 1px solid rgba(0, 0, 0, 0.4);
        }

            #block-views-ticker-block-block .view-ticker-block .views-row a {
                color: #000;
            }

            #block-views-ticker-block-block .view-ticker-block .views-row:first-child {
                border: none;
            }

    #block-views-ticker-block-block .play_ticker, #block-views-ticker-block-block .pause_ticker {
        background: url(https://www.mygov.in/sites/all/themes/mygov/images/sm-icon.png) -41px -130px no-repeat;
        width: 32px;
        height: 31px;
        position: absolute;
        left: 10px;
        top: 5px;
        text-indent: -9999px;
        display: block;
        z-index: 9999;
        border: none;
    }

    #block-views-ticker-block-block .pause_ticker {
        background-position: 0px -130px;
    }

.overview-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .overview-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#block-new-home-page-performance-dashboard h2 {
    margin-bottom: 0px;
}

#block-new-home-page-performance-dashboard .block-title {
    text-align: left;
}

.performance-block {
    margin-bottom: 40px;
}

.block-title {
    text-align: center;
    padding-bottom: 40px;
    width: 100%;
}

    .block-title h2 {
        position: relative;
        margin-bottom: 0px;
        padding-top: 5px;
        text-transform: uppercase;
        display: none;
    }

    .block-title span {
        line-height: 1.2;
    }

.other-schemes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.disclaimer-perform {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 15px;
}

#marq .views-row {
    display: inline-block;
    margin-right: 40px;
}
.social-icons {
    position: fixed;
    top: 240px;
    left: 5px;
    z-index: 9;
    padding: 0 5px
}

@@media (max-width: 767px) {
    .social-icons {
        display: none
    }
}

.social-icons ul {
    padding-left: 0
}

    .social-icons ul li {
        list-style-type: none;
        margin: 8px 0
    }

        .social-icons ul li:hover:hover {
            transition: all .3s ease-out
        }

        .social-icons ul li:hover.facebook-ic a {
            background-color: #3b5999
        }

        .social-icons ul li:hover.twitter-ic a {
            background-color: #00abeb
        }

        .social-icons ul li:hover.youtube-ic a {
            background-color: #ca322d
        }

        .social-icons ul li:hover.instagram-ic a {
            background-color: #537fa4
        }

        .social-icons ul li:hover.google-plus-ic a {
            background-color: #dd4c37
        }

    .social-icons ul a {
        width: 32px;
        height: 32px;
        border-radius: 100%;
        display: block;
        line-height: 32px;
        text-align: center;
        color: #000;
        font-size: 14px;
        background-color: #fff;
        box-shadow: 0 2px 3px rgba(0,0,0,.5);
        padding: 0px !important;
    }

        .social-icons ul a:hover {
            color: #fff;
            transition: all .3s ease-out
        }
#dp-cookie-notification.fixed {
    max-width: 25%;
    margin: 1rem !important;
    border-radius: 4px !important;
}

@@media only screen and (max-width: 600px) {
    #dp-cookie-notification.fixed {
        max-width: 80%;
        margin: 1rem !important;
        border-radius: 4px !important;
    }
}

#dp-cookie-notification.fixed, #dp-cookie-notification.fixed.mobile {
    position: fixed !important;
}

#dp-cookie-notification {
    width: 100%;
    z-index: 9999 !important;
    margin: 1rem !important;
    left: 0 !important;
    bottom: 0 !important;
    max-width: 100%;
    padding: 15px !important;
    background-color: #006f43 !important;
    border: 2px solid #006f43 !important;
    border-radius: 4px !important;
    color: #fefefe !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.25);
}

    #dp-cookie-notification .dp-close-cls {
        font-size: 16px !important;
        background-color: #fff !important;
        color: #000 !important;
        border: none !important;
        border-radius: 4px !important;
        width: 100px !important;
        padding: 8px 10px !important;
    }
.cookie-consent-modal {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    align-items: flex-end;
}

    .cookie-consent-modal.active {
        display: flex;
    }

.content {
    background-color: #fff;
    padding: 5vw 3vw;
    border-radius: 10px 10px 10px 10px;
}


.btn.accept {
    background-color: rgb(0, 185, 124);
    color: #fff;
}

.MsoBodyText {
    margin: 0px;
}

table tbody tr td {
    height: 100% !important;
}

table {
    width: 99.9% !important
}

    table thead tr th {
        font-size: 17px !important;
        line-height: 1.42857143;
    }

        table thead tr th p strong span {
            font-size: 17px !important;
            line-height: 1.42857143;
        }

        table thead tr th p strong {
            font-size: 17px !important;
            line-height: 1.42857143;
        }

        table thead tr th p {
            font-size: 17px !important;
            line-height: 1.42857143;
            margin: 0px !important
        }

    table thead tr th {
        font-size: 17px !important;
        line-height: 1.42857143;
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px !important;
    }

    table tbody tr td p span {
        font-size: 17px !important;
        line-height: 1.42857143;
        text-indent: 0pt;
    }

    table tbody tr td {
        font-size: 17px !important;
        line-height: 1.42857143;
        text-indent: 0pt;
    }

        table tbody tr td p {
            font-size: 17px !important;
            line-height: 1.42857143;
            text-indent: 0pt;
        }

        table tbody tr td p {
            font-size: 17px !important;
            line-height: 1.42857143;
            margin: 0px !important;
            text-indent: 0pt;
        }

            table tbody tr td p span {
                font-size: 17px !important;
                line-height: 1.42857143;
                text-indent: 0pt;
            }

p {
    text-indent: 0pt !important;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: transparent;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999999999999; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */

    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 10px;
    padding: 0px;
    border: 1px solid #888;
    margin-right: 20px;
}

/* The Close Button */
.close {
    color: black;
    margin-right: 9px;
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: .7;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.non_margin {
    margin: 0px !important;
    padding: 0px !important;
}

.col-6 {
    width: 50%;
    float: left;
}

@@media only screen and (max-width: 479px) {
    #iframe_class {
        zoom: 25%
    }

    #div {
        zoom: 25%
    }

    .modal-content {
        height: 49% !important
    }
}

@@media only screen and (max-width: 600px) {
    #iframe_class {
        zoom: 25%
    }

    #div {
        zoom: 25%
    }

    .modal-content {
        height: 49% !important;
        margin-top: 165px !important;
    }
}

@@media only screen and (max-width: 800px) {
    #iframe_class {
        zoom: 25%
    }

    #div {
        zoom: 25%
    }
}

@@media only screen and (max-width: 1440px) and (min-width: 768px) {
    .modal-content {
        height: 1768px !important
    }
}

@@media (min-width: 768px) {
    .modal-content {
        height: 1718px !important
    }
}

</style >

<style >
.close_btn_header_pop {
    background-color: white;
    font-weight: 800;
    margin: 0px;
    padding: 12px;
    margin-top: -14px;
    border: none;
    width: 100%;
    border-start-start-radius: 22px;
    border-start-end-radius: 22px;
    height: 30px;
}

.close_btn {
    text-align: center;
    padding-top: 3px;
    color: white;
    background-color: transparent;
    border: none;
    margin-top: -14px;
}

/*  .close_icon {
                                    color: black !important;
                                }

                                    .close_icon :hover {
                                        color: red !important;
                                    }*/

.close_btn {
    cursor: pointer;
    font-size: 28px; /* Adjust the size as needed */
}

.close_icon {
    color: red; /* Default color */
    padding: 4px 0px 0px 0px;
}

.close_btn:hover .close_icon {
    color: #cc0000; /* Color on hover */
    font-size: 28px
}

.close_btn .fa-times::before {
    content: "\f00d"; /* Unicode for FontAwesome 'times' icon */
}

.close_btn:hover .fa-times::before {
    content: "\f00d"; /* Unicode for FontAwesome 'window-close' icon */
}

/* Base Styles */
:root {
    --modal-bg: rgba(0, 0, 0, 0.9);
    --modal-content-bg: black;
    --modal-border-radius: 12px;
    --modal-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    --close-btn-size: 36px;
    --nav-btn-size: 48px;
    --media-max-height: 80vh;
    --media-max-width: 90vw;
    --media-min-height: 300px;
    --transition-speed: 0.3s;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    opacity: 0;
    overflow-y: auto;
    padding-top: 30px;
    box-sizing: border-box;
    transition: opacity var(--transition-speed) ease;
}

.modal-content {
    background-color: var(--modal-content-bg);
    border-radius: var(--modal-border-radius);
    box-shadow: var(--modal-shadow);
    max-width: 90vw;
    width: 100%;
    max-height: calc(100vh - 50px);
    overflow: hidden;
    transform: scale(0.95);
    transition: transform var(--transition-speed) ease;
    margin-left: 3rem;
}

.modal.show .modal-content {
    transform: scale(1);
}

/* Image handling */
.slide-media {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-height: var(--media-max-height);
    object-fit: contain;
}


.modal.show {
    opacity: 1;
    display: flex;
}


/* Header & Close Button */
.modal-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 12px;
    margin-top: 2rem;
    border-bottom: none;
}

.close-btn {
    width: var(--close-btn-size);
    height: var(--close-btn-size);
    border-radius: 50%;
    background: #48ada5;
    color: red;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition-speed) ease;
}

    .close-btn:hover {
        background: rgba(0, 0, 0, 0.9);
        transform: rotate(90deg);
        background: #48ada5;
        color: red;
    }

    .close-btn i {
        font-size: 18px;
    }

/* Slider Container */
.slider-container {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Slide Styles */
.slide {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 0.6rem;
    display: flex;
}

    .slide.active {
        display: block;
    }

/* Media Containers */
.media-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.slide-media, .pdf-viewer {
    max-width: 100%;
    max-height: var(--media-max-height);
    min-height: var(--media-min-height);
    object-fit: contain;
    border-radius: 4px;
}

.pdf-container, .video-container {
    position: relative;
    width: 90%;
    max-width: 1200px;
    height: 0;
    padding-bottom: 56.25%;
    margin: 1rem auto;
    overflow: hidden;
}

    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.pdf-viewer {
    background: black;
}

video.slide-media {
    background-color: #000;
}

/* Navigation Buttons */
.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--nav-btn-size);
    height: var(--nav-btn-size);
    background: #48ada5;
    border: none;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all var(--transition-speed) ease;
}

    .slider-nav:hover {
        background: #48ada5;
        transform: translateY(-50%) scale(1.1);
    }

    .slider-nav svg {
        width: 24px;
        height: 24px;
        fill: currentColor;
    }

.prev {
    left: 20px;
}

.next {
    right: 20px;
}

/* Responsive Adjustments */
@@media (max-width: 768px) {
    :root {
        --media-max-width: 95vw;
        --media-max-height: 70vh;
        --nav-btn-size: 40px;
    }

    .modal {
        padding-top: 0px;
    }

    .modal-content {
        max-height: 85vh;
        width: 95vw;
    }

    .slider-nav {
        width: 36px;
        height: 36px;
    }

        .slider-nav svg {
            width: 20px;
            height: 20px;
        }

    .media-container {
        padding: 10px;
    }

    .slide-media, .pdf-viewer {
        max-height: 65vh;
        min-height: 200px;
    }

    .pdf-container,
    .video-container {
        width: 100%;
        padding-bottom: 60%;
        margin-top: 1rem;
    }
}

/* Responsive for Very Small Mobile Screens */
@media (max-width: 480px) {
    :root {
        --media-max-height: 60vh;
        --close-btn-size: 32px;
    }

    .modal-header {
        padding: 8px;
    }

    .slide-media, .pdf-viewer {
        max-height: 60vh;
        min-height: 150px;
    }
}
/* .float {
                                                                                                    position: fixed;
                                                                                                    width: 60px;
                                                                                                    height: 60px;
                                                                                                    bottom: 28px;
                                                                                                    background-color: #25d366;
                                                                                                    color: #FFF !important;
                                                                                                    border-radius: 50px;
                                                                                                    text-align: center;
                                                                                                    font-size: 30px;
                                                                                                    box-shadow: 2px 2px 3px #999;
                                                                                                    z-index: 100;
                                                                                                    right: 30px;
                                                                                                    animation: white-shadow .8s infinite, green-shadow .8s infinite;
                                                                                                } */
/*----------Social Media---------*/
#fixed-social {
    position: fixed;
    top: 350px;
    z-index: 99;
    left: 10px;
    background: #006f43;
    padding: 10px;
    border: 1px dashed white !important;
    border-radius: 10px;
    text-align: center;
    width: 50px;
}

    #fixed-social img {
        border-bottom: 1px solid white;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #fixed-social a {
        color: #fff;
        display: block;
        height: 40px;
        position: relative;
        text-align: center;
        line-height: 40px;
        width: 40px;
        margin-bottom: 1px;
        z-index: 2;
    }

        #fixed-social a:hover > span {
            visibility: visible;
            left: 41px;
            opacity: 1;
        }

        #fixed-social a span {
            line-height: 40px;
            left: 60px;
            position: absolute;
            text-align: center;
            width: 120px;
            visibility: hidden;
            transition-duration: 0.5s;
            z-index: 1;
            opacity: 0;
        }

.fixed-facebook {
    background-color: #00AAE5;
}

    .fixed-facebook span {
        background-color: #00AAE5;
    }

.fixed-twitter {
    background-color: #7D3895;
}

    .fixed-twitter span {
        background-color: #7D3895;
    }

.fixed-gplus {
    background-color: #00AF54;
}

    .fixed-gplus span {
        background-color: #00AF54;
    }

.fixed-linkedin {
    background-color: #FFC41E;
}

    .fixed-linkedin span {
        background-color: #FFC41E;
    }

.fixed-instagrem {
    background-color: #ED2B29;
}

    .fixed-instagrem span {
        background-color: #ED2B29;
    }

.fixed-tumblr {
    background-color: #EB1471;
}

    .fixed-tumblr span {
        background-color: #EB1471;
    }

.admission_enuiry {
    background: #225414;
    color: yellow !important;
    padding: 13px;
}

    .admission_enuiry a {
    }

.service_sidebar ul {
    background: #a62320 none repeat scroll 0 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    width: 100%;
}

.service_sidebar li {
    background: #a62320;
    border-bottom: 1px dashed white;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    padding: 20px 0 15px 30px;
    transition: all 0.6s ease 0s;
    width: 100%;
}

    .service_sidebar li a {
        color: white;
        transition: all 0.6s ease 0s;
        font-size: 14px;
    }

.section_title {
    text-align: center !important;
}

.twitter_window {
    height: 450px;
    overflow-x: scroll;
}

.btn-success {
    color: #fff;
    background-color: #00643c !important;
    border-color: #00643c !important;
}
.css_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}