@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300italic,400italic,700italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

body, h1, h2, h3, h4 {
    font-family: 'Open Sans'
}

#preloader, body {
    background-color: #fff
}

#preloader, body, html {
    height: 100%
}

.section-heading h1, .section-heading h2 {
    text-transform: uppercase;
    line-height: 1;
    padding: 0
}

.tp-bannershadow, .tp-simpleresponsive img {
    -webkit-user-select: none;
    -o-user-select: none
}

body {
    color: #666;
    font-size: 15px;
    overflow-x: hidden
}

#preloader {
    width: 100%;
    position: fixed;
    z-index: 100000
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    background: #fff;
    height: 36px;
    width: 36px;
    margin-left: -18px;
    margin-top: -18px
}

.slider-bg-animated, .slider-bg-static {
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-repeat: repeat;
    height: 100%
}

.animated {
    visibility: hidden
}

.visible {
    visibility: visible
}

section#slider {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

.tp-banner .getstarted {
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 22px;
    padding: 6px 20px
}

.tp-banner .getstarted:hover {
    border: 2px solid #FFF;
    color: #000;
    background-color: #FFF;
    padding: 6px 20px
}

.slider-bg-static {
    background-image: url(@{layout_path}/img/slider/static-bg/1.jpg)
}

.slider-bg-animated {
    background-image: url(@{layout_path}/img/slider/animted-bg/1.jpg);
    -webkit-animation: BackgroundAnimation 500s linear infinite;
    -moz-animation: BackgroundAnimation 500s linear infinite;
    -ms-animation: BackgroundAnimation 500s linear infinite
}

@-webkit-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}

@-moz-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}

@-ms-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}

section#navigation {
    padding-top: 0;
    padding-bottom: 0
}

#navigation {
    width: 100%;
    margin-left: auto;
    margin-bottom: auto;
    position: absolute;
    z-index: 98
}

#navigation ul.nav {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0
}

#consulence_path .skills-progress, #services .heading-2, .section-heading h1, .section-heading h2 {
    font-family: 'Open Sans'
}

#navigation ul.nav li {
    padding: 8px 0
}

#navigation ul.nav li:last-child {
    padding-right: 0
}

#navigation ul.nav li a {
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase
}

#about .circle, .team-contents .icon {
    text-align: center;
    -moz-transition: all .3s
}

#navigation ul.nav .current a, #navigation ul.nav a:hover {
    color: #fff
}

.navbar-brand {
    padding-top: 12px;
    padding-bottom: 9px;
    padding-left: 16px
}

section {
    padding-top: 120px;
    padding-bottom: 90px
}

.section-heading h1 {
    font-size: 40px;
    font-weight: 400;
    margin: 0
}

.section-heading h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0
}

#about .heading, #consulence_path .heading2, #team .heading {
    font-weight: 400;
    text-transform: uppercase
}

.section-heading p {
    padding: 0;
    margin: 0
}

.section-heading .line {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #373737;
    padding-bottom: 16px;
    margin-bottom: 40px;
    width: 200px;
    text-align: center
}

#about .heading {
    font-size: 28px
}

#about .circle {
    width: 90px;
    height: 90px;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 120px;
    position: relative;
    margin-bottom: 16px;
    padding-top: 26px;
    right: auto;
    left: auto;
    bottom: auto;
    top: auto;
    -webkit-transition: all .3s;
    transition: all .3s
}

#consulence_path .heading2, #team .line, #team .smallline {
    border-bottom-style: solid;
    border-bottom-color: #373737
}

#about .circle i {
    font-size: 36px;
    width: auto;
    line-height: initial;
    height: auto;
    color: #f86923
}

#about .description {
    margin-top: 6px;
    margin-bottom: 30px
}

#about .col-md-4:hover .circle {
    background-color: #fff
}

#about .col-md-4:hover i {
    color: #000
}

#about-carousel .item img {
    display: block;
    width: 100%;
    height: auto
}

#bar {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #fff
}

#progressBar {
    width: 100%;
    background: #363636
}

#consulence_path .heading2 {
    font-size: 28px;
    border-bottom-width: 1px;
    padding-top: 6px;
    padding-bottom: 8px
}

#consulence_path .heading2 a, #consulence_path .heading2 a:link {
    color: #fff;
    text-decoration: none
}

#consulence_path .heading2 a:active {
    color: #000;
    text-decoration: none
}

#consulence_path .heading2 a:hover {
    color: #fff;
    text-decoration: none
}

#consulence_path .about-carousel {
    padding-bottom: 30px
}

#consulence_path .about-carousel a span {
    top: 50%;
    position: absolute
}

#consulence_path #accordion i {
    width: 30px;
    padding-right: 8px;
    text-align: center
}

#accordion h2 {
    color: #666
}

#consulence_path .skills-progress {
    text-align: center;
    margin-top: 30px
}

#consulence_path .skills-progress .col-md-2 {
    margin-bottom: 15px
}

#donutchart1, #donutchart2, #donutchart3, #donutchart4, #donutchart5, #donutchart6, #donutchart7, #donutchart8 {
    margin: 15px auto
}

#team {
    background: url(@{layout_path}/img/textures/zwartevilt.png)
}

#team .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#team .team-contents {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 25px
}

#team .picture {
    padding-left: 30px;
    padding-right: 30px
}

#team .picture img {
    width: 100%;
    height: auto;
    background: 0 0;
    position: relative;
    margin-bottom: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

#team .heading {
    font-size: 26px
}

#team .designation {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 3px
}

#team .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    width: 100px;
    text-align: center;
    margin: 3px auto 20px
}

.team-contents .icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    top: -60px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: normal;
    margin-bottom: -60px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#quotes .name, #quotes .text {
    font-size: 22px;
    font-weight: 300
}

#services .circle, .teamoverlayzoom span.zoom {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    text-align: center
}

#team .description {
    margin-bottom: 30px
}

#team .team-social a {
    margin-bottom: 100px;
    text-align: center;
    margin-left: 6px;
    margin-right: 6px;
    color: #fff
}

.teamoverlayzoom {
    position: relative;
    display: block;
    margin: 0;
    text-decoration: none
}

.teamoverlayzoom span i {
    color: #000
}

.teamoverlayzoom span.zoom {
    position: absolute;
    nowhitespace: afterproperty;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 22px;
    -o-transition: all .5s ease;
    background: #fff;
    background: rgba(255, 255, 255, .9);
    transition: all .3s
}

.teamoverlayzoom span.zoom span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%
}

.teamoverlayzoom:focus span.zoom, .teamoverlayzoom:hover span.zoom {
    width: 100%;
    height: 100%;
    background: #fff;
    background: rgba(255, 255, 255, .4)
}

#quotes .line, #services .line {
    border-bottom-style: solid;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#quotes {
    color: #fff;
    background-attachment: fixed;
    background-image: url(/protected/views/layouts/lightside/img/parallax/7.jpg);
    background-repeat: repeat-y;
    background-position: 50% 0;
    background-size: cover;
    position: relative
}

#quotes h2 {
    color: #FFF
}

#quotes .line {
    border-bottom-width: 2px;
    border-bottom-color: #fff;
    margin-bottom: 30px
}

#quotes .text {
    text-align: center
}

#quotes .name {
    color: #FFF;
    text-align: center;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px
}

