h1 {
    text-transform: none!important;
    letter-spacing: 0!important;
    font-family: "Open Sans"!important;
    padding-bottom: 2%
}
h2 {
	font-size: 18px!important;
	text-transform: none!important;
	letter-spacing: 0px!important;
	line-height: 36px!important;
	font-family: Cursive, "Open Sans"!important;
}
#we-help h1,
#we-creative h1,
#we-are-family h1,
#help-us h1 {
    color: #f4bd47;
}
#we-help h1 {
    padding-top: 15%;
}
#we-help h2,
#we-creative h2,
#we-are-family h2,
#help-us h2 {
    color: #ffffff;
}
.be-button,
#navigation .menu,
#navigation .sub-menu {
    font-family: Cursive, "Open Sans"!important;
}

}
#we-learn h1,
#we-learn h2,
#we-learn .be-button-wrap {
    padding-left: 60%;
}
#we-creative h2,
#we-are-family h2,
#help-us h2 {
    padding: 0 20%;
}
#we-work h2,
#we-work .be-button-wrap {
    padding-right: 60%;
}
#we-creative h1,
#we-creative h2,
#we-are-family h1,
#we-are-family h2,
#help-us h1,
#help-us h2 {
    text-align: center;
}
#help-us .be-button-wrap {
    margin: 0 auto;
    display: table;
}
.mediumbtn {
    font-size: 12px;
    line-height: 150%;
    padding: 20px;
    letter-spacing: 3px
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
[hidden] {
    display: none
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    font-family: Cursive, "Open Sans"!important;
    line-height: 1;
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
:focus {
    outline: 0
}
ins {
    text-decoration: none
}
del {
    text-decoration: line-through
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td {
    vertical-align: top
}
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
input[type="text"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}
.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
::selection {
    background: #000;
    color: #fff
}
::-moz-selection {
    background: #ffff9e
}
img::selection {
    background: transparent
}
img::-moz-selection {
    background: transparent
}
html {
    padding-right: 0!important;
    overflow-y: scroll
}
#logo {
    margin: 30px 0;
    float: left
}
#logo a,
#logo a img {
    display: block
}
#header {
    position: relative;
    z-index: 10
}
#header-inner-wrap.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.44)
}
#header-inner-wrap.stuck #logo,
#header-inner-wrap.top-animate #logo {
    margin: 20px 0;
    -webkit-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -ms-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    transition: margin .5s ease
}
#header-inner-wrap.stuck #logo img,
#header-inner-wrap.top-animate #logo img {
    -webkit-transition: max-height .5s ease;
    -moz-transition: max-height .5s ease;
    -ms-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease
}
.header-controls {
    float: right
}
#header-inner-wrap.top-animate #navigation,
#header-inner-wrap.top-animate .header-controls,
#header-inner-wrap.top-animate .social-media-icons-mid-header,
#header-inner-wrap.stuck #navigation,
#header-inner-wrap.stuck .header-controls,
#header-inner-wrap.stuck .social-media-icons-mid-header {
    line-height: 70px;
    -webkit-transition: line-height .5s ease;
    -moz-transition: line-height .5s ease;
    -ms-transition: line-height .5s ease;
    -o-transition: line-height .5s ease;
    transition: line-height .5s ease
}
.search-box-wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    width: 240px;
    display: none;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
    line-height: normal;
    padding: 25px;
    background: #fff
}
.header-search-controls {
    position: relative;
    float: right
}
.header-search-controls .search-button {
    margin-left: 0;
    cursor: pointer;
    color: inherit;
    display: inline-block;
    zoom: 1;
    font-size: 16px;
    line-height: normal
}
.search-box-wrapper .searchform .search-icon {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0 5px;
    line-height: 97px;
    color: #555!important
}
.search-box-wrapper .searchform .s {
    width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0
}
.header-cart-controls,
.menu-controls,
.header-search-controls {
    margin-left: 15px
}
.header-cart-controls:before {
    font-family: 'be-themes';
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased!important
}
.header-cart-controls .cart-contents {
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    right: -1px;
    font-size: 10px;
    padding: 0!important
}
.header-cart-controls .cart-contents span {
    font-weight: 700
}
.header-cart-controls:before {
    content: '\e60d';
    color: #7e7e7e
}
#header a.icon-shortcode {
    display: inline-block
}
#header a.icon-shortcode .font-icon {
    margin-bottom: 0;
    line-height: 27px
}
body.header-transparent #header #header-inner-wrap.no-transparent,
body.sticky-header #header #header-inner-wrap.no-transparent {
    position: fixed;
    top: -300px;
    width: 100%;
    left: 0
}
body.header-transparent #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header #header #header-inner-wrap.no-transparent.top-animate {
    top: 0;
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -o-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -webkit-backface-visibility: hidden
}
body.header-transparent.admin-bar #header #header-inner-wrap.no-transparent.top-animate,
body.sticky-header.admin-bar #header #header-inner-wrap.no-transparent.top-animate {
    top: 32px;
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -o-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -webkit-backface-visibility: hidden
}
body.header-transparent #header #header-inner-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    background: transparent;
    box-shadow: none
}
body.header-transparent #logo img {
    display: none
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate #logo img.normal-logo,
body.header-transparent #header-inner-wrap #logo img.transparent-logo {
    display: block
}
body.header-transparent #header-inner-wrap.no-transparent.top-animate #logo img.transparent-logo {
    display: none
}
#header-inner-wrap.transparent {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
#header-inner-wrap.background--dark.transparent #navigation,
#header-inner-wrap.background--dark.transparent .header-search-controls .search-button,
#header-inner-wrap.background--dark.transparent .header-cart-controls:before,
#header-inner-wrap.background--dark.transparent .menu-controls i.font-icon {
    color: #f5f5f5;
    transition: color .5s linear
}
#header-inner-wrap.background--light.transparent #navigation,
#header-inner-wrap.background--light.transparent .header-search-controls .search-button,
#header-inner-wrap.background--light.transparent .header-cart-controls:before,
#header-inner-wrap.background--light.transparent .menu-controls i.font-icon {
    color: #333;
    transition: color .5s linear
}
.light-scheme-logo {
    display: none!important
}
body.header-transparent #header-inner-wrap.background--dark.transparent #logo img.light-scheme-logo {
    display: block!important
}
body.header-transparent #header-inner-wrap.background--dark.transparent #logo img.dark-scheme-logo {
    display: none!important
}
#navigation {
    float: right
}
#navigation a {
    color: inherit;
    padding: 0 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}
#navigation ul li {
    float: left;
    display: inline-block;
    position: relative;
    margin-bottom: 0
}
#navigation .sub-menu {
    position: absolute;
    width: 200px;
    display: none;
    z-index: 12;
    top: 100%;
    line-height: 32px
}
#navigation .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    margin-left: 0
}
#navigation ul .sub-menu li {
    display: block;
    float: none
}
#navigation ul .sub-menu li a {
    display: block;
    padding: 5px 20px
}
.menu-controls i.font-icon {
    font-size: 20px;
    color: #7e7e7e;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    padding: 0;
    line-height: normal
}
.menu-controls i.font-icon:before {
    position: relative;
    top: 2px
}
#navigation .menu > ul > li.mega {
    position: inherit!important
}
#navigation .menu > ul > li.mega > ul.sub-menu {
    width: 100%;
    left: 0;
    padding: 20px 0
}
#navigation .menu > ul > li.mega > ul.sub-menu a {
    padding: 5px 20px;
    -webkit-font-smoothing: antialiased!important
}
#navigation .menu > ul > li.mega > ul > li {
    display: table-cell!important;
    float: none;
    padding: 0;
    border-right: 1px solid #303030;
    width: 300px
}
#navigation .menu > ul > li.mega > ul > li:last-child {
    border-right: none
}
#navigation .menu > ul > li.mega.columns-3 > ul > li {
    width: 386px
}
#navigation .menu > ul > li.mega.columns-4 > ul > li {
    width: 290px
}
#navigation .menu > ul > li.mega.columns-5 > ul > li {
    width: 232px
}
#navigation .menu > ul > li.mega.columns-2 > ul > li {
    width: 580px
}
#navigation .menu > ul > li.mega > ul > li ul {
    display: block!important;
    width: 100%;
    left: 0!important;
    opacity: 1!important;
    position: relative!important;
    background: none;
    margin-top: -1px
}
#navigation .menu > ul > li:last-child a {
    padding-right: 0
}
#navigation .sub-menu a {
    letter-spacing: 1px
}
#navigation .mega.highlight .sub-menu .sf-with-ul {
    font-size: 13px;
    color: #fff;
    padding-bottom: 10px!important
}
body.header-transparent #navigation .sub-menu {
    top: 80%
}
body.header-transparent #navigation .sub-menu .sub-menu {
    top: 0
}
.sb-slidebar {
    position: fixed;
    width: 280px;
    z-index: 11;
    background: #000;
    height: 100%;
    overflow: auto
}
.sb-slidebar .sb-right {
    right: -280px
}
html.csstransforms .sb-slidebar {
    -webkit-transform: translatex(280px);
    -moz-transform: translatex(280px);
    -ms-transform: translatex(280px);
    -o-transform: translatex(280px);
    transform: translatex(280px);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease
}
html.csstransforms .sb-slidebar.sb-right {
    right: 0
}
html.csstransforms .sb-slidebar.sb-left {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}
html.csstransforms .sb-slidebar.opened {
    -webkit-transform: translatex(0px);
    -moz-transform: translatex(0px);
    -ms-transform: translatex(0px);
    -o-transform: translatex(0px);
    transform: translatex(0px)
}
html.csstransforms .sb-slidebar.sb-right.opened {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}
html.csstransforms body.slider-bar-opened #main {
    -webkit-transform: translatex(-280px);
    -moz-transform: translatex(-280px);
    -ms-transform: translatex(-280px);
    -o-transform: translatex(-280px);
    transform: translatex(-280px)
}
html.csstransforms #main {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease
}
html.no-csstransforms .sb-slidebar {
    -webkit-transition: right 400ms ease;
    -moz-transition: right 400ms ease;
    -o-transition: right 400ms ease;
    transition: right 400ms ease
}
html.no-csstransforms .sb-slidebar.opened {
    right: 0
}
.left-header .sliderbar-menu-controller .icon-menu {
    display: none
}
.left-header #main-wrapper {
    margin-left: 280px
}
.sb-slidebar-content {
    padding: 30px 0
}
#slidebar-menu a {
    color: inherit;
    padding: 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}
.sb-slidebar .menu ul {
    list-style: none;
    margin-bottom: 0;
    display: block;
    padding: 0;
    margin-top: 0
}
.sb-slidebar .menu ul li {
    margin-bottom: 0;
    display: block;
    position: relative
}
#slidebar-menu {
    z-index: 100;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 50px
}
.sb-slidebar-content .menu {
    margin-bottom: 50px
}
#slidebar-menu .sub-menu {
    display: none
}
#slidebar-menu a {
    padding: 0 0 0 20px;
    border-bottom: 1px solid #303030;
    display: block
}
#slidebar-menu .sub-menu a {
    padding-left: 35px
}
#slidebar-menu .sub-menu .sub-menu a {
    padding-left: 50px
}
.sb-slidebar .widget {
    padding-left: 20px;
    margin-bottom: 40px
}
#navigation .mobile-sub-menu-controller {
    display: none
}
#slidebar-menu .mobile-sub-menu-controller {
    display: block;
    position: absolute;
    right: 0;
    width: 50px;
    top: 0;
    cursor: pointer;
    font-size: 12px;
    text-align: center
}
#mobile-menu,
#mobile-menu ul {
    list-style: none;
    margin-bottom: 0;
    display: none;
    padding: 0;
    margin-top: 0
}
#mobile-menu li {
    margin-bottom: 0;
    line-height: 40px;
    position: relative
}
#mobile-menu a {
    color: inherit;
    padding: 5px 0 5px 20px;
    display: block;
    position: relative;
    border-bottom: 1px solid #303030
}
#mobile-menu .mobile-sub-menu-controller {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 51px;
    padding: 0 15px;
    cursor: pointer
}
.mobile-nav-controller-wrap {
    display: none;
    float: right
}
.mobile-nav-controller-wrap .menu-controls {
    margin-left: 0;
    margin-right: 0
}
#logo-sidebar {
    text-align: left;
    margin-bottom: 30px;
    padding-left: 20px
}
#footer-wrap {
    padding: 25px 0
}
#copyright {
    margin-bottom: 10px;
    text-align: center
}
#hosting {
    margin-bottom: 10px;
    text-align: center
}
#design {
    margin-bottom: 0;
    text-align: center
}
.post-title {
    margin-bottom: 0
}
.post-title a {
    color: inherit!important
}
.post-nav {
    padding: 10px 0;
    font-size: 12px
}
.post-nav ul li {
    margin-bottom: 0
}
.post-meta {
    float: left
}
.post-nav .post-meta-sep {
    margin: 0 7px
}
.pagination_parent {
    margin-bottom: 60px
}
.pagination a,
.pagination span,
.pages_list a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 16px 0 0;
    background: #efefef;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #555
}
.pages_list a {
    width: auto;
    padding: 0 10px
}
embed {
    max-width: 100%
}
.single-post #content {
    padding-bottom: 50px
}
.single-post .project_navigation {
    margin-top: 50px
}
.post-excerpt {
    margin-bottom: 35px
}
.post-thumb {
    margin-bottom: 35px
}
.post-thumb img {
    width: 100%!important;
    height: auto!important
}
.post-thumb.style-2 {
    float: left;
    width: 300px;
    margin-right: 20px
}
.no-thumb .post-header {
    margin-bottom: 15px
}
.format-quote .post-content-wrap,
.format-link .post-content-wrap {
    padding: 30px;
    background: #efefef;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 35px
}
.format-quote .post-meta,
.format-link .post-meta {
    float: none;
    display: inline
}
.blog-separator .separator {
    margin: 10px 0 30px
}
hr {
    margin-bottom: 60px
}
.post-tags {
    margin-bottom: 10px
}
.style2-blog .post-thumb {
    width: 40%;
    margin-right: 5%;
    float: left
}
.style2-blog .article-details {
    width: 55%;
    float: left
}
.style2-blog .format-audio .article-details,
.style2-blog .format-quote .article-details,
.style2-blog .format-link .article-details,
.style2-blog .format-audio .post-thumb {
    width: 100%
}
.style3-blog .blog-separator .separator {
    margin-top: 60px;
    margin-bottom: 65px
}
.blog-post.element {
    margin-bottom: 65px
}
.style3-blog .format-quote .post-content-wrap,
.style3-blog .format-link .post-content-wrap {
    margin-bottom: 0
}
.style3-blog .post-title {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 26px
}
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
    background: none!important
}
.mejs-container .mejs-controls .mejs-time span {
    color: #555!important
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #efefef!important
}
.mejs-controls .mejs-button button {
    background: none!important;
    outline: 0;
    margin: 9px 5px!important
}
.mejs-controls .mejs-playpause-button.mejs-play button:before {
    content: '\e728';
    font-family: "be-themes";
    font-size: 16px;
    color: #555
}
.mejs-controls .mejs-playpause-button.mejs-pause button:before {
    content: '\e720';
    font-family: "be-themes";
    font-size: 16px;
    color: #555
}
.mejs-controls .mejs-volume-button.mejs-mute button:before {
    content: '\e751';
    font-family: "be-themes";
    font-size: 14px;
    color: #555
}
.mejs-controls .mejs-volume-button.mejs-unmute button:before {
    content: '\e719';
    font-family: "be-themes";
    font-size: 14px;
    color: #555
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #000!important
}
.form-submit {
    margin-bottom: 0
}
.commentlist {
    list-style: none;
    padding: 0;
    margin-bottom: 60px
}
.commentlist li.comment {
    padding: 0;
    margin-bottom: 0
}
article.comment {
    padding: 27px 30px 30px;
    margin-bottom: 50px;
    background: #efefef;
    position: relative;
    border-radius: 5px
}
.vcard,
.comment-content {
    float: left
}
.vcard {
    width: 9%
}
.comment-author-inner {
    display: inline-block;
    text-align: center
}
.comment-author-inner img {
    height: auto!important;
    border-radius: 50%
}
.comment-content {
    width: 80%;
    padding-left: 4%
}
.children {
    list-style: none
}
#comments-title {
    margin-bottom: 40px
}
.comment {
    margin-bottom: 30px
}
.comment-meta {
    margin-bottom: 10px
}
.comment_text p {
    margin-bottom: 0
}
#reply-title {
    margin-bottom: 15px
}
.comment-meta h6.fn {
    margin-bottom: 0
}
.comment-meta time {
    font-size: 12px
}
.comment-edit-reply {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 2px
}
.comment-edit-reply li {
    margin-bottom: 0
}
.comment-edit-reply,
.children {
    list-style: none!important
}
.reply {
    display: block
}
.reply,
li.edit-link,
span.edit-link {
    font-size: 11px;
    font-style: italic
}
.comment a {
    text-decoration: none
}
.avatar {
    margin-bottom: 10px
}
.children {
    padding-left: 10%;
    margin-bottom: 0
}
.children .vcard {
    width: 9%
}
.children .comment-content {
    width: 80%;
    padding-left: 4%
}
.form-allowed-tags {
    display: none
}
h2,
h3,
h4,
h5 {
    margin-bottom: 20px
}
h6 {
    margin-bottom: 10px
}
p {
    margin-bottom: 30px
}
#content,
.post-title,
.breadcrumbs,
#page-title {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}
.header-breadcrumb {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}
blockquote {
    font-style: italic;
    margin-bottom: 30px
}
blockquote p:last-child {
    margin-bottom: 0
}
a,
a:visited,
a:hover {
    text-decoration: none
}
.sidebar-widgets .widget ul li a {
    color: inherit
}
ul,
ol {
    padding-left: 15px;
    line-height: inherit;
    margin: 0 0 30px
}
ul {
    list-style: disc
}
ol {
    list-style: decimal
}
ul li,
ol li {
    margin-bottom: 15px
}
ul ul,
ol ol {
    margin-top: 15px
}
dd {
    margin: 0 0 20px;
    line-height: inherit
}
dt {
    line-height: inherit
}
nav ul,
nav ol {
    list-style: none!important;
    list-style-image: none;
    margin: 0;
    padding: 0
}
.widget ul {
    margin-bottom: 0
}
.widget ul li:last-child {
    margin-bottom: 0!important;
    padding-bottom: 0;
    border: none
}
code,
pre {
    font-family: "Courier New", Courier, monospace
}
cite {
    font-weight: 700
}
address {
    display: block;
    line-height: 20px;
    margin: 0 0 20px
}
pre {
    display: block;
    margin: 10px 0;
    padding: 10px;
    overflow: auto
}
table {
    border-collapse: collapse;
    margin-bottom: 20px
}
th,
td {
    border: 1px solid #ddd;
    padding: 9px 20px
}
th {
    text-transform: uppercase
}
caption {
    font-size: 11px;
    font-style: italic
}
sup,
sub {
    height: 0;
    font-size: 10px;
    line-height: 1;
    position: relative;
    top: .5ex;
    vertical-align: baseline
}
sup {
    bottom: 1ex
}
.wp-caption {
    margin-bottom: 20px;
    max-width: 100%!important;
    padding-top: 6px;
    text-align: center
}
.wp-caption img {
    width: auto!important;
    height: auto!important;
    max-width: 98%
}
.wp-caption img,
.wp-caption img a {
    border: 0 none;
    margin: 0!important;
    padding: 0
}
.wp-caption .wp-caption-text {
    font-size: 11px;
    font-style: italic;
    margin: 0;
    padding: 4px 4px 5px
}
img.alignright,
.wp-caption.alignright {
    float: right;
    margin: 0 0 0 10px
}
img.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 0 10px 0 0
}
img.aligncenter,
.wp-caption.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}
img.aligncenter {
    margin-bottom: 10px
}
a img.alignright {
    float: right;
    margin: 7px 0 20px 20px
}
a img.alignleft {
    float: left;
    margin: 7px 20px 20px 0
}
a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto
}
.gallery-item img {
    width: auto!important;
    height: auto!important;
    border: none!important;
    max-width: 100%!important
}
.gallery-caption {
    display: block;
    font-style: italic;
    margin-bottom: 0!important;
    padding: 0 4px 5px
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto
}
input[type="text"],
input[type="email"],
input[type="password"] {
    padding: 0;
    height: 45px;
    width: 48%;
    margin-bottom: 30px;
    background-color: #efefef;
    border: none;
    color: #555;
    font-size: 10px;
    border: 1px solid #dedede;
    text-indent: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}
