@import url("/assets/themes/northcol/core/assets/css/font-awesome.min.css");
@import url("/assets/themes/northcol/core/assets/css/simple-line-icons.css");
@import url("/assets/themes/northcol/core/assets/css/etlinefont.css");
html {
    overflow-x: hidden;
    background: #fafafa
}

@media (max-width: 992px) {
    [class*="col-md-"] [class*="col-md-"] {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (min-width: 992px) {
    [class*="col-md-"] [class*="col-md-"]:first-child {
        padding-left: 0px
    }
    [class*="col-md-"] [class*="col-md-"]:last-child {
        padding-right: 0px
    }
    body .container .wpb_column.pdr15 {
        padding-right: 15px
    }
}

:focus {
    outline: none 0px
}

blockquote::before,
blockquote::after,
q::before,
q::after {}

blockquote,
q {}

a img {
    border: 0px none
}

article,
.widget,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body code {
    display: inline-block;
    white-space: normal
}

.container-fluid {}

.sticky {}

.full-width {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px
}

.full-width.layout-boxed {
    min-width: 0px
}

html body .layout-boxed .rowlevelone.limit-width {
    margin: 0px auto !important;
    padding: 0 18px
}

.noanimate {
    -webkit-animation-name: none !important;
    animation-name: none !important
}

.alignleft {
    display: inline;
    float: left;
    text-align: left
}

img.alignleft {
    margin-right: 18px
}

.alignright {
    display: inline;
    float: right
}

img.alignright {
    margin-left: 18px
}

.aligncenter {
    text-align: center
}

a.more-link {
    margin: 0px 0px 10px
}

caption {
    text-align: left
}

pre {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(244, 244, 244);
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

code,
kbd,
samp,
var {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
    font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace
}

abbr,
acronym,
dfn {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgb(102, 102, 102);
    cursor: help
}

address {
    display: block;
    margin: 0px 0px 1.625em
}

.execphpwidget {
    float: left;
    width: 100%
}

.assistive-text {
    clip: rect(1px 1px 1px 1px);
    position: absolute !important
}

.hentry,
.no-results {
    clear: both
}

.page.type-page {}

img.sizefullwidth {
    margin: 10px 0px 20px;
    width: 99.5% !important
}

body.search .hentry {
    padding-bottom: 10px
}

.hentry:last-child,
.no-results {
    border-bottom-width: medium;
    border-bottom-style: none
}

.page-link span {
    margin-right: 6px
}

.layout-boxed {
    margin: 0px auto;
    background: #fff;
    display: inline-block;
    text-align: left;
    transition: all 500ms ease-out;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3)
}

html body .layout-boxed .full {
    margin: 0px !important
}

.layout-boxed .footer1 {
    padding-bottom: 10px
}

.layout-boxed .widget .container {
    width: auto
}

.entry-meta .edit-link a,
.commentlist .edit-link a {
    color: rgb(102, 102, 102);
    float: right;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5em;
    padding: 3px 10px
}

.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
    color: rgb(255, 255, 255)
}

.entry-content .edit-link {
    clear: both;
    display: block
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
    max-height: 100%
}

.entry-content .ls-container img {
    max-height: inherit;
    max-width: inherit
}

.imgframe5 img {
    border: none !important;
    background-color: #fff
}

.widget .ls-wp-container img {
    max-width: inherit;
    max-height: inherit
}

.ls-wp-container {
    float: left
}

.widget_contents-component img {
    border: 1px solid rgba(0, 0, 0, 0.05)
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto
}

img.size-full,
img.size-large {
    max-width: 100%;
    width: auto;
    height: auto
}

.entry-content img.wp-smiley {
    border: medium none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1.625em
}

p img,
.wp-caption {
    margin-top: 0.4em
}

.wp-caption {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(238, 238, 238);
    margin-bottom: 1.625em;
    max-width: 100%;
    padding: 9px;
    margin-right: 18px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.wp-caption img {
    display: block;
    margin: 0px auto;
    max-width: 100%
}

.wp-caption .wp-caption-text,
.gallery-caption {
    color: rgb(102, 102, 102);
    font-family: Georgia, serif;
    font-size: 12px
}

.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 10px 5px 10px;
    position: relative;
    text-align: center
}

.wp-caption .wp-caption-text::before {
    color: rgb(102, 102, 102);
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px
}

ul#links404 {
    list-style: inherit;
    margin-left: 20px
}

ul#links404 li {
    line-height: 25px
}

.wp-caption img {
    border-color: rgb(238, 238, 238)
}

.rssicon {
    height: 20px;
    width: 20px;
    margin-top: 15px;
    background-repeat: no-repeat no-repeat
}

embed,
iframe,
object {
    max-width: 100%
}

.post-password-required .entry-header .comments-link {
    margin: 1.625em 0px 0px
}

.post-password-required input[type="password"] {
    margin: 0.8125em 0px
}

.post-password-required input[type="password"]:focus {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(247, 247, 247);
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

#author-info {
    font-size: 12px;
    overflow: hidden
}

header.entry-header {
    text-align: left;
    display: inline-block;
    width: 100%;
    margin: 20px 0 10px
}

li.ext-nav {
    position: relative !important;
    z-index: 100000
}

li.ext-nav>a {
    padding-right: 13px;
    padding-left: 13px
}

li.ext-nav i {
    margin-top: 0px;
    transition: all 350ms;
    font-size: 14px;
    font-weight: 600;
    display: inherit
}

li.ext-nav:hover i {
    transform: scale(1.2)
}

li.ext-nav>a:after {
    display: none
}

body .nav li.ext-nav>ul {
    border: none;
    top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: transparent;
    right: 0px;
    left: inherit !important;
    box-shadow: none;
    position: absolute
}

#king-mainmenu>li:nth-last-child(1)>ul,
#king-mainmenu>li:nth-last-child(2)>ul,
#king-mainmenu>li:nth-last-child(3)>ul,
#king-mainmenu>li:nth-last-child(4)>ul {
    right: 0px;
    left: inherit !important
}

body.compact .nav li.ext-nav>ul {
    top: 40px
}

.ext-nav #searchform {
    background: #fff
}

.ext-nav #searchform #s {
    border: none;
    font-size: 12px;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-weight: 500
}

.compact li.ext-nav>ul {
    top: 41px
}

li.ext-nav:last-child>a {
    padding-left: 12px
}

.container-large li.ext-nav:last-child>a {
    margin-right: 10px
}

.minicart-wrp {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5)
}

.minicart-wrp .empty {
    padding: 15px
}

.search-nav #searchform #searchsubmit {
    float: right
}

.search-nav #searchform #s {
    border: none;
    font-size: 12px
}

.search-nav #searchform {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    min-width: 250px
}

.search-nav .dropdown-menu {
    min-width: 250px
}

.compact #logo img {
    max-height: 40px;
    margin-top: 5px
}

.singular #author-info {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(249, 249, 249);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    margin: 2.2em -35.6% 0px -35.4%;
    padding: 20px 35.4%;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.archive #author-info {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    margin: 0px 0px 2.2em;
    padding: 0px 0px 2.2em
}

#author-avatar {
    float: left;
    margin-right: -78px
}

#author-avatar img {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: rgb(187, 187, 187) 0px 1px 2px;
    padding: 3px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

#author-description {
    float: left;
    margin-left: 108px
}

#author-description h2 {
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0px 10px
}

.entry-header .comments-link a {
    background-attachment: scroll;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    top: 1.5em;
    right: 0px;
    text-align: center;
    width: 43px;
    height: 36px;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat
}

.king-LvCRow {
    width: 100%;
    display: inline-block;
    min-height: 20px
}

.devnConColbody {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 20px
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background-color: rgb(25, 130, 209);
    color: rgba(255, 255, 255, 0.8)
}

.entry-header .comments-link .leave-reply {
    visibility: hidden
}

.entry-header hgroup .entry-title {
    padding-top: 15px
}

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
    padding: 20px 0px 0px
}

article.format-status .entry-content {
    min-height: 65px
}

.recent-posts .entry-header .entry-format {
    display: none
}

.recent-posts .entry-header hgroup .entry-title {
    padding-top: 0px
}

.singular .hentry {
    border-bottom-width: medium;
    border-bottom-style: none;
    padding: 4.875em 0px 0px;
    position: relative
}

.singular.page .hentry {
    padding: 3.5em 0px 0px
}

.singular .entry-title {
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: bold;
    line-height: 48px
}

.singular .entry-title,
.singular .entry-header .entry-meta {
    padding-right: 0px
}

.singular .entry-header .entry-meta {
    position: absolute;
    top: 0px;
    left: 0px
}

blockquote.pull {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6125em;
    margin: 0px 0px 1.625em;
    text-align: center
}

.singular blockquote.pull {
    margin: 0px -22.25% 1.625em
}

.pull.alignleft {
    margin: 0px 1.625em 0px 0px;
    text-align: right
}

.singular .pull.alignleft {
    margin: 0px 1.625em 0px -22.25%
}

.pull.alignright {
    margin: 0px 0px 0px 1.625em;
    text-align: left
}

blockquote.pull.alignleft,
blockquote.pull.alignright {
    width: 33%
}

.singular .pull.alignright {
    margin: 0px -22.25% 0px 1.625em
}

.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
    width: 33%
}

.singular .entry-meta .edit-link a {
    bottom: auto;
    left: 50px;
    position: absolute;
    right: auto;
    top: 80px
}

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
    display: none
}

.singular .format-aside .entry-title {
    display: block
}

.format-aside .entry-content {
    padding: 0px
}