#our-services .item {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px
}

#services .line {
    border-bottom-width: 3px;
    border-bottom-color: #373737;
    margin-bottom: 60px
}

#services .circle {
    width: 150px;
    height: 150px;
    background: 0 0;
    border: 3px solid #fff;
    border-radius: 150px;
    position: relative;
    margin-bottom: 25px;
    padding-top: 37px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    left: auto;
    bottom: auto;
    top: auto;
    transition: all .3s
}

#options ul li a, #options ul li a:link {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

#services .circle i {
    font-size: 70px;
    width: auto;
    line-height: initial;
    height: auto;
    color: #f86923
}

#portfolio .line, #services .smallline {
    border-bottom-color: #373737;
    width: 100px;
    border-bottom-style: solid
}

#services .item:hover .circle {
    background-color: #fff;
    color: #000
}

#services .item:hover i {
    color: #fff
}

#services .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    text-align: center;
    margin: 3px auto 20px
}

#services .heading-1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    color: #333
}

#services .heading-2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 28px;
    color: #333
}

#services .description {
    margin-top: 6px;
    margin-bottom: 30px
}

#portfolio .line {
    border-bottom-width: 3px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto
}

#options {
    font-size: 18px;
    line-height: normal;
    text-align: center;
    margin: 30px auto 50px
}

#options ul {
    width: auto;
    text-align: center;
    padding: 0;
    margin: 0
}

#options ul li {
    display: inline-block
}

#options ul li a {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    transition: all .3s;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border: 3px solid #545454;
    font-size: 36px;
    line-height: 2;
    color: #545454
}

#options ul li a:link {
    color: #555;
    text-decoration: none;
    transition: all .3s
}

#container-thumbs .items .icon, #container-thumbs .items img {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    position: relative
}

#options ul li a.selected, #options ul li:hover a {
    color: #fff;
    border: 3px solid #fff
}

.links, .portfolio-detail ul li {
    border-top-width: 1px;
    border-top-color: #444
}

#portfolio ul li {
    list-style-type: none
}

#container-thumbs {
    padding: 0;
    list-style-type: none;
    margin: 30px 0 0
}

#container-thumbs .items {
    margin-bottom: 20px
}

#container-thumbs .items img {
    width: 100%;
    height: auto;
    background: 0 0;
    border-radius: 50%;
    margin-bottom: 25px;
    transition: all .3s
}

#container-thumbs .items .icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    top: -60px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: normal;
    margin-bottom: -60px;
    transition: all .3s
}

#container-thumbs .items:hover .icon {
    background-color: #000
}

.overlayzoom {
    position: relative;
    display: block;
    margin: 0;
    text-decoration: none
}

.overlayzoom span i {
    color: #000
}

.overlayzoom span.zoom {
    position: absolute;
    nowhitespace: afterproperty;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 28px;
    text-align: center;
    -o-transition: all .5s ease;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.overlayzoom span.zoom span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%
}

.overlayzoom:focus span.zoom, .overlayzoom:hover span.zoom {
    width: 100%;
    height: 100%;
    background: #fff;
    background: rgba(255, 255, 255, .4)
}

.portfolio-detail {
    overflow: hidden;
    max-height: 0;
    background: #000;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.open-box {
    max-height: 1600px;
    margin-bottom: 30px;
    padding: 80px 0
}

.portfolio-detail .heading {
    font-family: Raleway, sans-serif;
    color: #fff;
    font-size: 30px;
    font-weight: 600
}

.portfolio-detail .desc {
    margin-top: 10px
}

.portfolio-detail ul {
    margin: 0;
    list-style-type: none;
    padding: 20px 0 0
}

.portfolio-detail ul li {
    border-top-style: solid;
    padding-top: 8px;
    padding-bottom: 8px
}

.portfolio-detail ul li:last-child {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #444
}

.portfolio-detail .social-icons ul {
    padding: 0;
    text-align: center;
    margin: 20px auto
}

.portfolio-detail .social-icons ul li {
    width: 36px;
    height: 36px;
    background-color: #bbb;
    border-radius: 18px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    margin-left: 2px;
    margin-right: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.close-detail, .links a {
    font-size: 20px;
    font-weight: 400
}

.portfolio-detail .social-icons ul li a {
    color: #fff
}

.portfolio-detail .social-icons ul li:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.links {
    border-top-style: solid
}

.links div {
    display: inline-block;
    margin-top: 20px;
    margin-right: 30px
}

.links a {
    color: #fff
}

.links a:hover {
    color: #ccc;
    text-decoration: none !important
}

.close-detail {
    color: #fff;
    cursor: pointer
}

.close-detail:hover {
    color: #ccc;
    text-decoration: none !important
}

#facts {
    color: #fff;
    height: 750px;
    overflow: hidden;
    background: #000
}

section#facts {
    padding-top: 0;
    padding-bottom: 0
}

#facts .container {
    padding-top: 120px;
    padding-bottom: 120px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    overflow: hidden
}

#my-numbers .items .circle, #my-numbers .items .icon {
    position: relative;
    -moz-transition: all .3s;
    margin-left: auto;
    text-align: center
}

#facts #video video {
    display: block;
    width: 100%;
    opacity: .3;
    background-color: #000
}

#facts .line, #facts .smallline {
    border-bottom-style: solid;
    border-bottom-color: #fff;
    width: 100px
}

#facts h2 {
    color: #FFF
}

#my-numbers .items {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    margin-top: 30px
}

#facts .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto
}

#facts .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    text-align: center;
    margin: 10px auto 30px
}

#facts .heading-1 {
    font-size: 14px;
    font-weight: 300
}

#facts .heading-2 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 20px;
    min-height: 70px
}

#facts .owl-theme .owl-controls .owl-buttons div {
    color: #000;
    display: inline-block;
    zoom: 1;
    margin: 4px;
    font-size: 33px;
    background: #fff;
    filter: alpha(opacity=70);
    opacity: .7;
    height: 50px;
    width: 50px;
    border-radius: 50px
}

#facts .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none
}

#facts #video {
    width: 100%;
    height: 100%
}

#my-numbers .items .circle {
    width: 150px;
    height: 150px;
    background: 0 0;
    border: 3px solid #fff;
    border-radius: 150px;
    margin-bottom: 20px;
    padding-top: 32px;
    margin-right: auto;
    font-size: 56px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    right: auto;
    left: auto;
    bottom: auto;
    top: auto;
    z-index: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

#my-numbers .items .icon, #my-numbers .items:hover .circle {
    background-color: #fff;
    color: #000
}

#pricing, .blog-page-heading, .blog-single-post-heading {
    background-attachment: fixed
}

#pricing .line, #pricing .smallline {
    border-bottom-style: solid;
    border-bottom-color: #fff
}

#my-numbers .items .icon {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: auto;
    top: -48px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 8px;
    line-height: normal;
    margin-bottom: -20px;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

#my-numbers .items:hover .icon i, #pricing {
    color: #fff
}

#my-numbers .items:hover .icon {
    background-color: #000;
    color: #fff
}

section#pricing {
    padding-bottom: 60px
}

#pricing .row {
    text-align: center
}

#pricing {
    background-image: url(@{layout_path}/img/parallax/3.jpg);
    background-repeat: repeat-y;
    background-position: 50% 0;
    background-size: cover
}

