/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin0: 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    outline: 0
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
    max-width: 100%;
    height: auto
}

body {
    background: #fff;
    color: #777;
    font: normal 16px "Cardo", georgia, serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

section {
    overflow: hidden
}

::-moz-selection {
    background: #272727;
    color: #fff
}

::selection {
    background: #272727;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

h1 {
    color: #272727;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1em
}

h2 {
    font-size: 24px;
    color: #272727;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

h3,
h4 {
    color: #272727;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1em
}

h5 {
    font-size: 24px;
    color: #272727;
    font-family: "Cardo", georgia, serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7em
}

h3 {
    font-size: 12px
}

h4 {
    color: #777;
    font-size: 9px
}

p {
    font-size: 16px;
    line-height: 1.7em
}

a {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.dark h1,
.dark h2,
.dark h3,
.dark h4 {
    color: #fff
}

.dark p {
    color: #bebebe
}

@media all and (min-width:700px) {
    h1 {
        font-size: 72px
    }

    h2 {
        font-size: 30px
    }

    p {
        font-size: 18px
    }
}

@media all and (min-width:1200px) {
    h2 {
        font-size: 36px
    }
}

#navbar-main {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#navbar-main.affix-top {
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: -9;
    position: fixed;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

#navbar-main.affix {
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    position: fixed;
    width: 100%;
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.navbar {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-family: "Montserrat", arial, sans-serif
}

.navbar-inverse {
    border-bottom: 1px solid #ccc;
    background: #fff
}

.navbar {
    min-height: 80px
}

.navbar-nav > li > a {
    min-height: 80px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    padding-top: 30px;
    padding-bottom: 0
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #272727
}

.navbar-brand span {
    visibility: hidden
}

.navbar-brand > img {
    height: 50px
}

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

.relative {
    position: relative
}

.center-mobile {
    text-align: center
}

.center {
    text-align: center
}

h2 {
    padding: 20px 0 0
}

h3 {
    padding: 15px 0 10px
}

h4 {
    padding-bottom: 15px
}

p {
    margin: 10px 0
}

.padded {
    padding-top: 80px;
    padding-bottom: 60px
}

.padded-top {
    padding-top: 80px
}

.padded-bottom {
    padding-bottom: 60px
}

.block {
    margin-bottom: 20px
}

.full {
    display: block;
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.line {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 1px;
    margin-top: 10px
}

.line.no-accent {
    margin-top: 15px;
    margin-bottom: 15px;
    background: #e0e0e0
}

.separator {
    position: absolute;
    display: none;
    width: 1px;
    height: 100%;
    background: #e0e0e0;
    top: 0;
    left: 50%
}

.icon {
    font-size: 64px;
    line-height: 64px
}

@media all and (min-width:767px) {
    .center-mobile {
        text-align: left
    }

    .separator {
        display: block
    }

    .list {
        padding-top: 30px;
        margin-bottom: 45px
    }

    .line.no-accent {
        margin-top: 20px
    }
}

@media all and (min-width:1200px) {
    h3 {
        padding: 25px 0 10px
    }

    h4 {
        padding-bottom: 25px
    }

    p {
        margin: 20px 0
    }

    .padded {
        padding-top: 80px;
        padding-bottom: 60px
    }

    .padded-top {
        padding-top: 80px
    }

    .padded-bottom {
        padding-bottom: 60px
    }

    .block {
        margin-bottom: 30px
    }

    .list {
        padding-top: 30px;
        margin-bottom: 65px
    }

    .line.no-accent {
        margin-top: 30px
    }
}

#hero {
    background: #f2f2f2;
    text-align: center;
    overflow: hidden;
    display: block;
    width: 100%
}

.scene,
.layer {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0
}

.scene {
    position: relative;
    overflow: hidden
}

.layer {
    position: absolute
}

.layer div {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

#action {
    width: 60px;
    margin-left: -30px;
    height: 60px;
    background: url("../images/arrow@2x.png") no-repeat center center;
    background-color: #272727;
    background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
    display: block;
    position: absolute;
    bottom: 50px;
    left: 50%;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#hero.dark #action {
    background: url("../images/arrow@2x-dark.png") no-repeat center bottom;
    background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px
}

#action:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.background {
    background: url("../images/background.jpg") no-repeat 50% 100%;
    bottom: -20px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: absolute;
    width: 110%;
    left: -5%;
    top: -5%
}

#hero.dark .background {
    background: url("../images/background-dark.jpg") no-repeat top center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.triangles {
    background: url("../images/triangles.png") no-repeat 50% 100%;
    bottom: -20px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: absolute;
    width: 110%;
    left: -5%;
    top: -5%
}

#hero.dark .triangles {
    background: url("../images/triangles-dark.png") no-repeat 50% 100%
}

.sphere img {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7);
    -o-transform: scale(.7);
    -ms-transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7)
}