.singular .format-aside .entry-content {
    padding: 1.625em 0px 0px
}

.format-link .entry-title,
.format-link .entry-header .comments-link {
    display: none
}

.singular .format-link .entry-title {
    display: block
}

.format-link .entry-content {
    padding: 0px
}

.singular .format-link .entry-content {
    padding: 1.625em 0px 0px
}

.format-gallery .gallery-thumb {
    float: left;
    display: block;
    margin: 0.375em 1.625em 0px 0px
}

.format-status .entry-title,
.format-status .entry-header .comments-link {
    display: none
}

.singular .format-status .entry-title {
    display: block
}

.format-status .entry-content {
    padding: 0px
}

.singular .format-status .entry-content {
    padding: 1.625em 0px 0px
}

.format-status img.avatar {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: rgb(204, 204, 204) 0px 1px 2px;
    float: left;
    margin: 4px 10px 2px 0px;
    padding: 0px
}

.format-quote blockquote {
    color: rgb(85, 85, 85);
    font-size: 17px;
    margin: 0px
}

.indexed.format-image .entry-header {
    min-height: 61px
}

.indexed.format-image .entry-content {
    padding-top: 0.5em
}

.indexed.format-image .entry-content p {
    margin: 1em 0px
}

.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
    display: block;
    margin: 0px
}

.indexed.format-image .entry-content .wp-caption .wp-caption-text {
    margin: 0px;
    padding-bottom: 1em
}

.indexed.format-image footer.entry-meta {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(221, 221, 221);
    overflow: hidden;
    padding: 4%;
    max-width: 96%;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.indexed.format-image div.entry-meta {
    display: inline-block;
    float: left;
    width: 35%
}

.indexed.format-image div.entry-meta+div.entry-meta {
    float: none;
    width: 65%
}

.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
    display: block
}

.indexed.format-image footer.entry-meta a {
    color: rgb(68, 68, 68)
}

.indexed.format-image footer.entry-meta a:hover {
    color: rgb(255, 255, 255)
}

#content .indexed.format-image img {
    border: medium none;
    max-width: 100%;
    padding: 0px
}

.indexed.format-image .wp-caption {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(17, 17, 17);
    margin-bottom: 0px;
    max-width: 96%;
    padding: 2% 2% 0px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.indexed.format-image .wp-caption .wp-caption-text {
    color: rgb(221, 221, 221)
}

.indexed.format-image .wp-caption .wp-caption-text::before {
    color: rgb(68, 68, 68)
}

.indexed.format-image a:hover img {
    opacity: 0.8
}

h1.showcase-heading {
    color: rgb(102, 102, 102);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase
}

article.intro {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(249, 249, 249);
    border-bottom-width: medium;
    border-bottom-style: none;
    margin: -1.855em -8.9% 1.625em;
    padding: 0px 8.9%;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

article.intro .entry-title {
    display: none
}

article.intro .entry-content {
    color: rgb(17, 17, 17);
    font-size: 16px;
    padding: 1.625em 0px 0.625em
}

article.intro .edit-link a {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(170, 170, 170);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 0px 8px;
    position: absolute;
    top: 30px;
    right: 20px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(119, 119, 119);
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

section.featured-post {
    float: left;
    margin: -1.625em -8.9% 1.625em;
    padding: 1.625em 8.9% 0px;
    position: relative;
    width: 100%
}

section.featured-post .hentry {
    border: medium none;
    color: rgb(102, 102, 102);
    margin: 0px
}

section.featured-post .entry-meta {
    clip: rect(1px 1px 1px 1px);
    position: absolute !important
}

section.featured-post .attachment-small-feature {
    float: right;
    height: auto;
    margin: 0px -8.9% 1.625em 0px;
    max-width: 59%;
    position: relative;
    right: -15px
}

section.featured-post.small {
    padding-top: 0px
}

section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
    opacity: 0.8
}

article.feature-image.small {
    float: left;
    margin: 0px 0px 1.625em;
    width: 45%
}

article.feature-image.small .entry-title {
    line-height: 1.2em
}

article.feature-image.small .entry-summary {
    color: rgb(85, 85, 85);
    font-size: 13px
}

article.feature-image.small .entry-summary p a {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(34, 34, 34);
    color: rgb(238, 238, 238);
    display: block;
    left: -23.8%;
    padding: 9px 26px 9px 85px;
    position: relative;
    top: 20px;
    width: 180px;
    z-index: 1;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

article.feature-image.small .entry-summary p a:hover {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(25, 130, 209);
    color: rgba(255, 255, 255, 0.8);
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

section.feature-image.large {
    border: medium none;
    max-height: 288px;
    padding: 0px;
    width: 100%
}

section.feature-image.large .showcase-heading {
    display: none
}

section.feature-image.large .hentry {
    border-bottom-width: medium;
    border-bottom-style: none;
    left: 9%;
    margin: 1.625em 9% 0px 0px;
    position: absolute;
    top: 0px
}

article.feature-image.large .entry-title a {
    background-image: none;
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0.8);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-weight: 300;
    padding: 0.2em 20px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
    background-image: none;
    background-attachment: scroll;
    background-color: rgba(255, 255, 255, 0.8);
    color: rgb(34, 34, 34);
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

article.feature-image.large .entry-summary {
    display: none
}

section.feature-image.large img {
    display: block;
    height: auto;
    max-width: 117.9%;
    padding: 0px 0px 6px
}

.featured-posts {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    display: block;
    height: 328px;
    margin: 1.625em -8.9% 20px;
    max-width: 1000px;
    padding: 0px;
    position: relative;
    overflow: hidden
}

body.error404 .widget-title {
    margin-bottom: 10px
}

.featured-posts .showcase-heading {
    padding-left: 8.9%
}

.featured-posts section.featured-post {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(255, 255, 255);
    height: 288px;
    left: 0px;
    margin: 0px;
    position: absolute;
    top: 30px;
    width: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.featured-posts section.featured-post.large {
    max-width: 100%;
    overflow: hidden
}

.featured-posts section.featured-post {}

.featured-posts section.featured-post {
    opacity: 0;
    visibility: hidden
}

.featured-posts #featured-post-1 {
    opacity: 1;
    visibility: visible
}

.featured-post .feature-text::after,
.featured-post .feature-image.small::after {
    width: 100%;
    height: 45px;
    position: absolute;
    top: 230px
}

.featured-post .feature-image.small::after {
    top: 253px
}

#content .feature-slider {
    top: 5px;
    right: 8.9%;
    overflow: visible;
    position: absolute
}

.feature-slider ul {
    list-style-type: none;
    margin: 0px
}

.feature-slider li {
    float: left;
    margin: 0px 6px
}

.feature-slider a {
    background-image: none;
    background-attachment: scroll;
    background-color: rgba(60, 60, 60, 0.901961);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px inset, rgba(255, 255, 255, 0.498039) 0px 0px 2px inset;
    display: block;
    width: 14px;
    height: 14px;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.feature-slider a.active {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(25, 130, 209);
    box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 5px inset, rgba(255, 255, 255, 0.8) 0px 0px 2px inset;
    cursor: default;
    opacity: 0.5;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

section.recent-posts {
    padding: 0px 0px 1.625em
}

section.recent-posts .hentry {
    border: medium none;
    margin: 0px
}

section.recent-posts .other-recent-posts {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    list-style: none outside none;
    margin: 0px
}

section.recent-posts .other-recent-posts li {
    padding: 0.3125em 0px;
    position: relative
}

section.recent-posts .other-recent-posts .entry-title {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    font-size: 17px
}

section.recent-posts .other-recent-posts a[rel="bookmark"] {
    color: rgb(55, 55, 55);
    float: left;
    max-width: 84%
}

section.recent-posts .other-recent-posts a[rel="bookmark"]::after {
    color: transparent;
    font-size: 11px
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {}

section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link>span {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(153, 153, 153);
    bottom: -2px;
    color: rgb(68, 68, 68);
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 2.76333em;
    padding: 0.3125em 0px 0.3125em 1em;
    position: absolute;
    right: 0px;
    text-align: right;
    text-transform: uppercase;
    z-index: 1
}

section.recent-posts .other-recent-posts .comments-link>span {
    border-color: rgb(187, 187, 187);
    color: rgb(136, 136, 136)
}

section.recent-posts .other-recent-posts .comments-link a:hover {
    color: rgb(25, 130, 209);
    border-color: rgb(25, 130, 209)
}

section.recent-posts .other-recent-posts li::after {
    clear: both;
    display: block;
    height: 0px;
    visibility: hidden
}

.image-attachment div.attachment {
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(249, 249, 249);
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image-source: none;
    border-width: 1px 0px;
    margin: 0px -8.9% 1.625em;
    overflow: hidden;
    padding: 1.625em 1.625em 0px;
    text-align: center;
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0px auto 1.625em;
    max-width: 100%
}

.image-attachment div.attachment a img {
    border-color: rgb(249, 249, 249)
}

.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
    border-color: rgb(221, 221, 221);
    background-image: none;
    background-attachment: scroll;
    background-color: rgb(255, 255, 255);
    background-position: 0% 0%;
    background-repeat: repeat repeat
}

.image-attachment .entry-caption p {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin: 0px 0px 2.6em;
    text-transform: uppercase
}

.bypostauthor {}

#content nav {
    clear: both;
    overflow: hidden;
    padding: 0px 0px 1.625em
}

#nav-above {
    padding: 0px 0px 1.625em
}

#nav-above {
    display: none
}

.paged #nav-above {
    display: block
}

.nav-previous {
    float: left;
    width: 50%
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%
}

#content nav .meta-nav {
    font-weight: normal
}