#pricing h2 {
    color: #FFF
}

#pricing .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#pricing .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    width: 100px;
    text-align: center;
    margin: 10px auto 30px
}

#pricing .circle, #pricing .heading-1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#pricing .picture img {
    width: 100%;
    height: auto;
    background: 0 0;
    border-radius: 50%;
    position: relative;
    margin-bottom: 30px;
    border: 3px solid #FFF
}

#pricing .heading-1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    top: -200px;
    margin-bottom: -40px
}

#pricing .circle {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #999;
    color: #fff;
    top: -90px;
    margin-bottom: -20px;
    padding-top: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 3px solid #999
}

#pricing .circle span.price {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}

#pricing .btn, #pricing .circle span {
    font-size: 18px
}

#pricing .p-table {
    position: relative;
    top: -40px
}

#pricing .p-table ul {
    padding: 0;
    margin: 0
}

#pricing .p-table ul li {
    padding-top: 16px;
    padding-bottom: 16px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(255, 255, 255, .2);
    border-bottom-color: rgba(204, 204, 204, .2);
    list-style-type: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-align: center
}

#curriculum .post .date, #generali .post .date {
    -moz-transition: all .3s;
    position: relative;
    text-align: center;
    border-radius: 150px
}

#pricing .p-table ul li:hover {
    background-color: rgba(255, 255, 255, .1)
}

#pricing .btn {
    color: #000;
    background-color: #999;
    margin-bottom: 60px;
    padding: 6px 20px
}

#pricing .p {
    color: #2d2d2d;
    background-color: #fff
}

#pricing .col-md-3:hover .circle {
    background-color: #000;
    color: #fff
}

#pricing .col-md-3:hover .btn {
    background-color: #000;
    color: #FFF
}

#generali .line {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #373737;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#generali .blog-contents {
    margin-bottom: 30px
}

#generali .post {
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px
}

#generali .post .picture img {
    height: auto !important;
    background: 0 0;
    position: relative;
    margin: 0 auto 30px;
    max-height: 400px
}

#generali .post .date {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    top: -78px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: normal;
    margin-bottom: -50px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#curriculum .line, #generali .post .smallline {
    width: 100px;
    border-bottom-style: solid;
    border-bottom-color: #373737
}

#generali .post:hover .date, #generali .post:hover .more, #generali .post:hover .more a i {
    color: #FFF;
    background-color: #000
}

#generali .post .date p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 0;
    padding: 0;
    margin: 0
}

#generali .post .heading {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400
}

#generali .post .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    text-align: center;
    margin: 10px auto 30px
}

#generali .post .description {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px
}

#curriculum .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto
}

#curriculum .blog-contents {
    margin-bottom: 30px
}

#curriculum .post {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 30px
}

#curriculum .post .picture img {
    height: auto !important;
    background: 0 0;
    position: relative;
    margin: 0 auto 30px;
    max-height: 400px
}

#curriculum .post .date {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    top: -78px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: normal;
    margin-bottom: -50px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#curriculum .post .more, a.view-all {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

#curriculum .post:hover .date, #curriculum .post:hover .more, #curriculum .post:hover .more a i {
    color: #FFF;
    background-color: #000
}

#curriculum .post .date p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 0;
    padding: 0;
    margin: 0
}

#curriculum .post .heading {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400
}

#curriculum .post .smallline {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #373737;
    padding-bottom: 10px;
    width: 100px;
    text-align: center;
    margin: 10px auto 30px
}

#curriculum .post .description {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px
}

.info {
    font-size: 18px;
    font-weight: 300;
    line-height: normal
}

.info a i {
    padding-left: 12px;
    padding-right: 2px
}

.info a, .info a:link {
    color: #bbb;
    text-decoration: none
}

.info a:hover {
    color: #bbb;
    text-decoration: underline
}

#curriculum .post .more {
    width: 50px;
    height: 50px;
    border-radius: 150px;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 18px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    transition: all .3s
}

#curriculum .post .more a i {
    font-size: 24px;
    line-height: 0;
    color: #000
}

a.view-all, a.view-all:hover {
    border: 2px solid #fff;
    color: #fff;
    padding: 6px 20px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none
}

a.view-all {
    font-size: 18px;
    width: 90px;
    transition: all .3s
}

a.view-all:hover {
    background-color: #000
}

#curriculum-page .line, #curriculum-page .post .smallline, #curriculum-single-post .line {
    border-bottom-style: solid;
    border-bottom-color: #373737
}

.blog-page-heading {
    background-image: url(@{layout_path}/img/parallax/2.jpg);
    background-repeat: repeat-y;
    background-position: 50% 50%;
    background-size: cover
}

.blog-page-heading .section-heading {
    color: #FFF;
    text-align: center;
    margin-bottom: 120px;
    padding-top: 120px
}

section#curriculum-page {
    padding-top: 0;
    padding-bottom: 0
}

#curriculum-page .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#curriculum-page .contents {
    margin-top: 120px;
    margin-bottom: 120px
}

#curriculum-page .post {
    text-align: center;
    margin-bottom: 50px
}

#curriculum-page .post .picture img {
    width: 100%;
    height: auto;
    background: 0 0;
    border-radius: 50%;
    position: relative;
    margin-bottom: 30px
}

#curriculum-page .post .date {
    width: 80px;
    height: 80px;
    border-radius: 150px;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    top: -78px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: normal;
    margin-bottom: -50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#curriculum-page .post .more, #curriculum-single-post .date {
    position: relative;
    text-align: center;
    -moz-transition: all .3s
}

#curriculum-page .post:hover .date, #curriculum-page .post:hover .more, #curriculum-page .post:hover .more a i {
    color: #FFF;
    background-color: #000
}

#curriculum-page .post .date p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 0;
    padding: 0;
    margin: 0
}

#curriculum-page .post .heading {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400
}

#curriculum-page .post .smallline {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    width: 100px;
    text-align: center;
    margin: 10px auto 30px
}

#curriculum-page .post .description {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px
}

#curriculum-page .post .more {
    width: 50px;
    height: 50px;
    border-radius: 150px;
    margin-bottom: 30px;
    padding-top: 18px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s
}

#curriculum-page .post .more a i {
    font-size: 24px;
    line-height: 0;
    color: #000
}

#curriculum-page .post .more:hover a i {
    color: #fff
}

#curriculum-single-post {
    font-size: 16px;
    font-weight: 300
}

.blog-single-post-heading {
    background-image: url(@{layout_path}/img/parallax/1.jpg);
    background-repeat: repeat-y;
    background-position: 50% 95%;
    background-size: cover
}

.blog-single-post-heading .section-heading {
    color: #FFF;
    text-align: center;
    margin-bottom: 120px;
    padding-top: 120px
}

section#curriculum-single-post {
    padding-top: 0;
    padding-bottom: 0
}

#curriculum-single-post .contents {
    padding-top: 120px;
    padding-bottom: 120px
}

#curriculum-single-post .line {
    border-bottom-width: 3px;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#curriculum-single-post .date {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    color: #FFF;
    top: -50px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 8px;
    line-height: normal;
    margin-bottom: -50px;
    -webkit-transition: all .3s;
    transition: all .3s
}

#social-media ul li, .tag-list a {
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