select {
    height: 45px;
    width: 100%;
    padding: 10px
}
textarea {
    padding: 10px 0 0 10px;
    height: 350px;
    width: 98%;
    font: inherit;
    overflow: auto;
    background-color: #efefef;
    color: #555;
    border: none;
    border: 1px solid #dedede;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}
input[type="submit"],
.action-button .be-button {
    border: none;
    cursor: pointer;
    display: inline-block;
    margin: 0 20px 10px 0;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 11px;
    line-height: 11px;
    padding: 20px;
    letter-spacing: 3px;
    text-transform: uppercase
}
.more-link {
    display: block;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-font-smoothing: subpixel-antialiased
}
.wpcf7-not-valid-tip {
    display: none
}
span.wpcf7-form-control-wrap {
    position: relative!important;
    display: block!important
}
input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border: 1px solid #ef8080;
    margin-bottom: 0
}
input[type=text]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border: 1px solid #dedede;
    background-color: #fff
}
.contact_form .column-block {
    margin-bottom: 25px
}
.contact_form input[type="text"] {
    width: 48%;
    margin-bottom: 30px!important
}
.contact_form textarea.txt_area {
    width: 98.3%;
    margin-bottom: 30px!important
}
.contact_form {
    margin-bottom: 60px
}
.contact_form_module.contact_form input[type="text"] {
    width: 99%
}
.gmap {
    margin-bottom: 60px;
    height: 100%
}
.gmap img {
    max-width: initial!important
}
.page-template-contact-php #content {
    padding-bottom: 50px
}
.submit-fieldset {
    position: relative
}
.contact_loader {
    background: url(img/loader.gif) no-repeat top left;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    display: none;
    top: 15px;
    left: 0;
    margin-left: 100px;
    margin-top: -7px
}
.widget {
    margin-bottom: 60px
}
#bottom-widgets .widget {
    margin-bottom: 60px
}
.sidebar-widgets .widget:last-child {
    margin-bottom: 0
}
.widget h6 {
    margin-bottom: 15px
}
#bottom-widgets {
    padding-top: 60px;
    padding-bottom: 60px
}
#bottom-widgets .column-block {
    margin-bottom: 0
}
#bottom-widgets-wrap .column-block .widget:last-child {
    margin-bottom: 0
}
.recent_post_container {
    list-style: none!important;
    padding: 0
}
.recent_posts {
    margin-bottom: 25px
}
.recent_post_content a {
    display: block;
    padding: 0
}
.recent_post_img {
    margin: 6px 10px 0 0;
    float: left
}
.recent_post_img a {
    display: block;
    position: relative
}
.recent_post_img img {
    display: inline-block
}
.recent-post-date {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
    display: inline-block
}
.recent-post-title {
    margin-bottom: 10px
}
.tagcloud:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}
.tagcloud a {
    padding: 10px;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid
}
.search-submit {
    display: none!important
}
.search-button {
    margin-left: -30px
}
.widget .searchform {
    position: relative
}
.widget .searchform .search-icon {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 47px
}
.s {
    height: 45px;
    border-radius: 3px;
    background: #fff;
    font-size: 11px;
    z-index: 1000000;
    margin-bottom: 0
}
.widget .s {
    width: 97%!important
}
.not-found {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center
}
.not-found-search {
    width: 350px;
    margin: 0 auto
}
#wp-calendar {
    width: 100%;
    background: none;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center
}
#wp-calendar caption {
    font-size: 12px;
    font-style: normal;
    text-align: center;
    text-transform: uppercase
}
#wp-calendar thead {
    font-size: 11px;
    font-weight: 700
}
#wp-calendar thead th {
    background: none;
    padding-top: 5px;
    padding-bottom: 5px
}
#wp-calendar tbody,
#wp-calendar tfoot {
    font-size: 11px;
    font-weight: 700
}
#wp-calendar tbody tr td,
#wp-calendar thead tr th,
#wp-calendar tfoot tr td {
    background: none;
    border: none
}
#wp-calendar tbody tr td {
    background: none;
    border: 1px
}
#wp-calendar tbody tr td.pad {
    background: none;
    border: none
}
#wp-calendar tfoot tr td {
    background: none;
    padding: 5px 0 0
}
#wp-calendar td,
#wp-calendar th {
    padding: 0
}
#today a {
    color: #fff
}
#wp-calendar tfoot tr #prev {
    text-align: left
}
#wp-calendar tfoot tr #next {
    text-align: right
}
#wp-calendar tr a {
    display: block
}
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul {
    list-style: none;
    padding-left: 0
}
.widget_categories ul li,
.widget_archive ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li {
    padding-left: 25px
}
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_links ul li:before,
.widget_meta ul li:before,
.widget_nav_menu ul li:before,
.widget_pages ul li:before {
    content: '\e742';
    font-family: "be-themes";
    display: inline-block;
    margin-left: -25px;
    width: 25px;
    font-size: 14px
}
.photostream ul {
    list-style: none;
    padding-left: 0
}
.photostream ul li {
    margin: 0 15px 15px 0;
    float: left;
    width: auto
}
.photostream ul li.last {
    margin-right: 0
}
.photostream ul li a {
    display: block;
    position: relative
}
.photostream ul li a img {
    display: block;
    width: 70px;
    height: 70px
}
.photostream_overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}
.photostream_overlay:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}
#lang_sel a.lang_sel_sel,
#lang_sel a.lang_sel_sel:hover,
#lang_sel:hover > a,
#lang_sel ul ul:hover > a,
#lang_sel ul ul a,
#lang_sel ul ul a:visited {
    background-color: transparent;
    color: inherit
}
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    color: #fff;
    display: block;
    border-radius: 50%;
    font-size: 17px;
    z-index: 5;
    display: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center
}
@media only screen and (min-width: 1280px) {
    .left-header #header {
        display: none
    }
}
@media only screen and (max-width: 1279px) {
    .left-header .sb-left {
        display: none
    }
    .left-header #main-wrapper {
        margin-left: 0
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #header .header-controls {
        width: 250px;
        position: relative
    }
}
@media only screen and (max-width: 960px) {
    #navigation {
        display: none!important
    }
    #header-inner-wrap.stuck {
        position: relative;
        width: 100%;
        box-shadow: none
    }
    .mobile-sub-menu-controller {
        display: inline-block
    }
    body.admin-bar #header-inner-wrap.stuck {
        top: 0!important
    }
    .sticky-wrapper {
        height: auto!important
    }
    #header .header-controls {
        width: 50%
    }
    .header-contact-wrap {
        padding-top: 5px
    }
    .header-contact-wrap,
    #header-top-menu {
        line-height: 25px!important
    }
    .header-contact-wrap .be-wrap div.left,
    .header-contact-wrap .be-wrap div.right {
        margin-bottom: 5px
    }
    .menu-controls {
        display: block!important
    }
    body.header-transparent #header #header-inner-wrap.no-transparent {
        position: absolute;
        left: auto;
        right: auto
    }
    body.sticky-header #header #header-inner-wrap.no-transparent {
        position: relative;
        left: auto;
        right: auto
    }
    .mobile-nav-controller-wrap {
        display: block
    }
}
@media only screen and (max-width: 767px) {
    #header-inner-wrap.stuck {
        position: relative;
        width: 100%;
        box-shadow: none
    }
    ul.tabs li {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-left: 0
    }
    #header .header-controls {
        width: 40%
    }
    .header-cart-controls,
    .menu-controls,
    .header-search-controls {
        margin-left: 5px
    }
    .children {
        padding-left: 0
    }
    .vcard,
    .children .vcard {
        width: 25%;
        margin-right: 0
    }
    .comment-content,
    .children .comment-content {
        width: 70%;
        padding-left: 4%
    }
    #footer-widgets {
        width: 270px
    }
    .no-mobile {
        display: none
    }
    input[type="text"],
    input[type="email"],
    input[type="password"] {
        width: 98%
    }
    .style2-blog .post-thumb,
    .style2-blog .article-details {
        width: 100%;
        float: none
    }
    .gmap-wrapper {
        height: 250px!important
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .vcard,
    .children .vcard {
        width: 20%
    }
    .header-cart-controls,
    .menu-controls,
    .header-search-controls {
        margin-left: 10px
    }
}
.left {
    float: left
}
.right {
    float: right
}
.last {
    margin-right: 0!important
}
.clear {
    clear: both
}
.no-margin {
    margin-bottom: 0
}
.truncate {
    height: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.no-list-style {
    list-style: none
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.hidden {
    display: none!important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.clearfix {
    *zoom: 1
}
@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
#A_1 {
    bottom: 30px;
    box-sizing: border-box;
    color: #0fe0ba;
    display: block;
    height: 60px;
    left: 951.5px;
    position: absolute;
    text-decoration: none;
    width: 60px;
    z-index: 100;
    -webkit-column-rule-color: #0fe0ba;
    align-self: stretch;
    -webkit-font-smoothing: antialiased;
    -webkit-locale: en-US;
    perspective-origin: 30px 30px;
    -webkit-perspective-origin: 30px 30px;
    -webkit-text-decorations-in-effect: none;
    -webkit-text-emphasis-color: #0fe0ba;
    -webkit-text-fill-color: #0fe0ba;
    -webkit-text-stroke-color: #0fe0ba;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 30px 30px;
    -webkit-transform-origin: 30px 30px;
    border: 0 none #0fe0ba;
    font: normal normal normal normal 16px/28.799999237061px 'PT Sans';
    margin: 0 0 0 -30px;
    outline: #0fe0ba none 0;
    transition: color .2s linear 0;
    -webkit-border-after: 0 none #0fe0ba;
    -webkit-border-before: 0 none #0fe0ba;
    -webkit-border-end: 0 none #0fe0ba;
    -webkit-border-start: 0 none #0fe0ba;
    -webkit-transition: color .2s linear 0
}
#I_2 {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 60px;
    max-width: 100%;
    opacity: .99999994039536;
    position: relative;
    speak: none;
    text-align: center;
    top: -2px;
    vertical-align: middle;
    width: 60px;
    word-spacing: 1px;
    z-index: 0;
    -webkit-animation-duration: 3.4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: fadebottom;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-column-rule-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-locale: en-US;
    perspective-origin: 30px 30px;
    -webkit-perspective-origin: 30px 30px;
    -webkit-text-emphasis-color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 30px 30px;
    -webkit-transform-origin: 30px 30px;
    border: 0 none #fff;
    border-radius: 999px 999px 999px 999px;
    font: normal normal normal normal 20px/60px icomoon;
    outline: #fff none 0;
    -webkit-border-after: 0 none #fff;
    -webkit-border-before: 0 none #fff;
    -webkit-border-end: 0 none #fff;
    -webkit-border-start: 0 none #fff
}
#I_2:before {
    color: #fff;
    display: inline-block;
    height: 60px;
    speak: none;
    text-align: center;
    width: 20px;
    word-spacing: 1px;
    -webkit-column-rule-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-locale: en-US;
    perspective-origin: 10px 30px;
    -webkit-perspective-origin: 10px 30px;
    -webkit-text-emphasis-color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
    transform-origin: 10px 30px;
    -webkit-transform-origin: 10px 30px;
    content: '';
    border: 0 none #fff;
    font: normal normal normal normal 20px/60px icomoon;
    outline: #fff none 0;
    -webkit-border-after: 0 none #fff;
    -webkit-border-before: 0 none #fff;
    -webkit-border-end: 0 none #fff;
    -webkit-border-start: 0 none #fff
}
.overlay-container {
    position: relative
}
.overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5)
}
.overlay:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}
.overlay span {
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    font-size: 32px
}
.overlay-container:hover .overlay-container:hover .overlay span {
    font-size: 35px
}
.ssba img {
    width: 35px!important;
    padding: 6px;
    border: 0;
    box-shadow: none!important;
    display: inline!important;
    vertical-align: middle
}
.ssba,
.ssba a {
    clear: both
}
.be-wrap {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}
.layout-box {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4)
}
#page-content.content-single-sidebar {
    width: 820px
}
#left-sidebar,
#right-sidebar {
    width: 260px;
    float: left
}
.left-sidebar-page #page-content,
.dual-sidebar-page #page-content {
    float: right
}
.right-sidebar-page #page-content {
    float: left
}
#left-sidebar,
.right-sidebar-page #page-content {
    margin-right: 80px
}
#left-sidebar,
#right-sidebar {
    margin-bottom: 50px
}
#content {
    position: static;
    z-index: 2
}
.no-page-builder {
    padding: 70px 0
}
.page #comments {
    padding: 50px 0
}
.column-block {
    float: left;
    margin-left: 5%;
    margin-bottom: 60px
}
.one-col.column-block {
    margin-left: 0;
    float: none
}
.one-third {
    width: 30%
}
.one-fourth {
    width: 21.25%
}
.one-fifth {
    width: 16%
}
.one-half {
    width: 47.5%
}
.two-third {
    width: 65%
}
.three-fourth {
    width: 73.75%
}
.be-no-space .one-third {
    width: 33.33%
}
.be-no-space .one-fourth {
    width: 25%
}
.be-no-space .one-fifth {
    width: 20%
}
.be-no-space .one-half {
    width: 50%
}
.be-no-space .two-third {
    width: 66.68%
}
.be-no-space .three-fourth {
    width: 75%
}
.be-no-space {
    display: table;
    margin-bottom: 60px
}
.be-no-space.zero-bottom {
    margin-bottom: 0
}
.be-no-space .column-block {
    display: table-cell;
    margin-left: 0;
    float: none;
    vertical-align: top
}
.be-column-pad {
    padding: 100px 5%
}
.one-third.be-column-pad,
.one-fourth.be-column-pad,
.one-col.be-column-pad,
.two-third.be-column-pad,
.three-fourth.be-column-pad {
    padding: 100px 5%
}
.one-half.be-column-pad {
    padding: 100px 15% 100px 5%
}
.one-half.be-column-pad:first-child {
    padding: 100px 5% 100px 15%
}
.column-block:last-child {
    margin-bottom: 0!important
}
.be-last-child {
    margin-bottom: 0!important
}
.be-row .column-block:first-child {
    margin-left: 0
}
.be-row.zero-bottom .column-block {
    margin-bottom: 0
}
.be-section .be-row:last-child .column-block {
    margin-bottom: 0
}
.be-section .be-row:last-child .column-block h1:last-child,
.be-section .be-row:last-child .column-block h2:last-child,
.be-section .be-row:last-child .column-block h3:last-child,
.be-section .be-row:last-child .column-block h4:last-child,
.be-section .be-row:last-child .column-block h5:last-child,
.be-section .be-row:last-child .column-block h6:last-child {
    margin-bottom: 0!important
}
.be-section .be-row:not(:last-child) .column-block h1:last-child,
.be-section .be-row:not(:last-child) .column-block h2:last-child,
.be-section .be-row:not(:last-child) .column-block h3:last-child,
.be-section .be-row:not(:last-child) .column-block h4:last-child,
.be-section .be-row:not(:last-child) .column-block h5:last-child,
.be-section .be-row:not(:last-child) .column-block h6:last-child {
    margin-bottom: 30px!important
}
html body .be-section .be-row .column-block .be-notification:last-child {
    margin-bottom: 0!important
}
.two-third .column-block,
.three-fourth .column-block {
    margin-bottom: 0
}
.be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay {
    position: relative
}
.be-section {
    overflow: hidden
}
.be-row {
    z-index: 3;
    position: relative
}
.be-row.be-no-space {
    width: 100%
}
.be-bg-video {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0
}
.be-animate {
    visibility: hidden;
    margin-bottom: 30px
}
#be-pb-main .be-animate {
    visibility: visible
}
.be-bg-parallax {
    background-attachment: fixed
}
.be-bg-cover {
    background-size: cover!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important
}
.be-bg-mousemove-parallax.be-bg-cover {
    background-size: initial!important;
    -webkit-background-size: initial!important;
    -moz-background-size: initial!important
}
.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}
.be-shortcode {
    margin-bottom: 60px
}
html.section-scroll.csstransforms,
html.csstransforms body.section-scroll html.csstransforms body.section-scroll #main-wrapper {
    overflow: hidden;
    height: 100%
}
html.csstransforms body.section-scroll #footer {
    display: none
}
html.csstransforms body.section-scroll #content {
    opacity: 0
}
html.csstransforms body.section-scroll section#content {
    -webkit-transition: -webkit-transform 800ms ease;
    -moz-transition: -moz-transform 800ms ease;
    -o-transition: -o-transform 800ms ease;
    transition: transform 800ms ease;
    position: relative;
    z-index: 9
}
.fullscreen-nav-wrap {
    display: none
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
    display: table;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 35px;
    top: 0;
    z-index: 10
}
html.csstransforms body.section-scroll.left-header .fullscreen-nav-wrap {
    left: auto;
    right: 35px
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap-inner {
    display: table-cell;
    zoom: 1;
    vertical-align: middle
}
.fullscreen-nav {
    margin-bottom: 0;
    list-style-type: none;
    padding: 0
}
.fullscreen-nav-item,
.fullscreen-nav-item-hero-section {
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    margin: 5px 0
}
.fullscreen-nav-item.current-item,
.fullscreen-nav-item-hero-section.current-item {
    background: #fff
}
body.section-scroll .be-section * {
    -webkit-transform: translateZ(0)
}
@media only screen and (min-width: 1280px) and (max-width: 1360px) {
    .left-header .sb-slidebar {
        width: 240px
    }
    .left-header #main-wrapper {
        margin-left: 240px
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
    .left-header .be-wrap {
        max-width: 980px;
        margin: 0 auto
    }
    .left-header #page-content.content-single-sidebar {
        width: 700px
    }
    .left-header #left-sidebar,
    .left-header #right-sidebar {
        width: 220px
    }
    .left-header #left-sidebar,
    .left-header .right-sidebar-page #page-content {
        margin-right: 50px
    }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .be-wrap {
        max-width: 980px;
        margin: 0 auto
    }
    .layout-box {
        width: 100%
    }
    #page-content.content-single-sidebar {
        width: 700px
    }
    #left-sidebar,
    #right-sidebar {
        width: 220px
    }
    #left-sidebar,
    .right-sidebar-page #page-content {
        margin-right: 50px
    }
}
@media only screen and (max-width: 1024px) {
    .be-bg-cover {
        background-attachment: scroll!important;
        background-position: center center!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .be-wrap {
        max-width: 740px;
        margin: 0 auto
    }
    .layout-box {
        width: 100%
    }
    #page-content.content-single-sidebar {
        width: 500px
    }
    #left-sidebar,
    #right-sidebar {
        width: 200px
    }
    #left-sidebar,
    .right-sidebar-page #page-content,
    .dual-sidebar-page #left-sidebar,
    #dual-sidebar-wrap {
        margin-right: 40px
    }
    .content-single-sidebar .column-block {
        width: 100%;
        margin-left: 0;
        float: none
    }
}
@media only screen and (min-width: 960px) {
    .full-screen-section-wrap {
        display: table;
        width: 100%;
        height: 100%
    }
    .full-screen-section-wrap .be-section-pad {
        padding: 0!important;
        display: table-cell;
        vertical-align: middle
    }
}
@media only screen and (max-width: 960px) {
    html.section-scroll,
    body.section-scroll {
        overflow: auto!important;
        height: auto!important
    }
    html.csstransforms body.section-scroll .fullscreen-nav-wrap {
        display: none!important
    }
    body.section-scroll #footer {
        display: block
    }
    #content {
        -webkit-transform: translateY(0px)!important;
        -moz-transform: translateY(0px)!important;
        -ms-transform: translateY(0px)!important;
        -o-transform: translateY(0px)!important;
        transform: translateY(0px)!important
    }
}
@media only screen and (max-width: 767px) {
    .be-wrap {
        max-width: 300px;
        margin: 0 auto
    }
    .layout-box {
        width: 100%;
        margin: 0
    }
    #right-sidebar,
    #left-sidebar {
        float: none;
        margin-right: 0;
        margin-left: 0;
        margin-top: 50px;
        width: 100%
    }
    #page-content.content-single-sidebar,
    .right-sidebar-page #page-content {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-left: 0
    }
    .column-block {
        float: none;
        margin-left: 0;
        width: 100%
    }
    .column-block .column-block {
        margin-bottom: 60px
    }
    .be-section .be-row:last-child .column-block {
        margin-bottom: 60px
    }
    .be-section .be-row.be-no-space:last-child .column-block {
        margin-bottom: 0
    }
    .be-section .be-row:last-child .column-block:last-child {
        margin-bottom: 0
    }
    .be-no-space .column-block {
        width: 100%;
        min-height: 300px;
        display: block
    }
    .be-no-space .column-block.be-column-pad {
        padding: 80px 15% 80px 5%;
        width: 90%
    }
    #bottom-widgets .column-block {
        margin-bottom: 60px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .be-wrap {
        max-width: 440px;
        margin: 0 auto
    }
}
.header-hero-section {
    overflow: hidden;
    width: 100%
}
.hero-section-wrap:last-child {
    margin-bottom: 0!important
}
.hero-section-wrap {
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0)
}
.hero-section-inner-wrap {
    display: table;
    width: 100%;
    height: 100%
}
.hero-section-inner {
    display: table-cell;
    vertical-align: middle
}
.header-hero-custom-section .be-row {
    height: 100%!important
}
.hero-section-wrap .special-heading .separator:last-child {
    margin-bottom: 30px!important
}
.rev_slider_wrapper {
    z-index: 1
}
.tp-leftarrow,
.tp-rightarrow {
    -webkit-transition: margin .4s ease-in-out;
    -moz-transition: margin .4s ease-in-out;
    -o-transition: margin .4s ease-in-out;
    transition: margin .4s ease-in-out;
    background: none!important;
    border: 2px solid #fff;
    border-radius: 50%
}
.tp-leftarrow {
    margin-left: -100px
}
.tp-rightarrow {
    margin-right: -100px
}
.rev_slider_wrapper:hover .tp-leftarrow {
    margin-left: 0
}
.rev_slider_wrapper:hover .tp-rightarrow {
    margin-right: 15px
}
.be-accordion {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 15px 20px;
    min-height: 0;
    margin: 0;
    margin-top: 25px;
    outline: 0;
    border: 1px solid;
    line-height: normal
}
.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0
}
.ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0
}
.ui-accordion .ui-accordion-header.top-space {
    margin-top: 20px
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}
.ui-accordion .ui-accordion-content {
    padding: 25px;
    border-top: 0;
    overflow: auto;
    background: none;
    border: 1px solid;
    margin-top: -1px;
    font-size: 14px
}
.ui-accordion-header:before {
    content: '\e72b';
    font-family: "be-themes";
    margin-right: 15px;
    font-size: 16px;
    position: relative;
    top: 1px
}
.ui-accordion-header-active:before {
    content: '\e712';
    font-family: "be-themes";
    margin-right: 15px;
    font-size: 16px;
    position: relative;
    top: 1px
}
.animate-number,
.animate-number-caption {
    display: block;
    margin-bottom: 10px
}
.animate-number-wrap {
    text-align: center
}
.chart-wrap {
    text-align: center
}
.chart {
    text-align: center;
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
    margin: 0 auto 10px
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}
.chart .percentage {
    letter-spacing: 3px
}
.style3-blog {
    margin-bottom: 40px
}
.be-button-wrap {
    display: inline-block;
    margin: 0 20px 10px 0
}
.be-button-wrap.align-block {
    display: block;
    margin: 0 0 40px
}
.be-button {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-color: transparent;
    transition: .3s linear all!important;
    -webkit-transition: .3s linear all!important;
    -moz-transition: .3s linear all!important;
    -ms-transition: .3s linear all!important;
    -o-transition: .3s linear all!important
}
.be-buttton-wrap.block-center .be-button {
    margin: 0 0 10px
}
.be-buttton-wrap.block-center .font-icon {
    margin-right: 0
}
p .be-button {
    margin-bottom: 0
}
.be-button.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.smallbtn {
    font-size: 10px;
    line-height: 11px;
    padding: 15px;
    letter-spacing: 2px
}
.largebtn {
    font-size: 13px;
    line-height: 18px;
    padding: 22px 30px;
    letter-spacing: 3px
}
.blockbtn {
    font-size: 20px;
    width: 100%;
    padding: 40px 0
}
.be-button i {
    margin-right: 1em
}
.icon-shortcode {
    margin-bottom: 10px
}
.be-button-wrap.block-left {
    text-align: left
}
.be-button-wrap.block-center {
    text-align: center
}
.be-button-wrap.block-right {
    text-align: right
}
.be-button-wrap.block-right a.be-button {
    margin-right: 0
}
.icon-shortcode.block-center .font-icon {
    margin-right: 0
}
.call-to-action {
    padding: 40px 0;
    display: table;
    width: 100%;
    text-align: center;
    border-radius: 3px
}
.action-content {
    display: inline;
    margin-bottom: 0;
    line-height: 47px;
    margin-right: 40px
}
.action-button {
    position: relative;
    top: -4px
}
.carousel-wrap {
    position: relative;
    margin-bottom: 50px
}
.be-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s ease-in, height .3s ease-in;
    -moz-transition: opacity .3s ease-in, height .3s ease-in;
    -o-transition: opacity .3s ease-in, height .3s ease-in;
    -ms-transition: opacity .3s ease-in, height .3s ease-in;
    transition: opacity .3s ease-in, height .3s ease-in
}
.be-carousel li {
    float: left;
    margin: 0 10px;
    display: block;
    position: relative
}
.portfolio-carousel .be-carousel li {
    margin: 0
}
.client-carousel li a {
    display: block;
    text-align: center;
    line-height: 120px
}
.portfolio-carousel .be-carousel li img {
    width: 100%;
    max-width: 100%
}
.client-carousel li img {
    vertical-align: middle;
    height: auto!important
}
.be-carousel-nav {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin-top: -18px;
    text-align: center;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    background: none!important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff!important;
    border: 2px solid #fff;
    display: none;
    opacity: 0;
    -moz-opacity: 0
}
.portfolio-carousel .be-carousel-nav.prev {
    margin-left: 20px
}
.portfolio-carousel .be-carousel-nav.next {
    margin-right: 20px
}
.be-wrap .carousel-wrap .be-carousel-nav.prev {
    left: -44px
}
.be-wrap .carousel-wrap .be-carousel-nav.next {
    right: -44px
}
.carousel-wrap .be-carousel-nav.prev,
.be-wrap .carousel-wrap.portfolio-carousel .be-carousel-nav.prev {
    left: 0;
    margin-left: 10px
}
.carousel-wrap .be-carousel-nav.next,
.be-wrap .carousel-wrap.portfolio-carousel .be-carousel-nav.next {
    right: 0;
    margin-right: 10px
}
.prev:hover,
.next:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.be-carousel-nav.background--light {
    border-color: #000;
    color: #000!important
}
.single-page-nav-wrap a {
    color: inherit!important;
    margin: 5px
}
.single-page-nav-wrap i {
    font-size: 20px
}
.dropcap .font-icon:before {
    width: auto;
    margin: 0
}
.dropcap-circle,
.dropcap-letter,
.dropcap-icon,
.dropcap-rounded {
    float: left;
    text-transform: uppercase
}
.dropcap-circle.small,
.dropcap-rounded.small {
    font-size: 19px;
    line-height: 50px;
    margin: 0 20px 5px 0;
    width: 50px;
    height: 50px;
    text-align: center
}
.dropcap-circle {
    border-radius: 50%
}
.dropcap-rounded {
    border-radius: 3px
}
.dropcap-letter {
    font-size: 35px;
    margin: 15px 10px 0 0
}
.dropcap-letter.small {
    font-size: 24px;
    margin: 15px 15px 0 0
}
.dropcap-circle.big,
.dropcap-rounded.big {
    margin-top: 5px;
    font-size: 26px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    text-align: center
}
.dropcap-circle,
.dropcap-rounded {
    color: #fff
}
.gallery-slider-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: -100%;
    z-index: 15;
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: left .3s ease-in, opacity .3s ease-in;
    -moz-transition: left .3s ease-in, opacity .3s ease-in;
    -o-transition: left .3s ease-in, opacity .3s ease-in;
    -ms-transition: left .3s ease-in, opacity .3s ease-in;
    transition: left .3s ease-in, opacity .3s ease-in
}
body.admin-bar .gallery-slider-wrap {
    padding-top: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a.no-link {
    cursor: default
}
.overflow-hidden {
    overflow: hidden!important
}
.gallery-slider-content,
#gallery-container-wrap,
#gallery-container {
    position: relative;
    width: 100%;
    height: 100%
}
#gallery-container-wrap {
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity 1s ease
}
#gallery-container {
    white-space: nowrap!important;
    word-wrap: normal;
    font-size: 0
}
#gallery-container .placeholder {
    width: 100%;
    height: 100%;
    display: inline-block;
    zoom: 1;
    text-align: center;
    position: relative
}
#gallery-container .placeholder img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}
#gallery-container .placeholder.style1_placehloder {
    width: auto;
    position: relative;
    vertical-align: top;
    height: 100%;
    height: 100%!important
}
#gallery-container .placeholder.style1_placehloder img {
    height: 100%;
    max-width: none
}
#gallery-container .placeholder.center {
    vertical-align: top
}
#gallery-container .placeholder.center .fluid-width-video-wrapper iframe {
    width: 100%!important
}
.single-page-lightbox-content {
    height: 100%!important;
    overflow: auto!important
}
.portfolio-item-overlay,
.overlay_placeholder {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    z-index: 1
}
.placeholder .fluid-width-video-wrapper {
    display: inline-block!important;
    vertical-align: top!important;
    padding: 0!important;
    margin: 0!important;
    height: 100%!important
}
.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0
}
.fluid-width-video-wrapper,
.image-wrap {
    margin-bottom: 40px
}
.fluid-width-video-wrapper,
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
    max-width: 100%
}
.placeholder .fluid-width-video-wrapper iframe.gallery {
    position: relative!important;
    height: 100%!important
}
#gallery-container .placeholder.center img {
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    max-width: none;
    max-height: none
}
#gallery-container .placeholder:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}
#gallery-container .placeholder.center,
#gallery-container .placeholder.style2_placehloder {
    vertical-align: top
}
.arrow_prev,
.arrow_next,
.single_portfolio_info_close,
.single_portfolio_close {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 10;
    margin-top: -20px
}
.arrow_prev {
    left: 40px
}
.arrow_next {
    right: 40px
}
.arrow_next .font-icon,
.arrow_prev .font-icon,
.single_portfolio_close .font-icon,
.single_portfolio_info_close .font-icon,
.single_portfolio_back .font-icon {
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 38px;
    width: 38px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #fff;
    font-size: 14px;
    -webkit-user-select: none
}
.gallery_content {
    position: absolute;
    top: 0;
    width: 340px;
    background: #fff;
    word-break: break-word;
    z-index: 3;
    height: 100%;
    left: -340px;
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    -o-transition: left .3s ease;
    -ms-transition: left .3s ease;
    transition: left .3s ease
}
.gallery_content.show {
    left: 0
}
.single_portfolio_info_close {
    right: -40px;
    top: 40px
}
.single_portfolio_info_close .font-icon {
    border-radius: 0;
    border: 0;
    font-size: 16px;
    background: #000;
    padding: 1px 2px 0 0
}
.single_portfolio_close {
    right: 40px;
    top: 60px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}