.edit-link a {
    float: right;
    height: 20px;
    line-height: 20px;
    font-size: 12px !important;
    text-transform: none !important
}

.pagination-comments {
    padding: 5px;
    margin: 0
}

.pagination-comments li {
    display: inline;
    list-style: none
}

.pagination-comments a {
    background: #e7e7e7;
    border: 1px solid #d7d7d7;
    color: #666;
    margin-right: 4px;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none
}

.pagination-comments a:hover,
.pagination-comments a:active {
    background: #d7d7d7;
    color: #888
}

.pagination-comments .title {
    margin-right: 4px
}

.pagination-comments .gap {
    color: #999;
    margin-right: 4px
}

.pagination-comments .current {
    color: #666;
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    margin-right: 4px;
    padding: 3px 6px
}

.pagination-comments .page {}

.pagination-comments .prev,
.pagination-comments .next {}

.flex-pauseplay,
.flex-control-paging {
    display: none
}

#about .flex-control-paging {
    display: block
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.flexslider {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    zoom: 1
}

.flexslider ul {
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none
}

.section-slides {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%
}

.section-slides li {
    padding: 0px;
    margin: 0px;
    width: 100%
}

#services-bottom .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -12px;
    text-align: center;
    margin-left: -14px
}

#services-bottom .flex-control-nav li {
    padding: 0px 6px 0px 0px;
    margin: 0px auto;
    display: inline-block;
    z-index: 100
}

#services-bottom .flex-control-nav li a {
    display: block;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    background: transparent;
    font-size: 0px;
    width: 26px;
    height: 8px;
    cursor: pointer;
    border: 1px solid #adadad;
    webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#services-bottom .flex-control-nav li a:hover,
#services-bottom .flex-control-nav li a.flex-active {
    background: #666;
    border: 1px solid #adadad
}

@media screen and (min-width:1200px) {
    #services-bottom .flex-direction-nav {
        *height: 0
    }
    #services-bottom .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 50px;
        height: 70px;
        margin: -47px -50px;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #services-bottom .flex-direction-nav .flex-prev {
        left: 50px;
        text-align: center
    }
    #services-bottom .flex-direction-nav .flex-next {
        right: 50px;
        text-align: center
    }
    #services-bottom .flexslider:hover .flex-prev {
        opacity: 1;
        left: 10px;
        color: #adadad
    }
    #services-bottom .flexslider:hover .flex-next {
        opacity: 1;
        right: 10px;
        color: #adadad
    }
    #services-bottom .flexslider:hover .flex-next:hover,
    #services-bottom .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #services-bottom .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #services-bottom .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 50px;
        display: inline-block;
        content: '\e601'
    }
    #services-bottom .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
}

@media screen and (max-width:1199px) {
    #services-bottom .flex-direction-nav {
        *height: 0
    }
    #services-bottom .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 60px;
        margin: 0px 0px;
        position: absolute;
        bottom: -48px;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #services-bottom .flex-direction-nav .flex-prev {
        left: 0px;
        text-align: center
    }
    #services-bottom .flex-direction-nav .flex-next {
        right: 0px;
        text-align: center
    }
    #services-bottom .flexslider:hover .flex-prev {
        opacity: 1;
        color: #adadad
    }
    #services-bottom .flexslider:hover .flex-next {
        opacity: 1;
        color: #adadad
    }
    #services-bottom .flexslider:hover .flex-next:hover,
    #services-bottom .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #services-bottom .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #services-bottom .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 40px;
        display: inline-block;
        content: '\e601'
    }
    #services-bottom .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
    #services-bottom .flex-control-nav {
        position: absolute;
        bottom: -30px
    }
}

.column-slides {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    zoom: 1;
    overflow: visible
}

.column-slides li {
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none
}

#about .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
    z-index: 100
}

#about .flex-control-nav li {
    padding: 0px 6px 0px 0px;
    margin: 0 0 0 0;
    display: inline-block;
    z-index: 100
}

#about .flex-control-nav li a {
    display: block;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    background: transparent;
    font-size: 0px;
    width: 26px;
    height: 8px;
    cursor: pointer;
    border: 1px solid #999;
    webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#about .flex-control-nav li a:hover,
#about .flex-control-nav li a.flex-active {
    background: #666;
    border: 1px solid #333
}

#about .flex-direction-nav {
    *height: 0
}

#about .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 70px;
    background: #333;
    margin: 0px 0px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: inherit;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#about .flex-direction-nav .flex-prev {
    left: 0px;
    text-align: center
}

#about .flex-direction-nav .flex-next {
    right: 0px;
    text-align: center
}

#about .flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 0px;
    color: #fff
}

#about .flexslider:hover .flex-next {
    opacity: 0.7;
    right: 0px;
    color: #fff
}

#about .flexslider:hover .flex-next:hover,
#about .flexslider:hover .flex-prev:hover {
    opacity: 1
}

#about .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default
}

#about .flex-direction-nav a:before {
    font-family: "xlntcode";
    font-size: 40px;
    display: inline-block;
    content: '\e601';
    margin-left: -3px
}

#about .flex-direction-nav a.flex-next:before {
    content: '\e600';
    margin-right: -3px
}

.team-slides {
    padding: 0px 0px!important;
    margin: 0px 0px 0px 0px!important;
    width: 100%;
    position: relative;
    zoom: 1;
    display: inline-table
}

.team-slides li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    perspective: 1000;
    width: 100%
}

#section-team .team-slider .flex-control-nav,
#section-team-mp .team-slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 100;
    padding: 0px
}

#section-team .team-slider .flex-control-nav li,
#section-team-mp .team-slider .flex-control-nav li {
    padding: 0px 6px 0px 0px;
    margin: 0 0 0 0;
    display: inline-block;
    z-index: 100
}

#section-team .team-slider .flex-control-nav li a,
#section-team-mp .team-slider .flex-control-nav li a {
    display: block;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    background: transparent;
    font-size: 0px;
    width: 26px;
    height: 8px;
    cursor: pointer;
    border: 1px solid #999;
    webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-team .team-slider .flex-control-nav li a:hover,
#section-team .team-slider .flex-control-nav li a.flex-active,
#section-team-mp .team-slider .flex-control-nav li a:hover,
#section-team-mp .team-slider .flex-control-nav li a.flex-active {
    background: #666;
    border: 1px solid #333
}

.flexslider .team-slides li {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.flexslider .team-slides li.flex-active-slide {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.flexslider .team-slides li .team-member-info {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.flexslider .team-slides li.flex-active-slide .team-member-info {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.flexslider .team-slides li .team-member {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    transition: .5s ease
}

.flexslider .team-slides li.flex-active-slide .team-member {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(-0%);
    transform: translateX(0%)
}

@media screen and (min-width:992px) {
    #section-team .flex-direction-nav {
        *height: 0
    }
    #section-team .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 50px;
        height: 70px;
        background: none;
        margin: -35px 0px;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #section-team .flex-direction-nav .flex-prev {
        left: 50px;
        text-align: center;
        color: #666
    }
    #section-team .flex-direction-nav .flex-next {
        right: 50px;
        text-align: center;
        color: #666
    }
    #section-team .flexslider:hover .flex-prev {
        opacity: 1;
        left: -15px
    }
    #section-team .flexslider:hover .flex-next {
        opacity: 1;
        right: -15px
    }
    #section-team .flexslider:hover .flex-next:hover,
    #section-team .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #section-team .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #section-team .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 50px;
        display: inline-block;
        content: '\e601'
    }
    #section-team .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
    #section-team .flex-control-nav {
        position: absolute;
        bottom: 20px
    }
}

@media screen and (max-width:991px) {
    #section-team .flex-direction-nav {
        *height: 0
    }
    #section-team .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 60px;
        margin: 0px 0px;
        position: absolute;
        bottom: -48px;
        z-index: 101;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #section-team .flex-direction-nav .flex-prev {
        left: -15px;
        text-align: center
    }
    #section-team .flex-direction-nav .flex-next {
        right: -15px;
        text-align: center
    }
    #section-team .flexslider:hover .flex-prev {
        opacity: 1;
        color: #adadad
    }
    #section-team .flexslider:hover .flex-next {
        opacity: 1;
        color: #adadad
    }
    #section-team .flexslider:hover .flex-next:hover,
    #section-team .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #section-team .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #section-team .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 40px;
        display: inline-block;
        content: '\e601'
    }
    #section-team .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
    #section-team .flex-control-nav {
        position: absolute;
        bottom: 0;
        margin-bottom: -48px
    }
}

@media screen and (min-width:992px) {
    #section-team-mp .flex-direction-nav {
        *height: 0
    }
    #section-team-mp .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 50px;
        height: 70px;
        background: none;
        margin: -35px 0px;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #section-team-mp .flex-direction-nav .flex-prev {
        left: 50px;
        text-align: center;
        color: #666
    }
    #section-team-mp .flex-direction-nav .flex-next {
        right: 50px;
        text-align: center;
        color: #666
    }
    #section-team-mp .flexslider:hover .flex-prev {
        opacity: 1;
        left: -15px
    }
    #section-team-mp .flexslider:hover .flex-next {
        opacity: 1;
        right: -15px
    }
    #section-team-mp .flexslider:hover .flex-next:hover,
    #section-team-mp .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #section-team-mp .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #section-team-mp .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 50px;
        display: inline-block;
        content: '\e601'
    }
    #section-team-mp .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
    #section-team-mp .flex-control-nav {
        position: absolute;
        bottom: 20px
    }
}