#curriculum-single-post .date p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 0;
    padding: 0;
    margin: 0
}

#curriculum-single-post .smallline, #curriculum-single-post .smallline2 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #373737;
    padding-bottom: 5px;
    width: 100px
}

#curriculum-single-post .heading {
    font-size: 30px;
    margin-bottom: 5px
}

#curriculum-single-post .smallline {
    margin-top: 2px;
    margin-bottom: 20px
}

#curriculum-single-post .description {
    margin-bottom: 30px
}

#curriculum-single-post blockquote {
    margin-top: 20px;
    margin-bottom: 20px
}

#curriculum-single-post .blog-comments {
    margin-top: 30px
}

#curriculum-single-post .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1
}

#curriculum-single-post .smallline2 {
    margin-top: 0;
    margin-bottom: 20px
}

.tab-content ul li, ul.media-list li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #363636
}

ul.media-list li {
    padding-top: 10px;
    padding-bottom: 10px
}

#curriculum-single-post .post-comment {
    margin-top: 30px;
    margin-bottom: 30px
}

#curriculum-single-post .post-comment .form-control {
    margin-top: 10px;
    margin-bottom: 10px
}

.blog-tabs {
    margin-top: 30px;
    margin-bottom: 30px
}

ul.nav-tabs li a {
    text-decoration: none;
    color: #ccc
}

ul.nav-tabs li a:link {
    text-decoration: none
}

ul.nav-tabs li:hover a {
    text-decoration: none;
    color: #000
}

.tab-content {
    margin-top: 2px
}

.tab-content ul {
    padding: 0;
    margin: 0
}

.tab-content ul li {
    margin: 0;
    list-style-type: none;
    padding: 15px 0
}

.tab-content ul li a {
    text-decoration: none;
    color: #fff
}

.tab-content ul li a:hover {
    text-decoration: underline
}

.tab-content ul li a:active {
    text-decoration: none
}

.tab-content ul li i {
    padding-right: 6px
}

ul.media-list li a {
    text-decoration: underline;
    color: #ccc
}

ul.media-list li a:hover {
    text-decoration: none
}

.about-blog, .tag-list {
    margin-top: 40px
}

.tag-list a {
    border: 1px solid #d9d9d9;
    font-size: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-right: 5px;
    transition: all .3s;
    padding: 5px 10px
}

#contacts .line, #live_finance .line, #social-media .line {
    border-bottom-width: 3px;
    border-bottom-style: solid
}

#live_finance .line, #social-media .line, .clients .items, .testimonials-p .items {
    margin-left: auto;
    margin-right: auto
}

.tag-list a, .tag-list a:active, .tag-list a:focus, .tag-list a:hover {
    text-decoration: none;
    outline: 0
}

.tag-list a:hover {
    color: #000;
    background-color: #fff
}

#live_finance, #social-media {
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 50% 0;
    background-size: cover;
    color: #fff;
    position: relative
}

#live_finance h2, #social-media h2 {
    color: #FFF
}

section#clients {
    padding-top: 50px;
    padding-bottom: 50px
}

#clients {
    background-color: #000
}

#social-media ul li, .scrollup {
    background-color: #fff;
    text-align: center
}

.clients .items {
    text-align: center
}

#live_finance {
    background-image: url(/protected/views/layouts/lightside/img/parallax/9.jpg)
}

#live_finance .line {
    border-bottom-color: #fff;
    margin-bottom: 50px;
    width: 100px
}

.testimonials-p .items {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}

.testimonials-p .items .desc {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px
}

.testimonials-p .items .heading-1 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400
}

.testimonials-p .items .heading-2 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 10px;
    line-height: 2px
}

#social-media {
    background-image: url(/protected/views/layouts/lightside/img/parallax/4.jpg)
}

#social-media .color-overlay {
    opacity: .7
}

#social-media .line {
    border-bottom-color: #fff;
    margin-bottom: 30px;
    width: 100px
}

#social-media .row {
    text-align: center
}

#social-media .desc {
    font-size: 22px;
    font-weight: 300
}

#social-media ul {
    padding: 0;
    margin: 40px 0
}

#social-media ul li {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -o-transition: all .2s ease-in-out;
    font-size: 24px;
    line-height: 2.2;
    color: #000;
    margin-left: 4px;
    margin-right: 4px;
    transition: all .3s
}

.done, .loading {
    display: none
}

#social-media ul li:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

#contacts .line {
    border-bottom-color: #373737;
    margin-bottom: 60px;
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

#contacts .input-group, #contacts .input-group-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

#contacts .address {
    font-size: 16px;
    padding-top: 20px;
    line-height: 1.5
}

#contacts .address i {
    padding-right: 10px;
    text-align: center;
    width: 30px
}

#contacts .form {
    padding-top: 2px
}

#message_post {
    padding-top: 6px;
    padding-bottom: 6px
}

.errorMessage {
    color: red;
    padding: 0;
    margin: 0 0 6px
}

.successMessage {
    color: #12d62d;
    padding: 0;
    margin: 0 0 6px
}

.form-buttons {
    padding-top: 8px
}

.form-element .textarea, .form-element input.text {
    padding-left: 20px;
    padding-top: 8px
}

.form-element .hightlight {
    border: 2px solid #9F1319
}

.loading {
    height: 28px;
    width: 28px;
    background-image: url(@{layout_path}/img/progress.gif);
    background-repeat: no-repeat;
    background-position: 1px
}

#contacts .address img {
    padding-right: 10px
}

.scrollup {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: inline-block;
    font-size: 28px;
    line-height: 1.7;
    color: #000;
    margin-bottom: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

span.brand_name.sitesetting.scroll-up{
line-height:0.75;
}

.scrollup:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

section#footer {
    padding-top: 50px;
    padding-bottom: 10px
}

#footer {
    background: #E6E7E8
}

#footer .row {
    text-align: center
}

#footer .line {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #373737;
    width: 100px;
    margin: 30px auto
}

#footer .desc {
    font-size: 13px;
    font-weight: 300
}

#buynow a.btn, strong {
    font-weight: 700
}

#footer .desc i {
    margin-bottom: 12px;
    font-size: 25px
}

@media (max-width: 960px) {
    #container-thumbs .items {
        min-width: 50%;
        max-width: 50%
    }

    .animated, .visible {
        visibility: visible
    }
}

@media (max-width: 767px) {
    .navbar-nav {
        margin-left: 0 !important;
        float: none !important
    }

    .animated, .visible {
        visibility: visible
    }
}

@media (max-width: 480px) {
    #container-thumbs .items {
        min-width: 100%;
        max-width: 100%
    }

    h1.brand_name.sitesetting {
        font-size: 25pt !important;
    }

    .animated, .visible {
        visibility: visible
    }

    #video {
        display: none
    }

    #live_finance, #pricing, #quotes, #social-media, .blog-page-heading, .blog-single-post-heading {
        background-image: none;
        background-color: #151515
    }
}

.panel {
    background: 0 0
}

.btn-default {
    border-color: #ccc
}

.navbar-inverse .navbar-nav > li > a {
    color: #333
}

.navbar-header .brand_name, .top-bar h1.brand_name {
    font-family: 'Alegreya Sans SC';
    text-transform: lowercase;
    color: #575757
}