.title {
    display: block;
    position: absolute;
    width: 100%;
    top: 10%
}

.title .line {
    margin-top: 20px
}

.hero-content {
    display: block;
    margin: 0 auto;
    max-width: 90%
}

@media all and (min-width:400px) {
    .sphere img {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6, .6);
        transform: scale(.6);
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6)
    }

    .line {
        margin-top: 10px
    }

    #action {
        bottom: 20px
    }
}

@media all and (min-width:700px) {
    .sphere img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1, 1);
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1)
    }

    .title {
        top: 20%
    }

    .line {
        margin-top: 10px
    }

    #action {
        bottom: 60px
    }
}

.folio-list {
    display: block
}

.folio-list:before,
.folio-list:after {
    content: " ";
    display: table;
}

.folio-list:after {
    clear: both
}

.folio-list li {
    display: block;
    float: left;
    width: 100%;
    background: #fff
}

.folio-list a,
.folio-list a div.textCenter,
.folio-list a img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.folio-list a {
    display: block;
    position: relative
}

.folio-list a.blockActive div.textCenter,
.folio-list a:hover div.textCenter {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.folio-list a.blockActive img,
.folio-list a:hover img {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10)
}

.folio-list a div.textCenter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.pagMembers .folio-list a img {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10)
}

.pagMembers .folio-list a div.textCenter {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.divTable {
    width: 100%;
    height: 100%;
    display: table
}

.divTableCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    color: #272727;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1em
}

.dropshadow {
    -webkit-box-shadow: 0 0 40px 40px rgba(71, 71, 71, 0.33);
    -moz-box-shadow: 0 0 40px 40px rgba(71, 71, 71, 0.33);
    box-shadow: 0 0 40px 40px rgba(71, 71, 71, 0.33);
    -webkit-box-shadow: 0 0 40px 40px rgba(71, 71, 71, 0.33)
}

.large-accent {
    margin-top: 60px;
    display: block;
    font-size: 72px;
    font-family: "Cardo", georgia, serif;
    font-weight: 400;
    text-transform: none;
    line-height: 20px
}

@media all and (min-width:700px) {
    .folio-list li {
        display: block;
        float: left;
        width: 33.3333333%
    }
    .folio-list.-col4 li {
        display: block;
        float: left;
        width: 25%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: none
}

fieldset input,
fieldset textarea,
fieldset select {
    border: none;
    outline: none;
    padding: 0 0 15px 0;
    margin-bottom: 40px;
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #bfbfbf;
    line-height: 22px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

fieldset textarea {
    min-height: 100px
}

fieldset input:focus,
fieldset textarea:focus {
    color: #212121;
    border-bottom: 1px solid #212121
}

fieldset label {
    display: block;
    text-align: left;
    color: #212121;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding-bottom: 15px
}

#submit {
    outline: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    color: #f2f2f2;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 9px;
    letter-spacing: .2em;
    margin-left: 0;
    padding: 15px 0;
    width: 100%;
    margin-top: 8px;
    background: #6f2b90;
    border: 2px solid #6f2b90;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

#submit:hover {
    background: #461c5e;
    border: 2px solid #461c5e
}

#success,
#error {
    display: none;
    padding-top: 20px
}

#success p {
    color: #00b426;
    font-style: italic;
    padding: 0
}

#error p {
    color: #e72e62;
    font-style: italic;
    padding: 0;
    margin: 0
}

label.error {
    color: #e72e62;
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 20px
}

form {
    display: block;
    margin-top: 30px
}

form .text {
    text-align: center;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 15px 0 15px 15px;
    background: transparent;
    border: 1px solid rgba(39, 39, 39, 0.2);
    border-radius: 0;
    -webkit-border-radius: 0;
    color: rgba(39, 39, 39, 0.6);
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 9px;
    letter-spacing: .2em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear
}

form .text:focus {
    color: #272727;
    border: 1px solid #272727
}