@media screen and (max-width:991px) {
    #section-team-mp .flex-direction-nav {
        *height: 0
    }
    #section-team-mp .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 60px;
        margin: 0px 0px;
        position: absolute;
        bottom: 20px;
        z-index: 101;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #section-team-mp .flex-direction-nav .flex-prev {
        left: -15px;
        text-align: center
    }
    #section-team-mp .flex-direction-nav .flex-next {
        right: -15px;
        text-align: center
    }
    #section-team-mp .flexslider:hover .flex-prev {
        opacity: 1;
        color: #adadad
    }
    #section-team-mp .flexslider:hover .flex-next {
        opacity: 1;
        color: #adadad
    }
    #section-team-mp .flexslider:hover .flex-next:hover,
    #section-team-mp .flexslider:hover .flex-prev:hover {
        opacity: .7
    }
    #section-team-mp .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        filter: alpha(opacity=0);
        cursor: default
    }
    #section-team-mp .flex-direction-nav a:before {
        font-family: "xlntcode";
        font-size: 40px;
        display: inline-block;
        content: '\e601'
    }
    #section-team-mp .flex-direction-nav a.flex-next:before {
        content: '\e600'
    }
    #section-team-mp .flex-control-nav {
        position: absolute;
        bottom: 0;
        margin-bottom: 20px
    }
}

.text-slides {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
    text-align: center;
    display: inline-table;
    width: 100%
}

.text-slides li {
    padding: 0px;
    margin: 0px;
    width: 100%
}

.flexslider .text-slides li h1,
.flexslider .text-slides li h2,
.flexslider .text-slides li h3 {
    opacity: 0;
    line-height: 1.1!important;
    margin-top: 0px
}

.flexslider .text-slides li.flex-active-slide h1,
.flexslider .text-slides li.flex-active-slide h2,
.flexslider .text-slides li.flex-active-slide h3 {
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    transition: opacity 2s ease
}

#about .flex-direction-nav {
    *height: 0
}

#about .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 70px;
    background: #333;
    margin: -36px 0px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: inherit;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#about .flex-direction-nav .flex-prev {
    left: 0px;
    text-align: center
}

#about .flex-direction-nav .flex-next {
    right: 0px;
    text-align: center
}

#about .flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 0px;
    color: #fff
}

#about .flexslider:hover .flex-next {
    opacity: 0.7;
    right: 0px;
    color: #fff
}

#about .flexslider:hover .flex-next:hover,
#about .flexslider:hover .flex-prev:hover {
    opacity: 1
}

#about .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default
}

#about .flex-direction-nav a:before {
    font-family: "xlntcode";
    font-size: 40px;
    display: inline-block;
    content: '\e601';
    margin-left: -3px
}

#about .flex-direction-nav a.flex-next:before {
    content: '\e600';
    margin-right: -3px
}

.app-slides {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
    display: inline-block;
    position: relative;
    zoom: 1
}

.app-slides li {
    padding: 0px;
    margin: 0px;
    width: 100%
}

#section-app-landing .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 100px;
    text-align: center;
    z-index: 100
}

#section-app-landing .flex-control-nav li {
    padding: 0 3px;
    margin: 0 0 0 0;
    display: inline-block;
    z-index: 100
}

#section-app-landing .flex-control-nav li a {
    display: block;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    background: transparent;
    font-size: 0px;
    width: 26px;
    height: 8px;
    cursor: pointer;
    border: 1px solid #999;
    webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease
}

#section-app-landing .flex-control-nav li a:hover,
#section-app-landing .flex-control-nav li a.flex-active {
    background: #666;
    border: 1px solid #333
}

#section-app-landing .flex-direction-nav {
    *height: 0
}

#section-app-landing .flex-direction-nav a {
    text-decoration: none;
    display: block;
    background: none;
    width: 40px;
    height: 60px;
    margin: -24px 0px;
    position: absolute;
    top: 40%;
    z-index: 100;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: inherit;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#section-app-landing .flex-direction-nav .flex-prev {
    left: 50px;
    text-align: center
}

#section-app-landing .flex-direction-nav .flex-next {
    right: 50px;
    text-align: center
}

#section-app-landing .flexslider:hover .flex-prev {
    opacity: 1;
    left: 30px;
    color: #000
}

#section-app-landing .flexslider:hover .flex-next {
    opacity: 1;
    right: 30px;
    color: #000
}

#section-app-landing .flexslider:hover .flex-next:hover,
#section-app-landing .flexslider:hover .flex-prev:hover {
    opacity: .7
}

#section-app-landing .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default
}

#section-app-landing .flex-direction-nav a:before {
    font-family: "xlntcode";
    font-size: 40px;
    display: inline-block;
    content: '\e601'
}

#section-app-landing .flex-direction-nav a.flex-next:before {
    content: '\e600'
}

@media screen and (max-width:767px) {
    #section-app-landing .flex-direction-nav a {
        text-decoration: none;
        display: block;
        background: none;
        width: 40px;
        height: 60px;
        margin: -40px 0px;
        position: absolute;
        top: 40%;
        z-index: 100;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: inherit;
        text-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    #section-app-landing .flex-direction-nav .flex-prev {
        left: 14%;
        text-align: center
    }
    #section-app-landing .flex-direction-nav .flex-next {
        right: 14%;
        text-align: center
    }
    #section-app-landing .flexslider:hover .flex-prev {
        opacity: 0.7;
        left: 1%;
        color: #666
    }
    #section-app-landing .flexslider:hover .flex-next {
        opacity: 0.7;
        right: 1%;
        color: #666
    }
}

.flex-control-nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: center
}

.flex-control-nav li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    z-index: 100
}

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(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/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(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_content {
    background-color: #fff
}

div.pp_default .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff
}

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(/assets/themes/northcol/assets/js/pretty/images/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 .pp_details {
    position: relative
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px
}

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;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px
}

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: bold;
    line-height: 25px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
    background: #fff
}

div.light_rounded .pp_top .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_content .ppt {
    color: #000
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff
}

div.light_rounded .pp_content {
    background-color: #fff
}

div.light_rounded .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_details {
    position: relative
}