.navbar-inverse {
    background-color: #f2f2f2;
    background: rgba(242, 242, 242, .9);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    border: 1px solid transparent
}

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 99;
    background-color: #f2f2f2;
    background: rgba(255, 255, 255, .7);
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

#app, .map-container, section.map {
    position: relative
}

.top-bar h1.brand_name {
    margin: 0 0 -7px;
    letter-spacing: 1px;
    width: initial;
    font-size: 52px;
    display: inline-block
}

.navbar-header .brand_name {
    font-size: 40px;
    display: block;
    margin: 0
}

.navbar-header .brand_subtitle {
    font-size: 13px;
    display: block;
    margin: 7px 0 0
}

.top-bar span.brand_subtitle {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

#menu {
    max-width: 74%;
    padding-right: 0
}

@media (max-width: 768px) {
    #menu {
        max-width: 100%;
        width: 100%
    }

    #menu li {
        text-align: center
    }

    #brand_banca {
        display: none
    }

    .navbar-inverse {
        padding: 5px
    }
    .panel {
        margin-top:20px;
    }


    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

#accordion .heading2 h2 {
    margin: 0
}

.TOLWidget .TWS_disclaimer {
    background: 0 0 !important
}

.TOLWidget .box-header {
    background: #202021 !important
}

.TOLWidget {
    opacity: .7
}

#app {
    background-attachment: fixed;
    background-image: url(/protected/views/layouts/lightside/img/parallax/8.jpg);
    background-repeat: repeat-y;
    background-position: 50% 0;
    background-size: cover
}

#app h1, #app h2, #app p {
    color: #fff
}

section.map {
    padding-top: 0;
    padding-bottom: 0
}

.map-container {
    width: 100%;
    height: 500px
}

.map-contacts {
    position: absolute;
    right: 5%;
    bottom: 12%;
    padding: 20px 25px;
    background-color: #fff;
    box-shadow: 1px 1px 21px 0 #7c7c7c
}

.map-contacts .adress:before, .map-contacts .mail:before {
    font-family: FontAwesome;
    bottom: -3px;
    margin-right: 10px
}

.map-contacts .adress:before {
    font-size: 26px;
    position: relative;
    content: '\f015'
}

.map-contacts .phone {
    position: relative;
    padding: 10px 0 10px 37px
}

.map-contacts .phone:before {
    font-family: FontAwesome;
    font-size: 26px;
    position: absolute;
    top: 16%;
    left: 0;
    vertical-align: middle;
    content: '\f095'
}

.map-contacts .mail:before {
    font-size: 22px;
    position: relative;
    content: '\f0e0'
}

#switch, .button.small.color.switch {
    font-family: 'Roboto Condensed', sans-serif
}

#app .section-heading .line {
    margin: 0 auto 40px
}

#contacts h3.office_title {
    margin-top: 30px;
    display: inline
}

#qrcode_container {
    width: 157px;
    overflow: hidden;
    margin: -10px auto 30px
}

#qrcode_container img {
    width: 200px;
    margin: -21px;
    padding: 0 !important
}

#contacts .captcha_container {
    height: 34px;
    overflow: hidden
}

#contacts .captcha_img {
    margin-top: -12px;
    max-width: 115px
}

.form-control {
    color: #383838
}

.footer-copyright {
    font-size: .857em;
    padding: 16px 0;
    text-align: center
}

.color-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: .4;
    background-color: #000;
    margin-top: -120px
}

#buynow {
    position: fixed;
    right: 20px;
    top: 150px;
    z-index: 111;
    border-radius: 5px;
    background-color: rgba(52, 165, 221, .8);
    color: #fff;
    width: 250px;
    text-align: center;
    padding: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3)
}

.nav-toggle, .nav-toggle span, header {
    position: absolute
}

#buynow a.btn {
    background: #fff;
    border: 1px solid #E7891E;
    color: #E7891E;
    font-size: 20px;
    padding: 8px;
    border-radius: 5px
}

.nav-toggle, a img {
    border: none
}

#buynow p {
    margin: 0
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #666
}

.navbar-brand {
    height: auto
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: 0 0
}

.navbar-default .navbar-nav > li > a i {
    padding: 0 10px
}

header {
    z-index: 1;
    background: #f86923;
    width: 100%
}

header .navbar-default .navbar-nav > li > a {
    color: #f86923
}

header .navbar-header .brand_name, header .navbar-header .brand_subtitle {
    color: #fff
}

header .navbar {
    padding-top: 0
}

header .logo {
    text-align: left
}

header .logo:hover {
    text-decoration: none
}

header .container {
    padding-top: 15px;
    background: 0 0
}

header .navbar-default {
    background: 0 0
}

.nav-toggle {
    top: 24px;
    right: 20px;
    display: none;
    width: 34px;
    height: 23px;
    cursor: pointer;
    transition: .5s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.nav-toggle span {
    display: block;
    width: 50%;
    height: 3px;
    transition: .25s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
    background: #fff
}

.header-stuck, .opaque {
    position: fixed
}

.opaque .nav-toggle span {
    background: #34a5dd
}

.nav-toggle span:nth-child(even) {
    left: 50%
}

.nav-toggle span:nth-child(odd) {
    left: 0
}

.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {
    top: 0
}

.nav-toggle span:nth-child(3), .nav-toggle span:nth-child(4) {
    top: 10px
}

.nav-toggle span:nth-child(5), .nav-toggle span:nth-child(6) {
    top: 20px
}

.nav-toggle.open span:nth-child(1), .nav-toggle.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-toggle.open span:nth-child(2), .nav-toggle.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-toggle.open span:nth-child(1) {
    top: 2px;
    left: 2px
}

.nav-toggle.open span:nth-child(2) {
    top: 2px;
    left: calc(48%)
}

.nav-toggle.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.nav-toggle.open span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.nav-toggle.open span:nth-child(5) {
    top: 14px;
    left: 3px
}

.nav-toggle.open span:nth-child(6) {
    top: 14px;
    left: calc(47%)
}

.navbar-default .navbar-right .btn:hover {
    color: #fff;
    background: #0893d2
}

.dropdown .animated {
    -webkit-animation-duration: .3s;
    -ms-animation-duration: .3s;
    animation-duration: .3s
}

.opaque {
    top: 0;
    right: 0;
    left: 0;
    visibility: visible !important;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    background: #fff;
    box-shadow: 0 -7px 19px 5px rgba(0, 0, 0, .5);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.opaque .navbar-default .navbar-nav > li.active > a {
    color: #03a9f4
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

.opaque .navbar {
    margin-bottom: 5px;
    padding-top: 12px
}

.opaque .navbar .logo span.brand_name {
    color: #151515
}

.opaque .navbar-header {
    padding-top: 10px
}

.no-animation {
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    opacity: 1 !important;
    background-color: #fff;
    box-shadow: none;
    box-shadow: 0 -7px 19px 5px rgba(0, 0, 0, .5)
}

.no-animation .nav-toggle span {
    background-color: #34a5dd
}

#show, #switch {
    position: fixed;
    top: 65px;
    background: #fff;
    border-radius: 0 10px 10px 0
}

.no-animation .navbar-default {
    margin-bottom: 9px;
    padding-top: 19px
}

.no-animation .navbar-collapse .active a, .no-animation .navbar-default .navbar-right .btn, .no-animation .navbar-default .navbar-right a:hover, .no-animation .navbar-default a:hover {
    color: #0893d2 !important
}

.no-animation .navbar-default .navbar-right .btn:hover {
    color: #fff !important
}

#hide, #hide i {
    color: #000 !important
}

.navbar-collapse {
    padding-left: 0
}

.navbar-collapse.in {
    overflow: visible
}

#refresh_captcha {
    margin-left: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #444
}