.single_portfolio_close .font-icon {
    font-size: 16px
}
.single_portfolio_close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.arrow_next,
.arrow_prev {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}
.arrow_next:hover,
.arrow_prev:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2)
}
.post-title.gallery-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    margin-bottom: 15px
}
.gallery_scrollable_content {
    margin-bottom: 50px
}
.gallery_scrollable_content a.more-link,
.single-portfolio a.more-link {
    display: none!important
}
.gallery_content_area .post-header {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.gallery_content_area .post-header i {
    margin-right: 20px
}
.gallery_content_area .post-header li {
    margin-bottom: 10px
}
.gallery_content_area,
.gallery_content_area_wrap {
    height: 100%;
    max-height: 100%
}
.gallery_content_area_wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px
}
.gallery_content .be-section-pad {
    padding: 0!important
}
.icon-shortcode .font-icon {
    display: inline-block!important;
    text-align: center;
    margin-right: 10px;
    font-family: "be-themes";
    margin-bottom: 10px;
    transition: .3s linear all!important;
    -webkit-transition: .3s linear all!important;
    -moz-transition: .3s linear all!important;
    -ms-transition: .3s linear all!important;
    -o-transition: .3s linear all!important
}
.font-icon.small {
    font-size: 13px
}
.font-icon.medium {
    font-size: 24px
}
.font-icon.large {
    font-size: 42px
}
.font-icon.small {
    width: 35px;
    height: 35px;
    line-height: 35px
}
.font-icon.medium {
    height: 70px;
    line-height: 70px;
    width: 70px
}
.font-icon.large {
    width: 100px;
    height: 100px;
    line-height: 100px
}
.font-icon.small.plain {
    font-size: 30px
}
.font-icon.medium.plain {
    font-size: 35px
}
.font-icon.large.plain {
    font-size: 50px
}
.font-icon.large.plain,
.font-icon.medium.plain,
.font-icon.small.plain {
    width: 1.5em;
    height: 1em;
    line-height: 1em
}
.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}
.icon-shortcode.block-center,
.icon-shortcode.block-center,
.icon-shortcode.block-right {
    display: block;
    margin-bottom: 30px
}
.icon-shortcode.block-left {
    text-align: left
}
.icon-shortcode.block-center {
    text-align: center
}
.icon-shortcode.block-right {
    text-align: right
}
.custom-list {
    list-style: none;
    padding: 0
}
.custom-list .font-icon {
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}
.custom-list-content {
    margin-bottom: 15px;
    width: auto;
    line-height: 25px;
    position: relative
}
.custom-list-content-inner {
    padding-left: 40px;
    display: inline-block
}
.be-notification {
    margin-bottom: 20px
}
#be-pb-main .be-shortcode,
#be-pb-main .be-notification {
    margin-bottom: 0
}
.contact_status.success,
.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #26cda4;
    color: #000
}
.contact_status.error,
.wpcf7-response-output.wpcf7-validation-errors {
    background: #dd6868;
    color: #fff
}
.be-notification,
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ok {
    cursor: default;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 17px 30px 17px 20px;
    border: none;
    text-align: center;
    position: relative;
    border-radius: 2px
}
.be-notification span.close {
    cursor: pointer;
    margin-top: -7px;
    position: absolute;
    right: 20px;
    top: 50%;
    line-height: 14px;
    width: 15px;
    height: 15px;
    font-size: 14px;
    color: #fff
}
.project_details {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.project_details li i {
    margin-right: 20px
}
.project_details li {
    margin-bottom: 10px
}
.pricing-table {
    list-style: none;
    padding: 0;
    border-bottom: none!important;
    background: #fff
}
.pricing-table li {
    margin: 0;
    padding: 15px;
    text-align: center
}
.pricing-table li.pricing-button {
    padding: 20px 15px
}
.pricing-button .button {
    margin: 0
}
.pricing-price {
    padding: 30px 15px
}
li.pricing-feature {
    padding: 15px 0
}
.pricing-table .price {
    font-size: 40px;
    line-height: 50px;
    display: inline-block
}
.pricing-table .currency {
    font-size: 20px
}
.pricing-table .pricing-duration {
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px
}
.pricing-table.highlight-yes {
    margin-top: -15px
}
.pricing-table.highlight-yes .pricing-title,
.pricing-table.highlight-yes .pricing-button {
    padding: 25px 15px
}
.related-items {
    margin-bottom: 60px
}
.related-items .post-nav,
.related-items .post-nav h6 {
    margin-bottom: 0;
    padding: 0
}
.related-items .column-block {
    margin-bottom: 0
}
.recent-post-header {
    margin-bottom: 15px
}
.recent-post-title {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px
}
.recent-post-title a {
    color: inherit
}
.services {
    margin: 0 auto;
    max-width: 800px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    position: relative;
    list-style-type: none;
    opacity: 0;
    position: relative
}
.service.even {
    float: left;
    padding: 0 60% 0 0
}
.service {
    float: right;
    margin: 0 0 10px;
    padding: 0 0 0 60%;
    position: relative
}
.service .font-icon {
    position: absolute;
    top: 0;
    display: block;
    right: 50%;
    margin-right: -22px;
    background: #000;
    color: #fff;
    padding: 0 12px;
    border-radius: 50%;
    z-index: 1;
    line-height: 44px;
    -webkit-transition: background 500ms ease, color 500ms ease;
    -moz-transition: background 500ms ease, color 500ms ease;
    -ms-transition: background 500ms ease, color 500ms ease;
    -o-transition: background 500ms ease, color 500ms ease;
    transition: background 500ms ease, color 500ms ease
}
.service .font-icon.icon-size-large {
    line-height: 84px;
    margin-right: -42px;
    font-size: 30px;
    padding: 0 21px
}
.service .font-icon.icon-size-medium {
    line-height: 68px;
    margin-right: -34px;
    font-size: 20px;
    padding: 0 20px
}
.services-outer-wrap span.timeline {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    background: #000;
    height: 100%;
    width: 1px;
    margin-right: -.5px
}
.services-outer-wrap {
    position: relative
}
.service.odd,
.service.even {
    margin-bottom: 30px
}
.timeline .row {
    margin-bottom: 10px
}
.timeline .row a {
    margin-right: 10px
}
.skill-bar {
    background: #e2e2e2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    margin-bottom: 20px;
    position: relative
}
.expand {
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .7s linear!important
}
.skill_name {
    margin-bottom: 5px
}
.special-heading {
    position: relative
}
.special-h-tag {
    display: block;
    padding-bottom: 15px;
    margin: 0;
    letter-spacing: 6px;
    text-transform: uppercase
}
.special-heading:first-child {
    margin-top: 0
}
.special-heading.align-center {
    text-align: center
}
.special-heading .separator {
    margin-bottom: 40px;
    width: 35%!important;
    height: 2px
}
.special-heading .sub-title {
    font-size: 18px!important;
}
.special-heading p.sub-title{
	margin-bottom:0;
	color: #000;
	line-height:36px
}
.special-heading.align-left .separator {
    margin: 0
}
.special-heading-wrap.style1 .special-h-tag {
    padding-bottom: 25px
}
.special-heading-wrap.style2 {
    max-width: 50%;
    margin: 0 auto
}
.special-heading-wrap.style2 .special-heading {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 15%
}
.special-heading-wrap.style2 .separator {
    margin-bottom: 20px;
	background-color:#000000
}
.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
    display: none
}
.special-heading-wrap.style1 .sub-title {
    display: block;
    font-size: 16px;
    max-width: 60%;
    margin: 0 auto 50px;
    line-height: 35px
}
.special-heading-wrap.style3 {
    text-align: center;
    overflow: hidden
}
.special-heading-wrap.style3 .special-h-tag {
    text-align: center;
    padding-bottom: 0;
    margin: 20px 0!important
}
html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
    margin-bottom: 20px!important
}
.be-section .be-row:not(:last-child) .column-block .special-h-tag:last-child {
    margin-bottom: 20px!important
}
.special-heading-wrap.style3 .special-heading {
    margin-bottom: 0
}
.special-heading-wrap.style3 .caption-wrap {
    text-align: center;
    position: relative
}
.special-heading-wrap.style3 .caption {
    padding: 0 15px;
    display: inline-block;
    position: relative
}
.special-heading-wrap.style3 .caption .caption-inner {
    background: #ddd
}
.special-heading-wrap.style3 .caption .caption-inner:before,
.special-heading-wrap.style3 .caption .caption-inner:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 50%;
    background: inherit;
    margin-top: -1px
}
.special-heading-wrap.style3 .caption .caption-inner:after {
    right: -100px;
    left: auto
}
.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child {
    margin-bottom: 0!important
}
.be-tabs {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}
.ui-tabs {
    position: relative;
    margin-bottom: 50px
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    outline: 0;
    border: 1px solid;
    border-left: none
}
.ui-tabs .ui-tabs-nav li:first-child a {
    border-left: 1px solid
}
.ui-tabs .ui-tabs-panel p:last-child {
    margin-bottom: 0
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: rgba(0, 0, 0, 0.12)!important
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}
.tabs li a.tab-icon:before {
    font-size: 15px;
    width: 25px;
    text-align: left
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    border: 1px solid;
    margin-top: -1px;
    padding: 25px
}
.ui-tabs .ui-tabs-panel p {
    width: 100%
}
.testimonial_slide {
    text-align: center;
    font-size: 18px;
    line-height: 35px
}
.testimonial-author {
    margin-top: 25px;
    font-size: 13px;
    display: block;
    letter-spacing: 3px;
    text-transform: uppercase
}
.testimonial_author_position {
    margin-right: 10px
}
.testimonial_controller_wrap {
    list-style: none;
    text-align: center;
    margin-top: 20px
}
.testimonial_controller_wrap li {
    display: inline-block;
    line-height: 15px;
    zoom: 1;
    margin-right: 6px;
    margin-bottom: 0
}
.testimonial_controller {
    display: block;
    overflow: hidden;
    position: relative;
    width: 15px;
    -webkit-font-smoothing: antialiased
}
.testimonial_controller span:before {
    font-family: "be-themes";
    content: '\e648';
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 10px
}
.testimonial_controller.active span:before {
    content: '\e63e';
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 13px
}
.testimonials_wrap img {
    margin-bottom: 30px
}
.testimonials_wrap .flex-control-nav.flex-control-paging {
    position: relative!important;
    top: 0;
    margin: 0;
    display: block!important;
    opacity: 1!important
}
.testimonials_wrap .flex-viewport {
    margin-bottom: 40px
}
span.subtitle {
    font-size: 11px
}
.section-skew {
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    overflow: visible
}
.section-skew-normal {
    -webkit-transform: skewY(4deg);
    -moz-transform: skewY(4deg);
    -ms-transform: skewY(4deg);
    -o-transform: skewY(4deg);
    transform: skewY(4deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}
.be-text-block img {
    margin-bottom: 30px
}
.title-icon {
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 30px;
    position: relative
}
.title-icon.align-right {
    float: right;
    margin-left: 30px;
    margin-right: 0
}
.title-icon.circled {
    border: 1px solid;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px
}
.title-icon.small {
    font-size: 21px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px
}
.title-icon.medium {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 28px
}
.title-icon.medium.plain {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 28px
}
.title-with-icon {
    padding-left: 80px;
    margin-bottom: 50px
}
.title-with-icon.small.plain {
    padding-left: 50px
}
.title-icon.small.circled {
    width: 45px;
    height: 45px;
    line-height: 45px
}
.title-with-icon.small {
    padding-left: 70px
}
.title-with-icon.small.align-right {
    padding-right: 70px
}
.title-icon.small.align-right {
    margin-left: 20px;
    margin-right: 0
}
.title-with-icon.medium {
    padding-left: 100px
}
.title-with-icon.medium.plain {
    padding-left: 60px
}
.title-with-icon.align-right {
    padding-right: 80px
}
.title-with-icon.small.plain.align-right {
    padding-right: 50px
}
.title-with-icon.medium.align-right {
    padding-right: 100px
}
.title-with-icon.medium.plain.align-right {
    padding-right: 60px
}
.title-with-icon.align-right,
.title-with-icon.small.plain.align-right,
.title-with-icon.medium.align-right,
.title-with-icon.medium.plain.align-right {
    padding-left: 0;
    text-align: right
}
.team-shortcode-wrap {
    text-align: center
}
.team-title {
    margin-bottom: 0
}
.team-shortcode-wrap .designation {
    margin-bottom: 10px
}
.team-social {
    list-style: none;
    margin: 15px 0 0;
    padding-left: 0
}
.team-social li {
    display: inline-block
}
.team_icons {
    font-size: 13px;
    margin: 0 5px;
    color: inherit
}
.team-img {
    margin-bottom: 20px
}
.team_icons i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}
.team-wrap {
    padding: 0;
    text-align: center
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}
.element {
    float: left;
    margin: 0 0 40px;
    overflow: hidden
}
.two-col .element {
    width: 560px
}
.three-col .element {
    width: 360px
}
.three-col .element.wide {
    width: 760px
}
.four-col .element {
    width: 260px
}
.four-col .element.wide {
    width: 560px
}
.full-screen .element {
    width: 19.97%;
    margin: 0
}
.full-screen.three-col .element {
    width: 33.34%
}
.full-screen.three-col .element.wide {
    width: 66.7%
}
.full-screen.four-col .element {
    width: 25%
}
.full-screen.four-col .element.wide {
    width: 50%
}
.full-screen.five-col .element {
    width: 20%
}
.full-screen.five-col .element.wide {
    width: 40%
}
.full-screen-gutter {
    margin-right: 40px
}
.full-screen-gutter .element .element-inner {
    margin-left: 40px
}
.full-screen-gutter .element {
    margin-bottom: 40px
}
.element img {
    width: 100%
}
.element-inner {
    overflow: hidden
}
.element img {
    -webkit-transition: -webkit-transform .8s ease;
    -moz-transition: -moz-transform .8s ease;
    -o-transition: -o-transform .8s ease;
    transition: transform .8s ease
}
.element:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}
.element.wide-width-height img,
.element.wide-height img,
.element.wide-width img {
    max-width: none;
    display: inline-block!important
}
.portfolio {
    margin-bottom: 50px;
    overflow: hidden
}
.portfolio-archives .portfolio.full-screen {
    margin-bottom: 0
}
.portfolio-container {
    width: 100%;
    overflow: hidden
}
.portfolio-container .element:last-child,
.full-screen.full-screen-gutter .portfolio-container .element {
    margin-bottom: 40px!important
}
.full-screen .portfolio-container .element {
    margin-bottom: 0!important
}
.portfolio-container .thumb-overlay .thumb-icons .portfolio-categories {
    padding: 0;
    margin-bottom: 10px
}
.portfolio-categories li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0
}
.portfolio-title {
    margin-bottom: 0
}
.portfolio-title h6 {
    margin-bottom: 5px
}