div.light_rounded .pp_description {
    margin-right: 85px
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_nav .pp_play {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_bottom .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff
}

div.light_rounded .pp_bottom .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_content {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_details {
    position: relative
}

div.dark_rounded .pp_description {
    margin-right: 85px
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded .pp_description {
    color: #fff
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff
}

div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_rounded .pp_nav .pp_play {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_rounded .pp_arrow_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/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 .currentTextHolder {
    color: #c4c4c4
}

div.dark_square .pp_description {
    color: #fff
}

div.dark_square .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_details {
    position: relative
}

div.dark_square .pp_description {
    margin: 0 85px 0 0
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_square .pp_arrow_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_square .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff
}

div.light_square .pp_content .ppt {
    color: #000
}

div.light_square .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_details {
    position: relative
}

div.light_square .pp_description {
    margin-right: 85px
}

div.light_square #pp_full_res .pp_inline {
    color: #000
}

div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_square .pp_nav .pp_play {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_arrow_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.facebook .pp_top .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content .ppt {
    color: #000
}

div.facebook .pp_content_container .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_content {
    background: #fff
}

div.facebook .pp_expand {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.facebook .pp_details {
    position: relative
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.facebook .pp_loaderIcon {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(/assets/themes/northcol/assets/js/pretty/images/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(/assets/themes/northcol/assets/js/pretty/images/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(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(/assets/themes/northcol/assets/js/pretty/images/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_top {
    height: 20px;
    position: relative
}

* html .pp_top {
    padding: 0 20px
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_fade {
    display: none
}

.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 0
}

.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;
    margin: 2px 4px;
    white-space: nowrap
}

.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;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

.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(/assets/themes/northcol/assets/js/pretty/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery li.default a img {
    display: none
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(/assets/themes/northcol/assets/js/pretty/images/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(/assets/themes/northcol/assets/js/pretty/images/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_bottom {
    height: 20px;
    position: relative
}

* html .pp_bottom {
    padding: 0 20px
}

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#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 0
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

@font-face {
    font-family: 'xlntcode';
    src: url('/assets/themes/northcol/core/assets/fonts/xlntcode0a1f.eot?-wx7s1b');
    src: url('/assets/themes/northcol/core/assets/fonts/xlntcoded41d.eot?#iefix-wx7s1b') format('embedded-opentype'), url('/assets/themes/northcol/core/assets/fonts/xlntcode0a1f.woff?-wx7s1b') format('woff'), url('/assets/themes/northcol/core/assets/fonts/xlntcode0a1f.ttf?-wx7s1b') format('truetype'), url('/assets/themes/northcol/core/assets/fonts/xlntcode0a1f.svg?-wx7s1b#xlntcode') format('svg');
    font-weight: normal;
    font-style: normal
}

.xc {
    font-family: 'xlntcode';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-users:before {
    content: "\e612"
}

.icon-heart-xc:before {
    content: "\e613"
}

.icon-key-xc:before {
    content: "\e610"
}

.icon-user-female:before {
    content: "\e614"
}

.icon-user-male:before {
    content: "\e611"
}

.icon-rocket:before {
    content: "\e60f"
}

.icon-line-04:before {
    content: "\e60e"
}

.icon-line-03:before {
    content: "\e60d"
}

.icon-line-02:before {
    content: "\e607"
}

.icon-cloud-download:before {
    content: "\e60c"
}

.icon-minus:before {
    content: "\e605"
}

.icon-plus:before {
    content: "\e604"
}

.icon-quote-right:before {
    content: "\e60b"
}

.icon-quote-left:before {
    content: "\e60a"
}

.icon-right-angle:before {
    content: "\e600"
}

.icon-left-angle:before {
    content: "\e601"
}

.icon-down-angle:before {
    content: "\e602"
}

.icon-up-angle:before {
    content: "\e603"
}

.icon-cross:before {
    content: "\e606"
}

.icon-apple:before {
    content: "\e608"
}

.icon-android:before {
    content: "\e609"
}

@charset "UTF-8";

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

@media (min-width:1023px) {
    .animated {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
    .animated.fast {
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }
    .effHidden,
    .effHidden * {
        visibility: hidden
    }
    .effVisible,
    .effVisible * {
        visibility: visible
    }
    @-webkit-keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }
    @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce
    }
    @-webkit-keyframes flash {
        0%,
        100%,
        50% {
            opacity: 1
        }
        25%,
        75% {
            opacity: 0
        }
    }
    @keyframes flash {
        0%,
        100%,
        50% {
            opacity: 1
        }
        25%,
        75% {
            opacity: 0
        }
    }
    .flash {
        -webkit-animation-name: flash;
        animation-name: flash
    }
    @-webkit-keyframes pulse {
        0%,
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
    }
    @keyframes pulse {
        0%,
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }
    }
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }
    @-webkit-keyframes rubberBand {
        0%,
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        30% {
            -webkit-transform: scaleX(1.25)scaleY(.75);
            transform: scaleX(1.25)scaleY(.75)
        }
        40% {
            -webkit-transform: scaleX(.75)scaleY(1.25);
            transform: scaleX(.75)scaleY(1.25)
        }
        60% {
            -webkit-transform: scaleX(1.15)scaleY(.85);
            transform: scaleX(1.15)scaleY(.85)
        }
    }
    @keyframes rubberBand {
        0%,
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        30% {
            -webkit-transform: scaleX(1.25)scaleY(.75);
            -ms-transform: scaleX(1.25)scaleY(.75);
            transform: scaleX(1.25)scaleY(.75)
        }
        40% {
            -webkit-transform: scaleX(.75)scaleY(1.25);
            -ms-transform: scaleX(.75)scaleY(1.25);
            transform: scaleX(.75)scaleY(1.25)
        }
        60% {
            -webkit-transform: scaleX(1.15)scaleY(.85);
            -ms-transform: scaleX(1.15)scaleY(.85);
            transform: scaleX(1.15)scaleY(.85)
        }
    }
    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand
    }
    @-webkit-keyframes shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }
    }
    @keyframes shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px)
        }
    }
    .shake {
        -webkit-animation-name: shake;
        animation-name: shake
    }
    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }
        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg)
        }
        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    @keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg)
        }
        40% {
            -webkit-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        60% {
            -webkit-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg)
        }
        80% {
            -webkit-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
        100% {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }
    }
    .swing {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }
    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        10%,
        20% {
            -webkit-transform: scale(.9)rotate(-3deg);
            transform: scale(.9)rotate(-3deg)
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1)rotate(3deg);
            transform: scale(1.1)rotate(3deg)
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1)rotate(-3deg);
            transform: scale(1.1)rotate(-3deg)
        }
        100% {
            -webkit-transform: scale(1)rotate(0);
            transform: scale(1)rotate(0)
        }
    }
    @keyframes tada {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        10%,
        20% {
            -webkit-transform: scale(.9)rotate(-3deg);
            -ms-transform: scale(.9)rotate(-3deg);
            transform: scale(.9)rotate(-3deg)
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1)rotate(3deg);
            -ms-transform: scale(1.1)rotate(3deg);
            transform: scale(1.1)rotate(3deg)
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1)rotate(-3deg);
            -ms-transform: scale(1.1)rotate(-3deg);
            transform: scale(1.1)rotate(-3deg)
        }
        100% {
            -webkit-transform: scale(1)rotate(0);
            -ms-transform: scale(1)rotate(0);
            transform: scale(1)rotate(0)
        }
    }
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada
    }
    @-webkit-keyframes wobble {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        15% {
            -webkit-transform: translateX(-25%)rotate(-5deg);
            transform: translateX(-25%)rotate(-5deg)
        }
        30% {
            -webkit-transform: translateX(20%)rotate(3deg);
            transform: translateX(20%)rotate(3deg)
        }
        45% {
            -webkit-transform: translateX(-15%)rotate(-3deg);
            transform: translateX(-15%)rotate(-3deg)
        }
        60% {
            -webkit-transform: translateX(10%)rotate(2deg);
            transform: translateX(10%)rotate(2deg)
        }
        75% {
            -webkit-transform: translateX(-5%)rotate(-1deg);
            transform: translateX(-5%)rotate(-1deg)
        }
    }
    @keyframes wobble {
        0%,
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        15% {
            -webkit-transform: translateX(-25%)rotate(-5deg);
            -ms-transform: translateX(-25%)rotate(-5deg);
            transform: translateX(-25%)rotate(-5deg)
        }
        30% {
            -webkit-transform: translateX(20%)rotate(3deg);
            -ms-transform: translateX(20%)rotate(3deg);
            transform: translateX(20%)rotate(3deg)
        }
        45% {
            -webkit-transform: translateX(-15%)rotate(-3deg);
            -ms-transform: translateX(-15%)rotate(-3deg);
            transform: translateX(-15%)rotate(-3deg)
        }
        60% {
            -webkit-transform: translateX(10%)rotate(2deg);
            -ms-transform: translateX(10%)rotate(2deg);
            transform: translateX(10%)rotate(2deg)
        }
        75% {
            -webkit-transform: translateX(-5%)rotate(-1deg);
            -ms-transform: translateX(-5%)rotate(-1deg);
            transform: translateX(-5%)rotate(-1deg)
        }
    }
    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }
    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }
        70% {
            -webkit-transform: scale(.9);
            transform: scale(.9)
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    @keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05)
        }
        70% {
            -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
            transform: scale(.9)
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
    }
    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            transform: translateY(30px)
        }
        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px)
        }
        80% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px)
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }
    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            transform: translateX(30px)
        }
        80% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            -ms-transform: translateX(30px);
            transform: translateX(30px)
        }
        80% {
            -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px)
        }
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            transform: translateX(-30px)
        }
        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px)
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }
    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        80% {
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px)
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
    @-webkit-keyframes bounceOut {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        25% {
            -webkit-transform: scale(.95);
            transform: scale(.95)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
    }
    @keyframes bounceOut {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        25% {
            -webkit-transform: scale(.95);
            -ms-transform: scale(.95);
            transform: scale(.95)
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3)
        }
    }
    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }
    @-webkit-keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    @keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }
    @-webkit-keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    @keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }
    @-webkit-keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    @keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }
    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    @keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }
    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig
    }
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }
    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig
    }
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }
    }
    @keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px)
        }
    }
    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }
    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    @keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig
    }
    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px)
        }
    }
    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px)
        }
    }
    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }
    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }
    }
    @keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px)
        }
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }
    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    @keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig
    }
    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }
    }
    @keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px)
        }
    }
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }
    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    @keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig
    }
    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(-360deg)scale(1);
            transform: perspective(400px)translateZ(0)rotateY(-360deg)scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px)translateZ(150px)rotateY(-190deg)scale(1);
            transform: perspective(400px)translateZ(150px)rotateY(-190deg)scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        50% {
            -webkit-transform: perspective(400px)translateZ(150px)rotateY(-170deg)scale(1);
            transform: perspective(400px)translateZ(150px)rotateY(-170deg)scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(0)scale(.95);
            transform: perspective(400px)translateZ(0)rotateY(0)scale(.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        100% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(0)scale(1);
            transform: perspective(400px)translateZ(0)rotateY(0)scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }
    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(-360deg)scale(1);
            -ms-transform: perspective(400px)translateZ(0)rotateY(-360deg)scale(1);
            transform: perspective(400px)translateZ(0)rotateY(-360deg)scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px)translateZ(150px)rotateY(-190deg)scale(1);
            -ms-transform: perspective(400px)translateZ(150px)rotateY(-190deg)scale(1);
            transform: perspective(400px)translateZ(150px)rotateY(-190deg)scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        50% {
            -webkit-transform: perspective(400px)translateZ(150px)rotateY(-170deg)scale(1);
            -ms-transform: perspective(400px)translateZ(150px)rotateY(-170deg)scale(1);
            transform: perspective(400px)translateZ(150px)rotateY(-170deg)scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(0)scale(.95);
            -ms-transform: perspective(400px)translateZ(0)rotateY(0)scale(.95);
            transform: perspective(400px)translateZ(0)rotateY(0)scale(.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        100% {
            -webkit-transform: perspective(400px)translateZ(0)rotateY(0)scale(1);
            -ms-transform: perspective(400px)translateZ(0)rotateY(0)scale(1);
            transform: perspective(400px)translateZ(0)rotateY(0)scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }
    .animated.flip {
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }
    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px)rotateX(90deg);
            transform: perspective(400px)rotateX(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px)rotateX(-10deg);
            transform: perspective(400px)rotateX(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px)rotateX(10deg);
            transform: perspective(400px)rotateX(10deg)
        }
        100% {
            -webkit-transform: perspective(400px)rotateX(0);
            transform: perspective(400px)rotateX(0);
            opacity: 1
        }
    }
    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px)rotateX(90deg);
            -ms-transform: perspective(400px)rotateX(90deg);
            transform: perspective(400px)rotateX(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px)rotateX(-10deg);
            -ms-transform: perspective(400px)rotateX(-10deg);
            transform: perspective(400px)rotateX(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px)rotateX(10deg);
            -ms-transform: perspective(400px)rotateX(10deg);
            transform: perspective(400px)rotateX(10deg)
        }
        100% {
            -webkit-transform: perspective(400px)rotateX(0);
            -ms-transform: perspective(400px)rotateX(0);
            transform: perspective(400px)rotateX(0);
            opacity: 1
        }
    }
    .flipInX {
        backface-visibility: visible!important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX
    }
    .flipInX,
    .flipInY {
        -ms-backface-visibility: visible!important;
        -webkit-backface-visibility: visible!important
    }
    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px)rotateY(90deg);
            transform: perspective(400px)rotateY(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px)rotateY(-10deg);
            transform: perspective(400px)rotateY(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px)rotateY(10deg);
            transform: perspective(400px)rotateY(10deg)
        }
        100% {
            -webkit-transform: perspective(400px)rotateY(0);
            transform: perspective(400px)rotateY(0);
            opacity: 1
        }
    }
    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px)rotateY(90deg);
            -ms-transform: perspective(400px)rotateY(90deg);
            transform: perspective(400px)rotateY(90deg);
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px)rotateY(-10deg);
            -ms-transform: perspective(400px)rotateY(-10deg);
            transform: perspective(400px)rotateY(-10deg)
        }
        70% {
            -webkit-transform: perspective(400px)rotateY(10deg);
            -ms-transform: perspective(400px)rotateY(10deg);
            transform: perspective(400px)rotateY(10deg)
        }
        100% {
            -webkit-transform: perspective(400px)rotateY(0);
            -ms-transform: perspective(400px)rotateY(0);
            transform: perspective(400px)rotateY(0);
            opacity: 1
        }
    }
    .flipInY {
        backface-visibility: visible!important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY
    }
    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px)rotateX(0);
            transform: perspective(400px)rotateX(0);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px)rotateX(90deg);
            transform: perspective(400px)rotateX(90deg);
            opacity: 0
        }
    }
    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px)rotateX(0);
            -ms-transform: perspective(400px)rotateX(0);
            transform: perspective(400px)rotateX(0);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px)rotateX(90deg);
            -ms-transform: perspective(400px)rotateX(90deg);
            transform: perspective(400px)rotateX(90deg);
            opacity: 0
        }
    }
    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        backface-visibility: visible!important
    }
    .flipOutX,
    .flipOutY {
        -ms-backface-visibility: visible!important;
        -webkit-backface-visibility: visible!important
    }
    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px)rotateY(0);
            transform: perspective(400px)rotateY(0);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px)rotateY(90deg);
            transform: perspective(400px)rotateY(90deg);
            opacity: 0
        }
    }
    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px)rotateY(0);
            -ms-transform: perspective(400px)rotateY(0);
            transform: perspective(400px)rotateY(0);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px)rotateY(90deg);
            -ms-transform: perspective(400px)rotateY(90deg);
            transform: perspective(400px)rotateY(90deg);
            opacity: 0
        }
    }
    .flipOutY {
        backface-visibility: visible!important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY
    }
    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%)skewX(-30deg);
            transform: translateX(100%)skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: translateX(-20%)skewX(30deg);
            transform: translateX(-20%)skewX(30deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateX(0)skewX(-15deg);
            transform: translateX(0)skewX(-15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(0)skewX(0);
            transform: translateX(0)skewX(0);
            opacity: 1
        }
    }
    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%)skewX(-30deg);
            -ms-transform: translateX(100%)skewX(-30deg);
            transform: translateX(100%)skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: translateX(-20%)skewX(30deg);
            -ms-transform: translateX(-20%)skewX(30deg);
            transform: translateX(-20%)skewX(30deg);
            opacity: 1
        }
        80% {
            -webkit-transform: translateX(0)skewX(-15deg);
            -ms-transform: translateX(0)skewX(-15deg);
            transform: translateX(0)skewX(-15deg);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(0)skewX(0);
            -ms-transform: translateX(0)skewX(0);
            transform: translateX(0)skewX(0);
            opacity: 1
        }
    }
    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    @-webkit-keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0)skewX(0);
            transform: translateX(0)skewX(0);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(100%)skewX(-30deg);
            transform: translateX(100%)skewX(-30deg);
            opacity: 0
        }
    }
    @keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0)skewX(0);
            -ms-transform: translateX(0)skewX(0);
            transform: translateX(0)skewX(0);
            opacity: 1
        }
        100% {
            -webkit-transform: translateX(100%)skewX(-30deg);
            -ms-transform: translateX(100%)skewX(-30deg);
            transform: translateX(100%)skewX(-30deg);
            opacity: 0
        }
    }
    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            -ms-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }
    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }
    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }
    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }
    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }
    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0
        }
    }
    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            -ms-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0
        }
    }
    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut
    }
    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }
    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft
    }
    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }
    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight
    }
    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0
        }
    }
    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft
    }
    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0
        }
    }
    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight
    }
    @-webkit-keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }
    @-webkit-keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }
    @-webkit-keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }
    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px)
        }
    }
    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft
    }
    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    @keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px)
        }
    }
    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight
    }
    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px)
        }
    }
    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp
    }
    @-webkit-keyframes slideInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes slideInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }
    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    @keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px)
        }
    }
    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown
    }
    @-webkit-keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%,
        60% {
            -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        40% {
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        80% {
            -webkit-transform: rotate(60deg)translateY(0);
            transform: rotate(60deg)translateY(0);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }
        100% {
            -webkit-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0
        }
    }
    @keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%,
        60% {
            -webkit-transform: rotate(80deg);
            -ms-transform: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        40% {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        80% {
            -webkit-transform: rotate(60deg)translateY(0);
            -ms-transform: rotate(60deg)translateY(0);
            transform: rotate(60deg)translateY(0);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }
        100% {
            -webkit-transform: translateY(700px);
            -ms-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0
        }
    }
    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge
    }
    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%)rotate(-120deg);
            transform: translateX(-100%)rotate(-120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)rotate(0);
            transform: translateX(0)rotate(0)
        }
    }
    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%)rotate(-120deg);
            -ms-transform: translateX(-100%)rotate(-120deg);
            transform: translateX(-100%)rotate(-120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)rotate(0);
            -ms-transform: translateX(0)rotate(0);
            transform: translateX(0)rotate(0)
        }
    }
    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }
    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)rotate(0);
            transform: translateX(0)rotate(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%)rotate(120deg);
            transform: translateX(100%)rotate(120deg)
        }
    }
    @keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)rotate(0);
            -ms-transform: translateX(0)rotate(0);
            transform: translateX(0)rotate(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%)rotate(120deg);
            -ms-transform: translateX(100%)rotate(120deg);
            transform: translateX(100%)rotate(120deg)
        }
    }
    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }
    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1
        }
    }
    @keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3)
        }
        50% {
            opacity: 1
        }
    }
    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn
    }
    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(-2000px);
            transform: scale(.1)translateY(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(60px);
            transform: scale(.475)translateY(60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(-2000px);
            -ms-transform: scale(.1)translateY(-2000px);
            transform: scale(.1)translateY(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(60px);
            -ms-transform: scale(.475)translateY(60px);
            transform: scale(.475)translateY(60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown
    }
    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(-2000px);
            transform: scale(.1)translateX(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(48px);
            transform: scale(.475)translateX(48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(-2000px);
            -ms-transform: scale(.1)translateX(-2000px);
            transform: scale(.1)translateX(-2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(48px);
            -ms-transform: scale(.475)translateX(48px);
            transform: scale(.475)translateX(48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft
    }
    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(2000px);
            transform: scale(.1)translateX(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(-48px);
            transform: scale(.475)translateX(-48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(2000px);
            -ms-transform: scale(.1)translateX(2000px);
            transform: scale(.1)translateX(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(-48px);
            -ms-transform: scale(.475)translateX(-48px);
            transform: scale(.475)translateX(-48px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight
    }
    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(2000px);
            transform: scale(.1)translateY(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(-60px);
            transform: scale(.475)translateY(-60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(2000px);
            -ms-transform: scale(.1)translateY(2000px);
            transform: scale(.1)translateY(2000px);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        60% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(-60px);
            -ms-transform: scale(.475)translateY(-60px);
            transform: scale(.475)translateY(-60px);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
    }
    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }
    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            opacity: 0;
            -webkit-transform: scale(.3);
            transform: scale(.3)
        }
        100% {
            opacity: 0
        }
    }
    @keyframes zoomOut {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        50% {
            opacity: 0;
            -webkit-transform: scale(.3);
            -ms-transform: scale(.3);
            transform: scale(.3)
        }
        100% {
            opacity: 0
        }
    }
    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }
    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(-60px);
            transform: scale(.475)translateY(-60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(2000px);
            transform: scale(.1)translateY(2000px);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
    }
    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(-60px);
            -ms-transform: scale(.475)translateY(-60px);
            transform: scale(.475)translateY(-60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(2000px);
            -ms-transform: scale(.1)translateY(2000px);
            transform: scale(.1)translateY(2000px);
            -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
            transform-origin: center bottom
        }
    }
    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown
    }
    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(42px);
            transform: scale(.475)translateX(42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(-2000px);
            transform: scale(.1)translateX(-2000px);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }
    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(42px);
            -ms-transform: scale(.475)translateX(42px);
            transform: scale(.475)translateX(42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(-2000px);
            -ms-transform: scale(.1)translateX(-2000px);
            transform: scale(.1)translateX(-2000px);
            -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center
        }
    }
    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft
    }
    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(-42px);
            transform: scale(.475)translateX(-42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(2000px);
            transform: scale(.1)translateX(2000px);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }
    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateX(-42px);
            -ms-transform: scale(.475)translateX(-42px);
            transform: scale(.475)translateX(-42px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateX(2000px);
            -ms-transform: scale(.1)translateX(2000px);
            transform: scale(.1)translateX(2000px);
            -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
            transform-origin: right center
        }
    }
    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight
    }
    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(60px);
            transform: scale(.475)translateY(60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(-2000px);
            transform: scale(.1)translateY(-2000px);
            -webkit-transform-origin: center top;
            transform-origin: center top
        }
    }
    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale(.475)translateY(60px);
            -ms-transform: scale(.475)translateY(60px);
            transform: scale(.475)translateY(60px);
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(.1)translateY(-2000px);
            -ms-transform: scale(.1)translateY(-2000px);
            transform: scale(.1)translateY(-2000px);
            -webkit-transform-origin: center top;
            -ms-transform-origin: center top;
            transform-origin: center top
        }
    }
    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp
    }
}