.color-switcher {
    width: 415px;
    left: -415px
}

#switch {
    color: #000;
    display: none;
    z-index: 9999;
    width: 240px;
    margin-left: -200px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5)
}

#switch ul li, .button {
    display: inline-block
}

#switch h4 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
    border-bottom: #ededed 1px solid
}

#switch ul {
    padding: 0;
    margin: 0
}

#switch ul li a {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    height: 30px;
    width: 30px;
    border-radius: 15px
}

#show {
    z-index: 99999;
    left: 0;
    padding: 12px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5)
}

#setting {
    font-size: 22px;
    color: #000
}

.switchlayout, .wrap_pattern {
    margin-bottom: 10px
}

.wrap_pattern h4 {
    margin-bottom: 5px !important
}

.content-switcher {
    padding: 16px;
    overflow: hidden
}

.content-switcher .m-btn {
    padding: 5px 10px;
    font-size: 12px;
    min-width: 70px
}

.button.small.color.switch {
    font-size: 12px;
    text-transform: none;
    width: 40px;
    margin: 5px 0;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
    letter-spacing: 0
}

#hide {
    cursor: pointer;
    line-height: 13px;
    font-size: 20px;
    margin-bottom: 0;
    position: absolute;
    background-color: #fff;
    top: 10px;
    right: 10px
}

#hide i {
    opacity: .8;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

#hide i:hover {
    opacity: .4
}

.button {
    border-radius: 5px;
    cursor: pointer;
    margin: 7px 7px 0 0;
    height: 15px;
    padding: 5px;
    width: 34px
}

#switch p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px
}

.styled-select select {
    background: #f5f5f5;
    border: 1px solid #ededed;
    width: 200px;
    padding: 3px;
    font-size: 14px;
    line-height: normal;
    outline: 0;
    border-radius: 5px;
    -webkit-appearance: none;
    margin: 6px 0
}

.tp-caption.lightgrey_divider, .tp-caption.whitedivider3px {
    background-position: initial initial;
    background-repeat: initial initial
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    100%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    100%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1)
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
    100% {
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, 100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
    100% {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 40%, 60%, 80% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    0%, 20%, 40%, 60%, 80% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg)
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg)
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.ekko-lightbox-container {
    position: relative
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%
}

.ekko-lightbox-nav-overlay a {
    z-index: 100;
    display: block;
    width: 49%;
    height: 100%;
    padding-top: 45%;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    opacity: 0;
    filter: dropshadow(color=#000000, offx=2, offy=2);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.ekko-lightbox-nav-overlay a:empty {
    width: 49%
}

.ekko-lightbox a:hover {
    text-decoration: none;
    opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left
}

.ekko-lightbox .glyphicon-chevron-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right
}