form .submit {
    outline: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    color: #f2f2f2;
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 9px;
    letter-spacing: .2em;
    margin-left: 0;
    padding: 15px 0;
    width: 100%;
    margin-top: 8px;
    background: #f05a22;
    border: 2px solid #f05a22;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

form .submit:hover {
    background: #b74725;
    border: 2px solid #b74725
}

#subscribe-result {
    margin-top: 10px
}

.notification-error {
    font-size: 12px;
    color: #f00
}

.notification-success {
    font-size: 12px;
    color: #00cd86
}

@media all and (min-width:700px) {
    form .text {
        text-align: left;
        width: 55%
    }

    form .submit {
        margin-left: 10px;
        width: 20%
    }
}

@media all and (min-width:900px) {
    form {
        margin-top: 50px
    }

    #subscribe-result {
        margin-top: 15px
    }

    form .text {
        width: 45%
    }

    form .submit {
        line-height: 9px
    }
}

.social-list {
    display: block;
    width: 100%;
    text-align: center
}

.social-list li {
    position: relative;
    margin: 15px 0;
    display: inline-block;
    width: 100%
}

.social-list a {
    font-size: 9px;
    color: #272727;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1em
}

.social-list a::after {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    content: '';
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, -o-transform 0.3s;
    -ms-transition: opacity 0.3s, -ms-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -webkit-transform: translateY(10px)
}

.social-list a:hover::after,
.social-list a:focus::after {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.copyright {
    font-size: 9px;
    color: #777;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1.5em
}

@media all and (min-width:700px) {
    .social-list li {
        width: auto;
        margin: 15px
    }

    .social-list a {
        font-size: 12px
    }
}

.depth-5 img,
.depth-4 img,
.depth-3 img,
.depth-2 img,
.depth-1 img {
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6, .6);
    transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6)
}

.depth-5 {
    position: absolute;
    right: -100%;
    top: -24%
}

.depth-4 {
    position: absolute;
    left: -10%;
    top: 37%
}

.depth-3.flake1 {
    display: none
}

.depth-3.flake2 {
    position: absolute;
    right: 16%;
    bottom: 20%
}

.depth-3.flake3 {
    position: absolute;
    left: 10%;
    bottom: 16%
}

.depth-3.flake4 {
    display: none
}

.depth-2.flake1 {
    display: none
}

.depth-2.flake2 {
    display: none
}

.depth-1.flake1 {
    display: none
}

.depth-1.flake2 {
    position: absolute;
    right: 40%;
    top: 50%
}

.depth-1.flake3 {
    display: none
}

.depth-1.flake4 {
    position: absolute;
    right: 0;
    top: 0
}

@media all and (min-width:400px) {
    .depth-5 {
        position: absolute;
        right: -50%;
        top: -80%
    }

    .depth-4 {
        left: -4%;
        top: 20%
    }

    .depth-3.flake1 {
        display: none
    }

    .depth-3.flake2 {
        position: absolute;
        right: 16%;
        bottom: 20%
    }

    .depth-3.flake3 {
        position: absolute;
        left: 10%;
        bottom: 16%
    }

    .depth-3.flake4 {
        display: none
    }

    .depth-2.flake1 {
        display: none
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1.flake1 {
        display: none
    }

    .depth-1.flake2 {
        position: absolute;
        right: 40%;
        top: 40%
    }

    .depth-1.flake3 {
        display: none
    }

    .depth-1.flake4 {
        position: absolute;
        right: 0;
        top: 0
    }
}

@media all and (min-width:700px) {

    .depth-5 img,
    .depth-4 img,
    .depth-3 img,
    .depth-2 img,
    .depth-1 img {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8, .8);
        transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8)
    }

    .depth-5 {
        right: -25%;
        top: 3%
    }

    .depth-4 {
        left: -3%;
        top: 15%
    }

    .depth-3.flake1 {
        display: none
    }

    .depth-3.flake2 {
        right: 25%;
        bottom: 25%
    }

    .depth-3.flake3 {
        left: 20%;
        bottom: 20%
    }

    .depth-3.flake4 {
        display: block;
        position: absolute;
        left: 10%;
        bottom: 40%
    }

    .depth-2.flake1 {
        display: none
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1.flake1 {
        display: none
    }

    .depth-1.flake2 {
        display: block;
        left: 15%;
        top: 25%
    }

    .depth-1.flake3 {
        display: none
    }

    .depth-1.flake4 {
        display: none
    }
}