#portfolio>.container>.vc_col-sm-12 {
    padding: 0
}

.king-portfolio-filters {
    margin-bottom: 20px;
    text-align: center;
    font: 400 12px/21px sans-serif;
    color: #DADADA
}

.king-portfolio-filters .king-portfolio-filter-item {
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    font: 400 12px "Raleway", sans-serif;
    overflow: visible;
    margin: 9px 15px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    color: #727272;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.king-portfolio-filters .king-portfolio-filter-item-active,
.king-portfolio-filters .king-portfolio-filter-item:hover {
    border-bottom: 1px solid #ddd;
    color: #000;
    transition: all 0.8s ease 0s
}

.king-portfolio-filters .king-portfolio-filter-item .king-filter-counter {
    background: #626161;
    border-radius: 3px;
    color: #FFF;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.king-portfolio-filters .king-portfolio-filter-item .king-filter-counter:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626161;
    display: none
}

.king-portfolio-filters .king-portfolio-filter-item:hover .king-filter-counter {
    bottom: 30px;
    -ms-filter: "alpha(Opacity=100)";
    opacity: 1
}

.king-portfolio-filters .king-portfolio-filter-item:hover .king-filter-counter:before {
    display: block
}

.king-portfolio-main {
    position: relative;
    margin: 0 auto;
    min-height: 150px;
    width: 100%;
    visibility: visible!important;
    clear: both
}

.king-portfolio-main ul {
    padding: 0px;
    margin: 0px
}

.king-portfolio-main ul li {
    list-style: none
}

.king-portfolio-main .king-portfolio-item,
.king-portfolio-main .king-portfolio2-item {
    float: left;
    width: 33.333333%;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important
}

.king-portfolio-main .king-portfolio-item.last {
    margin-right: 0px !important
}

.king-portfolio-main.two .king-portfolio-item,
.king-portfolio-main.two .king-portfolio2-item {
    width: 50%
}

.king-portfolio-main.four .king-portfolio-item,
.king-portfolio-main.four .king-portfolio2-item {
    width: 25%;
    margin: 0px
}

.king-portfolio-main.five .king-portfolio-item,
.king-portfolio-main.five .king-portfolio2-item {
    width: 20%;
    margin: 0px
}

.king-portfolio-main .king-portfolio-item .king-portfolio-caption-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    color: #fff;
    opacity: 0;
    text-align: center;
    transition: all 300ms ease 0ms
}