.portfolio-content {
    margin-bottom: 20px
}
.element .one-half,
.element .be-button,
.element img {
    margin-bottom: 0
}
.element .be-row,
.portfolio.one-col .element {
    margin-bottom: 50px
}
.three-col .portfolio-title,
.four-col .portfolio-title,
.two-col .portfolio-title,
.related-items .portfolio-title {
    padding: 5px 5px 5px 0;
    margin: 12px 1px 1px!important
}
.portfolio-content-wrap {
    padding-left: 10px
}
.trigger_load_more {
    margin: 50px 0 0 40px;
    text-align: center
}
.portfolio .pagination_parent {
    margin-top: 40px
}
.thumb-wrap {
    display: block
}
.thumb-wrap,
.thumb-bg {
    position: relative
}
.thumb-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}
.thumb-bg {
    width: 100%;
    height: 100%;
    display: table
}
.thumb-bg .thumb-icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.thumb-title {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    color: #000;
    font-weight: 700
}
.popup-gallery {
    display: none
}
.thumb-bg.act-table {
    display: table
}
.thumb-icons a {
    margin-right: 10px;
    padding: 6px 5px 4px;
    display: inline-block;
    border-radius: 50%
}
.thumb-icons .font-icon {
    font-size: 16px
}
.filters .sort {
    padding: 5px 18px 5px 20px;
    cursor: pointer;
    display: inline-block
}
.filters {
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 12px;
    text-align: center
}
.filters h6 {
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 11px;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block
}
.filters .current_choice {
    border-radius: 3px;
    border: 1px solid
}
.bubblingG {
    text-align: center;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -15px 0 0 -24px;
    display: none;
    overflow: hidden
}
.bubblingG span {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin: 15px auto;
    background: #3A8C35;
    -moz-border-radius: 30px;
    -moz-animation: bubblingG .4s infinite alternate;
    -webkit-border-radius: 30px;
    -webkit-animation: bubblingG .4s infinite alternate;
    -ms-border-radius: 30px;
    -ms-animation: bubblingG .4s infinite alternate;
    -o-border-radius: 30px;
    -o-animation: bubblingG .4s infinite alternate;
    border-radius: 30px;
    animation: bubblingG .4s infinite alternate
}
#bubblingG_1 {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0
}
#bubblingG_2 {
    -moz-animation-delay: .12s;
    -webkit-animation-delay: .12s;
    -ms-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}