@media all and (min-width:900px) {
    .depth-5 {
        right: -25%;
        top: 3%
    }

    .depth-4 {
        left: -3%;
        top: 15%
    }

    .depth-3.flake1 {
        display: none
    }

    .depth-3.flake2 {
        right: 25%;
        bottom: 25%
    }

    .depth-3.flake3 {
        left: 20%;
        bottom: 20%
    }

    .depth-3.flake4 {
        display: block;
        position: absolute;
        left: 10%;
        bottom: 40%
    }

    .depth-2.flake1 {
        display: none
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1.flake1 {
        display: none
    }

    .depth-1.flake2 {
        display: block;
        left: 15%;
        top: 25%
    }

    .depth-1.flake3 {
        display: none
    }

    .depth-1.flake4 {
        display: none
    }
}

@media all and (min-width:1200px) {

    .depth-5 img,
    .depth-4 img,
    .depth-3 img,
    .depth-2 img,
    .depth-1 img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1, 1);
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1)
    }

    .depth-5 {
        right: 0;
        top: 10%;
        -webkit-animation: wave 5s .1s infinite linear;
        -moz-animation: wave 5s .1s infinite linear;
        animation: wave 5s .1s infinite linear;
        -o-animation: wave 5s .1s infinite linear;
        -ms-animation: wave 5s .1s infinite linear;
        -moz-animation: wave 5s .1s infinite linear;
        -webkit-animation: wave 5s .1s infinite linear
    }

    .depth-4 {
        left: -3%;
        top: 15%;
        -webkit-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        animation: wave 4s .1s infinite linear;
        -o-animation: wave 4s .1s infinite linear;
        -ms-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        -webkit-animation: wave 4s .1s infinite linear
    }

    .depth-3 {
        -webkit-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        animation: wave 4s .1s infinite linear;
        -o-animation: wave 4s .1s infinite linear;
        -ms-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        -webkit-animation: wave 4s .1s infinite linear
    }

    .depth-3.flake1 {
        display: block;
        position: absolute;
        left: 20%;
        top: 40%
    }

    .depth-3.flake2 {
        right: 25%;
        bottom: 25%
    }

    .depth-3.flake3 {
        left: 20%;
        bottom: 20%
    }

    .depth-3.flake4 {
        display: block;
        position: absolute;
        left: 10%;
        bottom: 40%
    }

    .depth-2 {
        -webkit-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        animation: wave 4s .1s infinite linear;
        -o-animation: wave 4s .1s infinite linear;
        -ms-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        -webkit-animation: wave 4s .1s infinite linear
    }

    .depth-2.flake1 {
        display: block;
        position: absolute;
        right: 40%;
        top: 40%
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1 {
        -webkit-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        animation: wave 4s .1s infinite linear;
        -o-animation: wave 4s .1s infinite linear;
        -ms-animation: wave 4s .1s infinite linear;
        -moz-animation: wave 4s .1s infinite linear;
        -webkit-animation: wave 4s .1s infinite linear
    }

    .depth-1.flake1 {
        display: block;
        position: absolute;
        left: 30%;
        bottom: 20%
    }

    .depth-1.flake2 {
        display: block;
        left: 15%;
        top: 25%
    }

    .depth-1.flake3 {
        display: block;
        position: absolute;
        bottom: 20%;
        right: 40%
    }

    .depth-1.flake4 {
        display: block;
        right: 40%;
        top: 25%
    }
}