.king-portfolio-main .king-portfolio-item:hover .king-portfolio-caption-wrap {
    opacity: 1
}

.king-portfolio-item .king-portfolio-image {
    width: 100%;
    float: left;
    overflow: hidden
}

.king-portfolio-item .king-portfolio-image img {
    border: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    transition: all 300ms ease 0ms
}

.king-portfolio-item:hover .king-portfolio-image img {
    transform: scale(1.2)
}

.king-portfolio-item .king-portfolio-caption {
    margin: 50px 30px 0;
    display: inline-block;
    opacity: 0
}

.king-portfolio-item:hover .king-portfolio-caption {
    opacity: 1
}

.king-portfolio-item-wrapper {
    float: left;
    width: 100%
}

.king-portfolio-caption-title {
    font-weight: bold;
    font-size: 15px
}

.king-portfolio-caption-desc {
    line-height: 15px;
    margin-top: 10px
}

.king-portfolio-caption-desc p {
    font-style: italic;
    color: #aaa
}

.king-portfolio-item .linkfr {
    position: absolute;
    left: 50%;
    top: 60%;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 0px;
    color: #eee;
    opacity: 0;
    transition: all 300ms ease 50ms;
    margin-top: -20px;
    min-width: 45px;
    display: inline-block;
    transform: scale(1.5)
}

.linkfr.view-large {
    margin-left: -50px
}

.linkfr.more-detail {
    margin-left: 5px
}

.king-portfolio-item .linkfr:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.5)
}

.king-portfolio-item:hover .linkfr {
    color: #fff;
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: scale(1)
}

.king-portfolio2-item {}

.king-caption {
    background: #282727 none repeat scroll 0 0
}

ul .king-portfolio2-item {
    height: 438px;
    width: 380px
}

.king-portfolio-main .king-caption {
    height: 65%;
    position: relative;
    overflow: hidden
}

.king-caption-defaultWrap {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s
}

.king-portfolio2-item-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.king-caption-defaultWrap img {
    float: left;
    max-width: 100%;
    max-height: none;
    width: 100%
}

.king-caption-activeWrap {
    background: #282727 none repeat scroll 0 0;
    bottom: -70px;
    height: 70px;
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s
}

.king-l-caption-alignCenter {
    display: table;
    height: 100%;
    width: 100%
}