.ekko-lightbox .modal-footer {
    text-align: left
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.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 .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

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

em {
    font-style: italic
}

.element {
    width: 100%;
    height: auto
}

.element * {
    margin: 0
}

.variable-sizes .element.width2 {
    width: 230px
}

.variable-sizes .element.height2 {
    height: 230px
}

.variable-sizes .element.width2.height2 {
    font-size: 2em
}

.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 {
    font-size: 3em;
    z-index: 100
}

.clickable .element:hover {
    cursor: pointer
}

.clickable .element:hover h3 {
    text-shadow: 0 0 10px #fff, 0 0 10px #fff
}

.tp-caption.boldwide_small_white, .tp-caption.finewide_small_white, .tp-caption.whitedivider3px, .tp-caption.whitedivider3px_vertical {
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.clickable .element:hover h2 {
    color: #fff
}

.tp-caption.tp-hidden-caption, .tp-hide-revslider {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.finewide_large_white {
    background-color: transparent
}

.tp-caption.whitedivider3px {
    color: #000;
    background-color: #fff;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    min-width: 468px;
    min-height: 3px
}

.tp-caption.finewide_medium_white {
    background-color: transparent
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 5px
}

.tp-caption.whitedivider3px_vertical {
    color: #000;
    background-color: #fff;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    min-width: 3px;
    min-height: 130px
}

.tp-caption.finewide_small_white, .tp-caption.finewide_verysmall_white_mw {
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 5px
}

.tp-caption.finewide_small_white {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
    text-transform: uppercase;
    max-width: 470px;
    white-space: normal !important;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_large_white, .tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_large_white {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 8px
}

.tp-caption.finewide_medium_white {
    font-size: 34px;
    line-height: 34px;
    letter-spacing: 5px
}

.tp-caption.huge_red {
    position: absolute;
    color: #df4b6b;
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: Oswald, sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    background-color: #2d3136;
    padding: 0
}

.tp-caption.huge_thin_yellow, .tp-caption.middle_yellow {
    position: absolute;
    color: #fbd572;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.middle_yellow {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px
}

.tp-caption.huge_thin_yellow {
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: 20px
}

.tp-caption.big_dark, .tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-family: "Open Sans"
}

.tp-caption.big_dark {
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_dark {
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    letter-spacing: 5px;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_grey, .tp-caption.small_text {
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    font-weight: 700;
    line-height: 20px;
    font-family: Arial;
    border-width: 0;
    border-style: none;
    margin: 0;
    white-space: nowrap;
    position: absolute
}

.tp-caption.medium_grey {
    font-size: 20px;
    padding: 2px 4px;
    background-color: #888
}

.tp-caption.small_text {
    font-size: 14px
}

.tp-caption.medium_text {
    font-family: 'Roboto Condensed' !important;
    position: absolute;
    color: #fff;
    font-weight: 300 !important;
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-align: center
}

.tp-caption.large_bold_white_25, .tp-caption.medium_text_shadow {
    font-family: "Open Sans";
    text-shadow: #000 0 5px 10px;
    border-color: #fff;
    color: #fff;
    border-width: 0;
    border-style: none;
    background-color: transparent;
    text-decoration: none;
    text-align: center
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600
}

.tp-caption.large_text {
    font-family: 'Roboto Condensed' !important;
    position: absolute;
    color: #fff;
    font-weight: 400 !important;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.very_big_white, .tp-caption.very_large_text {
    color: #fff;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.very_large_text {
    font-family: 'Roboto Condensed', sans-serif !important;
    position: absolute;
    font-weight: 300 !important;
    font-size: 75px;
    line-height: 75px
}

.tp-caption.very_big_black, .tp-caption.very_big_white {
    position: absolute;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    padding: 1px 4px 0
}

.tp-caption.very_big_white {
    font-weight: 800;
    background-color: #000
}

.tp-caption.very_big_black {
    color: #000;
    font-weight: 700;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    background-color: #fff
}

.tp-caption.modern_medium_fat, .tp-caption.modern_medium_fat_white {
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    position: absolute;
    text-shadow: none;
    font-size: 24px;
    line-height: 20px;
    white-space: nowrap
}

.tp-caption.modern_medium_fat {
    color: #000
}

.tp-caption.modern_medium_fat_white {
    color: #fff
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg, .tp-caption.modern_big_redbg {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    position: absolute;
    border-style: none;
    text-shadow: none;
    border-width: 0;
    margin: 0
}

.tp-caption.modern_big_bluebg {
    font-weight: 800;
    padding: 3px 10px;
    background-color: #4e5b6c
}

.tp-caption.modern_big_redbg {
    font-weight: 300;
    padding: 1px 10px 3px;
    background-color: #de543e
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.tp-caption a:hover {
    color: #ffa902
}

.tp-caption.thinheadline_dark, .tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0, 0, 0, .85);
    text-shadow: none;
    background-color: transparent;
    font-weight: 300;
    font-family: "Open Sans"
}

.tp-caption.thinheadline_dark {
    font-size: 30px;
    line-height: 30px
}

.tp-caption.thintext_dark {
    font-size: 16px;
    line-height: 26px
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #000;
    background-color: rgba(0, 0, 0, .498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.excerpt, .tp-caption.largeblackbg {
    text-decoration: none;
    border-width: 0;
    border-color: #fff;
    border-style: none
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    background-color: #000;
    padding: 0 20px 5px;
    text-shadow: none
}

.tp-caption.largegreenbg, .tp-caption.largepinkbg, .tp-caption.largewhitebg {
    position: absolute;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    padding: 0 20px;
    text-shadow: none
}

.tp-caption.largepinkbg {
    color: #fff;
    background-color: #db4360;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.largewhitebg {
    color: #000;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.largegreenbg {
    color: #fff;
    background-color: #67ae73;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #fff;
    background-color: #000;
    text-shadow: none;
    margin: 0;
    letter-spacing: -1.5px;
    padding: 1px 4px 0;
    width: 150px;
    white-space: normal !important;
    height: auto
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #666;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.medium_thin_grey, .tp-caption.small_thin_grey {
    font-weight: 300;
    font-family: "Open Sans";
    background-color: transparent;
    padding: 1px 4px 0;
    margin: 0;
    border-color: #ffd658;
    border-width: 0;
    border-style: none;
    text-decoration: none;
    text-shadow: none
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    color: #666
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    color: #757575
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: #ebebeb;
    width: 370px;
    height: 3px;
    border-width: 0;
    border-color: #222;
    border-style: none
}

.tp-caption.large_bold_darkblue, .tp-caption.medium_bg_darkblue, .tp-caption.medium_bold_red {
    font-weight: 800;
    font-family: "Open Sans";
    border-color: #ffd658
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    color: #34495e;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-style: none
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #34495e;
    padding: 10px;
    border-width: 0;
    border-style: none
}

.tp-caption.medium_bold_red, .tp-caption.medium_light_red {
    color: #e33a0c;
    background-color: transparent;
    padding: 0;
    text-decoration: none;
    border-width: 0;
    border-style: none
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    border-color: #ffd658
}

.tp-caption.medium_bg_red, .tp-caption.medium_bold_orange {
    font-weight: 800;
    font-family: "Open Sans";
    border-color: #ffd658
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #e33a0c;
    padding: 10px;
    border-width: 0;
    border-style: none
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    color: #f39c12;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-style: none
}

.tp-caption.large_bold_white, .tp-caption.medium_bg_orange {
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    border-width: 0;
    border-style: none;
    font-family: "Open Sans"
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    background-color: #f39c12;
    padding: 10px;
    border-color: #ffd658
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: #a0b397;
    width: 4000px;
    height: 150px;
    border-width: 0;
    border-color: #222;
    border-style: none
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    background-color: transparent;
    border-color: #ffd658
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.mediumlarge_light_white, .tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-style: none;
    color: #fff;
    border-color: #ffd658
}

.tp-caption.mediumlarge_light_white {
    font-family: "Open Sans"
}

.tp-caption.mediumlarge_light_white_center {
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #7f8c8d;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.tp-caption.large_bold_black, .tp-caption.medium_light_black {
    color: #000;
    text-decoration: none;
    border-width: 0;
    border-style: none;
    font-family: "Open Sans"
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    background-color: transparent;
    padding: 0;
    border-color: #ffd658
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    background-color: transparent;
    border-color: #ffd658
}

.tp-caption.mediumlarge_light_darkblue, .tp-caption.small_light_white {
    font-weight: 300;
    background-color: transparent;
    padding: 0;
    border-color: #ffd658
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-family: "Open Sans";
    color: #34495e;
    text-decoration: none;
    border-width: 0;
    border-style: none
}

.tp-caption.large_bg_black, .tp-caption.small_light_white {
    color: #fff;
    font-family: "Open Sans";
    border-width: 0;
    border-style: none;
    text-decoration: none
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px
}

.tp-caption.roundedimage {
    border-width: 0;
    border-color: #222;
    border-style: none
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    background-color: #000;
    padding: 10px 20px 15px;
    border-color: #ffd658
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #000;
    text-decoration: none;
    background-color: #fff;
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: #f39c12;
    padding: 10px;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.tp-caption .backcornertop, .tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-top: 40px solid #00A8FF;
    position: absolute;
    top: 0
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans', sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    left: -40px
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    right: 0
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../images/gradient/g30.png) top repeat-x;
    font-family: arial, sans-serif;
    font-weight: 700;
    letter-spacing: -1px
}

.tp-simpleresponsive .button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(../images/gradient/g40.png) top repeat-x
}

.tp-simpleresponsive .button.big:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .purchase:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: 400
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .tp-simpleresponsive .button {
        padding: 2px 5px;
        line-height: 20px !important;
        font-size: 10px !important
    }

    .tp-simpleresponsive a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

.fullscreen-container, .fullwidthbanner-container {
    padding: 0;
    width: 100%;
    position: relative
}

.tp-bullets, .tparrows {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.fullwidthbanner-container {
    overflow: hidden
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive img {
    max-width: none;
    -moz-user-select: none;
    -khtml-user-select: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none
}

.tp-bannershadow.tp-shadow1 {
    background: url(../assets/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(../assets/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(../assets/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo video, .fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.html5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}

.html5vid .tp-revstop {
    width: 6px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    display: none
}

.html5vid.videoisplaying .revicon-right-dir {
    display: none
}

.html5vid.videoisplaying .tp-revstop {
    display: block
}

.html5vid.videoisplaying .tp-video-play-button {
    display: none
}

.html5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.tp-dottedoverlay.twoxtwo {
    background: url(../assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../assets/gridtile_3x3_white.png)
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(5px)
}

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../assets/boxed_bgtile.png);
    height: 40px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(../assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullet.png) top left;
    width: 20px;
    height: 20px;
    margin-right: 0;
    float: left;
    margin-top: 0;
    margin-left: 3px
}

.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets.png) bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.square .bullet, .tp-bullets.simplebullets.square-old .bullet {
    background: url(../assets/bullets2.png) bottom left;
    width: 19px;
    margin-right: 0
}

.tp-bullets.simplebullets.navbar .bullet, .tp-bullets.simplebullets.square .bullet, .tp-bullets.simplebullets.square-old .bullet {
    height: 19px;
    margin-top: 0;
    cursor: pointer;
    position: relative;
    float: left
}

.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.navbar .bullet {
    background: url(../assets/bullet_boxed.png) top left;
    width: 18px;
    margin-right: 5px
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/navigdots.png) bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets .bullet.selected, .tp-bullets.simplebullets .bullet:hover {
    background-position: top left
}

.tp-bullets.simplebullets.navbar .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
    background-position: bottom left
}

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}

.tp-leftarrow, .tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px
}

.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow {
    background: url(../assets/large_left.png) top left
}

.tp-rightarrow {
    background: url(../assets/large_right.png) top left
}

.tp-leftarrow.round, .tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 19px;
    height: 14px
}

.tp-leftarrow.round {
    background: url(../assets/small_left.png) top left;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round {
    background: url(../assets/small_right.png) top left;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.round-old, .tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.round-old {
    background: url(../assets/arrow_left.png) top left
}

.tp-rightarrow.round-old {
    background: url(../assets/arrow_right.png) top left
}

.tp-leftarrow.navbar, .tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 15px;
    float: left;
    margin-top: 12px
}

.tp-leftarrow.navbar {
    background: url(../assets/small_left_boxed.png) top left;
    margin-right: 6px
}

.tp-rightarrow.navbar {
    background: url(../assets/small_right_boxed.png) top left;
    margin-left: 6px
}

.tp-leftarrow.navbar-old, .tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 9px;
    height: 16px;
    float: left;
    margin-top: 10px
}

.tp-leftarrow.navbar-old {
    background: url(../assets/arrowleft.png) top left;
    margin-right: 6px
}

.tp-rightarrow.navbar-old {
    background: url(../assets/arrowright.png) top left;
    margin-left: 6px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-leftarrow.square, .tp-leftarrow.square-old {
    margin-right: 0;
    z-index: 100;
    cursor: pointer;
    position: relative;
    width: 12px;
    height: 17px;
    margin-top: 0;
    float: left
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}

.tp-leftarrow.square {
    background: url(../assets/arrow_left2.png) top left
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.square-old {
    background: url(../assets/arrow_left2.png) top left
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.default, .tp-rightarrow.default {
    z-index: 100;
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.tp-leftarrow.default {
    background: url(../assets/large_left.png)
}

.tp-rightarrow.default {
    background: url(../assets/large_right.png)
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: 0 0;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.tp-bullets.tp-thumbs .bullet.selected, .tp-bullets.tp-thumbs .bullet:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../assets/timer.png);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    bottom: 0;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .responsive .tp-bullets, .responsive .tparrows {
        display: none
    }
}

.tp-simpleresponsive a {
    text-decoration: none
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../assets/coloredbg.png)
}

.tp-loader.spinner0, .tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 3px
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    background: url(../assets/loader.gif) center center no-repeat #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(../assets/loader.gif) 10px 10px no-repeat #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bouncedelay {
    0%, 100%, 80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.tp-transparentimg {
    content: "url(../assets/transparent.png)"
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    zoom: 1
}

@font-face {
    font-family: revicons;
    src: url(../font/revicons.eot@5510888);
    src: url(../font/revicons.eot@5510888) format('embedded-opentype'), url(../font/revicons.woff@5510888) format('woff'), url(../font/revicons.ttf@5510888) format('truetype'), url(../font/revicons.svg@5510888) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" revicon-"]:before, [class^=revicon-]:before {
    font-family: revicons;
    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
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.container {
    position: relative
}

.visible-switcher_container {
    position: absolute;
    top: -50px;
    right: 0
}

#facts .visible-switcher_container {
    top: 60px;
    right: 10%
}

.custom_section_expiration_container {
    position: absolute;
    right: 0;
    top: 10px
}

#live_finance .margin-top {
    margin-top: 50px
}

#news .owl-theme .owl-controls .owl-buttons div, #news .owl-theme .owl-controls .owl-buttons div:hover {
    color: transparent !important;
    border: 0 solid transparent !important;
    background-color: transparent !important
}

main.content.blog, main.content.page {
    padding: 0;
    min-height: 524px
}

main.content.page section {
    padding: 0
}

.card-img {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
@media only screen and (min-width: 769px) {
    .card-img img {
        width: 96%;
        min-height: 250px;
        display: block;
        max-height: 250px;
        margin: 7px 7px 7px 7px;
    }
}

@media only screen and (max-width: 500px) {
    .card-img img {
        width: 96%;
        height: auto;
        display: block;
        margin: 6px 6px 8px 8px;

    }
}
@media (max-width: 769px) and (min-width: 500px) {
    .card-img img {
        width: 98%;
        height: auto;
        display: block;
        margin: 7px 6px 8px 7px;
    }
}

.blog-title{
    margin-top:-50px;
    background-color: #e9e9e9;
    height: 130px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}


@media only screen and (min-width: 769px) {
    .articles-top {
        margin-top: 50px;
        padding-left: 1px;
    }
    .article-blog-title-place{
        z-index:10;
        margin-left: 4%;
    }

    .blog-title{
        margin-top: -70px;
        background-color: #e9e9e9;
        height: 150px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}



@media (max-width: 769px) and (min-width: 500px) {
    .articles-top {
        margin-top: 100px;
    }
    .article-blog-title-place{
        z-index:10;

    }
}



@media only screen and (max-width: 500px) {
    .articles-top {
        margin-top: 60px;
    }
    .article-blog-title-place{
        z-index:10;

    }
}

.article-href-blog{
    text-align: left;
    color: #000;
    margin-top: 8px;
    font-weight: 600;
    font-size: 19px;
}

.article-colored-line-space{
    margin-left: 25px;
    margin-top:15px

}

.article-day-date{
    color:#000000;
    font-size: 29px;
    margin-top: -10px;
}

.article-month-date{
    color:#ffffff;
    margin-top: -20px;
    font-size: 15px;
}

.background-card-white{
    background-color: #ffffff;
    -webkit-box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.6);
    box-shadow: 5px 13px 12px -1px rgba(0,0,0,0.6);
}
.under-card{
    height: 100px;
}

@media only screen and (max-width: 769px) {
    .under-card {
        height: 160px;
    }
}
.font-weight-bold{
    font-weight: bold;
}


.button-blog-space{
    margin-top: 80px;
    margin-bottom: 50px !important;
}


@media (max-width: 400px) {

    .navbar-header .brand_name {
        font-size: 28px;
        display: block;
        margin: 0
    }

    #facts .container {
        padding-top: 3px;
        padding-bottom: 120px;
        margin: 0 auto;
        position: absolute;
        z-index: 2;
        text-align: center;
        width: 100%;
        overflow: hidden;
    }

    #my-numbers .items {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .owl-carousel .owl-pagination {
        position: absolute;
        bottom: 12px;
        width: 100%;
        height: 18px;
        text-align: center;
    }

}

@media (max-width: 500px) and (min-width: 400px) {
    #my-numbers .items {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px;
    }

    .owl-carousel .owl-pagination {
        position: absolute;
        bottom: 12px;
        width: 100%;
        height: 18px;
        text-align: center;
    }
}


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

    .blog-title {
        margin-top: -63px;
        background-color: #e9e9e9;
        height: 151px;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .article-href-blog {
        text-align: left;
        color: #000;
        margin-top: 8px;
        font-weight: 600;
        font-size: 17px;
    }
}