@media all and (min-width:1400px) {
    .depth-5 {
        right: -10%;
        top: -5%
    }

    .depth-4 {
        left: -3%;
        top: 15%
    }

    .depth-3.flake1 {
        display: block;
        position: absolute;
        left: 20%;
        top: 40%
    }

    .depth-3.flake2 {
        right: 25%;
        bottom: 25%
    }

    .depth-3.flake3 {
        left: 40%;
        bottom: 20%
    }

    .depth-3.flake4 {
        display: block;
        position: absolute;
        left: 10%;
        bottom: 40%
    }

    .depth-2.flake1 {
        display: block;
        position: absolute;
        right: 40%;
        top: 40%
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1.flake1 {
        display: block;
        position: absolute;
        left: 30%;
        bottom: 30%
    }

    .depth-1.flake2 {
        display: block;
        left: 15%;
        top: 25%
    }

    .depth-1.flake3 {
        display: block;
        position: absolute;
        bottom: 20%;
        right: 40%
    }

    .depth-1.flake4 {
        display: block;
        right: 40%;
        top: 25%
    }
}

@media all and (min-width:1920px) {
    .depth-5 {
        right: -10%;
        top: 5%
    }

    .depth-4 {
        left: 3%;
        top: 15%
    }

    .depth-3.flake1 {
        display: block;
        position: absolute;
        left: 20%;
        top: 40%
    }

    .depth-3.flake2 {
        right: 25%;
        bottom: 25%
    }

    .depth-3.flake3 {
        left: 40%;
        bottom: 20%
    }

    .depth-3.flake4 {
        display: block;
        position: absolute;
        left: 10%;
        bottom: 40%
    }

    .depth-2.flake1 {
        display: block;
        position: absolute;
        right: 40%;
        top: 40%
    }

    .depth-2.flake2 {
        display: none
    }

    .depth-1.flake1 {
        display: block;
        position: absolute;
        left: 30%;
        bottom: 30%
    }

    .depth-1.flake2 {
        display: block;
        left: 20%;
        top: 30%
    }

    .depth-1.flake3 {
        display: block;
        position: absolute;
        bottom: 30%;
        right: 40%
    }

    .depth-1.flake4 {
        display: block;
        right: 40%;
        top: 25%
    }
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@-moz-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@-ms-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

.snap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/404-background.jpg") no-repeat center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    text-align: center
}

.snap .line {
    margin-bottom: 70px
}

.button {
    display: inline-block;
    margin-top: 80px;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .2em;
    color: #272727;
    border: 1px solid rgba(39, 39, 39, 0.4);
    padding: 15px 35px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.button:hover {
    background: #272727;
    color: #fff;
    border: 1px solid #272727
}

.mfp-title {
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1em;
    font-size: 9px
}

.line {
    background: #6f2b90
}

.icon {
    color: #f05a22
}

.large-accent {
    color: #6f2b90
}

.carousel-fade .carousel-inner li {
    transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity
}

.carousel-fade .carousel-inner li,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px;
    -webkit-border-radius: 0 6px 6px 6px
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0
}

.dropdown-submenu:hover > a:after {
    border-left-color: #555
}

.dropdown-menu {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    padding: 0;
}

.dropdown-menu > li,
.dropdown-menu > .active {
    border-bottom: 1px solid #ccc;
}

.dropdown-menu > li a,
.dropdown-menu > .active a {
    padding: 10px 20px
}

.dropdown-menu > .active a,
.dropdown-menu > .active a:hover {
    background-color: #f05a22
}

.listWhite {
    color: #fff;
    list-style: none
}

.bgWhite {
    background-color: #fff
}

.animation {
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.floatNone {
    float: none !important
}

#SliderBack {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.btnExtrasIntro {
    position: absolute;
    bottom: 60px;
    right: 5%
}

a.btnGris {
    color: #fff;
    padding: 9px 15px;
    display: inline-block;
    background-color: #777;
    font-family: "Montserrat", arial, sans-serif;
    font-size: 15px;
}

a.btnGris:hover,
a.btnGris:focus {
    background-color: #272727 !important;
    color: #fff !important;
    text-decoration: none !important
}

.dataContIntro {
    position: absolute;
    bottom: 60px;
    left: 5%;
    text-align: left;
}

.dataContIntro p {
    font-family: "Montserrat", arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
}

.dataContIntro p a {
    color: #f05a22
}

.dataContIntro p img {
    padding-bottom: 5px
}

.textNaranja {
    color: #f05a22
}

.datosExtras,
.datosExtrasTwo {
    width: 50% !important
}

.datosExtrasTwo {
    left: auto !important;
    right: 0 !important;
    z-index: 9999
}

#btnContact {
    color: #f05a22
}

.navbar-inverse .navbar-nav > .active > a#btnContact,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #777;
    color: #fff
}

body.pagWhy .navbar-nav > li > a#btnWhy,
body.pagWhy .navbar-nav > li > a#btnWhy:hover,
body.pagWhy .navbar-nav > li > a#btnWhy:focus,
body.pagMembers .navbar-nav > li > a#btnMembers,
body.pagMembers .navbar-nav > li > a#btnMembers:hover,
body.pagMembers .navbar-nav > li > a#btnMembers:focus,
body.pagNews .navbar-nav > li > a#btnNews,
body.pagNews .navbar-nav > li > a#btnNews:hover,
body.pagNews .navbar-nav > li > a#btnNews:focus {
    background-color: #777;
    color: #fff
}