.king-l-caption-alignCenter .king-l-caption-body {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.king-l-caption-alignCenter .king-l-caption-buttonLeft,
.king-l-caption-alignCenter .king-l-caption-buttonRight {
    position: relative;
    transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s
}

.king-l-caption-buttonLeft,
.king-l-caption-buttonRight {
    background-color: #fff;
    color: #272727;
    display: inline-block;
    font: 12px/28px sans-serif;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    width: 90px
}

.threeborder {
    -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 #e3e3e3 #e3e3e3;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 18px 0
}

.king-caption:hover .king-caption-activeWrap {
    bottom: 0;
    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s
}

.king-caption:hover .king-caption-defaultWrap {
    top: -70px;
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s
}

.king-l-grid-projects-title {
    color: #272727;
    font: 14px sans-serif;
    text-transform: uppercase
}

.king-l-grid-projects-desc {
    color: #727272;
    font: 400 14px sans-serif;
    margin-top: 6px
}

@keyframes re3move {
    0% {
        transform: perspective( 500px) rotateY( 0deg);
        margin-top: -500px
    }
    25% {
        transform: perspective( 500px) rotateY( 50deg);
        margin-top: 30px
    }
    50% {
        transform: perspective( 500px) rotateY( -90deg);
        margin-top: -30px
    }
    75% {
        transform: perspective( 500px) rotateY( 30deg);
        margin-top: -10px
    }
    100% {
        transform: perspective( 500px) rotateY( 0deg);
        margin-top: -20px
    }
}

@-webkit-keyframes re3move {
    0% {
        -webkit-transform: perspective( 500px) rotateY( 0deg);
        margin-top: -200px
    }
    25% {
        -webkit-transform: perspective( 500px) rotateY( 50deg);
        margin-top: 30px
    }
    50% {
        -webkit-transform: perspective( 500px) rotateY( -90deg);
        margin-top: -30px
    }
    75% {
        -webkit-transform: perspective( 500px) rotateY( 30deg);
        margin-top: -10px
    }
    100% {
        -webkit-transform: perspective( 500px) rotateY( 0deg);
        margin-top: -20px
    }
}


/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Open Sans", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
    font-weight: 300;
    text-transform: uppercase
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('/assets/themes/northcol/assets/images/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/assets/themes/northcol/assets/images/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -28px;
    right: -11px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/assets/themes/northcol/assets/images/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('/assets/themes/northcol/assets/images/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000000
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Open Sans", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: none;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('/assets/themes/northcol/assets/images/fancybox_sprite%402x.png');
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url('/assets/themes/northcol/assets/images/fancybox_loading%402x.gif');
        background-size: 24px 24px
    }
}

body .navbar {
    margin-bottom: 0px;
    transition: all 150ms;
    -webkit-transition: all 250ms
}

body.notover .navbar {
    background-color: #fff
}

body.compact.notover {
    padding-top: 60px
}

body.compact .navbar {
    position: fixed;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 0px;
    z-index: 10000000;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e5e5e5
}

.navbar-top {
    float: left;
    width: 100%;
    height: 30px;
    background-color: #efefef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    padding-top: 3px;
    color: #666;
    overflow: hidden;
    transition: all 150ms;
    -webkit-transition: all 250ms
}

body.compact .navbar-top {
    height: 0px;
    opacity: 0;
    padding: 0px;
    margin: 0px
}

.navbar-top .user-link {
    float: right
}

.navbar-top .topsocial {
    float: right;
    margin: 0px
}

.navbar-top .topsocial .social {
    float: left;
    width: 25px
}

.navbar-top .user-link a {
    display: inline-block
}

.nav-dark.navbar .navbar-nav>li>a {
    color: #fff
}

body.compact .nav-dark.navbar .navbar-nav>li>a {
    color: #292929
}

@media screen and (max-width:992px) {
    body .collapse {
        display: none
    }
    body.compact .nav-dark.navbar .navbar-nav>li>a {
        color: #aaa
    }
    body .navbar {
        position: fixed;
        z-index: 10000;
        width: 100%
    }
    body .topres_nav {
        margin-top: 70px
    }
    body #navbar-collapse-1 {
        background: #1e1e1e;
        overflow-y: auto;
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 20px;
        margin: 0;
        max-height: 340px
    }
    body .list-unstyled li {
        border-bottom: none;
        color: #fff
    }
    body .navbar .navbar-nav li li a {
        color: #fff;
        font-weight: 300
    }
    .compact .navbar-brand {
        transition: all 150ms;
        -webkit-transition: all 250ms
    }
    .compact .king_res_cart {
        top: 24px
    }
    .compact .navbar-toggle {
        margin-top: 13px
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .compact .navbar-brand {
        padding-top: 5px
    }
    .compact .navbar-brand>img {
        max-height: 40px
    }
    #box-shadow-bottom {
        display: none !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {}

@media only screen and (max-width: 639px) {}

@media only screen and (min-width: 480px) and (max-width: 639px) {}

@media screen and (max-width:479px) {
    .compact .navbar-brand>img {
        height: 80%
    }
}

.ls-container {
    visibility: hidden;
    position: relative
}

.ls-lt-container {
    position: absolute
}

.ls-lt-container,
.ls-lt-container * {
    text-align: left !important;
    direction: ltr !important
}

.ls-container-fullscreen {
    margin: 0 auto !important;
    padding: 2% !important;
    background: black !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border: none !important
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
    display: none !important
}

.ls-overflow-hidden {
    overflow: hidden
}

.ls-inner {
    position: relative;
    background-position: center center;
    z-index: 2
}

.ls-loading-container {
    position: absolute !important;
    display: none;
    z-index: 3 !important;
    left: 50% !important;
    top: 50% !important
}

.ls-loading-indicator {
    margin: 0 auto
}

.ls-inner,
.ls-slide {
    width: 100%;
    height: 100%
}

.ls-slide,
.ls-layer {
    position: absolute;
    display: none;
    background-position: center center;
    overflow: hidden
}

.ls-active,
.ls-animating {
    display: block !important
}

.ls-slide>* {
    position: absolute;
    line-height: normal;
    margin: 0;
    left: 0;
    top: 0
}

.ls-slide .ls-bg {
    left: 0px;
    top: 0px;
    transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important
}

.ls-yourlogo {
    position: absolute;
    z-index: 99
}

.ls-bar-timer {
    position: absolute;
    width: 0;
    height: 2px;
    background: white;
    border-bottom: 2px solid #555;
    opacity: .55;
    filter: alpha(opacity=55);
    z-index: 4;
    top: 0
}

.ls-circle-timer {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    opacity: .65;
    filter: alpha(opacity=65);
    display: none
}

.ls-ct-half {
    background: white
}

.ls-ct-center {
    background: #444
}

.ls-ct-left,
.ls-ct-right {
    width: 50%;
    height: 100%;
    overflow: hidden
}

.ls-ct-left,
.ls-ct-right {
    float: left;
    position: relative
}

.ls-ct-rotate {
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
    left: 0
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
    right: 0
}

.ls-ct-hider,
.ls-ct-half {
    position: absolute;
    top: 0
}

.ls-ct-hider {
    width: 50%;
    height: 100%;
    overflow: hidden
}

.ls-ct-half {
    width: 200%;
    height: 100%
}

.ls-ct-center {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    position: absolute
}

.ls-ct-half,
.ls-ct-center {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}

.ls-bottom-nav-wrapper {
    height: 0
}

.ls-bottom-slidebuttons {
    text-align: left
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
    z-index: 2;
    height: 0;
    position: relative;
    text-align: center;
    margin: 0 auto
}

.ls-below-thumbnails {
    display: none;
    z-index: 6
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
    outline: none
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
    direction: ltr !important
}

.ls-bottom-slidebuttons {
    position: relative;
    z-index: 1000
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
    position: relative
}

.ls-nothumb {
    text-align: center !important
}

.ls-link {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-image: url(../../../plugins/LayerSlider/static/css/blank.gif)
}

.ls-slide>a>* {
    background-image: url(../../../plugins/LayerSlider/static/css/blank.gif)
}

.ls-vpcontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ls-videopreview {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.ls-playvideo {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer
}

.ls-tn {
    display: none !important
}

.ls-thumbnail-hover {
    display: none;
    position: absolute;
    left: 0
}

.ls-thumbnail-hover-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.ls-thumbnail-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ls-thumbnail-hover-img {
    position: absolute;
    overflow: hidden
}

.ls-thumbnail-hover img {
    max-width: none !important;
    position: absolute;
    display: inline-block;
    visibility: visible !important;
    left: 50%;
    top: 0
}

.ls-thumbnail-hover span {
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important
}

.ls-thumbnail-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 4
}

.ls-thumbnail {
    position: relative;
    margin: 0 auto
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
    width: 100%
}

.ls-thumbnail-slide-container {
    overflow: hidden !important;
    position: relative
}

.ls-touchscroll {
    overflow-x: auto !important
}

.ls-thumbnail-slide {
    text-align: center;
    white-space: nowrap;
    float: left;
    position: relative
}

.ls-thumbnail-slide a {
    overflow: hidden;
    display: inline-block;
    width: 0;
    height: 0;
    position: relative
}

.ls-thumbnail-slide img {
    max-width: none !important;
    max-height: 100% !important;
    height: 100%;
    visibility: visible !important
}

.ls-shadow {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    width: 100%;
    left: 0;
    overflow: hidden !important;
    visibility: hidden
}

.ls-shadow img {
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
    visibility: hidden
}

.ls-wp-fullwidth-container {
    width: 100%;
    position: relative
}

.ls-wp-fullwidth-helper {
    position: absolute
}

.ls-overflow-hidden {
    overflow: hidden
}

.ls-lt-tile {
    position: relative;
    float: left;
    perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px
}

.ls-lt-tile img {
    visibility: visible;
    display: inline-block
}

.ls-curtiles {
    overflow: hidden
}

.ls-curtiles,
.ls-nexttiles {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ls-curtile,
.ls-nexttile {
    overflow: hidden;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.ls-curtile {
    left: 0;
    top: 0
}

.ls-curtile img,
.ls-nexttile img {
    position: absolute;
    filter: inherit
}

.ls-3d-container {
    position: relative;
    overflow: visible !important
}

.ls-3d-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.ls-3d-box div {
    overflow: hidden;
    background: #777;
    margin: 0;
    padding: 0;
    position: absolute
}

.ls-fullscreen {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: block
}

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    line-height: normal;
    outline: none;
    padding: 0;
    border: 0
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide>* {
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide>* {
    margin: 0
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
    background: none !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0
}

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide>* {
    line-height: normal;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide>a>* {
    margin: 0
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide>a {
    text-decoration: none
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
    margin: 0
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
    display: none
}

.site {
    overflow: visible !important
}

.ls-debug-console * {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: white !important;
    text-shadow: none !important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
    line-height: normal !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
    font-style: normal !important
}

.ls-debug-console h1 {
    padding-top: 10px !important;
    font-size: 17px !important;
    font-weight: bold !important
}

.ls-debug-console h1:first-child {
    padding-top: 0 !important
}

.ls-debug-console ul {
    padding-top: 10px !important;
    list-style: none !important
}

.ls-debug-console li {
    margin-left: 10px !important;
    font-size: 13px !important;
    position: relative !important;
    font-weight: normal !important
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
    display: none;
    width: 260px;
    left: -10px
}

.ls-debug-console li ul {
    position: absolute !important;
    bottom: 100% !important;
    padding: 10px 10px 10px 0 !important;
    background: white !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px black !important
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
    display: block
}

.ls-debug-console li ul * {
    color: black !important
}

.ls-debug-console a {
    text-decoration: none !important;
    border-bottom: 1px dotted white !important
}

.ls-error {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -wenkit-border-radius: 5px !important;
    background: white !important;
    height: auto !important;
    width: auto !important;
    color: white !important;
    padding: 20px 40px 30px 80px !important;
    position: relative !important;
    box-shadow: 0 2px 20px -5px black
}

.ls-error p {
    line-height: normal !important;
    text-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: justify !important;
    font-family: Arial, sans-serif !important
}

.ls-error .ls-error-title {
    line-height: 40px !important;
    color: red !important;
    font-weight: bold !important;
    font-size: 16px !important
}

.ls-error .ls-error-text {
    color: #555 !important;
    font-weight: normal !important;
    font-size: 13px !important
}

.ls-error .ls-exclam {
    width: 40px !important;
    height: 40px !important;
    position: absolute !important;
    left: 20px !important;
    top: 20px !important;
    border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    font-size: 30px !important;
    font-weight: bold !important;
    color: white !important;
    line-height: 40px !important;
    background: red !important;
    text-align: center !important
}

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
    transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.ls-videohack {
    transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform-origin: none !important;
    -o-transform-origin: none !important;
    -ms-transform-origin: none !important;
    -moz-transform-origin: none !important;
    -webkit-transform-origin: none !important
}

.ls-oldiepnghack {
    filter: none !important
}

.ls-gpuhack {
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important
}

html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media (transform-3d),
(-o-transform-3d),
(-ms-transform-3d),
(-moz-transform-3d),
(-webkit-transform-3d) {
    #ls-test3d {
        position: absolute;
        left: 9px;
        height: 3px
    }
}

.ls-forcehide {
    display: none !important
}