#bubblingG_3 {
    -moz-animation-delay: .24s;
    -webkit-animation-delay: .24s;
    -ms-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}
#bubblingG_1_1 {
    -moz-animation-delay: 0;
    -webkit-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0
}
#bubblingG_2_2 {
    -moz-animation-delay: .12s;
    -webkit-animation-delay: .12s;
    -ms-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}
#bubblingG_3_3 {
    -moz-animation-delay: .24s;
    -webkit-animation-delay: .24s;
    -ms-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}
.page-loader {
    position: fixed;
    z-index: 10
}
.carousel_bar_area {
    position: absolute;
    bottom: 0;
    min-width: 70%;
    width: 316px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    min-height: 35px;
    display: block;
    height: 100px;
    overflow: hidden;
    z-index: 5;
    background: url(../img/dots.png) no-repeat center
}
.carousel_bar_wrap {
    position: absolute;
    bottom: -300px;
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin-bottom: 20px
}
.carousel_bar {
    position: relative
}
.elastislide-list {
    list-style-type: none;
    display: none
}
.no-js .elastislide-list {
    display: block
}
.elastislide-carousel ul li {
    min-width: 20px
}
.elastislide-wrapper {
    position: relative;
    margin: 0 auto;
    min-height: 36px
}
.elastislide-wrapper.elastislide-loading {
    background-image: url(../img/dots.png);
    background-repeat: no-repeat;
    background-position: center center
}
.elastislide-horizontal {
    padding: 0
}
.elastislide-vertical {
    padding: 40px 10px
}
.elastislide-carousel {
    overflow: hidden;
    position: relative
}
.elastislide-carousel ul {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}
.elastislide-horizontal ul {
    white-space: nowrap
}
.elastislide-carousel ul li {
    margin: 0;
    -webkit-backface-visibility: hidden
}
.elastislide-horizontal ul li {
    height: 100%;
    display: inline-block;
    margin: 0 2px
}
.elastislide-vertical ul li {
    display: block
}
.elastislide-carousel ul li a {
    display: inline-block;
    width: 100%
}
.elastislide-carousel ul li a img {
    display: block;
    max-width: 100%
}
.elastislide-wrapper nav span {
    position: absolute;
    width: 23px;
    height: 23px;
    cursor: pointer;
    opacity: .8;
    background: #000
}
.elastislide-wrapper nav span:hover {
    opacity: 1
}
.elastislide-horizontal nav span {
    background-position: 7px 10px;
    top: 50%;
    left: 0;
    margin-top: -10px!important;
    overflow: hidden
}
.elastislide-vertical nav span {
    top: 10px;
    left: 50%;
    margin-left: -11px;
    background-position: -17px 5px
}
.elastislide-horizontal nav span.elastislide-next {
    right: 0;
    left: auto;
    background-position: 4px 2px;
    top: 50%;
    margin-top: -10px;
    overflow: hidden
}
.elastislide-vertical nav span.elastislide-next {
    bottom: 10px;
    top: auto;
    background-position: -17px -18px
}
.elastislide-horizontal nav span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin: 0;
    background: none;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #fff
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
    .left-header .two-col .element {
        width: 470px
    }
    .left-header .three-col .element {
        width: 300px
    }
    .left-header .three-col .element.wide {
        width: 640px
    }
    .left-header .four-col .element {
        width: 215px
    }
    .left-header .four-col .element.wide {
        width: 470px
    }
    .left-header .full-screen .element {
        width: 19.97%;
        margin: 0
    }
    .left-header .full-screen.three-col .element {
        width: 33.34%
    }
    .left-header .full-screen.three-col .element.wide {
        width: 66.7%
    }
    .left-header .full-screen.four-col .element {
        width: 25%
    }
    .left-header .full-screen.four-col .element.wide {
        width: 50%
    }
    .left-header .full-screen.five-col .element {
        width: 20%
    }
    .left-header .full-screen.five-col .element.wide {
        width: 40%
    }
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .two-col .element {
        width: 470px
    }
    .three-col .element {
        width: 300px
    }
    .three-col .element.wide {
        width: 640px
    }
    .four-col .element {
        width: 215px
    }
    .four-col .element.wide {
        width: 470px
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .call-to-action {
        padding: 30px
    }
    .action-content,
    .action-button {
        float: none
    }
    .fullscreen-col .element {
        width: 33.4%
    }
    .two-col .element,
    .three-col .element,
    .four-col .element {
        width: 350px
    }
    .three-col .element.wide,
    .four-col .element.wide {
        width: 740px
    }
    .full-screen .element,
    .full-screen.three-col .element,
    .full-screen.four-col .element,
    .full-screen.five-col .element {
        width: 33.4%
    }
    .full-screen.three-col .element.wide,
    .full-screen.four-col .element.wide,
    .full-screen.five-col .element.wide {
        width: 66.7%
    }
}
@media only screen and (max-width: 767px) {
    .call-to-action {
        padding: 30px 0
    }
    ul.tabs li {
        width: 298px
    }
    .action-content,
    .action-button {
        float: none
    }
    .action-content {
        display: block;
        margin: 0 0 25px
    }
    .portfolio-content-wrap {
        padding-left: 0
    }
    .related-items .column-block {
        margin-bottom: 40px
    }
    .service {
        padding: 0!important;
        margin-bottom: 30px;
        text-align: center!important
    }
    .service .font-icon {
        position: relative;
        display: block;
        left: auto!important;
        right: auto!important;
        width: 18px;
        height: 42px;
        margin: 0 auto 10px
    }
    .service .font-icon.icon-size-medium,
    .service .font-icon.icon-size-large {
        margin: 0 auto 10px;
        height: 60px;
        line-height: 60px;
        padding: 0;
        width: 60px
    }
    .services-outer-wrap span.timeline {
        display: none
    }
    .three-col .element,
    .four-col .element,
    .two-col .element {
        width: 300px
    }
    .full-screen .element,
    .full-screen.three-col .element,
    .full-screen.four-col .element,
    .full-screen.five-col .element {
        width: 100%!important
    }
    .services .service * {
        text-align: center!important
    }
    .services .service .font-icon {
        margin-bottom: 20px
    }
    .single_portfolio_close .font-icon {
        border-color: #000;
        background: #000
    }
    .single_portfolio_close {
        right: 10px;
        top: 35px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    ul.tabs li {
        width: 438px
    }
    .three-col .element,
    .four-col .element,
    .two-col .element,
    .three-col .element.wide,
    .four-col .element.wide,
    .two-col .element.wide {
        width: 100%
    }
    .full-screen .element,
    .full-screen.three-col .element,
    .full-screen.four-col .element,
    .full-screen.five-col .element {
        width: 50%!important
    }
}
@font-face {
    font-family: 'be-themes';
    src: url(https://turmaline.ru/wp-content/themes/namo/fonts/fontello/be-themes.eot?24213162);
    src: url(https://turmaline.ru/wp-content/themes/namo/fonts/fontello/be-themes.eot?24213162#iefix) format("embedded-opentype"), url(https://turmaline.ru/wp-content/themes/namo/fonts/fontello/be-themes.woff?24213162) format("woff"), url(https://turmaline.ru/wp-content/themes/namo/fonts/fontello/be-themes.ttf?24213162) format("truetype"), url(https://turmaline.ru/wp-content/themes/namo/fonts/fontello/be-themes.svg?24213162#be-themes) format("svg");
    font-weight: 400;
    font-style: normal
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
ul.custom-list li:before {
    font-family: "be-themes";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased!important
}
.icon-address:before {
    content: "\e667"
}
.icon-adjust:before {
    content: "\e668"
}
.icon-air:before {
    content: "\e669"
}
.icon-alert:before {
    content: "\e66a"
}
.icon-archive:before {
    content: "\e66b"
}
.icon-arrow-combo:before {
    content: "\e66c"
}
.icon-arrows-ccw:before {
    content: "\e66d"
}
.icon-attach:before {
    content: "\e66e"
}
.icon-attention:before {
    content: "\e66f"
}
.icon-back-in-time:before {
    content: "\e670"
}
.icon-back:before {
    content: "\e671"
}
.icon-bag:before {
    content: "\e672"
}
.icon-basket:before {
    content: "\e673"
}
.icon-battery:before {
    content: "\e674"
}
.icon-behance:before {
    content: "\e675"
}
.icon-bell:before {
    content: "\e676"
}
.icon-block:before {
    content: "\e677"
}
.icon-book-open:before {
    content: "\e678"
}
.icon-book:before {
    content: "\e679"
}
.icon-bookmark:before {
    content: "\e67a"
}
.icon-bookmarks:before {
    content: "\e67b"
}
.icon-box:before {
    content: "\e67c"
}
.icon-briefcase:before {
    content: "\e67d"
}
.icon-brush:before {
    content: "\e67e"
}
.icon-bucket:before {
    content: "\e67f"
}
.icon-calendar:before {
    content: "\e680"
}
.icon-camera:before {
    content: "\e681"
}
.icon-cancel-circled:before {
    content: "\e682"
}
.icon-cancel-squared:before {
    content: "\e683"
}
.icon-cancel:before {
    content: "\e684"
}
.icon-cc-by:before {
    content: "\e685"
}
.icon-cc-nc-eu:before {
    content: "\e686"
}
.icon-cc-nc-jp:before {
    content: "\e687"
}
.icon-cc-nc:before {
    content: "\e688"
}
.icon-cc-nd:before {
    content: "\e689"
}
.icon-cc-pd:before {
    content: "\e68a"
}
.icon-cc-remix:before {
    content: "\e68b"
}
.icon-cc-sa:before {
    content: "\e68c"
}
.icon-cc-share:before {
    content: "\e68d"
}
.icon-cc-zero:before {
    content: "\e68e"
}
.icon-cc:before {
    content: "\e68f"
}
.icon-ccw:before {
    content: "\e690"
}
.icon-cd:before {
    content: "\e691"
}
.icon-chart-area:before {
    content: "\e692"
}
.icon-chart-bar:before {
    content: "\e693"
}
.icon-chart-line:before {
    content: "\e694"
}
.icon-chart-pie:before {
    content: "\e695"
}
.icon-chat:before {
    content: "\e696"
}
.icon-check:before {
    content: "\e697"
}
.icon-clipboard:before {
    content: "\e698"
}
.icon-clock:before {
    content: "\e699"
}
.icon-cloud-thunder:before {
    content: "\e69a"
}
.icon-cloud:before {
    content: "\e69b"
}
.icon-code:before {
    content: "\e69c"
}
.icon-cog:before {
    content: "\e69d"
}
.icon-comment:before {
    content: "\e69e"
}
.icon-compass:before {
    content: "\e69f"
}
.icon-credit-card:before {
    content: "\e6a0"
}
.icon-cup:before {
    content: "\e6a1"
}
.icon-cw:before {
    content: "\e6a2"
}
.icon-database:before {
    content: "\e6a3"
}
.icon-db-shape:before {
    content: "\e6a4"
}
.icon-direction:before {
    content: "\e6a5"
}
.icon-doc-landscape:before {
    content: "\e6a6"
}
.icon-doc-text-inv:before {
    content: "\e6a7"
}
.icon-doc-text:before {
    content: "\e6a8"
}
.icon-doc:before {
    content: "\e6a9"
}
.icon-docs:before {
    content: "\e6aa"
}
.icon-dot-2:before {
    content: "\e6ab"
}
.icon-dot-3:before {
    content: "\e6ac"
}
.icon-dot:before {
    content: "\e6ad"
}
.icon-down-bold:before {
    content: "\e6ae"
}
.icon-down-circled:before {
    content: "\e6af"
}
.icon-down-dir:before {
    content: "\e6b0"
}
.icon-down-open-big:before {
    content: "\e6b1"
}
.icon-down-open-mini:before {
    content: "\e6b2"
}
.icon-down-open:before {
    content: "\e6b3"
}
.icon-down-thin:before {
    content: "\e6b4"
}
.icon-down:before {
    content: "\e6b5"
}
.icon-download:before {
    content: "\e6b6"
}
.icon-dribbble-circled:before {
    content: "\e6b7"
}
.icon-dribbble:before {
    content: "\e6b8"
}
.icon-drive:before {
    content: "\e6b9"
}
.icon-dropbox:before {
    content: "\e6ba"
}
.icon-droplet:before {
    content: "\e6bb"
}
.icon-erase:before {
    content: "\e6bc"
}
.icon-evernote:before {
    content: "\e6bd"
}
.icon-export:before {
    content: "\e6be"
}
.icon-eye:before {
    content: "\e6bf"
}
.icon-facebook-circled:before {
    content: "\e6c0"
}
.icon-facebook-squared:before {
    content: "\e6c1"
}
.icon-facebook:before {
    content: "\e6c2"
}
.icon-fast-backward:before {
    content: "\e6c3"
}
.icon-fast-forward:before {
    content: "\e6c4"
}
.icon-feather:before {
    content: "\e6c5"
}
.icon-flag:before {
    content: "\e6c6"
}
.icon-flash:before {
    content: "\e6c7"
}
.icon-flashlight:before {
    content: "\e6c8"
}
.icon-flattr:before {
    content: "\e6c9"
}
.icon-flickr-circled:before {
    content: "\e6ca"
}
.icon-flickr:before {
    content: "\e6cb"
}
.icon-flight:before {
    content: "\e6cc"
}
.icon-floppy:before {
    content: "\e6cd"
}
.icon-flow-branch:before {
    content: "\e6ce"
}
.icon-flow-cascade:before {
    content: "\e6cf"
}
.icon-flow-line:before {
    content: "\e6d0"
}
.icon-flow-parallel:before {
    content: "\e6d1"
}
.icon-flow-tree:before {
    content: "\e6d2"
}
.icon-folder:before {
    content: "\e6d3"
}
.icon-forward:before {
    content: "\e6d4"
}
.icon-gauge:before {
    content: "\e6d5"
}
.icon-github-circled:before {
    content: "\e6d6"
}
.icon-github:before {
    content: "\e6d7"
}
.icon-globe:before {
    content: "\e6d8"
}
.icon-google-circles:before {
    content: "\e6d9"
}
.icon-gplus-circled:before {
    content: "\e6da"
}
.icon-gplus:before {
    content: "\e6db"
}
.icon-graduation-cap:before {
    content: "\e6dc"
}
.icon-heart-empty:before {
    content: "\e6dd"
}
.icon-heart:before {
    content: "\e6de"
}
.icon-help-circled:before {
    content: "\e6df"
}
.icon-help:before {
    content: "\e6e0"
}
.icon-home:before {
    content: "\e6e1"
}
.icon-hourglass:before {
    content: "\e6e2"
}
.icon-inbox:before {
    content: "\e6e3"
}
.icon-infinity:before {
    content: "\e6e4"
}
.icon-info-circled:before {
    content: "\e6e5"
}
.icon-info:before {
    content: "\e6e6"
}
.icon-instagram:before {
    content: "\e6e7"
}
.icon-install:before {
    content: "\e6e8"
}
.icon-key:before {
    content: "\e6e9"
}
.icon-keyboard:before {
    content: "\e6ea"
}
.icon-lamp:before {
    content: "\e6eb"
}
.icon-language:before {
    content: "\e6ec"
}
.icon-lastfm-circled:before {
    content: "\e6ed"
}
.icon-lastfm:before {
    content: "\e6ee"
}
.icon-layout:before {
    content: "\e6ef"
}
.icon-leaf:before {
    content: "\e6f0"
}
.icon-left-bold:before {
    content: "\e6f1"
}
.icon-left-circled:before {
    content: "\e6f2"
}
.icon-left-dir:before {
    content: "\e6f3"
}
.icon-left-open-big:before {
    content: "\e6f4"
}
.icon-left-open-mini:before {
    content: "\e6f5"
}
.icon-left-open:before {
    content: "\e6f6"
}
.icon-left-thin:before {
    content: "\e6f7"
}
.icon-left:before {
    content: "\e6f8"
}
.icon-level-down:before {
    content: "\e6f9"
}
.icon-level-up:before {
    content: "\e6fa"
}
.icon-lifebuoy:before {
    content: "\e6fb"
}
.icon-light-down:before {
    content: "\e6fc"
}
.icon-light-up:before {
    content: "\e6fd"
}
.icon-link:before {
    content: "\e6fe"
}
.icon-linkedin-circled:before {
    content: "\e6ff"
}
.icon-linkedin:before {
    content: "\e700"
}
.icon-list-add:before {
    content: "\e701"
}
.icon-list:before {
    content: "\e702"
}
.icon-location:before {
    content: "\e703"
}
.icon-lock-open:before {
    content: "\e704"
}
.icon-lock:before {
    content: "\e705"
}
.icon-login:before {
    content: "\e706"
}
.icon-logo-db:before {
    content: "\e707"
}
.icon-logout:before {
    content: "\e708"
}
.icon-loop:before {
    content: "\e709"
}
.icon-magnet:before {
    content: "\e70a"
}
.icon-mail:before {
    content: "\e70b"
}
.icon-map:before {
    content: "\e70c"
}
.icon-megaphone:before {
    content: "\e70d"
}
.icon-menu:before {
    content: "\e70e"
}
.icon-mic:before {
    content: "\e70f"
}
.icon-minus-circled:before {
    content: "\e710"
}
.icon-minus-squared:before {
    content: "\e711"
}
.icon-minus:before {
    content: "\e712"
}
.icon-mixi:before {
    content: "\e713"
}
.icon-mobile:before {
    content: "\e714"
}
.icon-monitor:before {
    content: "\e715"
}
.icon-moon:before {
    content: "\e716"
}
.icon-mouse:before {
    content: "\e717"
}
.icon-music:before {
    content: "\e718"
}
.icon-mute:before {
    content: "\e719"
}
.icon-network:before {
    content: "\e71a"
}
.icon-newspaper:before {
    content: "\e71b"
}
.icon-note-beamed:before {
    content: "\e71c"
}
.icon-note:before {
    content: "\e71d"
}
.icon-palette:before {
    content: "\e71e"
}
.icon-paper-plane:before {
    content: "\e71f"
}
.icon-pause:before {
    content: "\e720"
}
.icon-paypal:before {
    content: "\e721"
}
.icon-pencil:before {
    content: "\e722"
}
.icon-phone:before {
    content: "\e723"
}
.icon-picasa:before {
    content: "\e724"
}
.icon-picture:before {
    content: "\e725"
}
.icon-pinterest-circled:before {
    content: "\e726"
}
.icon-pinterest:before {
    content: "\e727"
}
.icon-play:before {
    content: "\e728"
}
.icon-plus-circled:before {
    content: "\e729"
}
.icon-plus-squared:before {
    content: "\e72a"
}
.icon-plus:before {
    content: "\e72b"
}
.icon-popup:before {
    content: "\e72c"
}
.icon-print:before {
    content: "\e72d"
}
.icon-progress-0:before {
    content: "\e72e"
}
.icon-progress-1:before {
    content: "\e72f"
}
.icon-progress-2:before {
    content: "\e730"
}
.icon-progress-3:before {
    content: "\e731"
}
.icon-publish:before {
    content: "\e732"
}
.icon-qq:before {
    content: "\e733"
}
.icon-quote:before {
    content: "\e734"
}
.icon-rdio-circled:before {
    content: "\e735"
}
.icon-rdio:before {
    content: "\e736"
}
.icon-record:before {
    content: "\e737"
}
.icon-renren:before {
    content: "\e738"
}
.icon-reply-all:before {
    content: "\e739"
}
.icon-reply:before {
    content: "\e73a"
}
.icon-resize-full:before {
    content: "\e73b"
}
.icon-resize-small:before {
    content: "\e73c"
}
.icon-retweet:before {
    content: "\e73d"
}
.icon-right-bold:before {
    content: "\e73e"
}
.icon-right-circled:before {
    content: "\e73f"
}
.icon-right-dir:before {
    content: "\e740"
}
.icon-right-open-big:before {
    content: "\e741"
}
.icon-right-open-mini:before {
    content: "\e742"
}
.icon-right-open:before {
    content: "\e743"
}
.icon-right-thin:before {
    content: "\e744"
}
.icon-right:before {
    content: "\e745"
}
.icon-rocket:before {
    content: "\e746"
}
.icon-rss:before {
    content: "\e747"
}
.icon-search:before {
    content: "\e748"
}
.icon-share:before {
    content: "\e749"
}
.icon-shareable:before {
    content: "\e74a"
}
.icon-shuffle:before {
    content: "\e74b"
}
.icon-signal:before {
    content: "\e74c"
}
.icon-sina-weibo:before {
    content: "\e74d"
}
.icon-skype-circled:before {
    content: "\e74e"
}
.icon-skype:before {
    content: "\e74f"
}
.icon-smashing:before {
    content: "\e750"
}
.icon-sound:before {
    content: "\e751"
}
.icon-soundcloud:before {
    content: "\e752"
}
.icon-spotify-circled:before {
    content: "\e753"
}
.icon-spotify:before {
    content: "\e754"
}
.icon-star-empty:before {
    content: "\e755"
}
.icon-star:before {
    content: "\e756"
}
.icon-stop:before {
    content: "\e757"
}
.icon-stumbleupon-circled:before {
    content: "\e758"
}
.icon-stumbleupon:before {
    content: "\e759"
}
.icon-suitcase:before {
    content: "\e75a"
}
.icon-sweden:before {
    content: "\e75b"
}
.icon-switch:before {
    content: "\e75c"
}
.icon-tag:before {
    content: "\e75d"
}
.icon-tape:before {
    content: "\e75e"
}
.icon-target:before {
    content: "\e75f"
}
.icon-thermometer:before {
    content: "\e760"
}
.icon-thumbs-down:before {
    content: "\e761"
}
.icon-thumbs-up:before {
    content: "\e762"
}
.icon-ticket:before {
    content: "\e763"
}
.icon-to-end:before {
    content: "\e764"
}
.icon-to-start:before {
    content: "\e765"
}
.icon-tools:before {
    content: "\e766"
}
.icon-traffic-cone:before {
    content: "\e767"
}
.icon-trash:before {
    content: "\e768"
}
.icon-trophy:before {
    content: "\e769"
}
.icon-tumblr-circled:before {
    content: "\e76a"
}
.icon-tumblr:before {
    content: "\e76b"
}
.icon-twitter-circled:before {
    content: "\e76c"
}
.icon-twitter:before {
    content: "\e76d"
}
.icon-up-bold:before {
    content: "\e76e"
}
.icon-up-circled:before {
    content: "\e76f"
}
.icon-up-dir:before {
    content: "\e770"
}
.icon-up-open-big:before {
    content: "\e771"
}
.icon-up-open-mini:before {
    content: "\e772"
}
.icon-up-open:before {
    content: "\e773"
}
.icon-up-thin:before {
    content: "\e774"
}
.icon-up:before {
    content: "\e775"
}
.icon-upload-cloud:before {
    content: "\e776"
}
.icon-upload:before {
    content: "\e777"
}
.icon-user-add:before {
    content: "\e778"
}
.icon-user:before {
    content: "\e779"
}
.icon-users:before {
    content: "\e77a"
}
.icon-vcard:before {
    content: "\e77b"
}
.icon-video:before {
    content: "\e77c"
}
.icon-vimeo-circled:before {
    content: "\e77d"
}
.icon-vimeo:before {
    content: "\e77e"
}
.icon-vkontakte:before {
    content: "\e77f"
}
.icon-volume:before {
    content: "\e780"
}
.icon-water:before {
    content: "\e781"
}
.icon-window:before {
    content: "\e782"
}
.icon-attach2:before {
    content: "\e783"
}
.icon-beaker:before {
    content: "\e784"
}
.icon-calendar2:before {
    content: "\e785"
}
.icon-camera2:before {
    content: "\e786"
}
.icon-cd2:before {
    content: "\e787"
}
.icon-clock2:before {
    content: "\e788"
}
.icon-cloud2:before {
    content: "\e789"
}
.icon-cog2:before {
    content: "\e78a"
}
.icon-comment2:before {
    content: "\e78b"
}
.icon-cup2:before {
    content: "\e78c"
}
.icon-database2:before {
    content: "\e78d"
}
.icon-desktop:before {
    content: "\e78e"
}
.icon-diamond:before {
    content: "\e78f"
}
.icon-doc2:before {
    content: "\e790"
}
.icon-eye2:before {
    content: "\e791"
}
.icon-fire:before {
    content: "\e792"
}
.icon-food:before {
    content: "\e793"
}
.icon-globe2:before {
    content: "\e794"
}
.icon-graduation-cap2:before {
    content: "\e795"
}
.icon-heart2:before {
    content: "\e796"
}
.icon-inbox2:before {
    content: "\e797"
}
.icon-key2:before {
    content: "\e798"
}
.icon-lightbulb:before {
    content: "\e799"
}
.icon-location2:before {
    content: "\e79a"
}
.icon-lock2:before {
    content: "\e79b"
}
.icon-mail2:before {
    content: "\e79c"
}
.icon-megaphone2:before {
    content: "\e79d"
}
.icon-mobile2:before {
    content: "\e79e"
}
.icon-money:before {
    content: "\e79f"
}
.icon-music2:before {
    content: "\e7a0"
}
.icon-note2:before {
    content: "\e7a1"
}
.icon-paper-plane2:before {
    content: "\e7a2"
}
.icon-params:before {
    content: "\e7a3"
}
.icon-pencil2:before {
    content: "\e7a4"
}
.icon-photo:before {
    content: "\e7a5"
}
.icon-search2:before {
    content: "\e7a6"
}
.icon-shop:before {
    content: "\e7a7"
}
.icon-sound2:before {
    content: "\e7a8"
}
.icon-star2:before {
    content: "\e7a9"
}
.icon-t-shirt:before {
    content: "\e7aa"
}
.icon-tag2:before {
    content: "\e7ab"
}
.icon-thumbs-up2:before {
    content: "\e7ac"
}
.icon-trash2:before {
    content: "\e7ad"
}
.icon-truck:before {
    content: "\e7ae"
}
.icon-tv:before {
    content: "\e7af"
}
.icon-user2:before {
    content: "\e7b0"
}
.icon-videocam:before {
    content: "\e7b1"
}
.icon-wallet:before {
    content: "\e7b2"
}
.icon-acrobat:before {
    content: "\e600"
}
.icon-aim:before {
    content: "\e601"
}
.icon-amazon:before {
    content: "\e602"
}
.icon-android:before {
    content: "\e603"
}
.icon-angellist:before {
    content: "\e604"
}
.icon-appnet:before {
    content: "\e605"
}
.icon-appstore:before {
    content: "\e606"
}
.icon-bitbucket:before {
    content: "\e607"
}
.icon-bitcoin:before {
    content: "\e608"
}
.icon-blogger:before {
    content: "\e609"
}
.icon-buffer:before {
    content: "\e60a"
}
.icon-calendar3:before {
    content: "\e60b"
}
.icon-call:before {
    content: "\e60c"
}
.icon-cart:before {
    content: "\e60d"
}
.icon-cc2:before {
    content: "\e60e"
}
.icon-chrome:before {
    content: "\e60f"
}
.icon-cloudapp:before {
    content: "\e610"
}
.icon-delicious:before {
    content: "\e611"
}
.icon-digg:before {
    content: "\e612"
}
.icon-disqus:before {
    content: "\e613"
}
.icon-dribbble2:before {
    content: "\e614"
}
.icon-dropbox2:before {
    content: "\e615"
}
.icon-drupal:before {
    content: "\e616"
}
.icon-duckduckgo:before {
    content: "\e617"
}
.icon-dwolla:before {
    content: "\e618"
}
.icon-ebay:before {
    content: "\e619"
}
.icon-email:before {
    content: "\e61a"
}
.icon-eventasaurus:before {
    content: "\e61b"
}
.icon-eventbrite:before {
    content: "\e61c"
}
.icon-eventful:before {
    content: "\e61d"
}
.icon-evernote2:before {
    content: "\e61e"
}
.icon-facebook2:before {
    content: "\e61f"
}
.icon-fivehundredpx:before {
    content: "\e620"
}
.icon-flattr2:before {
    content: "\e621"
}
.icon-flickr2:before {
    content: "\e622"
}
.icon-forrst:before {
    content: "\e623"
}
.icon-foursquare:before {
    content: "\e624"
}
.icon-github-circled2:before {
    content: "\e625"
}
.icon-github2:before {
    content: "\e626"
}
.icon-gmail:before {
    content: "\e627"
}
.icon-google:before {
    content: "\e628"
}
.icon-googleplay:before {
    content: "\e629"
}
.icon-gowalla:before {
    content: "\e62a"
}
.icon-gplus2:before {
    content: "\e62b"
}
.icon-grooveshark:before {
    content: "\e62c"
}
.icon-guest:before {
    content: "\e62d"
}
.icon-hackernews:before {
    content: "\e62e"
}
.icon-html5:before {
    content: "\e62f"
}
.icon-ie:before {
    content: "\e630"
}
.icon-instagram2:before {
    content: "\e631"
}
.icon-instapaper:before {
    content: "\e632"
}
.icon-intensedebate:before {
    content: "\e633"
}
.icon-itunes:before {
    content: "\e634"
}
.icon-klout:before {
    content: "\e635"
}
.icon-lanyrd:before {
    content: "\e636"
}
.icon-lastfm2:before {
    content: "\e637"
}
.icon-lego:before {
    content: "\e638"
}
.icon-linkedin2:before {
    content: "\e639"
}
.icon-lkdto:before {
    content: "\e63a"
}
.icon-login2:before {
    content: "\e63b"
}
.icon-macstore:before {
    content: "\e63c"
}
.icon-meetup:before {
    content: "\e63d"
}
.icon-myspace:before {
    content: "\e63e"
}
.icon-ninetyninedesigns:before {
    content: "\e63f"
}
.icon-openid:before {
    content: "\e640"
}
.icon-opentable:before {
    content: "\e641"
}
.icon-paypal2:before {
    content: "\e642"
}
.icon-pinboard:before {
    content: "\e643"
}
.icon-pinterest2:before {
    content: "\e644"
}
.icon-plancast:before {
    content: "\e645"
}
.icon-plurk:before {
    content: "\e646"
}
.icon-pocket:before {
    content: "\e647"
}
.icon-podcast:before {
    content: "\e648"
}
.icon-posterous:before {
    content: "\e649"
}
.icon-print2:before {
    content: "\e64a"
}
.icon-quora:before {
    content: "\e64b"
}
.icon-reddit:before {
    content: "\e64c"
}
.icon-rss2:before {
    content: "\e64d"
}
.icon-scribd:before {
    content: "\e64e"
}
.icon-skype2:before {
    content: "\e64f"
}
.icon-smashmag:before {
    content: "\e650"
}
.icon-songkick:before {
    content: "\e651"
}
.icon-soundcloud2:before {
    content: "\e652"
}
.icon-spotify2:before {
    content: "\e653"
}
.icon-stackoverflow:before {
    content: "\e654"
}
.icon-statusnet:before {
    content: "\e655"
}
.icon-steam:before {
    content: "\e656"
}
.icon-stripe:before {
    content: "\e657"
}
.icon-stumbleupon2:before {
    content: "\e658"
}
.icon-tumblr2:before {
    content: "\e659"
}
.icon-twitter2:before {
    content: "\e65a"
}
.icon-viadeo:before {
    content: "\e65b"
}
.icon-vimeo2:before {
    content: "\e65c"
}
.icon-vk:before {
    content: "\e65d"
}
.icon-w3c:before {
    content: "\e65e"
}
.icon-weibo:before {
    content: "\e65f"
}
.icon-wikipedia:before {
    content: "\e660"
}
.icon-windows:before {
    content: "\e661"
}
.icon-wordpress:before {
    content: "\e662"
}
.icon-xing:before {
    content: "\e663"
}
.icon-yahoo:before {
    content: "\e664"
}
.icon-yelp:before {
    content: "\e665"
}
.icon-youtube:before {
    content: "\e666"
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure {
    line-height: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
.white-popup-block {
    background: #FFF;
    padding: 40px 0 0;
    text-align: left;
    margin: 40px auto;
    position: relative
}
.white-popup-block-content {
    margin: 0 20px 20px
}
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0
}
.my-mfp-zoom-in.mfp-bg {
    opacity: .001;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}
.my-mfp-slide-bottom.mfp-bg {
    opacity: .01;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}
.flexslider li {
    margin-bottom: 0
}
.content-flexslider {
    position: relative
}
.flexslider {
    margin: 0;
    padding: 0;
    overflow: hidden
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides img {
    width: 100%;
    display: block
}
.flexslider .slides .testimonial_slide img {
    width: auto
}
.flex-pauseplay span {
    text-transform: capitalize
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
html[xmlns] .slides {
    display: block
}
* html .slides {
    height: 1%
}
.no-js .slides > li:first-child {
    display: block
}
.flexslider {
    position: relative;
    zoom: 1
}
.flex-viewport {
    max-height: 2000px
}
.loading .flex-viewport {
    max-height: 300px
}
.flexslider .slides {
    zoom: 1
}
.carousel li {
    margin-right: 5px
}
.flex-direction-nav a {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
    height: 38px;
    width: 38px;
    line-height: 38px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: none;
    border-radius: 50%;
    opacity: 0;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    background: none!important
}
.tp-leftarrow,
.tp-rightarrow {
    display: block;
    cursor: pointer;
    height: 38px;
    width: 38px;
    line-height: 38px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: none;
    border-radius: 50%;
    text-align: center;
    font-size: 23px;
    border: 2px solid #fff;
    background: none!important;
    color: #fff;
    top: 50%!important
}
.tp-bullets.simplebullets.round .bullet {
    background: none;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background: #fff;
    border: 2px solid #fff
}
.flex-direction-nav {
    font-size: 19px;
    line-height: 40px
}
.flex-direction-nav.flex-direction-nav-container {
    display: block
}
.flex-direction-nav .flex-next {
    right: 0;
    color: #fff;
    z-index: 100
}
.flex-direction-nav .flex-next:before,
.tp-rightarrow:before {
    content: '\e743';
    font-family: "be-themes"
}
.flex-direction-nav .flex-prev {
    left: 0;
    color: #fff;
    z-index: 100
}
.flex-direction-nav .flex-prev:before,
.tp-leftarrow:before {
    content: '\e6f6';
    font-family: "be-themes"
}
.flex-direction-nav .disabled {
    opacity: 0!important;
    filter: alpha(opacity=30);
    cursor: default
}
.flexslider:hover .flex-next {
    opacity: 1;
    right: 20px
}
.flexslider:hover .flex-prev {
    opacity: 1;
    left: 20px
}
.flexslider:hover .flex-control-nav {
    opacity: 1
}
.flex-prev:hover,
.flex-next:hover,
.tp-leftarrow:hover,
.tp-rightarrow:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}
.flex_loading {
    min-height: 300px
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}
.flex-control-paging li a {
    width: 7px;
    height: 7px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: none!important
}
.testimonial_slider .flex-control-paging li a {
    width: 7px;
    height: 7px;
    border-width: 1px
}
.flex-control-paging li a.flex-active {
    background: #fff!important
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .active {
    opacity: 1;
    cursor: default
}
.flex-caption {
    width: 50%;
    margin: 0;
    position: absolute;
    left: 30px;
    bottom: 30px;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px
}
.flex-caption h4 {
    margin: 0;
    background-image: none!important;
    text-transform: uppercase;
    color: #fff
}
.flex-direction-nav a,
.flex-control-paging li a {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}
.flex-direction-nav a.flex-next.background--light,
.flex-direction-nav a.flex-prev.background--light,
.flex-control-paging li a.background--light,
.tp-rightarrow.background--light {
    border-color: #000;
    color: #000
}
.flex-control-paging li a.flex-active.background--light {
    background: #000!important
}
.flex-loading {
    padding: 20px 0;
    text-align: center
}
.flex-loading i.font-icon.icon-cog.icon-spin {
    font-size: 25px
}
.icon-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}
.mCSB_container {
    width: auto;
    margin-right: 25px;
    overflow: hidden
}
.mCSB_container.mCS_no_scrollbar {
    margin-right: 0
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}
.mCustomScrollBox>.mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    height: 100%;
    margin: 0 auto
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px
}
.mCSB_horizontal>.mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 20px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right
}
.mCustomScrollBox {
    -ms-touch-action: none
}
.mCustomScrollBox>.mCSB_scrollTools {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}
.mCustomScrollBox:hover>.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85)
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    background: rgba(255, 255, 255, 0.1)
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.content_1>.mCustomScrollBox>.mCSB_scrollTools {
    height: 96%;
    top: 2%
}
.content_2 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1)
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50)
}
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.6);
    filter: alpha(opacity=60);
    -ms-filter: alpha(opacity=60)
}
.content_3>.mCustomScrollBox>.mCSB_scrollTools {
    height: 94%;
    top: 3%
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail {
    width: 0;
    border-right: 1px dashed #09C
}
.content_3 .mCSB_scrollTools .mCSB_dragger {
    height: 11px
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #09C
}
.content_4>.mCustomScrollBox>.mCSB_scrollTools {
    height: 94%;
    top: 3%
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #d0b9a0;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #dfcdb9
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5)
}
.content_5>.mCustomScrollBox>.mCSB_scrollTools {
    width: 98%;
    margin: 0 1%
}
.content_6>.mCustomScrollBox>.mCSB_scrollTools {
    width: 88%;
    margin: 0 6%
}
.content_8 .mCSB_scrollTools .mCSB_draggerRail {
    width: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    visibility: visible!important
}
.animated.hinge {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    backface-visibility: visible!important;
    animation-name: flipInX;
    visibility: visible!important
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    visibility: visible
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        -o-transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}
@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        -o-transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}
.flip {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flip;
    backface-visibility: visible!important;
    animation-name: flip
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}
.wiggle {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.animated.wiggle {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}
@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
.rotates {
    opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom
}
.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
    -o-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin-x: 50%
}
.rotating.flip {
    position: relative
}
.rotating .front,
.rotating .back {
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}
.rotating .front {
    position: absolute;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}