.mfp-content {
    height: 100%;
    max-height: 569px
}

.imgModalCust {
    width: 100%;
    display: block
}

.colIzq,
.colDer {
    display: block
}

.groupTit,
.groupText {
    float: left;
    width: 100%;
    padding: 0 5%
}

.groupTit {
    padding: 3% 5% 0 5%
}

.lineModal {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 1px solid #bebebe
}

.titModal:after {
    display: block;
    content: '';
    width: 4%;
    margin-top: 5px;
    border-top: 1px solid #f05a22
}

.titModal span {
    color: #777;
    text-transform: none
}

.subtitModal {
    font-size: 33px;
    font-family: "Cardo", georgia, serif;
    line-height: 33px;
    padding: 10px 0 15px 0;
}

.subtitModal span {
    display: block;
    color: #777;
    font-size: 20px;
    font-style: italic
}

#contentModal p,
#contentModal ul {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 20px
}

#contentModal ul {
    font-size: 13px;
    list-style: inherit;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 20px;
    margin-bottom: 15px
}

#contentModal.modalTeam .groupTit {
    padding: 9% 5% 0 8%
}

#contentModal.modalTeam .groupText {
    padding: 0 5% 0 8%;
}

#contentModal.modalTeam .groupText p {
    margin-bottom: 15px;
    text-align: justify
}

#contentModal.modalTeam .colIzq {
    padding: 7% 7% 0 2%
}

.list-group-item {
    background-color: #fff;
    border: 1px solid #999;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}

.panel {
    text-align: left;
}

.panel > .list-group:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
    padding: 10px 7%;
    min-height: 122px
}

.panel > .list-group .list-group-item:last-child {
    border-bottom: 0
}

.panel > .panel-heading {
    padding: 20px 7% 0 7%;
    border-color: #999
}

.panel-default {
    border-color: #999;
    border-radius: 0;
    -webkit-border-radius: 0
}

.textCustomSubTit {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 20px
}

ul.listCustom {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 13px;
    list-style: initial;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 20px;
    margin-bottom: 15px;
    margin: 0;
    line-height: 20px
}

.customLine {
    background: #fff;
    width: 20%;
    margin-top: 20px
}

#our-track-record {
    font-family: "Montserrat", arial, sans-serif
}

.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after {
    clear: both;
    content: '';
    display: table
}

.ch-grid li {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin: 0 20px
}

.ch-item:before {
    content: '';
    display: table
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: default;
}

.ch-item:hover .ch-info-wrap {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), inset 0 0 3px rgba(115, 114, 23, 0.8);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), inset 0 0 3px rgba(115, 114, 23, 0.8)
}

.ch-item:hover .ch-info {
    transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(0, 1, 0, -180deg)
}

.ch-info-wrap {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    perspective: 800px;
    -ms-perspective: 800px;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.ch-info {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-position: center center;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.ch-info .ch-info-back {
    transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    background: #000;
    border: 2px solid #fff
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 15px;
    text-shadow: 1px 1px 1px #000, 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1.5em
}

.ch-info p {
    color: #fff;
    padding: 10px 15px;
    margin: 0 30px;
    font-size: 15px;
    line-height: 1.1em;
    font-family: "Cardo", georgia, serif
}

.ch-table {
    display: table;
    width: 100%;
    height: 100%;
}

.ch-table h3,
.ch-table p {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.ch-img-1 {
    background-color: #6f2b90;
}

.ch-img-1 .ch-info-wrap {
    box-shadow: 0 0 0 20px rgba(111, 43, 144, 0.2);
    -webkit-box-shadow: 0 0 0 20px rgba(111, 43, 144, 0.2)
}

.ch-img-2 {
    background-color: #272727;
}

.ch-img-2 .ch-info-wrap {
    box-shadow: 0 0 0 20px rgba(39, 39, 39, 0.4);
    -webkit-box-shadow: 0 0 0 20px rgba(39, 39, 39, 0.4)
}

.ch-img-3 {
    background-color: #f05a22;
}

.ch-img-3 .ch-info-wrap {
    box-shadow: 0 0 0 20px rgba(240, 90, 34, 0.2);
    -webkit-box-shadow: 0 0 0 20px rgba(240, 90, 34, 0.2)
}

#process .panel {
    min-height: 50px;
    margin-bottom: 2px;
    display: table;
    width: 100%;
    height: 100%;
}

#process .panel .panel-heading {
    display: table-cell;
    vertical-align: middle;
    padding: 0 7%;
}

#process .panel .panel-heading h4 {
    font-size: 11px;
    padding-bottom: 0;
    padding-top: 3px
}

.containerProcess {
    width: 1170px;
    margin: 20px auto 0 auto
}

.customAlign {
    float: right !important;
}

.customAlign h4 {
    text-align: right
}

.customIcon,
.customIconTwo {
    position: absolute;
    top: 50%;
    right: 7%;
    margin-top: -8px
}

.customIconTwo {
    right: auto;
    left: 7%;
    margin-top: -8px
}

.content-wrapper {
    padding: 60px 0
}

.blog-wrapper {
    padding-right: 15px
}

.blog-item {
    display: block;
    margin-bottom: 40px;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #9d9d9d;
    padding: 0 0 30px;
    text-align: left;
}

.blog-item:last-child {
    margin-bottom: 0
}

.blog-item.blog-single {
    border-bottom: 0;
    margin-bottom: 0
}

.blog-media {
    position: relative;
    margin: 0 0 25px;
}

.blog-media a {
    display: block
}

.blog-media img {
    width: 100%;
    height: auto;
    display: block
}

.blog-content h2 {
    line-height: 1em;
    margin: 0 0 20px 0;
    padding: 0;
    color: #272727;
}

.blog-content h2 a {
    color: #272727;
    display: block;
}

.blog-content h2 a:hover {
    color: #f05a22;
    text-decoration: none
}

.blog-entry {
    padding: 0 0 20px;
}

.blog-entry ul,
.blog-entry ol {
    list-style: disc;
    margin-left: 20px;
    line-height: 25px;
}

.blog-entry ul li,
.blog-entry ol li {
    margin-bottom: 7px
}

.blog-entry ul ul,
.blog-entry ol ul,
.blog-entry ul ol,
.blog-entry ol ol {
    margin-top: 7px
}

.blog-entry > ul,
.blog-entry > ol {
    margin-bottom: 15px
}

.blog-entry ol {
    list-style: decimal
}

ul.blog-meta {
    margin: 0 0 25px;
    line-height: 1.2;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
    list-style: none;
}

ul.blog-meta li {
    display: block;
    color: #9d9d9d;
    margin-right: 30px;
    float: left;
    position: relative;
}

ul.blog-meta li:before {
    content: "\f178";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    right: -22px;
    top: 0
}

ul.blog-meta li:after {
    content: "";
    width: 2px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    right: -17px;
    top: 7px
}

ul.blog-meta li:last-child:before,
ul.blog-meta li:last-child:after {
    display: none
}

.blog-extra {
    background: #f2f2f2;
    padding: 28px 20px 25px;
    margin: 20px 0 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.blog-author {
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.blog-author h5 a {
    color: #333;
}

.blog-author h5 a:hover {
    color: #d65049
}

.author-details {
    margin-left: 120px;
    position: relative
}

.author-label {
    position: absolute;
    width: 100px;
}

.author-label img {
    width: 100%
}

.blog-author .social {
    float: right;
    margin-top: -5px
}

.btn-blog,
.btn-blog:hover {
    color: #f05a22
}

.btn-blog {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 10px
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: opacity 0.25s ease, background-color 0.45s ease;
    -o-transition: opacity 0.25s ease, background-color 0.45s ease;
    -ms-transition: opacity 0.25s ease, background-color 0.45s ease;
    -moz-transition: opacity 0.25s ease, background-color 0.45s ease;
    -webkit-transition: opacity 0.25s ease, background-color 0.45s ease;
    background: rgba(0, 0, 0, 0);
}

.image-overlay:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.overlay-box:hover .image-overlay {
    background: rgba(0, 0, 0, 0.5)
}

.overlay-box:hover .overlay-icon {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    filter: "alpha(opacity=100)"
}

.overlay-content {
    display: inline-block;
    vertical-align: middle;
    color: #fff
}

.overlay-icon {
    margin-bottom: 6px;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: opacity 0.25s ease, background-color 0.45s ease;
    -o-transition: opacity 0.25s ease, background-color 0.45s ease;
    -ms-transition: opacity 0.25s ease, background-color 0.45s ease;
    -moz-transition: opacity 0.25s ease, background-color 0.45s ease;
    -webkit-transition: opacity 0.25s ease, background-color 0.45s ease;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: "alpha(opacity=0)";
}

.overlay-icon i {
    color: #fff;
    font-size: 56px
}

.listNews li {
    border: 1px solid #999;
    margin-bottom: 15px;
    float: left;
    padding: 6px;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.listNews li a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 2px 0;
    color: #9d9d9d;
    font-family: "Montserrat", arial, sans-serif;
    width: 100%;
    height: 100%;
    display: block
}

.listNews li:hover,
.listNews li:focus,
.listNews li.liActive {
    border: 1px solid #f05a22;
    background-color: #f05a22;
}

.listNews li:hover a,
.listNews li:focus a,
.listNews li.liActive a {
    text-decoration: none;
    color: #fff
}

@media (max-width:1200px) {
    #navbar-main .container {
        width: 100%
    }

    .ch-grid li {
        width: 250px;
        height: 250px;
        display: inline-block;
        margin: 0 20px
    }

    .ch-info h3 {
        font-size: 12px;
        line-height: 1.2em
    }

    .ch-info p {
        font-size: 14px;
        line-height: 1em
    }

    .containerProcess {
        width: 96%;
        margin: 20px auto 0 auto
    }

    #process .panel .panel-heading h4 {
        font-size: 10px
    }
}