.rotating.flip .front {
    z-index: 1
}
.rotating .back {
    display: block;
    opacity: 0
}
.rotating.spin {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0)
}
.rotating.flip .back {
    z-index: 2;
    display: block;
    opacity: 1;
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
    -o-transform: rotateY(180deg) translate3d(0, 0, 0);
    transform: rotateY(180deg) translate3d(0, 0, 0)
}
.rotating.flip.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
    -o-transform: rotateX(180deg) translate3d(0, 0, 0);
    transform: rotateX(180deg) translate3d(0, 0, 0)
}
.rotating.flip.cube .front {
    -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.rotating.flip.cube .back {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.rotating.flip.cube.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
    transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85)
}
.component {
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
    max-width: 100%
}
.component-small {
    width: 650px;
    height: 290px
}
.component-fullwidth {
    width: 100%;
    height: 100%;
    min-height: 200px;
    margin-bottom: 0;
    background: #fff
}
.component-transparent {
    width: 900px;
    height: 500px
}
.component > ul {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 auto
}
.component-small > ul {
    width: 450px
}
.component-fullwidth > ul {
    overflow: hidden
}
.component-transparent > ul {
    width: 112px
}
.component li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 999
}
.component-fullwidth li {
    overflow: hidden
}
.component .current {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000
}
.component li img {
    display: inline-block;
    max-width: 100%
}
.component nav a {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #fff;
    outline: none;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    top: 50%;
    font-size: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    z-index: 100000
}
.component-small nav a.prev,
.component-transparent nav a.prev {
    left: 0
}
.component-small nav a.next,
.component-transparent nav a.next {
    right: 0
}
.component-fullwidth nav a {
    top: 50%;
    left: 50%;
    margin-top: -22px
}
.component-fullwidth nav a.prev {
    left: 20px
}
.component-fullwidth nav a.next {
    right: 20px;
    left: auto
}
.component li .be-slide-bg-holder,
.component li .be-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.be-slide-bg-holder .be-wrap {
    height: 100%
}
.be-slider-content-wrap {
    display: table;
    width: 100%;
    height: 100%
}
.be-slider-content {
    color: #fff;
    z-index: 1;
    position: relative;
    display: table-cell;
    vertical-align: middle
}
.be-slider-content-inner {
    display: none
}
.current .be-slider-content-inner {
    display: block
}
.be-slider-content-inner-wrap.center {
    margin: 0 auto;
    text-align: center
}
@media screen and (max-width: 35.5em) {
    .component-small nav a {
        top: 100%;
        margin-top: 10px;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    .component-small nav a.prev {
        left: 50%;
        margin-left: -80px
    }
    .component-small nav a.next {
        margin-left: 20px;
        right: auto;
        left: 50%
    }
}
.fxSoftScale .navOutNext {
    -webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInNext {
    -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navOutPrev {
    -webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInPrev {
    -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}
@keyframes scaleUp {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}
@-webkit-keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.9)
    }
}
@keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}
@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.fxPressAway .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxPressAway .navInNext {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxPressAway .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxPressAway .navInPrev {
    opacity: 1;
    -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
@-webkit-keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}
@keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}
@-webkit-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0)
    }
}
@keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}
@keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}
@-webkit-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0)
    }
}
@keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.fxSideSwing .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards;
    animation: slideOutScaleRight 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -0.2, 0, 1)
}
.fxSideSwing .navInNext {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1.2s forwards;
    animation: slideInFromLeft 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -0.2, 0, 1)
}
.fxSideSwing .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards;
    animation: slideOutScaleLeft 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -0.2, 0, 1)
}
.fxSideSwing .navInPrev {
    opacity: 1;
    -webkit-animation: slideInFromRight 1.2s forwards;
    animation: slideInFromRight 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -0.2, 0, 1)
}
.fxFortuneWheel .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}
.fxFortuneWheel .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxFortuneWheel .navInNext {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxFortuneWheel .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxFortuneWheel .navInPrev {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
@-webkit-keyframes rotateInFromLeft {
    from {
        -webkit-transform: translateX(-100%) rotateY(-55deg)
    }
    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}
@keyframes rotateInFromLeft {
    from {
        -webkit-transform: translateX(-100%) rotateY(-55deg);
        transform: translateX(-100%) rotateY(-55deg)
    }
    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes rotateInFromRight {
    from {
        -webkit-transform: translateX(100%) rotateY(55deg)
    }
    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}
@keyframes rotateInFromRight {
    from {
        -webkit-transform: translateX(100%) rotateY(55deg);
        transform: translateX(100%) rotateY(55deg)
    }
    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}
.fxSwipe .navOutNext {
    -webkit-animation: decreaseHeight .8s forwards ease-in-out;
    animation: decreaseHeight .8s forwards ease-in-out
}
.fxSwipe .navInNext {
    -webkit-animation: show .8s forwards ease-in-out;
    animation: show .8s forwards ease-in-out
}
.fxSwipe .navOutPrev {
    -webkit-animation: hide .8s forwards ease-in-out;
    animation: hide .8s forwards ease-in-out
}
.fxSwipe .navInPrev {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: increaseHeight .8s forwards ease-in-out;
    animation: increaseHeight .8s forwards ease-in-out
}
@-webkit-keyframes decreaseHeight {
    to {
        height: 0
    }
}
@keyframes decreaseHeight {
    to {
        height: 0
    }
}
@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    1%,
    100% {
        opacity: 1
    }
}
@keyframes show {
    0% {
        opacity: 0
    }
    1%,
    100% {
        opacity: 1
    }
}
@-webkit-keyframes hide {
    0%, 99% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes hide {
    0%, 99% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes increaseHeight {
    from {
        height: 0
    }
    to {
        height: 100%
    }
}
@keyframes increaseHeight {
    from {
        height: 0
    }
    to {
        height: 100%
    }
}
.fxPushReveal .navOutNext {
    opacity: 1;
    -webkit-animation: slideOutBottom .7s forwards ease-in-out;
    animation: slideOutBottom .7s forwards ease-in-out
}
.fxPushReveal .navInNext {
    opacity: 1;
    -webkit-animation: slideInHalfFromTop .7s forwards ease-in-out;
    animation: slideInHalfFromTop .7s forwards ease-in-out
}
.fxPushReveal .navOutPrev {
    opacity: 1;
    -webkit-animation: slideOutHalfTop .7s forwards ease-in-out;
    animation: slideOutHalfTop .7s forwards ease-in-out
}
.fxPushReveal .navInPrev {
    opacity: 1;
    z-index: 1001;
    -webkit-animation: slideInFromBottom .7s forwards ease-in-out;
    animation: slideInFromBottom .7s forwards ease-in-out
}
@-webkit-keyframes slideOutBottom {
    to {
        -webkit-transform: translateY(100%)
    }
}
@keyframes slideOutBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@-webkit-keyframes slideInHalfFromTop {
    from {
        -webkit-transform: translateY(-50%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}
@keyframes slideInHalfFromTop {
    from {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes slideOutHalfTop {
    to {
        -webkit-transform: translateY(-50%)
    }
}
@keyframes slideOutHalfTop {
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@-webkit-keyframes slideInFromBottom {
    from {
        -webkit-transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0)
    }
}
@keyframes slideInFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.fxSnapIn .navOutNext {
    -webkit-animation: slideOutLeft .5s forwards ease-in;
    animation: slideOutLeft .5s forwards ease-in
}
.fxSnapIn .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideFromRightFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideFromRightFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSnapIn .navOutPrev {
    -webkit-animation: slideOutRight .5s forwards ease-in;
    animation: slideOutRight .5s forwards ease-in
}
.fxSnapIn .navInPrev {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideFromLeftFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideFromLeftFast .5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSnapIn li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity .4s .1s ease-in
}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after {
    opacity: 1
}
@-webkit-keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-10%)
    }
}
@keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
}
@-webkit-keyframes slideFromRightFast {
    0%, 50% {
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}
@keyframes slideFromRightFast {
    0%, 50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}
@-webkit-keyframes slideOutRight {
    to {
        -webkit-transform: translateX(10%)
    }
}
@keyframes slideOutRight {
    to {
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}
@-webkit-keyframes slideFromLeftFast {
    0%, 50% {
        -webkit-transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}
@keyframes slideFromLeftFast {
    0%, 50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}
.fxLetMeIn .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}
.fxLetMeIn .navOutNext {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateOutRight .5s forwards ease-in-out;
    animation: rotateOutRight .5s forwards ease-in-out
}
.fxLetMeIn .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideFromRightFast .5s forwards ease;
    animation: slideFromRightFast .5s forwards ease
}
.fxLetMeIn .navOutPrev {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: rotateOutLeft .5s forwards ease-in-out;
    animation: rotateOutLeft .5s forwards ease-in-out
}
.fxLetMeIn .navInPrev {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideFromLeftFast .5s forwards ease;
    animation: slideFromLeftFast .5s forwards ease
}
.fxLetMeIn li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: opacity .5s ease-in-out
}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after {
    opacity: 1
}
@-webkit-keyframes rotateOutRight {
    to {
        -webkit-transform: rotateY(10deg)
    }
}
@keyframes rotateOutRight {
    to {
        -webkit-transform: rotateY(10deg);
        transform: rotateY(10deg)
    }
}
@-webkit-keyframes rotateOutLeft {
    to {
        -webkit-transform: rotateY(-10deg)
    }
}
@keyframes rotateOutLeft {
    to {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg)
    }
}
.fxStickIt .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}
.fxStickIt .navOutNext {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideOut .8s forwards ease-in;
    animation: rotateBottomSideOut .8s forwards ease-in
}
.fxStickIt .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideInFromBottomDelayed .8s forwards;
    animation: slideInFromBottomDelayed .8s forwards
}
.fxStickIt .navOutPrev {
    opacity: 1;
    -webkit-animation: slideOutToBottom .8s forwards;
    animation: slideOutToBottom .8s forwards
}
.fxStickIt .navInPrev {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideIn .8s .1s forwards ease-in;
    animation: rotateBottomSideIn .8s .1s forwards ease-in
}
@-webkit-keyframes rotateBottomSideOut {
    40% {
        -webkit-transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px)
    }
}
@keyframes rotateBottomSideOut {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}
@-webkit-keyframes slideInFromBottomDelayed {
    0%, 30% {
        -webkit-transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@keyframes slideInFromBottomDelayed {
    0%, 30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg)
    }
}
@keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}
.fxArchiveMe .navOutNext {
    -webkit-animation: scaleHalfDown .7s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleHalfDown .7s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxArchiveMe .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-animation: slideInFromBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxArchiveMe .navOutPrev {
    -webkit-animation: slideOutToBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutToBottom .7s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxArchiveMe .navInPrev {
    -webkit-animation: scaleHalfUp .7s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleHalfUp .7s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxArchiveMe li::before,
.fxArchiveMe li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity .7s cubic-bezier(0.7, 0, 0.3, 1)
}
.fxArchiveMe li::after,
.fxArchiveMe .navOutNext::before {
    opacity: 1
}
.fxArchiveMe li::before,
.fxArchiveMe li.current::after,
.fxArchiveMe .navInNext::after,
.fxArchiveMe .navInPrev::after {
    opacity: 0
}
.fxArchiveMe .navInNext::after {
    transition: none
}
@-webkit-keyframes scaleHalfDown {
    to {
        -webkit-transform: scale(0.6);
        opacity: 0
    }
}
@keyframes scaleHalfDown {
    to {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0
    }
}
@-webkit-keyframes slideOutToBottom {
    to {
        -webkit-transform: translateY(100%)
    }
}
@keyframes slideOutToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@-webkit-keyframes scaleHalfUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleHalfUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.fxVGrowth .navOutNext {
    -webkit-animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1);
    animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1)
}
.fxVGrowth .navInNext {
    z-index: 1001;
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1);
    animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1)
}
.fxVGrowth .navOutPrev {
    -webkit-animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1);
    animation: scaleDown .6s forwards cubic-bezier(0.6, 0, 0.4, 1)
}
.fxVGrowth .navInPrev {
    z-index: 1001;
    opacity: 1;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1);
    animation: maximize .6s forwards cubic-bezier(0.6, 0, 0.4, 1)
}
@-webkit-keyframes maximize {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}
@keyframes maximize {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.fxSlideBehind .itemwrap {
    -webkit-perspective: 1000px;
    perspective: 1000px
}
.fxSlideBehind .navOutNext {
    -webkit-animation: hideLeft .8s forwards;
    animation: hideLeft .8s forwards
}
.fxSlideBehind .navInNext {
    -webkit-animation: showRight .8s forwards;
    animation: showRight .8s forwards
}
.fxSlideBehind .navOutPrev {
    -webkit-animation: hideRight .8s forwards;
    animation: hideRight .8s forwards
}
.fxSlideBehind .navInPrev {
    -webkit-animation: showLeft .8s forwards;
    animation: showLeft .8s forwards
}
@-webkit-keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0px)
    }
    40% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}
@keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }
    40% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}
@-webkit-keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}
@keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}
@-webkit-keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0px)
    }
    40% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}
@keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px)
    }
    40% {
        -webkit-transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}
@-webkit-keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}
@keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}
.fxSoftPulse .navOutPrev,
.fxSoftPulse .navOutNext {
    -webkit-animation: scaleUpFadeOut .8s forwards ease-in;
    animation: scaleUpFadeOut .8s forwards ease-in
}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext {
    -webkit-animation: scaleDownFadeIn .8s forwards ease-out;
    animation: scaleDownFadeIn .8s forwards ease-out
}
@-webkit-keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    75% {
        -webkit-transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}
@keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }
    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-webkit-keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.fxEarthquake .navOutNext {
    opacity: 1;
    -webkit-animation: shakeSlideBottom 1s .1s forwards;
    animation: shakeSlideBottom 1s .1s forwards
}
.fxEarthquake .navInNext {
    -webkit-animation: pushFromTop 1s .1s forwards;
    animation: pushFromTop 1s .1s forwards
}
.fxEarthquake .navOutPrev {
    opacity: 1;
    -webkit-animation: shakeSlideTop 1s .1s forwards;
    animation: shakeSlideTop 1s .1s forwards
}
.fxEarthquake .navInPrev {
    opacity: 1;
    -webkit-animation: pushFromBottom 1s .1s forwards;
    animation: pushFromBottom 1s .1s forwards
}
.fxEarthquake li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity .5s
}
.fxEarthquake .navOutPrev::after,
.fxEarthquake .navOutNext::after {
    opacity: 1
}
@-webkit-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(100%)
    }
}
@keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@-webkit-keyframes pushFromTop {
    0%, 70% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes pushFromTop {
    0%, 70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%)
    }
}
@keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@-webkit-keyframes pushFromBottom {
    0%, 70% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes pushFromBottom {
    0%, 70% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.fxCliffDiving li {
    -webkit-transform-origin: 50% 400%;
    transform-origin: 50% 400%
}
.fxCliffDiving .navOutNext {
    opacity: 1;
    -webkit-animation: rotateOutCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxCliffDiving .navInNext {
    opacity: 1;
    -webkit-animation: rotateInCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxCliffDiving .navOutPrev {
    opacity: 1;
    -webkit-animation: rotateOutCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircRight .9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxCliffDiving .navInPrev {
    opacity: 1;
    -webkit-animation: rotateInCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircLeft .9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxCliffDiving li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 1);
    transition: opacity .9s cubic-bezier(0.7, 0, 0.3, 1)
}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after {
    opacity: 1
}
@-webkit-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%)
    }
}
@keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}
@-webkit-keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0)
    }
}
@keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}
@-webkit-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%)
    }
}
@keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}
@-webkit-keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        to-webkit-transform: rotate(0deg) translateX(0)
    }
}
@keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}
div.wpcf7 {
    margin: 0;
    padding: 0
}
div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em
}
div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14
}
div.wpcf7-mail-sent-ng {
    border: 2px solid red
}
div.wpcf7-spam-blocked {
    border: 2px solid orange
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700
}
.wpcf7-form-control-wrap {
    position: relative
}
span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    display: block
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid red;
    background: #fff;
    padding: .2em .8em
}
span.wpcf7-list-item {
    margin-left: .5em
}
.wpcf7-display-none {
    display: none
}
div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px
}
div.wpcf7 div.ajax-error {
    display: none
}
div.wpcf7 .placeheld {
    color: #888
}
img.wpcf7-captchac {
    margin-bottom: 10px;
}
a.image-popup-vertical-fit img {
    display: inline;
    margin-right: 10px;
    margin-top: 10px
}
div.post-content p {
    margin-bottom: 15px
}
a.more-link {
    margin-top: 10px
}