@media (max-width:1199px) {
    .blog-wrapper {
        padding-right: 0
    }
}

@media (max-width:1024px) {
    .customAlign {
        float: none !important;
    }

    .customAlign h4 {
        float: left !important;
        text-align: left
    }

    .customAlign .customIconTwo {
        left: auto;
        right: 7%
    }

    .fa-arrow-circle-right.customIcon:before,
    .fa-arrow-circle-left.customIconTwo:before {
        content: "\f0ab" !important
    }

    .containerProcess .col-md-12 .row > .col-md-4 {
        width: 100%
    }
}

@media (max-width:991px) {
    #cuadroWhyUs {
        float: left !important;
        margin-top: 30px
    }

    .panel > .list-group .list-group-item {
        min-height: auto
    }
}

@media (max-width:915px) {
    body.pagMembers .mfp-content {
        min-height: 570px
    }

    .mfp-iframe-holder {
        padding-top: 120px
    }
}

@media (max-width:899px) {
    .navbar-brand > img {
        height: 35px
    }

    #contentModal .colIzq {
        display: none
    }

    body.pagMembers .mfp-content {
        min-height: 100px
    }

    #contentModal p,
    #contentModal ul {
        font-size: 13px;
        line-height: 18px
    }

    #contentModal ul {
        font-size: 12px
    }

    .subtitModal {
        font-size: 30px;
        line-height: 30px;
        padding: 7px 0 12px 0;
    }

    .subtitModal span {
        font-size: 17px
    }

    #contentModal.modalTeam .groupTit {
        padding: 10px 5% 0 8%
    }

    #contentModal.modalTeam .colIzq {
        padding: 20px 7% 0 2%
    }
}

@media (max-width:700px) {
    .ch-grid li {
        width: 300px;
        height: 300px;
        display: inline-block;
        margin: 20px 20px
    }

    .ch-info h3 {
        font-size: 14px;
        line-height: 1.5em
    }

    .ch-info p {
        font-size: 15px;
        line-height: 1.2em
    }
}

@media (max-width:767px) {
    .navbar-nav {
        display: inline;
        width: 100%;
        margin: 7.5px 0;
    }

    .navbar-nav .caret {
        display: none
    }

    .navbar-default .navbar-brand {
        display: inline
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: #f00;
        background-color: #ccc;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        margin-top: 2px
    }

    .navbar-default .open .dropdown-menu > li > a {
        color: #333
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid #fff;
        border-radius: 0;
        -webkit-border-radius: 0
    }

    .dropdown-menu {
        padding-left: 10px;
    }

    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }

    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px
    }

    li.dropdown.open {
        border: 0 solid #f00
    }
}

@media (min-width:768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block
    }

    #navbar {
        text-align: center
    }
}

@-moz-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -webkit-transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -webkit-transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -webkit-transform: translate3d(0, -4px, 0)
    }
}

@-moz-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@-o-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -o-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -ms-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -moz-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0);
        -webkit-transform: rotateZ(0) translate3d(0, 10%, 0) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -o-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -ms-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg)
    }
}