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

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}


[class*=" icon-"]:before,[class^=icon-]:before {
    font-family: fontelloiagente;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-01:before {
    content: "\e800"
}

.icon-02:before {
    content: "\e801"
}

.icon-002:before {
    content: "\e802"
}

.icon-0002:before {
    content: "\e803"
}

.icon-00002:before {
    content: "\e804"
}

.icon-03:before {
    content: "\e805"
}

.icon-04:before {
    content: "\e806"
}

.icon-05:before {
    content: "\e807"
}

.icon-06:before {
    content: "\e808"
}

.icon-07:before {
    content: "\e809"
}

.icon-08:before {
    content: "\e80a"
}

.icon-09:before {
    content: "\e80b"
}

.icon-10:before {
    content: "\e80c"
}

.icon-11:before {
    content: "\e80d"
}

.icon-12:before {
    content: "\e80e"
}

.icon-13:before {
    content: "\e80f"
}

.icon-14:before {
    content: "\e810"
}

.icon-15:before {
    content: "\e811"
}

.icon-16:before {
    content: "\e812"
}

.icon-17:before {
    content: "\e813"
}

.icon-18:before {
    content: "\e814"
}

.icon-19:before {
    content: "\e815"
}

.icon-20:before {
    content: "\e816"
}

.icon-21:before {
    content: "\e817"
}

.icon-22:before {
    content: "\e818"
}

.icon-23:before {
    content: "\e819"
}

.icon-24:before {
    content: "\e81a"
}

.icon-25:before {
    content: "\e81b"
}

*,:focus {
    outline: none!important
}

#navbar {
    position: absolute;
    margin-top: 40px;
    z-index: 100000000
}

#navbar .links ul {
    font-style: none;
    list-style: none;
    margin-top: none
}

#navbar .links ul li {
    padding: 0;
    top: 0;
    margin-top: 0;
    text-align: center
}

#navbar .links ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 17.28px;
    transition: .3s;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif
}

#navbar .links ul li a:hover {
    color: #afe407
}

#navbar span {
    text-decoration: none;
    color: #fff;
    font-size: 17.28px;
    transition: .3s;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    cursor: pointer
}

#navbar span:hover {
    color: #afe407
}

#navbar .submenu-one {
    margin-top: 40px;
    display: none;
    width: 620px;
    position: absolute;
    list-style: none;
    margin-left: -230px
}

#navbar .submenu-one li {
    position: relative
}

#navbar .submenu-one .description {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #1e6fe8;
    width: 50%;
    min-height: 240px;
    float: left;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#navbar .submenu-one .description h4 {
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: Montserrat,sans-serif;
    font-size: 25px;
    color: #0f3874
}

#navbar .submenu-one .description .text {
    padding-top: 10px;
    text-align: left;
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700
}

#navbar .submenu-one .links {
    min-height: 240px;
    background-color: #fff
}

#navbar .submenu-one .links ul {
    list-style: none;
    padding-top: 50px
}

#navbar .submenu-one .links ul li {
    font-family: Montserrat,sans-serif;
    text-align: left;
    padding-bottom: 30px
}

#navbar .submenu-one .links ul li .arrow {
    transition: .3s;
    margin-left: -30px;
    margin-top: -6px
}

#navbar .submenu-one .links ul li .go {
    margin-left: 30px
}

#navbar .submenu-one .links ul li a {
    padding-left: 40px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    transition: .3s
}

#navbar .submenu-one .links ul li .fix {
    padding-left: 10px!important
}

#navbar .submenu-one .links ul li a:hover {
    font-weight: 700
}

#navbar .submenu-one .links:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 16px 0;
    border-color: transparent transparent transparent #fff;
    left: 50%;
    top: -18px;
    position: absolute;
    z-index: 1
}

#navbar .submenu-two {
    margin-top: 40px;
    display: none;
    width: 620px;
    position: absolute;
    list-style: none;
    margin-left: -230px
}

#navbar .submenu-two li {
    position: relative
}

#navbar .submenu-two .description {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #1e6fe8;
    width: 50%;
    min-height: 240px;
    float: left;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#navbar .submenu-two .description h4 {
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: Montserrat,sans-serif;
    font-size: 25px;
    color: #0f3874
}

#navbar .submenu-two .description .text {
    padding-top: 10px;
    text-align: left;
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700
}

#navbar .submenu-two .links {
    min-height: 240px;
    background-color: #fff
}

#navbar .submenu-two .links ul {
    list-style: none;
    padding-top: 50px
}

#navbar .submenu-two .links ul li {
    font-family: Montserrat,sans-serif;
    text-align: left;
    padding-bottom: 30px
}

#navbar .submenu-two .links ul li .arrow {
    transition: .3s;
    margin-left: -30px;
    margin-top: -6px
}

#navbar .submenu-two .links ul li .go {
    margin-left: 30px
}

#navbar .submenu-two .links ul li a {
    padding-left: 40px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    transition: .3s
}

#navbar .submenu-two .links ul li .fix {
    padding-left: 10px!important
}

#navbar .submenu-two .links ul li a:hover {
    font-weight: 700
}

#navbar .submenu-two .links:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 16px 0;
    border-color: transparent transparent transparent #fff;
    left: 50%;
    top: -18px;
    position: absolute;
    z-index: 1
}

#navbar .submenu-access {
    margin-top: 40px;
    display: none;
    width: 235px;
    position: absolute;
    list-style: none;
    transform: translateX(-50%);
    margin-left: -50px
}

#navbar .submenu-access .links {
    min-height: 240px;
    background-color: #fff
}

#navbar .submenu-access .links ul {
    list-style: none;
    padding-top: 50px
}

#navbar .submenu-access .links ul li {
    font-family: Montserrat,sans-serif;
    text-align: left;
    padding-bottom: 30px
}

#navbar .submenu-access .links ul li .arrow {
    transition: .3s;
    margin-left: -60px;
    margin-top: -6px;
    opacity: 0
}

#navbar .submenu-access .links ul li .go {
    opacity: 1;
    margin-left: 0
}

#navbar .submenu-access .links ul li a {
    padding-left: 40px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    transition: .3s
}

#navbar .submenu-access .links ul li .fix {
    padding-left: 10px!important
}

#navbar .submenu-access .links ul li a:hover {
    font-weight: 700
}

#navbar .submenu-access .links:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 16px;
    border-color: transparent transparent #fff;
    right: 0;
    top: -20px;
    position: absolute;
    z-index: 1
}

.button-access {
    cursor: pointer;
    font-size: 17px;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    color: #4d6403;
    float: left;
    font-weight: 700;
    padding: 5px 10px;
    background: #afe407;
    border-radius: 12px;
    top: -8px;
    border: none;
    box-shadow: none;
    box-shadow: 0 10px 20px -7px rgba(0,0,0,.4);
    transition: .3s
}

.button-access,.button-access:hover {
    font-style: none;
    text-decoration: none
}

.button-access:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 20px 41px -7px rgba(0,0,0,.4);
    -o-box-shadow: 0 20px 41px -7px rgba(0,0,0,.4)
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000
}

.modal .header {
    height: 67px;
    margin-bottom: 20px
}

.modal .header .logo {
    padding-bottom: 10px;
    padding-top: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.modal .header .modal-close {
    top: 0;
    transform: translateY(25%);
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background-color: #3f3f3f;
    color: #000;
    border-radius: 15px;
    border: none;
    font-weight: 700;
    box-shadow: none;
    padding-top: 5px;
    cursor: pointer;
    transition: .5s;
    margin-left: -10px
}

.modal .header .modal-close img {
    margin-top: -5px
}

.modal .header .modal-close:hover {
    border-radius: 20px
}

.modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: 1e+29;
    background-color: #000;
    background-color: rgba(0,0,0,.95);
    position: fixed;
    display: block
}

.modal-content .boxes {
    margin-top: 8vh
}

.modal-content .boxes .box {
    height: 20vh;
    background: #fff;
    margin: 5px 0;
    border-radius: 3px
}

.modal-content .boxes .box img {
    height: auto
}

.modal-content .boxes .box a,.modal-content .boxes .box img {
    top: 50%;
    transform: translateY(-50%)
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.fixed {
    opacity: 0;
    top: 0;
    margin-top: 0!important;
    position: fixed!important;
    height: 67px;
    background: #000;
    padding-top: 10px;
    transition: .3s
}

.fixed ol,.fixed ul {
    margin-bottom: 11px
}

.fixed .button-access {
    margin-top: 3px
}

.fixed-2 {
    opacity: 0;
    top: 0;
    margin-top: 0!important;
    position: fixed!important;
    height: 65px;
    background: #000;
    padding-top: 10px;
    transition: .3s
}

.fixed-2 .button-access {
    margin-top: 3px
}

.fixed-mobile {
    opacity: 0;
    top: 0;
    margin-top: 0!important;
    position: fixed!important;
    height: 60px;
    background: #000;
    transition: .3s
}

.opacity {
    opacity: 1
}

#navbar-mobile {
    z-index: 100000000;
    height: 60px;
    background-color: #000;
    position: absolute
}

#navbar-mobile .logo {
    padding-bottom: 10px;
    padding-top: 10px;
    top: 50%;
    transform: translateY(-50%)
}

#navbar-mobile .button-mobile {
    top: 0;
    top: 50%;
    transform: translateY(25%);
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background: #afe407;
    border-radius: 15px;
    border: none;
    box-shadow: none;
    padding-top: 5px;
    cursor: pointer;
    transition: .3s
}

#navbar-mobile .button-mobile hr {
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 4px;
    border-top: 3px solid #000
}

#navbar-mobile .button-mobile:hover {
    border-radius: 20px
}

#index #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../img/banner.jpg);
    position: relative;
    padding: 0;
    min-height: 100vh;
    z-index: -101;
    overflow: hidden
}

#index #banner,#index #banner #video {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: 50%
}

#index #banner #video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(../../img/banner.jpg) no-repeat
}

#index #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#index #banner h1,#index #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#index #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 63%;
    transform: translate(-50%,-63%)
}

#index #banner .button-slide {
    z-index: 2;
    width: 68px;
    height: 68px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    margin-bottom: -95vh
}

#index #banner .button-slide:hover .st0 {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: .8
}

#index #banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#index #solutions {
    min-height: 100vh
}

#index #solutions h1 {
    font-size: 45px;
    margin-top: 115px;
    font-weight: 700
}

#index #solutions h1,#index #solutions h2 {
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-family: Montserrat,sans-serif
}

#index #solutions h2 {
    font-size: 20px;
    margin-top: 50px
}

#index #solutions h3 {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 45px;
    margin-top: 115px;
    text-align: center;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#index #solutions .product {
    transition: .3s;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 50px;
    margin-top: 100px
}

#index #solutions .product .header {
    padding: 0;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 50%;
    margin-top: -20%;
    transition: .3s
}

#index #solutions .product .header img {
    padding: 0;
    width: 120%
}

#index #solutions .product .overlay {
    transition: .3s
}

#index #solutions .product .overlay:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#index #solutions .product .description {
    background: #fff;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#index #solutions .product .description img {
    padding-top: 0;
    margin-top: 80px
}

#index #solutions .product .description .text {
    margin-top: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif;
    padding-bottom: 40px
}

#index #solutions .product .description .price {
    min-height: 208px;
    margin-bottom: 10px;
    transition: .3s
}

#index #solutions .product .description .price .text {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    color: #98999b;
    font-size: 20px
}

#index #solutions .product .description .price .text-tiny {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    color: #77787b;
    font-size: 14px
}

#index #solutions .product .description .price .value {
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    font-size: 65px;
    text-indent: 25px;
    margin-top: 10px;
    transition: .3s;
    font-weight: 700;
    color: #000
}

#index #solutions .product .description .price .cypher {
    text-indent: 0;
    text-align: left;
    margin-left: -40px;
    margin-top: 10px;
    position: absolute;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    transition: .3s
}

#index #solutions .product .description .price a {
    line-height: 45px;
    height: 45px;
    border: 1px solid #98999b;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #98999b;
    text-transform: uppercase;
    border-radius: 17px;
    margin-top: 15px;
    text-align: center;
    transition: .3s
}

#index #solutions .product .description .price .bg-blue {
    background: #00b0ea;
    color: #0f3874
}

#index #solutions .product .description .price .bg-blue,#index #solutions .product .description .price .bg-pink {
    border: 1px solid transparent;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75)
}

#index #solutions .product .description .price .bg-pink {
    background: #fe807f;
    color: #723939
}

#index #solutions .product .description .price .bg-green {
    background: #098a02;
    color: #044a01;
    border: 1px solid transparent;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75)
}

#index #solutions .product .description .price .text-blue {
    color: #00b0ea;
    transition: .3s
}

#index #solutions .product .description .price .text-pink {
    color: #fe807f;
    transition: .3s
}

#index #solutions .product .description .price .text-green {
    color: #098a02;
    transition: .3s
}

#index #clients {
    background: #fff;
    min-height: 620px
}

#index #clients .content {
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#index #clients .content h3 {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 45px;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    margin-bottom: 55px
}

#index #clients .content .text {
    font-size: 17px;
    color: #838386;
    font-family: Source Sans Pro,sans-serif;
    margin-bottom: 20px
}

#index #clients .content h6 {
    font-size: 17px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700
}

#index #blog {
    min-height: 100vh
}

#index #blog .content .top {
    padding-top: 125px;
    margin-bottom: 20px
}

#index #blog .content .top h3 {
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 45px;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    margin-bottom: 55px;
    float: left
}

#index #blog .content .top a {
    border-radius: 15px;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-style: none;
    color: #000;
    text-decoration: none;
    background: #fff;
    float: right;
    box-shadow: 0 10px 20px -7px rgba(0,0,0,.4);
    transition: .3s
}

#index #blog .content .top a i {
    padding-left: 10px;
    font-size: 14px
}

#index #blog .content .top a:hover {
    box-shadow: 0 20px 41px -7px rgba(0,0,0,.4)
}

#index #blog .content .principal {
    padding-bottom: 50px;
    padding: 0;
    min-height: 580px;
    background-color: #fff;
    float: left;
    display: inline;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#index #blog .content .principal .description {
    padding-left: 85px;
    padding-right: 85px;
    padding-top: 15px;
    min-height: 200px;
    background-color: #fff
}

#index #blog .content .principal .description span {
    position: relative;
    font-family: Montserrat,sans-serif;
    font-size: 10px;
    color: #fff;
    padding: 4px 20px 4px 12px;
    border-radius: 0 0 0 10px;
    text-transform: uppercase
}

#index #blog .content .principal .description span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

#index #blog .content .principal .description .bg-blue {
    background: #00b0ea
}

#index #blog .content .principal .description .bg-pink {
    background: #fe807f
}

#index #blog .content .principal .description .bg-green {
    background: #098a02
}

#index #blog .content .principal .description h4 {
    margin-top: 20px;
    font-size: 18px;
    color: #000;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#index #blog .content .principal .description .text {
    margin-top: 20px;
    font-size: 17px;
    line-height: 19px;
    color: #98999b;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    padding-bottom: 30px
}

#index #blog .content .secondary {
    padding-left: 25px;
    float: left;
    display: inline
}

#index #blog .content .secondary img {
    float: left
}

#index #blog .content .secondary .post-one {
    margin-bottom: 35px
}

#index #blog .content .secondary .post-two {
    padding-bottom: 125px
}

#index #blog .content .secondary .description {
    padding-left: 315px;
    padding-right: 40px;
    padding-top: 25px;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    min-height: 273px;
    background-color: #fff
}

#index #blog .content .secondary .description span {
    position: relative;
    font-family: Montserrat,sans-serif;
    font-size: 10px;
    color: #fff;
    padding: 4px 20px 4px 12px;
    border-radius: 0 0 0 10px;
    text-transform: uppercase
}

#index #blog .content .secondary .description span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

#index #blog .content .secondary .description .bg-blue {
    background: #00b0ea
}

#index #blog .content .secondary .description .bg-pink {
    background: #fe807f
}

#index #blog .content .secondary .description .bg-green {
    background: #098a02
}

#index #blog .content .secondary .description h4 {
    margin-top: 15px;
    font-size: 20px;
    color: #000;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#index #blog .content .secondary .description .text {
    margin-top: 20px;
    font-size: 17px;
    line-height: 19px;
    color: #98999b;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    padding-bottom: 30px
}

#index #partners {
    background-image: url(../../img/partners.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 595px
}

#index #partners h3 {
    position: relative;
    text-align: center;
    margin-top: 55px;
    font-size: 45px;
    font-family: Montserrat,sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    z-index: 10000
}

#index #partners .partner {
    min-height: 200px;
    display: block;
    top: 50%;
    transform: translateY(50%);
    z-index: 10000
}

#index #partners .partner img {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%)
}

#index #partners:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#index #localization {
    padding: 0;
    min-height: 35.5vh;
    position: relative;
    background-color: #1e6fe8;
    transition: .3s
}

#index #localization .info {
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(50%);
    margin-top: 30px
}

#index #localization .info h3 {
    font-size: 45px;
    text-align: center;
    font-family: Montserrat,sans-serif;
    color: #0f3874;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0;
    margin: 0
}

#index #localization .info .text {
    margin-top: 40px;
    color: #0f3874;
    line-height: 20px;
    text-align: center
}

#index #localization .info .text,#index #localization button {
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    font-weight: 600
}

#index #localization button {
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    background-color: #fff;
    border-radius: 15px;
    bottom: 0;
    margin-bottom: -25px;
    border: none;
    color: #333132;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 9px 37px -14px rgba(0,0,0,.75);
    transition: .3s;
    position: absolute
}

#index #localization button i {
    padding-left: 25px
}

#index #localization .btn-localization {
    text-align: center;
    left: 50%;
    font-style: none;
    line-height: 50px;
    transform: translateX(-50%);
    height: 50px;
    background-color: #fff;
    font-family: Source Sans Pro,sans-serif;
    border-radius: 15px;
    bottom: 0;
    margin-bottom: -25px;
    border: none;
    font-size: 17px;
    font-weight: 600;
    color: #333132;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 9px 37px -14px rgba(0,0,0,.75);
    transition: .3s;
    position: absolute
}

#index #localization .btn-localization i {
    padding-left: 25px
}

#index #localization .btn-localization:hover {
    font-style: none;
    text-decoration: none
}

#index .open {
    min-height: 32vh!important
}

#index .show {
    visibility: visible!important;
    height: 50px
}

#index #form-route {
    height: 0;
    visibility: hidden;
    bottom: 0;
    margin-bottom: 130px;
    z-index: 1000;
    position: absolute
}

#index #form-route input[type=text] {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    text-indent: 30px;
    border-radius: 15px;
    border: 0 solid transparent;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    z-index: 1000
}

#index #form-route input[type=text]::-webkit-input-placeholder {
    text-indent: 30px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#index #form-route input[type=text]:-moz-placeholder,#index #form-route input[type=text]::-moz-placeholder {
    text-indent: 30px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#index #form-route input[type=text]:-ms-input-placeholder {
    text-indent: 30px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#index #form-route button {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    border-radius: 15px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #afe407;
    color: #4d6403;
    font-size: 17px;
    cursor: pointer;
    transition: .3s
}

#index #form-route button:hover {
    background-color: #aaca33;
    color: #698804
}

#index .clearfix {
    clear: all
}

#index .bg-gray {
    background-color: #f1f2f2
}

#index .bxslider .item {
    -webkit-filter: grayscale(1);
    opacity: .4;
    filter: grayscale(1);
    transition: .3s
}

#index .bxslider .item:hover {
    opacity: 1;
    filter: none
}

#index .bx-wrapper .bx-viewport {
    box-shadow: none!important;
    border: none!important
}

#index .bx-wrapper .bx-pager {
    bottom: -35px!important
}

#index .bx-wrapper .bx-pager .bx-pager-item {
    padding-left: 55px!important;
    padding-right: 55px!important
}

#index .bx-wrapper .bx-pager.bx-default-pager a,#index .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #dcddde!important
}

#index .bx-wrapper .bx-pager.bx-default-pager a.active,#index .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #1e6fe8!important
}

#map {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: none;
    border: none;
    z-index: 0;
    min-height: 70vh;
    overflow: auto
}

.overlay-map {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
    background: #fff
}

.menu-mobile {
    box-shadow: -5px 3px 13px -6px rgba(0,0,0,.75);
    transition: right .5 ease-in-out;
    right: -200vw;
    background: #fff;
    min-height: 100vh;
    z-index: 99999999999999;
    position: fixed;
    max-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.menu-mobile .header {
    height: 67px;
    background: #000;
    margin-bottom: 20px
}

.menu-mobile .header .logo {
    padding-bottom: 10px;
    padding-top: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.menu-mobile .header .button-close {
    top: 0;
    transform: translateY(25%);
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background-color: #3f3f3f;
    color: #000;
    border-radius: 15px;
    border: none;
    font-weight: 700;
    box-shadow: none;
    padding-top: 5px;
    cursor: pointer;
    transition: .5s
}

.menu-mobile .header .button-close img {
    margin-top: -5px
}

.menu-mobile .header .button-close:hover {
    border-radius: 20px
}

.menu-mobile .links {
    padding: 0;
    overflow-y: auto;
    list-style: none;
    height: auto
}

.menu-mobile .links li {
    text-align: left;
    margin-top: 35px;
    position: relative
}

.menu-mobile .links li .toggle {
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    color: #333132;
    text-decoration: none;
    font-style: none;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    height: 35px;
    position: relative
}

.menu-mobile .links li .toggle span {
    border-top: 1px solid #000;
    transition: .3s;
    width: 0;
    height: 1px;
    transform: translateY(-50%);
    position: absolute;
    margin-left: -35px;
    top: 50%
}

.menu-mobile .links li .toggle .go {
    width: 25px
}

.menu-mobile .links li .toggle:hover {
    font-weight: 700
}

.menu-mobile .links li .submenu {
    display: none;
    list-style: none
}

.menu-mobile .links li .submenu li a {
    text-decoration: none;
    font-size: 20px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    color: #98999b
}

.menu-mobile .links li .submenu li a:hover {
    color: #1e6fe8;
    font-weight: 700
}

.menu-mobile .links li a {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    color: #333132;
    text-decoration: none;
    font-style: none;
    text-transform: uppercase
}

.menu-mobile .links li a:hover {
    font-weight: 700
}

.menu-mobile .links li button {
    padding: 0;
    cursor: pointer;
    background: none;
    box-shadow: none;
    border: none;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    color: #333132;
    text-decoration: none;
    font-style: none;
    text-transform: uppercase
}

.menu-mobile .links li button:hover {
    font-weight: 700
}

.menu-mobile .links li .padding {
    margin-left: 40px
}

.menu-mobile hr {
    padding: 0;
    padding-left: 20px;
    border-top: 1px solid #1e6fe8
}

.menu-mobile .social {
    padding: 0
}

.menu-mobile .social .item a {
    padding: 0;
    color: #0f3874;
    font-style: none;
    text-decoration: none;
    font-size: 35px
}

.menu-mobile .social .item a:hover {
    color: #1e6fe8
}

.menu-mobile .address {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    font-family: Source Sans Pro,sans-serif;
    color: #98999b
}

.overlay-mask.open {
    display: block
}

.overlay-mask {
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999999999999
}

.mobile-open {
    right: 0
}

#talk-with-us {
    top: 0
}

#talk-with-us #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/contact-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#talk-with-us #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#talk-with-us #banner h1,#talk-with-us #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#talk-with-us #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#talk-with-us #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#talk-with-us #banner:after,#talk-with-us .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#talk-with-us .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#talk-with-us #contato {
    min-height: 70vh;
    background-color: #f1f2f2;
    padding-top: 100px;
    padding-bottom: 100px
}

#talk-with-us #contato .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#talk-with-us #contato .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 500;
    width: 100%
}

#talk-with-us #contato .group .label-gray {
    color: #98999b;
    width: 50%
}

#talk-with-us #contato .group #form-city-label {
    width: 58%
}

#talk-with-us #contato .group input[type=email],#talk-with-us #contato .group input[type=password],#talk-with-us #contato .group input[type=text] {
    border: 1px solid #e8e9ea;
    text-indent: 20px;
    border-radius: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 20px
}

#talk-with-us #contato .group .bg-white {
    border-radius: 1px solid #e8e9ea;
    height: 50px;
    background-color: #fff;
    border-radius: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px
}

#talk-with-us #contato .group .bg-white select {
    text-indent: 8px;
    height: 50px;
    border: 1px solid #e8e9ea;
    background-color: #fff;
    border-radius: 15px;
    appearance: none;
    -moz-appearance: none;
    color: #333132;
    margin-bottom: 20px;
    width: 100%;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    cursor: pointer;
    padding-left: 10px;
    -webkit-appearance: none;
    display: inline-block;
    position: relative
}

#talk-with-us #contato .group .bg-white select::-ms-expand {
    display: none
}

#talk-with-us #contato .group .bg-white .style-select {
    overflow: hidden;
    height: 50px;
    background: url(../../img/select-contact.png) no-repeat 100%
}

#talk-with-us #contato .group textarea {
    border: 1px solid #e8e9ea;
    text-indent: 20px;
    border-radius: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    padding-top: 15px;
    margin-bottom: 20px;
    height: 140px
}

#talk-with-us #contato .group button {
    padding-left: 20px;
    border-radius: 15px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #afe407;
    color: #4d6403;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#talk-with-us #contato .group button:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    background-color: #aaca33;
    color: #698804
}

#work-with-us {
    top: 0
}

#work-with-us #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/work-with-us-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#work-with-us #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#work-with-us #banner h1,#work-with-us #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#work-with-us #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#work-with-us #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#work-with-us #banner:after,#work-with-us .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#work-with-us .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#work-with-us #contato {
    min-height: 70vh;
    padding-top: 100px;
    padding-bottom: 100px
}

#work-with-us #contato .file {
    margin-bottom: 20px
}

#work-with-us #contato .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#work-with-us #contato .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 500;
    width: 100%
}

#work-with-us #contato .group .label-gray {
    color: #98999b
}

#work-with-us #contato .group input[type=email],#work-with-us #contato .group input[type=password],#work-with-us #contato .group input[type=text] {
    border: 1px solid #e8e9ea;
    text-indent: 20px;
    border-radius: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 20px
}

#work-with-us #contato .group input[type=file] {
    height: 50px;
    position: absolute;
    cursor: pointer;
    opacity: 0
}

#work-with-us #contato .group .form-curriculum-label {
    text-align: left;
    position: absolute;
    border: 1px solid #e8e9ea;
    border-radius: 15px;
    font-weight: 600;
    height: 50px;
    background-color: #fff;
    color: #0f3874
}

#work-with-us #contato .group .form-curriculum-label,#work-with-us #contato .group h4 {
    font-family: Source Sans Pro,sans-serif;
    line-height: 50px;
    vertical-align: middle;
    font-size: 17px
}

#work-with-us #contato .group h4 {
    margin: 0;
    padding: 0;
    text-indent: 30px;
    font-weight: 500;
    color: #000
}

#work-with-us #contato .group .label-gray {
    width: 50%
}

#work-with-us #contato .group .remove-file {
    color: red
}

#work-with-us #contato .group .bg-white {
    border-radius: 1px solid #e8e9ea;
    height: 50px;
    background-color: #fff;
    border-radius: 15px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px
}

#work-with-us #contato .group .bg-white select {
    font-weight: 500;
    text-indent: 8px;
    height: 50px;
    border: 1px solid #e8e9ea;
    background-color: #fff;
    border-radius: 15px;
    appearance: none;
    -moz-appearance: none;
    color: #333132;
    margin-bottom: 20px;
    width: 100%;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    cursor: pointer;
    padding-left: 10px;
    -webkit-appearance: none;
    display: inline-block;
    position: relative
}

#work-with-us #contato .group .bg-white select::-ms-expand {
    display: none
}

#work-with-us #contato .group .bg-white .style-select {
    overflow: hidden;
    height: 50px;
    background: url(../../img/select-contact.png) no-repeat 100%
}

#work-with-us #contato .group textarea {
    border: 1px solid #e8e9ea;
    text-indent: 20px;
    border-radius: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    padding-top: 15px;
    margin-bottom: 20px;
    height: 140px
}

#work-with-us #contato .group button {
    padding-left: 20px;
    border-radius: 15px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #afe407;
    color: #4d6403;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#work-with-us #contato .group button:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    background-color: #aaca33;
    color: #698804
}

#work-with-us #questions {
    height: 700px;
    background-color: #f1f2f2;
    position: relative;
    margin-top: 50px
}

#work-with-us #questions .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#work-with-us #questions .question h3 {
    text-align: center;
    font-size: 45px;
    color: #ec4c37;
    font-weight: 600;
    font-family: Montserrat,sans-serif
}

#work-with-us #questions .question span {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 500;
    color: #77787b
}

#work-with-us #questions .question a {
    margin-top: 30px;
    text-align: center;
    background: #afe407;
    color: #4d6403;
    line-height: 48px;
    vertical-align: middle;
    font-style: none;
    height: 48px;
    text-decoration: none;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#work-with-us #questions .question a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    background-color: #aaca33;
    color: #698804
}

#login-mail {
    height: 100vh;
    padding: 0;
    margin: 0;
    position: relative
}

#login-mail header {
    padding-top: 40px;
    min-height: 50vh;
    background-color: #00b0ea
}

#login-mail header .back {
    float: right;
    padding-top: 10px
}

#login-mail header .back i {
    line-height: 20px;
    vertical-align: middle;
    color: #00516b;
    font-size: 20px;
    padding-right: 5px
}

#login-mail header .back a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-style: none
}

#login-mail header .back a:hover {
    font-style: none
}

#login-mail .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    height: 550px;
    padding: 0;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#login-mail .box h1,#login-mail .box h3 {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 0;
    margin: 0
}

#login-mail .box #logo-mail img {
    padding-top: 40px;
    margin-bottom: 35px;
    margin-top: 0
}

#login-mail .box #logo-mail {
    background-color: #1ba7d6
}

#login-mail .box #text-mail {
    background-color: #1797c2
}

#login-mail .label-form,#login-mail .span {
    font-size: 14px;
    color: #818181;
    padding: 0
}

#login-mail .show-password {
    text-align: right;
    padding: 0
}

#login-mail .show-password a {
    color: #1ba7d6;
    font-size: 12px
}

#login-mail .show-password a:hover {
    color: #1ba7d6
}

#login-mail .show-password img {
    padding: 0;
    margin: 0
}

#login-mail .forgot-password {
    text-align: right;
    padding: 0 0 15px;
    text-decoration: underline
}

#login-mail .forgot-password a {
    color: #818181;
    font-size: 12px
}

#login-mail .forgot-password a:hover {
    color: #818181
}

#login-mail .create-account {
    text-align: center;
    margin-top: 20px;
    text-decoration: underline
}

#login-mail .create-account a {
    font-size: 12px;
    color: #818181
}

#login-mail .create-account a:hover {
    color: #818181
}

#login-mail .text {
    text-align: center;
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    color: #1797c2;
    font-weight: 600;
    padding-top: 25px
}

#login-mail .actions {
    margin-top: 50px
}

#login-mail .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#login-mail .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 600;
    width: 100%
}

#login-mail .group input[type=email],#login-mail .group input[type=password],#login-mail .group input[type=text] {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 10px
}

#login-mail .forgot a {
    line-height: 45px;
    vertical-align: middle;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    font-weight: 600
}

#login-mail .forgot a,#login-mail .forgot a:hover {
    font-style: none;
    text-decoration: underline;
    color: #723939
}

#login-mail .button {
    padding: 0;
    margin-top: 20px
}

#login-mail button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #00b0ea;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-mail button:hover {
    background: #1c99c8;
    color: #056b8c;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-mail .info {
    text-align: center;
    font-size: 14px;
    font-family: Source Sans Pro,sans-serif;
    color: #818181;
    font-weight: 400;
    padding-top: 5px
}

#login-mail .info a {
    font-weight: 700;
    color: #1797c2;
    text-decoration: underline
}

#login-mail .info a:hover {
    color: #1797c2
}

#login-mail .back-login,#login-mail .back-login a {
    padding: 0
}

#login-mail .back-login a button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #00b0ea;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-mail .back-login a button:hover {
    background: #00b0ea;
    color: #fff;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-mail #login #login-form-mail {
    padding-top: 20px
}

#login-mail #recovery {
    margin-top: -150vh;
    transition: .5s
}

#login-mail #recovery #recovery-form-mail {
    padding-top: 20px
}

#login-mail #recovery-send {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    min-height: 540px;
    margin-top: 0;
    transition: .5s;
    z-index: 2
}

#login-sms {
    height: 100vh;
    padding: 0;
    margin: 0;
    position: relative
}

#login-sms header {
    padding-top: 40px;
    min-height: 50vh;
    background-color: #fe807f
}

#login-sms header .back {
    float: right;
    padding-top: 10px
}

#login-sms header .back i {
    line-height: 20px;
    vertical-align: middle;
    color: #723939;
    font-size: 20px;
    padding-right: 5px
}

#login-sms header .back a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-style: none
}

#login-sms header .back a:hover {
    font-style: none
}

#login-sms .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    height: 550px;
    padding: 0;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#login-sms .box h1,#login-sms .box h3 {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 0;
    margin: 0
}

#login-sms .box #logo-sms img {
    padding-top: 40px;
    margin-bottom: 35px;
    margin-top: 0
}

#login-sms .box #logo-sms {
    background-color: #fc6766
}

#login-sms .box #text-sms {
    background-color: #ba4d4c
}

#login-sms .label-form,#login-sms .span {
    font-size: 14px;
    color: #818181;
    padding: 0
}

#login-sms .show-password {
    text-align: right;
    padding: 0
}

#login-sms .show-password a {
    color: #ef6262;
    font-size: 12px
}

#login-sms .show-password a:hover {
    color: #ef6262
}

#login-sms .show-password img {
    padding: 0;
    margin: 0
}

#login-sms .forgot-password {
    text-align: right;
    padding: 0 0 15px;
    text-decoration: underline
}

#login-sms .forgot-password a {
    color: #818181;
    font-size: 12px
}

#login-sms .forgot-password a:hover {
    color: #818181
}

#login-sms .create-account {
    text-align: center;
    margin-top: 20px;
    text-decoration: underline
}

#login-sms .create-account a {
    font-size: 12px;
    color: #818181
}

#login-sms .create-account a:hover {
    color: #818181
}

#login-sms .text {
    text-align: center;
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    color: #ba4d4c;
    font-weight: 600;
    padding-top: 25px
}

#login-sms .actions {
    margin-top: 50px
}

#login-sms .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#login-sms .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 600;
    width: 100%
}

#login-sms .group input[type=email],#login-sms .group input[type=password],#login-sms .group input[type=text] {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 10px
}

#login-sms .forgot a {
    line-height: 45px;
    vertical-align: middle;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    font-weight: 600
}

#login-sms .forgot a,#login-sms .forgot a:hover {
    font-style: none;
    text-decoration: underline;
    color: #723939
}

#login-sms .button {
    padding: 0;
    margin-top: 20px
}

#login-sms button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #ba4d4c;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-sms button:hover {
    background: #d36e6f;
    color: #8f4b4a;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-sms .info {
    text-align: center;
    font-size: 14px;
    font-family: Source Sans Pro,sans-serif;
    color: #818181;
    font-weight: 400;
    padding-top: 5px
}

#login-sms .info a {
    font-weight: 700;
    color: #ba4d4c;
    text-decoration: underline
}

#login-sms .info a:hover {
    color: #ba4d4c
}

#login-sms .back-login,#login-sms .back-login a {
    padding: 0
}

#login-sms .back-login a button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #ba4d4c;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-sms .back-login a button:hover {
    background: #d36e6f;
    color: #8f4b4a;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-sms #login #login-form-sms {
    padding-top: 20px
}

#login-sms #recovery {
    margin-top: -150vh;
    transition: .5s
}

#login-sms #recovery #recovery-form-sms {
    padding-top: 20px
}

#login-sms #recovery-send {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    min-height: 540px;
    margin-top: -150vh;
    transition: .5s;
    z-index: 2
}

#login-smtp {
    height: 100vh;
    padding: 0;
    margin: 0;
    position: relative
}

#login-smtp header {
    padding-top: 40px;
    min-height: 50vh;
    background-color: #0cc905
}

#login-smtp header .back {
    float: right;
    padding-top: 10px
}

#login-smtp header .back i {
    line-height: 20px;
    vertical-align: middle;
    color: #044a01;
    font-size: 20px;
    padding-right: 5px
}

#login-smtp header .back a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-style: none
}

#login-smtp header .back a:hover {
    font-style: none
}

#login-smtp .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    height: 550px;
    padding: 0;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#login-smtp .box h1,#login-smtp .box h3 {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 0;
    margin: 0
}

#login-smtp .box #logo-smtp img {
    padding-top: 40px;
    margin-bottom: 35px;
    margin-top: 0
}

#login-smtp .box #logo-smtp {
    background-color: #1cad16
}

#login-smtp .box #text-smtp {
    background-color: #0c8807
}

#login-smtp .label-form,#login-smtp .span {
    font-size: 14px;
    color: #818181;
    padding: 0
}

#login-smtp .show-password {
    text-align: right;
    padding: 0
}

#login-smtp .show-password a {
    color: #3dbc16;
    font-size: 12px
}

#login-smtp .show-password a:hover {
    color: #3dbc16
}

#login-smtp .show-password img {
    padding: 0;
    margin: 0
}

#login-smtp .forgot-password {
    text-align: right;
    padding: 0 0 15px;
    text-decoration: underline
}

#login-smtp .forgot-password a {
    color: #818181;
    font-size: 12px
}

#login-smtp .forgot-password a:hover {
    color: #818181
}

#login-smtp .create-account {
    text-align: center;
    margin-top: 20px;
    text-decoration: underline
}

#login-smtp .create-account a {
    font-size: 12px;
    color: #818181
}

#login-smtp .create-account a:hover {
    color: #818181
}

#login-smtp .text {
    text-align: center;
    font-size: 24px;
    font-family: Source Sans Pro,sans-serif;
    color: #ba4d4c;
    font-weight: 600;
    padding-top: 25px
}

#login-smtp .actions {
    margin-top: 50px
}

#login-smtp .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#login-smtp .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 600;
    width: 100%
}

#login-smtp .group input[type=email],#login-smtp .group input[type=password],#login-smtp .group input[type=text] {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 10px
}

#login-smtp .forgot a {
    line-height: 45px;
    vertical-align: middle;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    font-weight: 600
}

#login-smtp .forgot a,#login-smtp .forgot a:hover {
    font-style: none;
    text-decoration: underline;
    color: #723939
}

#login-smtp .button {
    padding: 0;
    margin-top: 20px
}

#login-smtp button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #0c8807;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-smtp button:hover {
    background: #0c8807;
    color: #8f4b4a;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-smtp .info {
    text-align: center;
    font-size: 14px;
    font-family: Source Sans Pro,sans-serif;
    color: #818181;
    font-weight: 400;
    padding-top: 5px
}

#login-smtp .info a {
    font-weight: 700;
    color: #ba4d4c;
    text-decoration: underline
}

#login-smtp .info a:hover {
    color: #ba4d4c
}

#login-smtp .back-login,#login-smtp .back-login a {
    padding: 0
}

#login-smtp .back-login a button {
    padding: 0;
    border-radius: 100px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 700;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #ba4d4c;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#login-smtp .back-login a button:hover {
    background: #d36e6f;
    color: #8f4b4a;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#login-smtp #login #login-form-smtp {
    padding-top: 20px
}

#login-smtp #recovery {
    margin-top: -150vh;
    transition: .5s
}

#login-smtp #recovery #recovery-form-smtp {
    padding-top: 20px
}

#login-smtp #recovery-send {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    min-height: 540px;
    margin-top: -150vh;
    transition: .5s;
    z-index: 2
}

#login-footer {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #b3b4b7
}

#login-mail:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
    height: 1px;
    padding: 0;
    box-shadow: 0 5px 10px -5px #4f4f4f;
    -o-box-shadow: 0 5px 10px -5px #4f4f4f
}

#clients #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/clients-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#clients #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#clients #banner h1,#clients #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#clients #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#clients #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#clients #banner:after,#clients .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#clients .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#clients #clients-list {
    padding-top: 100px;
    padding-bottom: 100px
}

#clients #clients-list img {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-filter: grayscale(1);
    opacity: .4;
    filter: grayscale(1);
    transition: .3s
}

#clients #clients-list img:hover {
    opacity: 1;
    filter: none
}

#clients #clients-videos {
    max-height: 740px;
    background-color: #f1f2f2
}

#clients #clients-videos img {
    width: 100%
}

#clients #clients-videos h3 {
    padding-top: 45px;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    color: #1e6fe8;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    left: 50%;
    transform: translateX(-50%)
}

#clients #clients-videos .icon {
    position: relative;
    transition: .3s;
    cursor: pointer
}

#clients #clients-videos .depoiment {
    margin-top: 40px
}

#clients #clients-videos .depoiment i {
    color: #ec4c37;
    font-size: 20px;
    height: 50px;
    top: -2px;
    margin-right: 5px
}

#clients #clients-videos .depoiment span {
    height: 50px;
    margin-top: 10px;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    color: #77787b;
    text-align: left
}

#clients #clients-videos .depoiment .people {
    padding-top: 20px;
    font-size: 17px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif
}

#clients #clients-videos .depoiment .people .name {
    padding-left: 5px;
    float: left;
    font-weight: 700;
    padding-bottom: 60px
}

#clients #clients-videos .icon:after {
    color: #fff;
    cursor: pointer
}

#clients #clients-videos .icon:after,#clients #clients-videos .icon:hover:after {
    content: "\e818";
    font-family: fontelloiagente;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 110px;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .3s
}

#clients #clients-videos .icon:hover:after {
    color: #1e6fe8
}

#about-us #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../img/about-us-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    background-position: 50%;
    min-height: 100vh
}

#about-us #banner h1 {
    text-align: center;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#about-us #banner .button-slide {
    z-index: 2;
    width: 68px;
    height: 68px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    margin-bottom: -95vh
}

#about-us #banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#about-us #description {
    min-height: 385px;
    position: relative
}

#about-us #description .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block
}

#about-us #description .content .text {
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #98999b
}

#about-us #banner-team {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../img/team-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    background-position: 50%;
    min-height: 770px
}

#about-us #banner-team .content {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    z-index: 2
}

#about-us #banner-team .content h3 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    margin-top: 20px
}

#about-us #banner-team .content h3,#about-us #banner-team .content h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px
}

#about-us #banner-team .content h4 {
    font-family: Source Sans Pro,sans-serif;
    font-size: 25px;
    margin-top: 50px
}

#about-us #banner-team .content p {
    text-align: left;
    font-family: Source Sans Pro,sans-serif;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px
}

#about-us #banner-team:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 1
}

#about-us #ambient {
    padding: 0;
    margin-top: 90px
}

#about-us #ambient h3 {
    padding: 0;
    margin: 0;
    color: #1e6fe8;
    font-size: 45px;
    line-height: 45px;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#about-us #ambient .text {
    padding-top: 10px;
    margin: 0;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-align: left;
    color: #98999b
}

#about-us #slider-team {
    padding: 0
}

#about-us #slider-team #carrousel-team {
    padding: 0;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px
}

#about-us #slider-team .owl-nav {
    display: none
}

#about-us #slider-team .customNavigation a:first-child {
    background: #fff;
    cursor: pointer;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: 17.75px;
    transform: translateY(-50%);
    left: 0;
    margin-left: 30.2%;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    z-index: 1000
}

#about-us #slider-team .customNavigation a:first-child i {
    margin-left: -5px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 30px
}

#about-us #slider-team .customNavigation a:last-child {
    background: #fff;
    cursor: pointer;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: 17.75px;
    transform: translateY(-50%);
    right: 0;
    margin-right: 30.2%;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    z-index: 1000
}

#about-us #slider-team .customNavigation a:last-child i {
    margin-right: -5px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 30px
}

#about-us #slider-team .customNavigation a i {
    color: #1e6fe8
}

#about-us #slider-team .customNavigation a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    background: #1e6fe8
}

#about-us #slider-team .customNavigation a:hover i {
    color: #fff
}

#about-us #slider-team .item {
    opacity: .5;
    transform: scale(.9);
    cursor: zoom-in
}

#about-us #slider-team .center .item {
    opacity: 1!important;
    transform: scale(1)!important
}

#about-us #work-with-us {
    height: 750px;
    background-color: #fff;
    position: relative;
    margin-top: 50px
}

#about-us #work-with-us .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#about-us #work-with-us .question h3 {
    text-align: center;
    font-size: 45px;
    color: #ec4c37;
    font-weight: 600;
    font-family: Montserrat,sans-serif
}

#about-us #work-with-us .question span {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 500;
    color: #77787b
}

#about-us #work-with-us .question a {
    text-align: center;
    background: #afe407;
    color: #4d6403;
    line-height: 48px;
    vertical-align: middle;
    font-style: none;
    height: 48px;
    text-decoration: none;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#about-us #work-with-us .question a:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#about-us #i-hate-spam {
    min-height: 450px;
    background: #f1f2f2;
    position: relative
}

#about-us #i-hate-spam .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#about-us #i-hate-spam .content img {
    left: 50%;
    transform: translateX(-50%)
}

#about-us #i-hate-spam .content a {
    margin-top: 50px;
    background: #afe407;
    color: #4d6403;
    line-height: 48px;
    vertical-align: middle;
    text-align: center;
    font-style: none;
    height: 48px;
    text-decoration: none;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#about-us #i-hate-spam .content a:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#about-us #i-hate-spam .content span {
    text-align: center;
    font-size: 25px;
    color: #000;
    font-family: Montserrat,sans-serif;
    margin-top: 40px
}

.yt-uix-sessionlink,.ytp-watermark {
    display: none!important
}

footer {
    min-height: 350px;
    background-color: #fff
}

footer .logo {
    margin-top: 55px
}

footer .address {
    margin-top: 55px;
    padding: 0
}

footer .address h4 {
    font-size: 20px;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

footer .address .item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    display: inline-block;
    line-height: 16px;
    font-size: 15px;
    font-family: Montserrat,sans-serif;
    color: #0f3874
}

footer .address .item i {
    float: left;
    padding: 0;
    color: #1e6fe8;
    height: 15px;
    margin-bottom: 10px;
    padding-right: 15px
}

footer .social {
    padding: 0;
    margin-top: 55px
}

footer .social h4 {
    padding: 0;
    font-size: 20px;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

footer .social .item {
    padding: 0;
    margin-top: 15px
}

footer .social .item a {
    text-decoration: none;
    font-style: none;
    font-size: 35px;
    color: #0f3874
}

footer .social .item a:hover {
    color: #1e6fe8
}

footer .social-networks {
    padding: 0
}

footer .sitemap {
    margin-top: 55px;
    padding: 0
}

footer .sitemap h4 {
    font-size: 20px;
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

footer .sitemap h4 a {
    color: #1e6fe8
}

footer .sitemap .item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    display: inline-block;
    line-height: 16px;
    font-size: 15px;
    font-family: Montserrat,sans-serif;
    color: #0f3874
}

footer .sitemap .item a {
    text-decoration: none;
    font-style: none;
    color: #0f3874
}

footer .sitemap .item a:hover {
    color: #1e6fe8!important
}

footer .sitemap .item i {
    float: left;
    padding: 0;
    color: #1e6fe8!important;
    height: 15px;
    margin-bottom: 10px;
    padding-right: 15px
}

footer .last-footer {
    padding-top: 100px;
    padding-bottom: 10px
}

footer .last-footer .copyrights {
    float: left;
    font-size: 13px;
    font-family: Source Sans Pro,sans-serif;
    color: #b3b4b7
}

footer .last-footer .seen {
    float: right;
    right: 0
}

#ebooks #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/ebooks-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#ebooks #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#ebooks #banner h1,#ebooks #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#ebooks #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#ebooks #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#ebooks #banner:after,#ebooks .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#ebooks .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#ebooks #ebooks-gallery {
    padding-top: 100px;
    padding-bottom: 70px;
    display: inline-block
}

#ebooks #ebooks-gallery .ebook {
    padding: 0
}

#ebooks #ebooks-gallery .ebook img {
    margin-bottom: 20px
}

#ebooks #ebooks-gallery .ebook i {
    margin-top: 0;
    position: relative;
    font-size: 17px;
    color: #77787b;
    padding: 0
}

#ebooks #ebooks-gallery .ebook a {
    margin-left: -5px;
    padding: 0;
    float: left;
    font-style: none;
    font-size: 14px;
    line-height: 17px;
    font-family: Montserrat,sans-serif;
    color: #373435;
    font-weight: 700;
    min-height: 80px;
    margin-bottom: 50px
}

#ebooks #ebooks-gallery .ebook a:hover {
    font-style: none;
    color: #1e6fe8;
    text-decoration: none
}

#ebooks #ebooks-gallery .ebook a:hover i {
    color: #0f3874
}

#ebooks #ebooks-gallery .ebook .text {
    padding: 0;
    padding-left: 4px
}

#videos #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/videos-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#videos #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#videos #banner h1,#videos #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#videos #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#videos #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#videos #banner:after,#videos .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#videos .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#videos #videos-gallery {
    padding-top: 100px;
    padding-bottom: 70px;
    display: inline-block
}

#videos #videos-gallery .gallery {
    padding-bottom: 50px
}

#videos #videos-gallery h3 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    color: #1e6fe8;
    padding-bottom: 60px;
    float: left;
    position: relative;
    z-index: 2
}

#videos #videos-gallery .line-center {
    margin: 0;
    background: #fff;
    display: inline-block;
    padding-right: 15px
}

#videos #videos-gallery h3:after {
    content: "";
    position: absolute;
    top: 22.5px;
    width: 100%;
    float: left;
    right: 0;
    border-top: 1px solid #dcddde;
    z-index: -1
}

#videos #videos-gallery .video {
    padding: 0;
    padding-bottom: 50px
}

#videos #videos-gallery .video img {
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    position: relative
}

#videos #videos-gallery .video .icon {
    position: relative;
    width: 100%;
    height: 100%
}

#videos #videos-gallery .video .icon .time {
    display: block;
    bottom: 0;
    right: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #000;
    color: #fff;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    padding: 3px 5px;
    position: absolute
}

#videos #videos-gallery .video .icon:after {
    content: "\e818";
    font-family: fontelloiagente;
    position: absolute;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(30,111,232,.3);
    background-size: cover;
    top: 50%;
    left: 50%;
    color: #fff;
    opacity: 0;
    cursor: pointer;
    font-size: 100px;
    transform: translate(-50%,-50%);
    transition: .3s
}

#videos #videos-gallery .video .icon:hover:after {
    opacity: 1
}

#videos #videos-gallery .video a {
    margin-left: -5px;
    padding: 0;
    float: left;
    font-style: none;
    font-size: 17px;
    line-height: 20px;
    font-family: Montserrat,sans-serif;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px
}

#videos #videos-gallery .video a:hover {
    font-style: none;
    color: #1e6fe8;
    text-decoration: none
}

#videos #videos-gallery .video .text {
    padding: 0;
    padding-top: 10px;
    padding-left: 4px;
    min-height: 100px
}

#documents #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/documents-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#documents #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#documents #banner h1,#documents #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#documents #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#documents #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#documents #banner:after,#documents .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#documents .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#documents #access {
    min-height: 655px;
    padding: 0
}

#documents #access .header {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .3s;
    padding: 0
}

#documents .product {
    transition: .3s;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 130px;
    margin-top: 210px
}

#documents .product .header {
    padding: 0;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 50%;
    margin-top: -20%;
    transition: .3s
}

#documents .product .header img {
    padding: 0;
    width: 120%
}

#documents .product .overlay {
    transition: .3s
}

#documents .product .overlay:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#documents .product .description {
    background: #fff;
    box-shadow: 10px 0 85px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 85px -11px rgba(0,0,0,.34)
}

#documents .product .description img {
    padding-top: 0;
    margin-top: 110px
}

#documents .product .description .text {
    margin-top: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif;
    padding-bottom: 40px
}

#documents .product .description .price {
    min-height: 100px;
    margin-bottom: 10px;
    transition: .3s
}

#documents .product .description .price .text {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    color: #98999b;
    font-size: 20px;
    margin-top: 20px
}

#documents .product .description .price a {
    line-height: 45px;
    height: 45px;
    border: 1px solid #98999b;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #98999b;
    text-transform: uppercase;
    border-radius: 17px;
    margin-top: 15px;
    text-align: center;
    transition: .3s
}

#documents .product .description .price .bg-blue {
    background: #00b0ea;
    color: #0f3874
}

#documents .product .description .price .bg-blue,#documents .product .description .price .bg-pink {
    border: 1px solid transparent;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75)
}

#documents .product .description .price .bg-pink {
    background: #fe807f;
    color: #723939
}

#documents .product .description .price .bg-green {
    background: #098a02;
    color: #044a01;
    border: 1px solid transparent;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75)
}

#documents .product .description .price .text-blue {
    color: #00b0ea;
    transition: .3s
}

#documents .product .description .price .text-pink {
    color: #fe807f;
    transition: .3s
}

#documents .product .description .price .text-green {
    color: #098a02;
    transition: .3s
}

#i-hate-spam #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/i-hate-spam-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    min-height: 50vh;
    margin-top: 0
}

#i-hate-spam #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#i-hate-spam #banner h1,#i-hate-spam #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#i-hate-spam #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 70%;
    transform: translate(-50%,-70%)
}

#i-hate-spam #banner:after {
    background: rgba(0,0,0,.5);
    z-index: 1
}

#i-hate-spam #banner:after,#i-hate-spam .overlay-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#i-hate-spam .overlay-banner:after {
    background: linear-gradient(0deg,transparent 31%,transparent 33%,rgba(0,0,0,.06) 44%,rgba(0,0,0,.65));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#a6000000",GradientType=0)
}

#i-hate-spam #about {
    min-height: 500px;
    position: relative
}

#i-hate-spam #about .content {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    height: 265px;
    padding-bottom: 100px
}

#i-hate-spam #about .content h3 {
    color: #1e6fe8;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 30px
}

#i-hate-spam #about .content p {
    color: #77787b;
    font-size: 17px;
    line-height: 20px;
    font-family: Source Sans Pro,sans-serif;
    text-align: left
}

#i-hate-spam #about .content a {
    margin-left: 10px;
    line-height: 48px;
    height: 48px;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    border-radius: 17px;
    margin-top: 20px;
    background: #1e6fe8;
    text-align: center;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    margin-bottom: 60px
}

#i-hate-spam #about .content a i {
    line-height: 17px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 15px;
    color: #0c2c5b
}

#i-hate-spam #about .content a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#i-hate-spam #follow-us {
    background-color: #f1f2f2;
    min-height: 467px
}

#i-hate-spam #follow-us h3 {
    text-align: center;
    color: #373435;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-size: 45px;
    margin-top: 50px
}

#i-hate-spam #follow-us span {
    margin-top: 10px;
    text-align: center;
    color: #373435;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif
}

#i-hate-spam #follow-us .img {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 150px;
    position: relative
}

#i-hate-spam #follow-us .img img {
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%,-50%)
}

#i-hate-spam #follow-us a {
    left: 50%;
    transform: translateX(-50%);
    margin-left: 10px;
    line-height: 48px;
    vertical-align: middle;
    text-align: center;
    font-style: none;
    height: 48px;
    text-decoration: none;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #4d6403;
    background: #afe407;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#i-hate-spam #follow-us a:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#api header {
    padding-bottom: 50px;
    z-index: 1
}

#api header .content {
    margin-top: 150px
}

#api header .content h1 {
    text-transform: uppercase;
    font-size: 36px
}

#api header .content h1,#api header .content h3 {
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#api header .content h3 {
    text-align: left;
    font-size: 45px
}

#api header .content .text {
    color: #fff;
    margin-top: 20px;
    font-family: Montserrat,sans-serif;
    font-size: 20px;
    font-weight: 500
}

#api #apresentation {
    padding-bottom: 50px
}

#api #apresentation h3 {
    text-transform: uppercase;
    text-align: left;
    font-size: 24px;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    color: #fff
}

#api #apresentation .text {
    color: #fff;
    margin-top: 20px;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-weight: 500
}

#api #documentation {
    min-height: 1600px;
    padding-top: 90px;
    padding-right: 0;
    background: #f1f2f2
}

#api #documentation .itens {
    padding: 0;
    height: 350px
}

#api #documentation .itens h5 {
    font-family: Montserrat,sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 50px
}

#api #documentation .itens ul {
    padding: 0;
    margin-top: 20px;
    list-style: none
}

#api #documentation .itens ul li {
    text-indent: 20px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-family: Source Sans Pro,sans-serif;
    color: #77787b;
    font-size: 17px;
    cursor: pointer;
    transition: .3s
}

#api #content {
    min-height: 1600px;
    padding-top: 90px;
    background: #fbfbfb
}

#api #content h3 {
    padding-top: 0;
    margin-top: 0;
    font-size: 45px
}

#api #content h3,#api #content h5 {
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#api #content h5 {
    padding-top: 40px;
    color: #000;
    font-size: 20px;
    padding-left: 0;
    padding-right: 0
}

#api #content div {
    padding: 0
}

#api #content div h6 {
    padding: 20px 0;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 20px
}

#api #content div ul {
    list-style: none;
    padding-left: 0
}

#api #content div .info {
    list-style: none
}

#api #content div .info div {
    min-height: 55px;
    position: relative
}

#api #content div .info div li {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 17px
}

#api #content div .description {
    list-style: none
}

#api #content div .description div {
    min-height: 55px;
    position: relative
}

#api #content div .description div li {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    font-size: 17px;
    line-height: 20px;
    font-style: italic
}

#api #content .requisition {
    padding: 20px 35px;
    background: #414042;
    color: #fff;
    text-align: left;
    overflow: auto
}

#api #content .alert,#api #content .requisition {
    margin-top: 40px;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px
}

#api #content .alert {
    color: #98999b
}

#api .pages {
    display: none
}

.api-sms header {
    background: #fe807f
}

.api-sms header h1,.api-sms header h3 {
    color: #723939
}

.api-sms #apresentation {
    background-color: #cf6a6a
}

.api-sms #documentation h5 {
    color: #fe807f
}

.api-sms #documentation ul .active {
    background: #723939;
    color: #fff!important;
    font-weight: 700
}

.api-sms #documentation ul .active:after {
    content: "";
    width: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    margin-right: -20px;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #723939;
    animation-duration: .34s;
    animation-name: u;
    transition-timing-function: linear;
    transform-origin: 50% 50%;
    display: inline-block;
    transition-delay: 0s
}

.api-sms #content h3,.api-sms #content h6 {
    color: #fe807f
}

.api-smtp header {
    background: #098a02
}

.api-smtp header h1 {
    background-color: #053903
}

.api-smtp header h3 {
    color: #044a01
}

.api-smtp #apresentation {
    background-color: #0a6505
}

.api-smtp #documentation h5 {
    color: #098a02
}

.api-smtp #documentation ul .active {
    background: #044a01;
    color: #fff!important;
    font-weight: 700
}

.api-smtp #documentation ul .active:after {
    content: "";
    width: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    margin-right: -20px;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #044a01;
    animation-duration: .34s;
    animation-name: u;
    transition-timing-function: linear;
    transform-origin: 50% 50%;
    display: inline-block;
    transition-delay: 0s
}

.api-smtp #content h3,.api-smtp #content h6 {
    color: #098a02
}

.api-mail header {
    background: #00b0ea
}

.api-mail header h3 {
    color: #0f3874
}

.api-mail #documentation h5 {
    color: #00b0ea
}

.api-mail #documentation ul .active {
    background: #0f3874;
    color: #fff!important;
    font-weight: 700
}

.api-mail #documentation ul .active:after {
    content: "";
    width: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    margin-right: -20px;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #0f3874;
    animation-duration: .34s;
    animation-name: u;
    transition-timing-function: linear;
    transform-origin: 50% 50%;
    display: inline-block;
    transition-delay: 0s
}

.api-mail #content h3,.api-mail #content h6 {
    color: #00b0ea
}

.top {
    z-index: 10000000
}

.bottom {
    z-index: -1
}

.form-error {
    border: 1px solid #ec4c37!important
}

.form-error-label {
    color: #ac3828!important
}

[rel=iframe] {
    z-index: 10000000000000000000
}

#error-404 header {
    z-index: 10000;
    position: absolute;
    margin-top: 55px;
    padding-bottom: 20px;
    min-height: 55px
}

#error-404 header,#error-404 header svg {
    left: 50%;
    transform: translateX(-50%)
}

#error-404 .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#error-404 h3 {
    text-align: center;
    font-size: 90px;
    color: #ec4c37;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#error-404 span {
    color: #98999b;
    top: 0;
    margin-top: 30px
}

#error-404 a,#error-404 span {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    text-align: center;
    left: 50%;
    transform: translateX(-50%)
}

#error-404 a {
    position: absolute;
    z-index: 1000;
    line-height: 50px;
    height: 50px;
    text-decoration: none;
    font-style: none;
    font-weight: 700;
    color: #4d6403;
    background: #afe407;
    text-transform: uppercase;
    border-radius: 17px;
    margin-top: 50px;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#error-404 a:hover {
    color: #698804;
    background: #aaca33;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#video #player {
    background-color: #262324;
    min-height: 100vh;
    position: relative;
    padding: 0
}

#video #player .view {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 75vh;
    padding: 0
}

#video #player .view h1 {
    line-height: 24px;
    font-size: 36px
}

#video #player .view h1,#video #player .view h5 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    text-align: left;
    color: #fff
}

#video #player .view h5 {
    margin: 0;
    line-height: normal;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase
}

#video #player .view a {
    padding: 0;
    margin: 0;
    line-height: 24px;
    vertical-align: middle;
    top: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    text-align: right;
    float: right
}

#video #player .view a,#video #player .view a:hover {
    color: #fff;
    text-decoration: none;
    font-style: none
}

#video #player .view iframe {
    padding: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 59vh
}

#video #list-videos {
    padding: 0;
    min-height: 400px;
    background: #fff
}

#video #list-videos .content {
    padding: 0;
    margin-top: 80px;
    height: 165px
}

#video #list-videos .content h3 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 45px;
    color: #1e6fe8;
    height: 100%
}

#video #list-videos .content .links {
    text-decoration: none;
    font-style: none;
    text-align: left;
    display: block;
    padding: 0
}

#video #list-videos .content .links .link {
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 20px;
    padding: 0
}

#video #list-videos .content .links .link a {
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    font-size: 17px;
    font-style: none;
    text-decoration: none;
    line-height: 20px;
    vertical-align: middle
}

#video #list-videos .content .links .link i {
    padding-right: 5px;
    min-height: 50px;
    margin-top: 1px;
    font-size: 15px;
    color: #77787b;
    line-height: 20px;
    vertical-align: middle
}

#product header {
    position: absolute;
    margin-top: 40px;
    z-index: 100000000
}

#product header .back {
    padding-top: 15px;
    float: left
}

#product header .back a {
    text-align: right;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-style: none
}

#product header .back a:hover {
    font-style: none
}

#product header .logo img {
    float: left
}

#product header .menu-mobile,#product header .mobile-open {
    top: 0
}

#product header .button-mobile {
    top: 0;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 15px;
    border: none;
    box-shadow: none;
    padding-top: 5px;
    cursor: pointer;
    transition: .3s
}

#product header .button-mobile hr {
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 4px;
    border-top: 3px solid #000
}

#product header .button-mobile:hover {
    border-radius: 20px
}

#product #banner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-image: url(../../img/product-banner.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 0
}

#product #banner .call {
    padding: 0;
    min-height: 400px;
    position: absolute;
    margin-top: 0;
    left: 50%;
    z-index: 100000;
    transform: translateX(-50%)
}

#product #banner .call .product-type-mobile {
    height: 18px;
    line-height: 18px;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-left: none
}

#product #banner .call .product-type-mobile,#product #banner .call h1 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    color: #fff;
    text-align: center
}

#product #banner .call h1 {
    font-size: 45px;
    z-index: 2;
    margin: 0 auto;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    min-height: 90px
}

#product #banner .call h2 {
    padding: 0;
    font-size: 17px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    z-index: 2
}

#product #banner .call .buttons {
    padding: 0;
    margin-top: 30px;
    z-index: 100000
}

#product #banner .call .buttons a {
    padding: 0;
    z-index: 100000;
    line-height: 45px;
    height: 48px;
    vertical-align: middle;
    font-weight: 600;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    margin-bottom: 15px;
    border-radius: 17px;
    text-align: center;
    transition: .3s
}

#product #description {
    min-height: 560px;
    background: #fff
}

#product #description .itens {
    position: absolute;
    bottom: 0;
    margin-bottom: 70px;
    padding: 0
}

#product #description .itens .item {
    padding: 0
}

#product #description .itens .item img {
    margin-top: 8px
}

#product #description .itens .item .content h5 {
    padding: 0;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #373435;
    font-weight: 700
}

#product #description .itens .item .content p {
    padding: 0;
    font-size: 17px;
    line-height: 19px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif
}

#product #drag-drop {
    height: 650px;
    background: #3a3a3a;
    padding: 0
}

#product #drag-drop .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0
}

#product #drag-drop .content .text {
    padding: 0
}

#product #drag-drop .content .text h5 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700
}

#product #drag-drop .content .text p {
    margin-top: 30px;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    font-family: Source Sans Pro,sans-serif
}

#product #drag-drop .content .img {
    padding: 0;
    margin-top: 25px
}

#product #reports {
    height: 835px;
    background: #f1f2f2;
    padding: 0
}

#product #reports .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0
}

#product #reports .content .text {
    padding: 0
}

#product #reports .content .text h5 {
    padding: 0;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700
}

#product #reports .content .text p {
    margin-top: 10px;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    color: #373435;
    font-family: Source Sans Pro,sans-serif
}

#product #reports .content .img {
    padding: 0;
    margin-top: 25px
}

#product #reports .content .img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,hsla(0,0%,95%,0) 0,hsla(0,0%,95%,.64) 64%,hsla(0,0%,95%,.79) 79%,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f2f2f2",endColorstr="#f2f2f2",GradientType=0)
}

#product #social-networks {
    background: #f1f2f2;
    height: auto
}

#product #social-networks .content {
    position: relative;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

#product #social-networks .content h5 {
    text-align: center;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700
}

#product #social-networks .content span {
    text-align: center;
    margin-top: 40px;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    color: #77787b;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-family: Source Sans Pro,sans-serif
}

#product #social-networks .content i {
    text-align: center;
    font-size: 60px;
    color: #373435
}

#product #call {
    height: 300px;
    background: #fff;
    position: relative
}

#product #call a {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    z-index: 1000;
    line-height: 90px;
    height: 90px;
    vertical-align: middle;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    border-radius: 30px;
    margin-top: 150px;
    text-align: center;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#product #call a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#product #clients-videos {
    max-height: 740px;
    background-color: #f1f2f2
}

#product #clients-videos img {
    width: 100%
}

#product #clients-videos h3 {
    padding-top: 45px;
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    left: 50%;
    transform: translateX(-50%)
}

#product #clients-videos .icon {
    position: relative;
    transition: .3s;
    cursor: pointer
}

#product #clients-videos .depoiment {
    margin-top: 40px
}

#product #clients-videos .depoiment i {
    font-size: 20px;
    height: 50px;
    top: -2px;
    margin-right: 5px
}

#product #clients-videos .depoiment span {
    height: 50px;
    margin-top: 10px;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    color: #77787b;
    text-align: left
}

#product #clients-videos .depoiment .people {
    padding-top: 20px;
    font-size: 17px;
    color: #77787b;
    font-family: Source Sans Pro,sans-serif
}

#product #clients-videos .depoiment .people .name {
    padding-left: 5px;
    float: left;
    font-weight: 700;
    padding-bottom: 60px
}

#product #slider-products {
    height: 757px
}

#product #slider-products h3 {
    margin-top: 50px;
    font-size: 45px;
    font-family: Montserrat,sans-serif;
    text-align: center;
    font-weight: 700
}

#product #slider-products span {
    font-size: 17px;
    text-align: center;
    font-family: Source Sans Pro,sans-serif;
    color: #77787b
}

#product #slider-products #slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#product #slider-products #slider .item {
    transition: .3s;
    margin: 20px;
    box-shadow: 10px 0 30px -11px rgba(0,0,0,.34);
    -o-box-shadow: 10px 0 30px -11px rgba(0,0,0,.34)
}

#product #slider-products #slider .item span {
    color: #fff
}

#product #slider-products #slider .item .value h3 {
    color: #fff;
    line-height: 130px;
    font-size: 73px;
    font-family: Source Sans Pro,sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    text-indent: 30px
}

#product #slider-products #slider .item .value h3:before {
    content: "R$";
    text-indent: 0;
    text-align: left;
    margin-left: -35px;
    margin-top: 35px;
    position: absolute;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    font-family: Source Sans Pro,sans-serif;
    color: #fff
}

#product #slider-products #slider .item .description {
    height: 220px;
    background: #fff
}

#product #slider-products #slider .item .description .content h5 {
    margin: 0;
    margin-top: 30px;
    line-height: 17px;
    font-weight: 700
}

#product #slider-products #slider .item .description .content .text,#product #slider-products #slider .item .description .content h5 {
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #373435
}

#product #slider-products #slider .item a {
    padding: 12px 70px;
    vertical-align: middle;
    text-align: center;
    font-style: none;
    text-decoration: none;
    font-size: 17px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: Source Sans Pro,sans-serif;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    bottom: 50px
}

#product #slider-products #slider .item a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#product #slider-products .customNavigation a:first-child {
    cursor: pointer;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-left: -90px;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    z-index: 100
}

#product #slider-products .customNavigation a:first-child i {
    margin-left: -5px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 30px
}

#product #slider-products .customNavigation a:last-child {
    cursor: pointer;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-right: -90px;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s;
    z-index: 100
}

#product #slider-products .customNavigation a:last-child i {
    margin-right: -5px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 30px
}

#product #slider-products .customNavigation a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#product #slider-products .owl-nav {
    display: none
}

#product #slider-products .footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    margin-bottom: 40px;
    font-family: Source Sans Pro,sans-serif;
    font-size: 16px;
    color: #b3b4b7
}

#product #ebook {
    height: 510px
}

#product #ebook .img,#product #ebook .text {
    margin-top: 100px;
    padding: 0
}

#product #ebook .text h3 {
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    color: #fff
}

#product #ebook .text .span {
    color: #fff
}

#product #ebook .text .span,#product #ebook .text a {
    margin-top: 30px;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif
}

#product #ebook .text a {
    font-style: none;
    text-decoration: none;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
    height: 40px;
    background: #fff;
    text-transform: uppercase;
    line-height: 40px;
    vertical-align: middle;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#product #ebook .text a:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#product #questions {
    height: 700px;
    background-color: #f1f2f2;
    position: relative
}

#product #questions .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#product #questions .question h3 {
    text-align: center;
    font-size: 45px;
    color: #ec4c37;
    font-weight: 600;
    font-family: Montserrat,sans-serif
}

#product #questions .question span {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #77787b
}

#product #questions .question a,#product #questions .question span {
    text-align: center;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif
}

#product #questions .question a {
    margin-top: 30px;
    background: #afe407;
    color: #4d6403;
    line-height: 48px;
    vertical-align: middle;
    font-style: none;
    height: 48px;
    text-decoration: none;
    border-radius: 15px;
    font-weight: 600;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#product #questions .question a:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#product .product-type {
    margin-top: 13px;
    height: 18px;
    line-height: 18px;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    border-left: 2px solid #fff;
    padding-left: 20px;
    margin-left: 15px;
    float: left
}

.sms-product #description {
    min-height: 300px!important
}

.sms-product #description .mac-sms {
    background-position: bottom;
    top: -186.5%!important
}

.sms-product .button-mobile {
    background: #fe807f;
    margin-top: 3px
}

.sms-product .button-mobile hr {
    border-top: 3px solid #723939
}

.sms-product .buttons a:last-child {
    background: transparent;
    color: #fe807f;
    border: 1px solid #fe807f
}

.sms-product .buttons a:first-child {
    background: #fe807f;
    color: #723939
}

.sms-product .buttons a:first-child i {
    line-height: 15px;
    vertical-align: middle;
    font-size: 17px;
    padding-right: 15px;
    padding-bottom: 3px
}

.sms-product .buttons a:first-child:hover {
    background: #d36e6f;
    color: #8f4b4a
}

.sms-product #drag-drop h5,.sms-product #reports h5,.sms-product #social-networks h5 {
    color: #fe807f
}

.sms-product #call a {
    background: #fe807f;
    color: #723939
}

.sms-product #call a:hover {
    background: #d36e6f;
    color: #8f4b4a
}

.sms-product #clients-videos h3 {
    color: #b15a5a
}

.sms-product #clients-videos .depoiment i {
    color: #fe807f
}

.sms-product #clients-videos .icon:after {
    color: #fff;
    cursor: pointer
}

.sms-product #clients-videos .icon:after,.sms-product #clients-videos .icon:hover:after {
    content: "\e818";
    font-family: fontelloiagente;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 110px;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .3s
}

.sms-product #clients-videos .icon:hover:after {
    color: #fe807f
}

.sms-product #slider-products h3 {
    color: #723939;
    font-weight: 700
}

.sms-product #slider-products #slider .item .value {
    background: #fe807f
}

.sms-product #slider-products #slider .item a {
    background: #fe807f;
    color: #723939
}

.sms-product #slider-products #slider .item a:hover {
    background: #d36e6f;
    color: #8f4b4a
}

.sms-product #slider-products #slider .principal {
    transition: .3s;
    margin-top: -40px!important
}

.sms-product #slider-products #slider .principal .value {
    background: #723939!important
}

.sms-product #slider-products #slider .principal a {
    background: #723939!important;
    color: #fff!important
}

.sms-product #slider-products a i {
    color: #b15959
}

.sms-product #slider-products a:hover {
    background: #fe807f
}

.sms-product #slider-products a:hover i {
    color: #fff
}

.sms-product #ebook {
    background: #d86d6c
}

.sms-product #ebook .text a {
    color: #723939
}

.sms-product #questions .question h3 {
    color: #d86d6c
}

.sms-product #questions .question a {
    background: #fe807f;
    color: #723939
}

.smtp-product .button-mobile {
    background: #0cbc03;
    margin-top: 3px
}

.smtp-product .button-mobile hr {
    border-top: 3px solid #044a01
}

.smtp-product .buttons a:last-child {
    background: transparent;
    color: #0cbc03;
    border: 1px solid #0cbc03
}

.smtp-product .buttons a:first-child {
    background: #0cbc03;
    color: #fff
}

.smtp-product .buttons a:first-child i {
    line-height: 15px;
    vertical-align: middle;
    font-size: 17px;
    padding-right: 15px;
    padding-bottom: 3px
}

.smtp-product #drag-drop h5 {
    color: #098a02
}

.smtp-product #reports {
    height: 1150px!important
}

.smtp-product #reports img {
    padding-top: 50px
}

.smtp-product #reports h5 {
    color: #098a02
}

.smtp-product #easy-use {
    height: 500px;
    background: #f1f2f2;
    position: relative
}

.smtp-product #easy-use .content {
    z-index: 100;
    height: 500px;
    position: relative
}

.smtp-product #easy-use .content .img {
    padding-left: 0
}

.smtp-product #easy-use .content .text {
    top: 10%;
    transform: translateY(-10%)
}

.smtp-product #easy-use .content .text h3 {
    margin-top: 10px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    color: #098a02;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 10px
}

.smtp-product #easy-use .content .text h4 {
    line-height: 20px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    color: #77787b;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.smtp-product #easy-use .content .text p {
    margin-top: 20px;
    color: #77787b;
    font-size: 17px;
    line-height: 20px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif
}

.smtp-product #social-networks h5 {
    color: #0cc905
}

.smtp-product #call a {
    background: #0cbc03;
    color: #044a01
}

.smtp-product #clients-videos h3 {
    color: #098a02
}

.smtp-product #clients-videos .depoiment i {
    color: #0cc905
}

.smtp-product #clients-videos .icon:after {
    color: #fff;
    cursor: pointer
}

.smtp-product #clients-videos .icon:after,.smtp-product #clients-videos .icon:hover:after {
    content: "\e818";
    font-family: fontelloiagente;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 110px;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .3s
}

.smtp-product #clients-videos .icon:hover:after {
    color: #098a02
}

.smtp-product #slider-products h3 {
    color: #098a02;
    font-weight: 700
}

.smtp-product #slider-products #slider .item .value {
    background: #098a02
}

.smtp-product #slider-products #slider .item a {
    background: #0cbc03;
    color: #044a01
}

.smtp-product #slider-products #slider .principal {
    transition: .3s;
    margin-top: -40px!important
}

.smtp-product #slider-products #slider .principal .value {
    background: #033201!important
}

.smtp-product #slider-products #slider .principal a {
    background: #033201!important;
    color: #fff!important
}

.smtp-product #slider-products a i {
    color: #033201
}

.smtp-product #slider-products a:hover {
    background: #033201
}

.smtp-product #slider-products a:hover i {
    color: #fff
}

.smtp-product #ebook {
    background: #098a02
}

.smtp-product #ebook .text a {
    color: #044a01
}

.smtp-product #questions .question h3 {
    color: #0cc905
}

.smtp-product #questions .question a {
    background: #0cc905;
    color: #044a01
}

.mail-product #reports {
    min-height: 2000px
}

.mail-product #reports img {
    margin-top: 100px
}

.mail-product .button-mobile {
    background: #00b0ea;
    margin-top: 3px
}

.mail-product .button-mobile hr {
    border-top: 3px solid #0081ab
}

.mail-product .buttons a:last-child {
    background: transparent;
    color: #00b0ea;
    border: 1px solid #00b0ea
}

.mail-product .buttons a:first-child {
    background: #00b0ea;
    color: #0f3874
}

.mail-product .buttons a:first-child i {
    line-height: 15px;
    vertical-align: middle;
    font-size: 17px;
    padding-right: 15px;
    padding-bottom: 3px
}

.mail-product .buttons a:first-child:hover {
    background: #1c99c8;
    color: #056b8c
}

.mail-product #reports h5 {
    color: #0081ab
}

.mail-product #search-module {
    height: 650px;
    background-image: url(../../img/search-module.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.mail-product #search-module .content {
    z-index: 100;
    height: 650px;
    position: relative
}

.mail-product #search-module .content .img {
    bottom: 0;
    margin-bottom: 0;
    top: 100%;
    transform: translateY(-100%)
}

.mail-product #search-module .content .text {
    top: 35%;
    transform: translateY(-35%)
}

.mail-product #search-module .content .text h3 {
    margin-top: 10px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 10px
}

.mail-product #search-module .content .text h4 {
    line-height: 20px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    color: #00b0ea;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.mail-product #search-module .content .text p {
    margin-top: 20px;
    color: #fff;
    font-size: 17px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif
}

.mail-product #search-module:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 1
}

.mail-product #call a {
    background: #00b0ea;
    color: #0f3874
}

.mail-product #call a:hover {
    background: #1c99c8;
    color: #056b8c
}

.mail-product #clients-videos h3 {
    color: #0081ab
}

.mail-product #clients-videos .depoiment i {
    color: #00b0ea
}

.mail-product #clients-videos .icon:after {
    color: #fff;
    cursor: pointer
}

.mail-product #clients-videos .icon:after,.mail-product #clients-videos .icon:hover:after {
    content: "\e818";
    font-family: fontelloiagente;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 110px;
    transform: translate(-50%,-50%);
    z-index: 1;
    transition: .3s
}

.mail-product #clients-videos .icon:hover:after {
    color: #1e6fe8
}

.mail-product #slider-products h3 {
    color: #0081ab;
    font-weight: 700
}

.mail-product #slider-products #slider .item .value {
    background: #00b0ea
}

.mail-product #slider-products #slider .item a {
    background: #00b0ea;
    color: #0f3874
}

.mail-product #slider-products #slider .item a:hover {
    background: #1c99c8;
    color: #056b8c
}

.mail-product #slider-products #slider .principal {
    transition: .3s;
    margin-top: -40px!important
}

.mail-product #slider-products #slider .principal .value {
    background: #00516b!important
}

.mail-product #slider-products #slider .principal a {
    background: #00516b!important;
    color: #fff!important
}

.mail-product #slider-products a i {
    color: #0f3874
}

.mail-product #slider-products a:hover {
    background: #00b0ea
}

.mail-product #slider-products a:hover i {
    color: #fff
}

.mail-product #ebook {
    background: #00b0ea
}

.mail-product #ebook .text a {
    color: #0f3874
}

.mail-product #questions .question h3 {
    color: #00b0ea
}

.mail-product #questions .question a {
    background: #1e6fe8;
    color: #0f3874
}

#error-404-footer {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #b3b4b7
}

#contact-success {
    padding: 0
}

#contact-success header {
    z-index: 10000;
    position: absolute;
    margin-top: 55px;
    padding-bottom: 20px;
    min-height: 55px
}

#contact-success header,#contact-success header svg {
    left: 50%;
    transform: translateX(-50%)
}

#contact-success .content {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#contact-success h3 {
    text-align: center;
    font-size: 90px;
    color: #ec4c37;
    font-family: Montserrat,sans-serif;
    font-weight: 700
}

#contact-success .test {
    padding: 0;
    font-size: 40px!important
}

#contact-success span {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #98999b;
    text-align: center;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px
}

#contact-success .span {
    font-size: 16px
}

#contact-success a {
    position: absolute;
    z-index: 1000;
    line-height: 50px;
    height: 50px;
    text-decoration: none;
    font-style: none;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #4d6403;
    background: #afe407;
    text-transform: uppercase;
    border-radius: 17px;
    margin-top: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#contact-success a:hover {
    background: #aaca33;
    color: #698804;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#contact-success-footer {
    position: absolute;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #b3b4b7
}

#account header {
    position: absolute;
    margin-top: 40px;
    z-index: 1000000000000
}

#account header .back {
    float: right;
    padding-top: 10px
}

#account header .back i {
    line-height: 20px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 5px
}

#account header .back a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-style: none
}

#account header .back a:hover {
    font-style: none
}

#account header .logo img {
    float: left
}

#account #banner {
    position: relative;
    min-height: 400px;
    margin-top: 0
}

#account #banner h1 {
    font-family: Montserrat,sans-serif;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    top: 50%;
    transform: translate(-50%,-50%)
}

#account #banner h1,#account #banner h2 {
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
    position: absolute;
    left: 50%
}

#account #banner h2 {
    font-size: 17px;
    margin-bottom: 50px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    margin: 0 auto;
    top: 75%;
    transform: translate(-50%,-75%)
}

#account .account-type {
    margin-top: 13px;
    height: 18px;
    line-height: 18px;
    font-family: Montserrat,sans-serif;
    font-size: 15px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    border-left: 2px solid #fff;
    padding-left: 20px;
    margin-left: 15px;
    float: left
}

#account #contato {
    background: #f1f2f2;
    min-height: 70vh;
    padding-top: 100px;
    padding-bottom: 100px
}

#account #contato .group {
    width: auto;
    overflow: hidden;
    position: relative
}

#account #contato .group label {
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    color: #000;
    cursor: pointer;
    text-indent: 30px;
    line-height: 50px;
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-weight: 500;
    width: 100%
}

#account #contato .group .label-gray {
    color: #98999b
}

#account #contato .group input[type=email],#account #contato .group input[type=password],#account #contato .group input[type=text] {
    border: 1px solid #e8e9ea;
    text-indent: 20px;
    border-radius: 15px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #fff;
    color: #333132;
    font-size: 17px;
    margin-bottom: 20px
}

#account #contato .group .optional {
    cursor: pointer;
    width: 100%;
    height: 100%
}

#account #contato .group .optional:after {
    content: "*";
    font-size: 25px;
    line-height: 25px;
    top: 50%;
    margin-top: -17px;
    vertical-align: middle;
    float: right;
    right: 30px;
    font-family: Source Sans Pro,sans-serif;
    display: block;
    z-index: 1000;
    position: absolute
}

#account #contato .group .label-gray {
    width: 50%
}

#account #contato .group button {
    padding-left: 20px;
    border-radius: 15px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    -o-box-shadow: 0 0 11px -4px rgba(0,0,0,.75);
    transition: .3s
}

#account #contato .group button:hover {
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.75);
    -o-box-shadow: 0 2px 14px -3px rgba(0,0,0,.75)
}

#account #contato .options {
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    margin-top: 20px;
    text-indent: 5px
}

#account #contato .options .option {
    margin-bottom: 20px;
    text-indent: 5px
}

#account #contato h5 {
    margin: 0;
    padding: 0;
    text-indent: 30px;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    font-size: 17px;
    text-align: left;
    vertical-align: middle
}

#account #contato .last {
    margin-top: 20px
}

#account .info {
    font-family: Source Sans Pro,sans-serif;
    font-size: 13px;
    text-align: left;
    font-weight: 700
}

#account-footer {
    background: #f1f2f2;
    position: relative;
    z-index: 10000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #b3b4b7
}

.sms-account #banner {
    background: #fe807f
}

.sms-account .optional:after,.sms-account h5 {
    color: #fe807f
}

.sms-account button {
    background-color: #fe807f;
    color: #723939
}

.sms-account button:hover {
    background: #d36e6f;
    color: #8f4b4a
}

.sms-account .info {
    color: #ec4c37
}

.sms-account i {
    color: #723939
}

.mail-account #banner {
    background: #00b0ea
}

.mail-account .optional:after,.mail-account h5 {
    color: #00b0ea
}

.mail-account button {
    background-color: #00b0ea;
    color: #0f3874
}

.mail-account button:hover {
    background: #1c99c8;
    color: #056b8c
}

.mail-account .info,.mail-account i {
    color: #0f3874
}

.smtp-account #banner {
    background: #098a02
}

.smtp-account .optional:after,.smtp-account h5 {
    color: #0cc905
}

.smtp-account button {
    background-color: #0cc905;
    color: #044a01
}

.smtp-account .info,.smtp-account i {
    color: #044a01
}

.clearfix {
    clear: all
}

#newsletter {
    margin-top: -1px;
    min-height: 625px;
    background-image: url(../../img/newsletter.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #fff;
    z-index: 0
}

#newsletter #form-newsletter {
    height: 340px;
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-40%);
    z-index: 1000
}

#newsletter #form-newsletter h3 {
    font-size: 45px;
    text-align: center;
    font-family: Montserrat,sans-serif;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 0;
    margin-bottom: 0
}

#newsletter #form-newsletter span {
    color: #fff;
    margin-bottom: 20px
}

#newsletter #form-newsletter input[type=text],#newsletter #form-newsletter span {
    margin-top: 20px;
    text-align: center;
    font-size: 17px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600
}

#newsletter #form-newsletter input[type=text] {
    cursor: pointer;
    border-radius: 15px;
    border: 0 solid transparent;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    background-color: #fff;
    color: #333132
}

#newsletter #form-newsletter input[type=text]::-webkit-input-placeholder {
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#newsletter #form-newsletter input[type=text]:-moz-placeholder,#newsletter #form-newsletter input[type=text]::-moz-placeholder {
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#newsletter #form-newsletter input[type=text]:-ms-input-placeholder {
    text-align: center;
    font-weight: 600;
    font-family: Source Sans Pro,sans-serif;
    color: #333132;
    font-size: 17px;
    opacity: 1
}

#newsletter #form-newsletter input[type=submit] {
    margin-top: 20px;
    border-radius: 15px;
    border: 0 solid transparent;
    text-align: center;
    font-weight: 600;
    left: 50%;
    transform: translateX(-50%);
    font-family: Source Sans Pro,sans-serif;
    height: 50px;
    background-color: #afe407;
    color: #4d6403;
    font-size: 17px;
    cursor: pointer;
    transition: .3s
}

#newsletter #form-newsletter input[type=submit]:hover {
    background-color: #aaca33;
    color: #698804
}

#newsletter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 1
}

#description .mac-sms {
    height: 560px;
    background-image: url(../../img/macbook-sms.png);
    top: -50%;
    bottom: 0
}

#description .mac-mail,#description .mac-sms {
    padding: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1000
}

#description .mac-mail {
    height: 650px;
    background-image: url(../../img/notebook-dragdrop.png)
}

#description {
    padding: 0
}

#description .mac-smtp {
    padding: 0;
    height: 650px;
    background-image: url(../../img/macbook-smtp.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1000;
    top: -50%
}

.rotate {
    animation-duration: 10s;
    transition-timing-function: linear;
    transform-origin: 50% 50%;
    display: inline-block;
    transition-delay: 0s
}

.fancybox-opened .fancybox-skin {
    background: transparent!important;
    box-shadow: none!important
}

.fancybox-overlay {
    z-index: 1100000!important
}

.fancybox-type-iframe .fancybox-inner {
    height: auto!important
}

.ytp-chrome-bottom,.ytp-chrome-top,.ytp-chrome-top-buttons,.ytp-gradient-top,.ytp-playlist-menu-button {
    display: none!important
}

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

.animated.infinite {
    animation-iteration-count: infinite
}

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

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    animation-duration: .75s
}

@keyframes a {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

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

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

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: a;
    transform-origin: center bottom
}

@keyframes b {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: b
}

@keyframes c {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: c
}

@keyframes d {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: d
}

@keyframes e {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: e
}

@keyframes f {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: f
}

@keyframes g {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

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

@keyframes h {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: h
}

@keyframes i {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: i
}

@keyframes j {
    0%,11.1%,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: j;
    transform-origin: center
}

@keyframes k {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: k
}

@keyframes l {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: l
}

@keyframes m {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: m
}

@keyframes n {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: n
}

@keyframes o {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: o
}

@keyframes p {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-name: p
}

@keyframes q {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: q
}

@keyframes r {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: r
}

@keyframes s {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: s
}

@keyframes t {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: t
}

@keyframes u {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: u
}

@keyframes v {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: v
}

@keyframes w {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: w
}

@keyframes x {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: x
}

@keyframes y {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: y
}

@keyframes z {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: z
}

@keyframes A {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: A
}

@keyframes B {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: B
}

@keyframes C {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: C
}

.fadeOut {
    animation-name: xb
}

@keyframes D {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: D
}

@keyframes E {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: E
}

@keyframes F {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: F
}

@keyframes G {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: G
}

@keyframes H {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: H
}

@keyframes I {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: I
}

@keyframes J {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: J
}

@keyframes K {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: K
}

@keyframes L {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

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

@keyframes M {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes N {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

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

@keyframes O {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

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

@keyframes P {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

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

@keyframes Q {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

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

@keyframes R {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

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

@keyframes S {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: S
}

@keyframes T {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: T
}

@keyframes U {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: U
}

@keyframes V {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: V
}

@keyframes W {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: W
}

@keyframes X {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: X
}

@keyframes Y {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: Y
}

@keyframes Z {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: Z
}

@keyframes ab {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: ab
}

@keyframes bb {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: bb
}

@keyframes cb {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-name: cb
}

@keyframes db {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: db
}

@keyframes eb {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    animation-name: eb
}

@keyframes fb {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: fb
}

@keyframes gb {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: gb
}

@keyframes hb {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: hb
}

@keyframes ib {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: ib
}

@keyframes jb {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: jb
}

@keyframes kb {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: kb
}

@keyframes lb {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: lb
}

@keyframes mb {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: mb
}

@keyframes nb {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: nb
}

@keyframes ob {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: ob
}

@keyframes pb {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: pb
}

@keyframes qb {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: qb
}

@keyframes rb {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: rb
}

@keyframes sb {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: sb
}

@keyframes tb {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: tb
}

@keyframes ub {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: ub
}

@keyframes vb {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: vb
}

@keyframes wb {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: wb
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

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

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

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

.small,small {
    font-size: 85%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container,.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}


.col-xs-24 {
    width: 100%
}

.col-xs-23 {
    width: 95.83333333%
}

.col-xs-22 {
    width: 91.66666667%
}

.col-xs-21 {
    width: 87.5%
}

.col-xs-20 {
    width: 83.33333333%
}

.col-xs-19 {
    width: 79.16666667%
}

.col-xs-18 {
    width: 75%
}

.col-xs-17 {
    width: 70.83333333%
}

.col-xs-16 {
    width: 66.66666667%
}

.col-xs-15 {
    width: 62.5%
}

.col-xs-14 {
    width: 58.33333333%
}

.col-xs-13 {
    width: 54.16666667%
}

.col-xs-12 {
    width: 50%
}

.col-xs-11 {
    width: 45.83333333%
}

.col-xs-10 {
    width: 41.66666667%
}

.col-xs-9 {
    width: 37.5%
}

.col-xs-8 {
    width: 33.33333333%
}

.col-xs-7 {
    width: 29.16666667%
}

.col-xs-6 {
    width: 25%
}

.col-xs-5 {
    width: 20.83333333%
}

.col-xs-4 {
    width: 16.66666667%
}

.col-xs-3 {
    width: 12.5%
}

.col-xs-2 {
    width: 8.33333333%
}

.col-xs-1 {
    width: 4.16666667%
}

.col-xs-pull-24 {
    right: 100%
}

.col-xs-pull-23 {
    right: 95.83333333%
}

.col-xs-pull-22 {
    right: 91.66666667%
}

.col-xs-pull-21 {
    right: 87.5%
}

.col-xs-pull-20 {
    right: 83.33333333%
}

.col-xs-pull-19 {
    right: 79.16666667%
}

.col-xs-pull-18 {
    right: 75%
}

.col-xs-pull-17 {
    right: 70.83333333%
}

.col-xs-pull-16 {
    right: 66.66666667%
}

.col-xs-pull-15 {
    right: 62.5%
}

.col-xs-pull-14 {
    right: 58.33333333%
}

.col-xs-pull-13 {
    right: 54.16666667%
}

.col-xs-pull-12 {
    right: 50%
}

.col-xs-pull-11 {
    right: 45.83333333%
}

.col-xs-pull-10 {
    right: 41.66666667%
}

.col-xs-pull-9 {
    right: 37.5%
}

.col-xs-pull-8 {
    right: 33.33333333%
}

.col-xs-pull-7 {
    right: 29.16666667%
}

.col-xs-pull-6 {
    right: 25%
}

.col-xs-pull-5 {
    right: 20.83333333%
}

.col-xs-pull-4 {
    right: 16.66666667%
}

.col-xs-pull-3 {
    right: 12.5%
}

.col-xs-pull-2 {
    right: 8.33333333%
}

.col-xs-pull-1 {
    right: 4.16666667%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-24 {
    left: 100%
}

.col-xs-push-23 {
    left: 95.83333333%
}

.col-xs-push-22 {
    left: 91.66666667%
}

.col-xs-push-21 {
    left: 87.5%
}

.col-xs-push-20 {
    left: 83.33333333%
}

.col-xs-push-19 {
    left: 79.16666667%
}

.col-xs-push-18 {
    left: 75%
}

.col-xs-push-17 {
    left: 70.83333333%
}

.col-xs-push-16 {
    left: 66.66666667%
}

.col-xs-push-15 {
    left: 62.5%
}

.col-xs-push-14 {
    left: 58.33333333%
}

.col-xs-push-13 {
    left: 54.16666667%
}

.col-xs-push-12 {
    left: 50%
}

.col-xs-push-11 {
    left: 45.83333333%
}

.col-xs-push-10 {
    left: 41.66666667%
}

.col-xs-push-9 {
    left: 37.5%
}

.col-xs-push-8 {
    left: 33.33333333%
}

.col-xs-push-7 {
    left: 29.16666667%
}

.col-xs-push-6 {
    left: 25%
}

.col-xs-push-5 {
    left: 20.83333333%
}

.col-xs-push-4 {
    left: 16.66666667%
}

.col-xs-push-3 {
    left: 12.5%
}

.col-xs-push-2 {
    left: 8.33333333%
}

.col-xs-push-1 {
    left: 4.16666667%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-24 {
    margin-left: 100%
}

.col-xs-offset-23 {
    margin-left: 95.83333333%
}

.col-xs-offset-22 {
    margin-left: 91.66666667%
}

.col-xs-offset-21 {
    margin-left: 87.5%
}

.col-xs-offset-20 {
    margin-left: 83.33333333%
}

.col-xs-offset-19 {
    margin-left: 79.16666667%
}

.col-xs-offset-18 {
    margin-left: 75%
}

.col-xs-offset-17 {
    margin-left: 70.83333333%
}

.col-xs-offset-16 {
    margin-left: 66.66666667%
}

.col-xs-offset-15 {
    margin-left: 62.5%
}

.col-xs-offset-14 {
    margin-left: 58.33333333%
}

.col-xs-offset-13 {
    margin-left: 54.16666667%
}

.col-xs-offset-12 {
    margin-left: 50%
}

.col-xs-offset-11 {
    margin-left: 45.83333333%
}

.col-xs-offset-10 {
    margin-left: 41.66666667%
}

.col-xs-offset-9 {
    margin-left: 37.5%
}

.col-xs-offset-8 {
    margin-left: 33.33333333%
}

.col-xs-offset-7 {
    margin-left: 29.16666667%
}

.col-xs-offset-6 {
    margin-left: 25%
}

.col-xs-offset-5 {
    margin-left: 20.83333333%
}

.col-xs-offset-4 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 12.5%
}

.col-xs-offset-2 {
    margin-left: 8.33333333%
}

.col-xs-offset-1 {
    margin-left: 4.16666667%
}

.col-xs-offset-0 {
    margin-left: 0
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.row:after,.row:before {
    content: " ";
    display: table
}

.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width:device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    left: -5px;
    background: #fff;
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80,80,80,.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

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

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

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

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0,0,0,.5)
}

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

.fancybox-inner {
    overflow: hidden
}

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

.fancybox-error {
    color: #444;
    font: 14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

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

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

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
    background-image: url(../../img/fancybox_sprite.png)
}

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

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../../img/fancybox_loading.gif) 50% no-repeat
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-close,.fancybox-nav {
    position: absolute;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: transparent url(../../img/blank.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

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

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

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

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

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

.fancybox-lock {
    width: auto
}

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

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

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

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

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

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

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

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0,0,0,.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

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

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

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

#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050
}

#fancybox-thumbs.bottom {
    bottom: 2px
}

#fancybox-thumbs.top {
    top: 2px
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: .5
}

#fancybox-thumbs ul li.active {
    opacity: .75;
    padding: 0;
    border: 1px solid #fff
}

#fancybox-thumbs ul li:hover {
    opacity: 1
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: xb
}

@keyframes xb {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.sweet-overlay {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1000
}

.sweet-alert {
    background-color: #fff;
    font-family: Open Sans,sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    font-weight: 600;
    text-transform: none
}

.sweet-alert h2,.sweet-alert p {
    text-align: center;
    position: relative
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    line-height: normal
}

.sweet-alert button {
    background-color: #aedef4;
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)
}

.sweet-alert button:hover {
    background-color: #a1d9f2
}

.sweet-alert button:active {
    background-color: #81ccee
}

.sweet-alert button.cancel {
    background-color: #d0d0d0
}

.sweet-alert button.cancel:hover {
    background-color: #c8c8c8
}

.sweet-alert button.cancel:active {
    background-color: #b6b6b6
}

.sweet-alert button.cancel:focus {
    box-shadow: 0 0 2px rgba(197,205,211,.8),inset 0 0 0 1px rgba(0,0,0,.0470588)!important
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none!important
}

.sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .icon.error {
    border-color: #f27474
}

.sweet-alert .icon.error .x-mark {
    position: relative;
    display: block
}

.sweet-alert .icon.error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .icon.error .line.left {
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .icon.error .line.right {
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .icon.warning {
    border-color: #f8bb86
}

.sweet-alert .icon.warning .body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f8bb86
}

.sweet-alert .icon.warning .dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f8bb86
}

.sweet-alert .icon.info {
    border-color: #c9dae1
}

.sweet-alert .icon.info:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #c9dae1
}

.sweet-alert .icon.info:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #c9dae1
}

.sweet-alert .icon.success {
    border-color: #a5dc86
}

.sweet-alert .icon.success:after,.sweet-alert .icon.success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    transform: rotate(45deg)
}

.sweet-alert .icon.success:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.sweet-alert .icon.success:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid hsla(98,55%,69%,.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .icon.success .fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg)
}

.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg)
}

.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg)
}

.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

@keyframes yb {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-tranform: scale(.95)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes zb {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    to {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

.showSweetAlert {
    animation: yb .3s
}

.hideSweetAlert {
    animation: zb .2s
}

@keyframes Ab {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes Bb {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes Cb {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    animation: Ab .75s
}

.animateSuccessLong {
    animation: Bb .75s
}

.icon.success.animate:after {
    animation: Cb 4.25s ease-in
}

@keyframes Db {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    to {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

.animateErrorIcon {
    animation: Db .5s
}

@keyframes Eb {
    0% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    animation: Eb .5s
}

@keyframes Fb {
    0% {
        border-color: #f8d486
    }

    to {
        border-color: #f8bb86
    }
}

.pulseWarning {
    animation: Fb .75s infinite alternate
}

@keyframes Gb {
    0% {
        background-color: #f8d486
    }

    to {
        background-color: #f8bb86
    }
}

.pulseWarningIns {
    animation: Gb .75s infinite alternate
}

@media screen and (min-width:500px) {
    .menu-mobile .header .logo {
        visibility: hidden
    }
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container {
        width: 740px
    }

    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24 {
        float: left
    }

    .col-sm-24 {
        width: 100%
    }

    .col-sm-23 {
        width: 95.83333333%
    }

    .col-sm-22 {
        width: 91.66666667%
    }

    .col-sm-21 {
        width: 87.5%
    }

    .col-sm-20 {
        width: 83.33333333%
    }

    .col-sm-19 {
        width: 79.16666667%
    }

    .col-sm-18 {
        width: 75%
    }

    .col-sm-17 {
        width: 70.83333333%
    }

    .col-sm-16 {
        width: 66.66666667%
    }

    .col-sm-15 {
        width: 62.5%
    }

    .col-sm-14 {
        width: 58.33333333%
    }

    .col-sm-13 {
        width: 54.16666667%
    }

    .col-sm-12 {
        width: 50%
    }

    .col-sm-11 {
        width: 45.83333333%
    }

    .col-sm-10 {
        width: 41.66666667%
    }

    .col-sm-9 {
        width: 37.5%
    }

    .col-sm-8 {
        width: 33.33333333%
    }

    .col-sm-7 {
        width: 29.16666667%
    }

    .col-sm-6 {
        width: 25%
    }

    .col-sm-5 {
        width: 20.83333333%
    }

    .col-sm-4 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 12.5%
    }

    .col-sm-2 {
        width: 8.33333333%
    }

    .col-sm-1 {
        width: 4.16666667%
    }

    .col-sm-pull-24 {
        right: 100%
    }

    .col-sm-pull-23 {
        right: 95.83333333%
    }

    .col-sm-pull-22 {
        right: 91.66666667%
    }

    .col-sm-pull-21 {
        right: 87.5%
    }

    .col-sm-pull-20 {
        right: 83.33333333%
    }

    .col-sm-pull-19 {
        right: 79.16666667%
    }

    .col-sm-pull-18 {
        right: 75%
    }

    .col-sm-pull-17 {
        right: 70.83333333%
    }

    .col-sm-pull-16 {
        right: 66.66666667%
    }

    .col-sm-pull-15 {
        right: 62.5%
    }

    .col-sm-pull-14 {
        right: 58.33333333%
    }

    .col-sm-pull-13 {
        right: 54.16666667%
    }

    .col-sm-pull-12 {
        right: 50%
    }

    .col-sm-pull-11 {
        right: 45.83333333%
    }

    .col-sm-pull-10 {
        right: 41.66666667%
    }

    .col-sm-pull-9 {
        right: 37.5%
    }

    .col-sm-pull-8 {
        right: 33.33333333%
    }

    .col-sm-pull-7 {
        right: 29.16666667%
    }

    .col-sm-pull-6 {
        right: 25%
    }

    .col-sm-pull-5 {
        right: 20.83333333%
    }

    .col-sm-pull-4 {
        right: 16.66666667%
    }

    .col-sm-pull-3 {
        right: 12.5%
    }

    .col-sm-pull-2 {
        right: 8.33333333%
    }

    .col-sm-pull-1 {
        right: 4.16666667%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-24 {
        left: 100%
    }

    .col-sm-push-23 {
        left: 95.83333333%
    }

    .col-sm-push-22 {
        left: 91.66666667%
    }

    .col-sm-push-21 {
        left: 87.5%
    }

    .col-sm-push-20 {
        left: 83.33333333%
    }

    .col-sm-push-19 {
        left: 79.16666667%
    }

    .col-sm-push-18 {
        left: 75%
    }

    .col-sm-push-17 {
        left: 70.83333333%
    }

    .col-sm-push-16 {
        left: 66.66666667%
    }

    .col-sm-push-15 {
        left: 62.5%
    }

    .col-sm-push-14 {
        left: 58.33333333%
    }

    .col-sm-push-13 {
        left: 54.16666667%
    }

    .col-sm-push-12 {
        left: 50%
    }

    .col-sm-push-11 {
        left: 45.83333333%
    }

    .col-sm-push-10 {
        left: 41.66666667%
    }

    .col-sm-push-9 {
        left: 37.5%
    }

    .col-sm-push-8 {
        left: 33.33333333%
    }

    .col-sm-push-7 {
        left: 29.16666667%
    }

    .col-sm-push-6 {
        left: 25%
    }

    .col-sm-push-5 {
        left: 20.83333333%
    }

    .col-sm-push-4 {
        left: 16.66666667%
    }

    .col-sm-push-3 {
        left: 12.5%
    }

    .col-sm-push-2 {
        left: 8.33333333%
    }

    .col-sm-push-1 {
        left: 4.16666667%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-24 {
        margin-left: 100%
    }

    .col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-21 {
        margin-left: 87.5%
    }

    .col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .col-sm-offset-18 {
        margin-left: 75%
    }

    .col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-15 {
        margin-left: 62.5%
    }

    .col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .col-sm-offset-12 {
        margin-left: 50%
    }

    .col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 37.5%
    }

    .col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .col-sm-offset-6 {
        margin-left: 25%
    }

    .col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 12.5%
    }

    .col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .container {
        width: 960px
    }

    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24 {
        float: left
    }

    .col-md-24 {
        width: 100%
    }

    .col-md-23 {
        width: 95.83333333%
    }

    .col-md-22 {
        width: 91.66666667%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-20 {
        width: 83.33333333%
    }

    .col-md-19 {
        width: 79.16666667%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-17 {
        width: 70.83333333%
    }

    .col-md-16 {
        width: 66.66666667%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-14 {
        width: 58.33333333%
    }

    .col-md-13 {
        width: 54.16666667%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-11 {
        width: 45.83333333%
    }

    .col-md-10 {
        width: 41.66666667%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-8 {
        width: 33.33333333%
    }

    .col-md-7 {
        width: 29.16666667%
    }

    .col-md-6 {
        width: 25%
    }

    .col-md-5 {
        width: 20.83333333%
    }

    .col-md-4 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-2 {
        width: 8.33333333%
    }

    .col-md-1 {
        width: 4.16666667%
    }

    .col-md-pull-24 {
        right: 100%
    }

    .col-md-pull-23 {
        right: 95.83333333%
    }

    .col-md-pull-22 {
        right: 91.66666667%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-pull-20 {
        right: 83.33333333%
    }

    .col-md-pull-19 {
        right: 79.16666667%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-pull-17 {
        right: 70.83333333%
    }

    .col-md-pull-16 {
        right: 66.66666667%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-pull-14 {
        right: 58.33333333%
    }

    .col-md-pull-13 {
        right: 54.16666667%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-pull-11 {
        right: 45.83333333%
    }

    .col-md-pull-10 {
        right: 41.66666667%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-pull-8 {
        right: 33.33333333%
    }

    .col-md-pull-7 {
        right: 29.16666667%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-pull-5 {
        right: 20.83333333%
    }

    .col-md-pull-4 {
        right: 16.66666667%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-pull-2 {
        right: 8.33333333%
    }

    .col-md-pull-1 {
        right: 4.16666667%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-24 {
        left: 100%
    }

    .col-md-push-23 {
        left: 95.83333333%
    }

    .col-md-push-22 {
        left: 91.66666667%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-push-20 {
        left: 83.33333333%
    }

    .col-md-push-19 {
        left: 79.16666667%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-push-17 {
        left: 70.83333333%
    }

    .col-md-push-16 {
        left: 66.66666667%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-push-14 {
        left: 58.33333333%
    }

    .col-md-push-13 {
        left: 54.16666667%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-push-11 {
        left: 45.83333333%
    }

    .col-md-push-10 {
        left: 41.66666667%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-push-8 {
        left: 33.33333333%
    }

    .col-md-push-7 {
        left: 29.16666667%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-push-5 {
        left: 20.83333333%
    }

    .col-md-push-4 {
        left: 16.66666667%
    }

    .col-md-push-3 {
        left: 12.5%
    }

    .col-md-push-2 {
        left: 8.33333333%
    }

    .col-md-push-1 {
        left: 4.16666667%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-24 {
        margin-left: 100%
    }

    .col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .col-md-offset-21 {
        margin-left: 87.5%
    }

    .col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .col-md-offset-18 {
        margin-left: 75%
    }

    .col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .col-md-offset-15 {
        margin-left: 62.5%
    }

    .col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .col-md-offset-12 {
        margin-left: 50%
    }

    .col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .col-md-offset-9 {
        margin-left: 37.5%
    }

    .col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .col-md-offset-6 {
        margin-left: 25%
    }

    .col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 12.5%
    }

    .col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media screen and (min-width:1024px) {
    .modal .header {
        margin-top: 30px
    }
}

@media screen and (min-width:1025px) {
    #index #banner,#index #banner #video,#index #partners {
        background-attachment: fixed
    }

    .menu-mobile {
        width: 553px
    }

    #about-us #banner,#about-us #banner-team,#clients #banner,#documents #banner,#ebooks #banner,#i-hate-spam #banner,#product #banner,#talk-with-us #banner,#videos #banner,#work-with-us #banner {
        background-attachment: fixed
    }

    #product #banner .call {
        margin-top: 100px
    }

    #account #banner,#newsletter,.mail-product #search-module {
        background-attachment: fixed
    }
}

@media (min-width:1200px) {
    .container {
        width: 1160px
    }

    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24 {
        float: left
    }

    .col-lg-24 {
        width: 100%
    }

    .col-lg-23 {
        width: 95.83333333%
    }

    .col-lg-22 {
        width: 91.66666667%
    }

    .col-lg-21 {
        width: 87.5%
    }

    .col-lg-20 {
        width: 83.33333333%
    }

    .col-lg-19 {
        width: 79.16666667%
    }

    .col-lg-18 {
        width: 75%
    }

    .col-lg-17 {
        width: 70.83333333%
    }

    .col-lg-16 {
        width: 66.66666667%
    }

    .col-lg-15 {
        width: 62.5%
    }

    .col-lg-14 {
        width: 58.33333333%
    }

    .col-lg-13 {
        width: 54.16666667%
    }

    .col-lg-12 {
        width: 50%
    }

    .col-lg-11 {
        width: 45.83333333%
    }

    .col-lg-10 {
        width: 41.66666667%
    }

    .col-lg-9 {
        width: 37.5%
    }

    .col-lg-8 {
        width: 33.33333333%
    }

    .col-lg-7 {
        width: 29.16666667%
    }

    .col-lg-6 {
        width: 25%
    }

    .col-lg-5 {
        width: 20.83333333%
    }

    .col-lg-4 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 12.5%
    }

    .col-lg-2 {
        width: 8.33333333%
    }

    .col-lg-1 {
        width: 4.16666667%
    }

    .col-lg-pull-24 {
        right: 100%
    }

    .col-lg-pull-23 {
        right: 95.83333333%
    }

    .col-lg-pull-22 {
        right: 91.66666667%
    }

    .col-lg-pull-21 {
        right: 87.5%
    }

    .col-lg-pull-20 {
        right: 83.33333333%
    }

    .col-lg-pull-19 {
        right: 79.16666667%
    }

    .col-lg-pull-18 {
        right: 75%
    }

    .col-lg-pull-17 {
        right: 70.83333333%
    }

    .col-lg-pull-16 {
        right: 66.66666667%
    }

    .col-lg-pull-15 {
        right: 62.5%
    }

    .col-lg-pull-14 {
        right: 58.33333333%
    }

    .col-lg-pull-13 {
        right: 54.16666667%
    }

    .col-lg-pull-12 {
        right: 50%
    }

    .col-lg-pull-11 {
        right: 45.83333333%
    }

    .col-lg-pull-10 {
        right: 41.66666667%
    }

    .col-lg-pull-9 {
        right: 37.5%
    }

    .col-lg-pull-8 {
        right: 33.33333333%
    }

    .col-lg-pull-7 {
        right: 29.16666667%
    }

    .col-lg-pull-6 {
        right: 25%
    }

    .col-lg-pull-5 {
        right: 20.83333333%
    }

    .col-lg-pull-4 {
        right: 16.66666667%
    }

    .col-lg-pull-3 {
        right: 12.5%
    }

    .col-lg-pull-2 {
        right: 8.33333333%
    }

    .col-lg-pull-1 {
        right: 4.16666667%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-24 {
        left: 100%
    }

    .col-lg-push-23 {
        left: 95.83333333%
    }

    .col-lg-push-22 {
        left: 91.66666667%
    }

    .col-lg-push-21 {
        left: 87.5%
    }

    .col-lg-push-20 {
        left: 83.33333333%
    }

    .col-lg-push-19 {
        left: 79.16666667%
    }

    .col-lg-push-18 {
        left: 75%
    }

    .col-lg-push-17 {
        left: 70.83333333%
    }

    .col-lg-push-16 {
        left: 66.66666667%
    }

    .col-lg-push-15 {
        left: 62.5%
    }

    .col-lg-push-14 {
        left: 58.33333333%
    }

    .col-lg-push-13 {
        left: 54.16666667%
    }

    .col-lg-push-12 {
        left: 50%
    }

    .col-lg-push-11 {
        left: 45.83333333%
    }

    .col-lg-push-10 {
        left: 41.66666667%
    }

    .col-lg-push-9 {
        left: 37.5%
    }

    .col-lg-push-8 {
        left: 33.33333333%
    }

    .col-lg-push-7 {
        left: 29.16666667%
    }

    .col-lg-push-6 {
        left: 25%
    }

    .col-lg-push-5 {
        left: 20.83333333%
    }

    .col-lg-push-4 {
        left: 16.66666667%
    }

    .col-lg-push-3 {
        left: 12.5%
    }

    .col-lg-push-2 {
        left: 8.33333333%
    }

    .col-lg-push-1 {
        left: 4.16666667%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-24 {
        margin-left: 100%
    }

    .col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-21 {
        margin-left: 87.5%
    }

    .col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .col-lg-offset-18 {
        margin-left: 75%
    }

    .col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-15 {
        margin-left: 62.5%
    }

    .col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .col-lg-offset-12 {
        margin-left: 50%
    }

    .col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 37.5%
    }

    .col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .col-lg-offset-6 {
        margin-left: 25%
    }

    .col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 12.5%
    }

    .col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .visible-lg {
        display: block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }

    .hidden-lg {
        display: none!important
    }
}

@media screen and (min-width:1621px) {
    .sms-product #banner {
        height: 100vh!important
    }

    .mail-product #banner,.smtp-product #banner {
        height: 73vh!important
    }

    #description .mac-mail {
        top: -52%
    }
}

@media screen and (max-width:1919px) {
    footer .address .item i,footer .sitemap .item i {
        height: 50px
    }

    #video #list-videos .content .links .link i {
        font-size: 12px;
        padding-right: 0
    }
}

@media screen and (max-width:1620px) {
    #navbar .links ul li a,#navbar span {
        font-size: 14px
    }

    #navbar .submenu-access {
        margin-left: -80px
    }

    #index #banner h1 {
        font-size: 35px
    }

    #index #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #index #solutions h1 {
        font-size: 45px;
        margin-top: 85px
    }

    #index #solutions h2 {
        font-size: 20px;
        margin-top: 35px
    }

    #index #solutions h3 {
        font-size: 35px;
        margin-top: 85px
    }

    #index #solutions .product .description .price .cypher {
        font-size: 25px
    }

    #index #solutions .product .description .price a {
        margin-top: 20px;
        font-size: 16px
    }

    #index #clients .content h3 {
        font-size: 35px;
        margin-bottom: 25px
    }

    #index #clients .content .text,#index #clients .content h6 {
        font-size: 16px
    }

    #index #blog .content .top h3 {
        font-size: 35px
    }

    #index #blog .content .principal .description h4,#index #blog .content .top a {
        font-size: 16px
    }

    #index #blog .content .principal .description .text {
        font-size: 14px;
        margin-top: 15px;
        line-height: 16px;
        padding-bottom: 10px
    }

    #index #blog .content .secondary .description h4 {
        font-size: 16px
    }

    #index #blog .content .secondary .description .text {
        font-size: 14px;
        margin-top: 15px;
        line-height: 16px;
        padding-bottom: 10px
    }

    #index #localization .info h3,#index #partners h3 {
        font-size: 35px
    }

    #index #localization .info .text {
        font-size: 16px;
        margin-top: 30px
    }

    #index #localization button {
        font-size: 16px
    }

    #index #localization button i {
        padding-left: 15px!important
    }

    #index #localization .btn-localization {
        font-size: 16px
    }

    #index #localization .btn-localization i {
        padding-left: 15px!important
    }

    #index #form-route input[type=text] {
        font-size: 16px
    }

    #index #form-route input[type=text]::-webkit-input-placeholder {
        font-size: 16px
    }

    #index #form-route input[type=text]:-moz-placeholder,#index #form-route input[type=text]::-moz-placeholder {
        font-size: 16px
    }

    #index #form-route input[type=text]:-ms-input-placeholder {
        font-size: 16px
    }

    #index #form-route button {
        font-size: 16px
    }

    #talk-with-us #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #talk-with-us #banner h1 {
        font-size: 35px
    }

    #talk-with-us #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #talk-with-us #contato .group .bg-white select,#talk-with-us #contato .group button,#talk-with-us #contato .group input[type=email],#talk-with-us #contato .group input[type=password],#talk-with-us #contato .group input[type=text],#talk-with-us #contato .group label,#talk-with-us #contato .group textarea {
        font-size: 16px
    }

    #work-with-us #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #work-with-us #banner h1 {
        font-size: 35px
    }

    #work-with-us #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #work-with-us #contato .group .bg-white select,#work-with-us #contato .group .form-curriculum-label,#work-with-us #contato .group button,#work-with-us #contato .group h4,#work-with-us #contato .group input[type=email],#work-with-us #contato .group input[type=password],#work-with-us #contato .group input[type=text],#work-with-us #contato .group label,#work-with-us #contato .group textarea {
        font-size: 16px
    }

    #work-with-us #questions {
        height: 650px
    }

    #work-with-us #questions .question {
        font-size: 35px;
        margin-top: 20px
    }

    #work-with-us #questions .question h3 {
        font-size: 35px
    }

    #work-with-us #questions .question span {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 20px
    }

    #work-with-us #questions .question a {
        font-size: 16px
    }

    #clients #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #clients #banner h1 {
        font-size: 35px
    }

    #clients #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #clients #clients-videos h3 {
        font-size: 35px
    }

    #clients #clients-videos .depoiment i {
        margin-right: 20px;
        height: 100px
    }

    #clients #clients-videos .depoiment .people,#clients #clients-videos .depoiment span {
        font-size: 16px
    }

    #clients #clients-videos .icon:after,#clients #clients-videos .icon:hover:after {
        font-size: 80px
    }

    #about-us #banner h1 {
        font-size: 35px
    }

    #about-us #description .content .text {
        font-size: 16px
    }

    #about-us #banner-team .content h3 {
        font-size: 35px
    }

    #about-us #banner-team .content h4 {
        font-size: 20px
    }

    #about-us #ambient h3 {
        font-size: 35px;
        line-height: 35px
    }

    #about-us #ambient .text {
        font-size: 16px
    }

    #about-us #slider-team #carrousel-team {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    #about-us #work-with-us {
        height: 650px
    }

    #about-us #work-with-us .question {
        font-size: 35px;
        margin-top: 20px
    }

    #about-us #work-with-us .question h3 {
        font-size: 35px;
        line-height: 35px
    }

    #about-us #work-with-us .question span {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 20px
    }

    #about-us #work-with-us .question a {
        font-size: 16px
    }

    #about-us #i-hate-spam {
        min-height: 350px
    }

    #about-us #i-hate-spam .content a {
        font-size: 16px
    }

    #ebooks #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #ebooks #banner h1 {
        font-size: 35px
    }

    #ebooks #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #ebooks #ebooks-gallery .ebook a {
        font-size: 12px;
        line-height: 15px;
        font-weight: 500!important
    }

    #videos #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #videos #banner h1 {
        font-size: 35px
    }

    #videos #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #videos #videos-gallery h3 {
        font-size: 35px
    }

    #videos #videos-gallery h3:after {
        top: 17.5px
    }

    #videos #videos-gallery .video .icon .time {
        font-size: 16px
    }

    #videos #videos-gallery .video .icon:after {
        font-size: 50px
    }

    #videos #videos-gallery .video a {
        font-size: 16px;
        font-weight: 500!important;
        min-height: 50px
    }

    #documents #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #documents #banner h1 {
        font-size: 35px
    }

    #documents #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #documents .product .description .price .text {
        margin-top: 0;
        font-size: 16px
    }

    #documents .product .description .price a {
        margin-top: 20px;
        font-size: 16px
    }

    #i-hate-spam #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #i-hate-spam #banner h1 {
        font-size: 35px
    }

    #i-hate-spam #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #i-hate-spam #about .content {
        top: 50%;
        min-height: 400px
    }

    #i-hate-spam #about .content h3 {
        font-size: 25px
    }

    #i-hate-spam #about .content p {
        font-size: 16px;
        line-height: 18px
    }

    #i-hate-spam #about .content a {
        margin-top: 20px;
        font-size: 16px
    }

    #i-hate-spam #about .content a i {
        padding-right: 5px
    }

    #i-hate-spam #follow-us h3 {
        font-size: 35px
    }

    #i-hate-spam #follow-us a,#i-hate-spam #follow-us span {
        font-size: 16px
    }

    #api header .content h1 {
        font-size: 30px
    }

    #api header .content h3 {
        font-size: 35px
    }

    #api #apresentation h3 {
        font-size: 22px
    }

    #api #documentation .itens h5,#api #documentation .itens ul li {
        font-size: 16px
    }

    #api #content h3 {
        font-size: 35px
    }

    #api #content div h6 {
        font-size: 18px
    }

    #api #content .alert,#api #content .requisition,#api #content div .description div li,#api #content div .info div li,#error-404 a,#error-404 span {
        font-size: 16px
    }

    #video #list-videos .content h3 {
        font-size: 35px;
        padding-right: 0
    }

    #video #list-videos .content .links .link a {
        font-size: 16px
    }

    #product header .back {
        padding-top: 12px;
        text-align: right
    }

    #product header .back a {
        font-size: 12px
    }

    #product #banner {
        background-position: top;
        background-size: cover;
        -webkit-background-size: cover
    }

    #product #banner .call h1 {
        font-size: 35px
    }

    #product #banner .call h2 {
        font-size: 16px;
        line-height: 19px
    }

    #product #banner .call .buttons a,#product #description .itens .item .content h5 {
        font-size: 16px
    }

    #product #description .itens .item .content p {
        font-size: 16px;
        line-height: 18px
    }

    #product #drag-drop .content .text h5 {
        font-size: 35px
    }

    #product #drag-drop .content .text p {
        font-size: 16px
    }

    #product #reports {
        height: 750px
    }

    #product #reports .content .text h5 {
        font-size: 35px
    }

    #product #reports .content .text p {
        font-size: 16px
    }

    #product #social-networks .content h5 {
        font-size: 35px
    }

    #product #social-networks .content span {
        font-size: 16px
    }

    #product #social-networks .content i {
        font-size: 30px
    }

    #product #call a {
        line-height: 70px;
        height: 70px;
        font-size: 16px
    }

    #product #clients-videos h3 {
        font-size: 35px
    }

    #product #clients-videos .depoiment i {
        margin-right: 20px;
        height: 100px
    }

    #product #clients-videos .depoiment .people,#product #clients-videos .depoiment span {
        font-size: 16px
    }

    #product #clients-videos .depoiment .people .name {
        padding-bottom: 30px
    }

    #product #slider-products h3 {
        font-size: 35px
    }

    #product #slider-products span {
        font-size: 16px
    }

    #product #slider-products #slider .item .value h3 {
        font-size: 50px
    }

    #product #slider-products #slider .item .value h3:before {
        font-size: 25px
    }

    #product #slider-products #slider .item .description .content h5 {
        font-size: 16px;
        line-height: 16px
    }

    #product #slider-products #slider .item .description .content .text,#product #slider-products #slider .item a {
        font-size: 16px
    }

    #product #slider-products .footer {
        font-size: 14px
    }

    #product #ebook {
        height: 420px
    }

    #product #ebook .text {
        margin-top: 80px
    }

    #product #ebook .text h3 {
        font-size: 35px;
        line-height: 35px
    }

    #product #ebook .text .span,#product #ebook .text a {
        margin-top: 20px;
        font-size: 16px
    }

    #product #questions {
        height: 650px
    }

    #product #questions .question {
        font-size: 35px;
        margin-top: 20px
    }

    #product #questions .question h3 {
        font-size: 35px
    }

    #product #questions .question span {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 20px
    }

    #product #questions .question a {
        font-size: 16px
    }

    .sms-product #banner {
        height: 105vh!important
    }

    .sms-product .button-mobile {
        margin-top: 0
    }

    .sms-product #clients-videos .icon:after,.sms-product #clients-videos .icon:hover:after {
        font-size: 80px
    }

    .smtp-product #banner {
        height: 87vh!important
    }

    .smtp-product .button-mobile {
        margin-top: 0
    }

    .smtp-product #easy-use .content .img {
        top: 30%;
        transform: translateY(-20%)
    }

    .smtp-product #easy-use .content .text h3 {
        font-size: 35px
    }

    .smtp-product #easy-use .content .text p {
        font-size: 16px;
        line-height: 19px
    }

    .smtp-product #clients-videos .icon:after,.smtp-product #clients-videos .icon:hover:after {
        font-size: 80px
    }

    .mail-product #banner {
        height: 87vh!important
    }

    .mail-product #reports {
        min-height: 1500px
    }

    .mail-product .button-mobile {
        margin-top: 0
    }

    .mail-product #search-module .content .text h3 {
        font-size: 35px
    }

    .mail-product #search-module .content .text p {
        font-size: 16px;
        line-height: 19px
    }

    .mail-product #clients-videos .icon:after,.mail-product #clients-videos .icon:hover:after {
        font-size: 80px
    }

    #contact-success span {
        font-size: 16px
    }

    #contact-success .span {
        font-size: 15px
    }

    #contact-success a {
        font-size: 16px
    }

    #account #banner h1 {
        font-size: 35px
    }

    #account #banner h2 {
        font-size: 16px;
        line-height: 19px
    }

    #account #contato .group button,#account #contato .group input[type=email],#account #contato .group input[type=password],#account #contato .group input[type=text],#account #contato .group label,#account #contato .options,#account #contato h5 {
        font-size: 16px
    }

    #newsletter #form-newsletter h3 {
        font-size: 35px
    }

    #newsletter #form-newsletter input[type=text],#newsletter #form-newsletter span {
        font-size: 16px
    }

    #newsletter #form-newsletter input[type=text]::-webkit-input-placeholder {
        font-size: 16px
    }

    #newsletter #form-newsletter input[type=text]:-moz-placeholder,#newsletter #form-newsletter input[type=text]::-moz-placeholder {
        font-size: 16px
    }

    #newsletter #form-newsletter input[type=text]:-ms-input-placeholder {
        font-size: 16px
    }

    #newsletter #form-newsletter input[type=submit] {
        font-size: 16px
    }

    #description .mac-sms {
        height: 560px
    }

    #description .mac-mail {
        top: -50%;
        height: 600px
    }

    #description .mac-smtp {
        top: -45%;
        height: 600px
    }
}

@media screen and (max-width:1620x) {
    #video #player {
        min-height: 110vh!important
    }
}

@media screen and (max-width:1366px) {
    #navbar .submenu-one {
        margin-left: -250px
    }

    #navbar .submenu-one .description {
        padding-left: 25px;
        padding-right: 25px;
        min-height: 200px
    }

    #navbar .submenu-one .description h4 {
        font-size: 20px
    }

    #navbar .submenu-one .description .text {
        font-size: 13px
    }

    #navbar .submenu-one .links {
        min-height: 200px
    }

    #navbar .submenu-one .links ul li {
        padding-bottom: 25px
    }

    #navbar .submenu-one .links ul li a {
        font-size: 15px
    }

    #navbar .submenu-two {
        margin-left: -250px
    }

    #navbar .submenu-two .description {
        padding-left: 25px;
        padding-right: 25px;
        min-height: 200px
    }

    #navbar .submenu-two .description h4 {
        font-size: 20px
    }

    #navbar .submenu-two .description .text {
        font-size: 13px
    }

    #navbar .submenu-two .links {
        min-height: 200px
    }

    #navbar .submenu-two .links ul li {
        padding-bottom: 25px
    }

    #navbar .submenu-two .links ul li a {
        font-size: 15px
    }

    #navbar .submenu-access {
        margin-left: -80px
    }

    #navbar .submenu-access .links {
        min-height: 200px
    }

    #navbar .submenu-access .links ul li {
        padding-bottom: 25px
    }

    #navbar .submenu-access .links ul li a {
        font-size: 15px
    }

    .button-access {
        font-size: 14px
    }

    .fixed,.fixed-2,.modal .header {
        height: 60px
    }

    #index #solutions .product {
        margin-top: 110px;
        margin-bottom: 40px
    }

    #index #solutions .product .description .text {
        font-size: 12px;
        padding-bottom: 20px
    }

    #index #solutions .product .description .price {
        min-height: 180px
    }

    #index #solutions .product .description .price .text {
        margin-top: 0;
        font-size: 16px
    }

    #index #solutions .product .description .price .text-tiny {
        margin-top: 0;
        font-size: 12px
    }

    #index #solutions .product .description .price .value {
        font-size: 35px
    }

    #index #blog .content .principal .description {
        padding-left: 15px;
        padding-right: 15px
    }

    #index #blog .content .secondary {
        padding-left: 15px
    }

    #index #blog .content .secondary .description {
        padding-left: 290px;
        padding-right: 15px;
        padding-top: 20px
    }

    #index #partners {
        min-height: 500px
    }

    .menu-mobile .header {
        height: 60px
    }

    #login-mail .box #logo-mail img {
        font-size: 50px
    }

    #login-mail .text {
        font-size: 20px
    }

    #login-mail .group input[type=email],#login-mail .group input[type=password],#login-mail .group input[type=text],#login-mail .group label {
        font-size: 14px
    }

    #login-mail .forgot a {
        font-size: 12px
    }

    #login-mail .back-login a button,#login-mail button {
        font-size: 14px
    }

    #login-mail #recovery #recovery-form-mail {
        padding-top: 50px
    }

    #login-sms .box #logo-sms img {
        font-size: 50px
    }

    #login-sms .text {
        font-size: 20px
    }

    #login-sms .group input[type=email],#login-sms .group input[type=password],#login-sms .group input[type=text],#login-sms .group label {
        font-size: 14px
    }

    #login-sms .forgot a {
        font-size: 12px
    }

    #login-sms .back-login a button,#login-sms button {
        font-size: 14px
    }

    #login-sms #recovery #recovery-form-sms {
        padding-top: 50px
    }

    #login-smtp .box #logo-smtp img {
        font-size: 50px
    }

    #login-smtp .text {
        font-size: 20px
    }

    #login-smtp .group input[type=email],#login-smtp .group input[type=password],#login-smtp .group input[type=text],#login-smtp .group label {
        font-size: 14px
    }

    #login-smtp .forgot a {
        font-size: 12px
    }

    #login-smtp .back-login a button,#login-smtp button {
        font-size: 14px
    }

    #login-smtp #recovery #recovery-form-smtp {
        padding-top: 50px
    }

    #login-footer {
        margin-bottom: 10px
    }

    #about-us #slider-team .customNavigation a:first-child {
        margin-left: 30%
    }

    #about-us #slider-team .customNavigation a:last-child {
        margin-right: 30%
    }

    #ebooks #ebooks-gallery .ebook .text,#videos #videos-gallery .video .text {
        padding-left: 8px
    }

    #documents .product {
        margin-top: 150px;
        margin-bottom: 100px
    }

    #documents .product .description img {
        margin-top: 100px
    }

    #documents .product .description .text {
        padding-bottom: 20px
    }

    #error-404 h3 {
        font-size: 70px
    }

    #product #description .itens .item .content {
        padding-left: 20px
    }

    .smtp-product #reports {
        height: 950px!important
    }

    .smtp-product #easy-use,.smtp-product #easy-use .content {
        height: 400px
    }

    .mail-product #search-module,.mail-product #search-module .content {
        height: 450px
    }

    #contact-success header {
        margin-top: 20px!important
    }

    #contact-success h3 {
        font-size: 45px
    }

    #contact-success .test {
        font-size: 25px!important
    }
}

@media screen and (max-width:1360px) {
    #account #contato h5 {
        text-indent: 0
    }
}

@media screen and (max-width:1280px) {
    #index #solutions .product .description .price a {
        margin-top: 30px
    }

    #index #blog .content .top a i {
        padding-left: 0
    }

    #index .slider {
        position: relative;
        display: block;
        top: 10%;
        transform: translateY(10%)
    }

    #about-us #slider-team .customNavigation a:first-child {
        width: 50px;
        height: 50px
    }

    #about-us #slider-team .customNavigation a:first-child i {
        line-height: 50px;
        vertical-align: middle;
        font-size: 20px
    }

    #about-us #slider-team .customNavigation a:last-child {
        width: 50px;
        height: 50px
    }

    #about-us #slider-team .customNavigation a:last-child i {
        line-height: 50px;
        vertical-align: middle;
        font-size: 20px
    }

    footer .last-footer {
        padding-top: 50px
    }

    #documents .product .description .price a {
        margin-top: 30px
    }

    #product #slider-products .customNavigation a:first-child {
        width: 50px;
        height: 50px
    }

    #product #slider-products .customNavigation a:first-child i {
        line-height: 50px;
        vertical-align: middle;
        font-size: 20px
    }

    #product #slider-products .customNavigation a:last-child {
        width: 50px;
        height: 50px
    }

    #product #slider-products .customNavigation a:last-child i {
        line-height: 50px;
        vertical-align: middle;
        font-size: 20px
    }

    #contact-success header {
        margin-top: 15px!important
    }

    #contact-success h3 {
        font-size: 35px
    }

    #contact-success a,#contact-success span {
        margin-top: 15px
    }
}

@media screen and (max-width:1279px) {
    #video #list-videos .content .links .link i {
        font-size: 11px
    }
}

@media screen and (max-width:1200px) {
    #index #blog .content .secondary {
        padding-left: 0;
        padding-right: 0
    }

    #index #blog .content .secondary .post-one {
        margin-top: 35px;
        padding-left: 0;
        padding-right: 0
    }

    #index #blog .content .secondary .post-two,#index #blog .content .secondary .principal-post {
        padding-left: 0;
        padding-right: 0
    }

    #api header .content {
        margin-top: 80px
    }
}

@media screen and (max-width:1024px) {
    #index #solutions .product {
        margin-top: 130px;
        margin-bottom: 40px
    }

    #index #blog .content .principal .description h4 {
        font-size: 20px
    }

    #index #blog .content .principal .description .text {
        font-size: 16px
    }

    #index #blog .content .secondary .description h4 {
        font-size: 20px
    }

    #index #blog .content .secondary .description .text {
        font-size: 16px
    }

    .menu-mobile {
        width: 60vw
    }

    #about-us #slider-team .customNavigation a:first-child {
        margin-left: 5%
    }

    #about-us #slider-team .customNavigation a:last-child {
        margin-right: 5%
    }

    #ebooks #ebooks-gallery .ebook img,#videos #videos-gallery .video img {
        width: 100%
    }

    #videos #videos-gallery .video .text {
        padding-top: 5px;
        padding-left: 0
    }

    #documents .product {
        margin-top: 130px;
        margin-bottom: 70px
    }

    #i-hate-spam #about .content a {
        margin-top: 20px
    }

    #api header .content h1 {
        font-size: 25px
    }

    #api header .content h3 {
        font-size: 30px
    }

    #api header .content .text {
        font-size: 16px
    }

    #api #apresentation h3 {
        font-size: 20px
    }

    #api #apresentation .text {
        font-size: 14px
    }

    #api #content h3 {
        font-size: 30px
    }

    #video #list-videos .content .links .link i {
        font-size: 15px;
        padding-right: 5px
    }

    #product #banner {
        height: 100vh!important
    }

    #product #banner .call {
        transform: translate(-50%,-40%);
        top: 40%
    }

    #product #description .itens .item .content {
        padding-left: 0
    }

    #product #ebook .img {
        margin-top: 70px
    }

    #product #ebook .text {
        margin-top: 60px
    }

    .sms-product #description .itens {
        margin-bottom: 50px!important
    }
}

@media screen and (max-width:1023px) {
    #video #list-videos .content {
        margin-top: 30px;
        height: 50px
    }
}

@media screen and (max-width:990px) {
    #index #clients {
        position: relative;
        min-height: 800px
    }

    #index #clients .content {
        position: relative;
        margin-top: 50px;
        transform: translateY(0)
    }

    #clients #clients-videos {
        max-height: 1200px
    }

    #clients #clients-videos .icon {
        margin-bottom: 30px
    }

    #clients #clients-videos .depoiment .people .name {
        padding-bottom: 30px
    }

    footer .social {
        margin-top: 0!important
    }

    #video #list-videos .content .links .link {
        padding-bottom: 12.5px;
        padding-top: 12.5px
    }

    #product #description .itens {
        margin-bottom: 90px
    }

    #product #reports {
        height: 650px
    }

    #product #clients-videos {
        max-height: 1200px
    }

    #product #clients-videos .icon {
        margin-bottom: 30px
    }
}

@media screen and (max-width:800px) {
    .smtp-product #easy-use {
        height: 680px
    }

    .smtp-product #easy-use .content .text {
        top: 0;
        transform: translateY(0);
        height: 300px;
        margin-top: 40px
    }

    .mail-product #search-module {
        height: 600px
    }

    .mail-product #search-module .content {
        height: 300px
    }

    .mail-product #search-module .content .img {
        height: 260px;
        top: 0;
        transform: translateY(0)
    }

    .mail-product #search-module .content .img img {
        top: 100%;
        position: absolute;
        transform: translateY(-100%)
    }

    .mail-product #search-module .content .text {
        top: 0;
        transform: translateY(0);
        height: 300px;
        margin-top: 40px
    }
}

@media screen and (max-width:797px) {
    #contact-success .span,#contact-success span {
        margin-top: 0
    }

    #contact-success a {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    #index #banner h1 {
        font-size: 30px
    }

    #index #solutions {
        padding-bottom: 30px
    }

    #index #solutions h1 {
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 85px
    }

    #index #solutions h2 {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 30px
    }

    #index #solutions h3 {
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 50px
    }

    #index #solutions .product .description {
        min-height: 0
    }

    #index #blog .content .top h3,#index #clients .content h3 {
        font-size: 30px
    }

    #index #blog .content .principal {
        min-height: 0
    }

    #index #blog .content .principal img {
        width: 100%
    }

    #index #blog .content .secondary img {
        float: none;
        width: 100%
    }

    #index #blog .content .secondary .description {
        padding-left: 15px
    }

    #index #localization .info h3,#index #partners h3 {
        font-size: 30px
    }

    #index .slider {
        top: 0;
        transform: translateY(0);
        padding-bottom: 150px
    }

    #index .bxslider {
        padding-top: 50px;
        padding-bottom: 50px
    }

    #index .bx-wrapper .bx-pager {
        bottom: -100px!important
    }

    #talk-with-us #banner h1 {
        font-size: 30px
    }

    #talk-with-us #contato .group #form-city-label,#talk-with-us #contato .group .label-gray {
        width: 100%
    }

    #work-with-us #banner h1 {
        font-size: 30px
    }

    #work-with-us #contato .group h4 {
        display: none
    }

    #work-with-us #contato .group .label-gray {
        width: 100%
    }

    #about-us #banner-team .content h3,#about-us #banner h1,#clients #banner h1,#clients #clients-videos h3 {
        font-size: 30px
    }

    #about-us #banner-team .content h4,#about-us #banner-team .content p {
        font-size: 16px
    }

    #about-us #ambient h3 {
        font-size: 30px;
        line-height: 30px
    }

    #about-us #work-with-us .question h3,#ebooks #banner h1,#videos #banner h1,#videos #videos-gallery h3 {
        font-size: 30px
    }

    #videos #videos-gallery h3:after {
        top: 17.5px
    }

    #documents #banner h1 {
        font-size: 30px
    }

    #documents #solutions {
        padding-top: 100px;
        padding-bottom: 50px
    }

    #documents .product {
        padding-top: 80px;
        margin-top: 0!important;
        padding-bottom: 80px;
        margin-bottom: 0!important
    }

    #documents .product .description {
        min-height: 0
    }

    #i-hate-spam #banner h1,#i-hate-spam #follow-us h3 {
        font-size: 30px
    }

    #api #documentation .itens ul li {
        padding-left: 0;
        font-size: 14px;
        text-indent: 10px;
        padding-left: 10
    }

    #product #banner .call h1,#product #clients-videos h3,#product #drag-drop .content .text h5,#product #reports .content .text h5,#product #slider-products h3 {
        font-size: 30px
    }

    #product #ebook .text {
        margin-top: 50px
    }

    #product #ebook .text h3 {
        font-size: 30px;
        line-height: 32px
    }

    .smtp-product #reports {
        height: 850px!important
    }

    .smtp-product #easy-use .content,.smtp-product #easy-use .content .img {
        height: 340px;
        top: 0;
        transform: translateY(0)
    }

    .mail-product #search-module .content .text h3,.smtp-product #easy-use .content .text h3 {
        font-size: 30px
    }

    #account #contato .group .label-gray {
        width: 100%
    }

    #newsletter #form-newsletter h3 {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    #index #banner h1 {
        font-size: 25px;
        top: 35%
    }

    #index #banner h2 {
        margin-top: 30px;
        top: 55%
    }

    #index #banner .button-slide {
        margin-bottom: -90vh;
        width: 55px;
        height: 55px
    }

    #index #solutions .product {
        margin-top: 130px
    }

    #index #blog .content .top h3,#index #clients .content h3 {
        font-size: 25px
    }

    #index #blog .content .principal .description h4 {
        font-size: 16px
    }

    #index #blog .content .principal .description .text {
        font-size: 14px
    }

    #index #blog .content .secondary .description {
        min-height: 200px
    }

    #index #partners .partner {
        top: 0;
        transform: translateY(0)
    }

    #index #localization {
        min-height: 80vh
    }

    #index .slider {
        position: relative;
        display: block;
        top: 30%;
        transform: translateY(30%)
    }

    #talk-with-us #banner {
        min-height: 60vh
    }

    #talk-with-us #banner h1 {
        font-size: 25px
    }

    #work-with-us #banner {
        min-height: 60vh
    }

    #work-with-us #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #work-with-us #banner h2 {
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #work-with-us #questions {
        height: 600px
    }

    #work-with-us #questions .img {
        padding-left: 0
    }

    #work-with-us #questions .question {
        font-size: 30px;
        margin-top: 10px;
        padding-left: 0
    }

    #work-with-us #questions .question h3 {
        font-size: 25px;
        padding: 0
    }

    #work-with-us #questions .question span {
        padding-left: 0
    }

    #work-with-us #questions .question a {
        margin-left: 0;
        padding: 0
    }

    #login-mail header {
        padding-top: 20px
    }

    #login-mail header .back {
        padding-top: 0
    }

    #login-mail header .back a {
        font-size: 12px
    }

    #login-mail .box #logo-mail img {
        padding-top: 10px
    }

    #login-mail .text {
        padding-top: 16px
    }

    #login-mail .group input[type=email],#login-mail .group input[type=password],#login-mail .group input[type=text] {
        padding: 0
    }

    #login-mail .back-login a button,#login-mail button {
        margin-bottom: 20px
    }

    #login-mail #login #login-form-mail {
        padding: 0;
        padding-top: 15px
    }

    #login-mail #recovery #recovery-form-mail {
        padding: 0;
        padding-top: 20px
    }

    #login-mail #recovery-send {
        padding: 0
    }

    #login-sms header {
        padding-top: 20px
    }

    #login-sms header .back {
        padding-top: 0
    }

    #login-sms header .back a {
        font-size: 12px
    }

    #login-sms .box #logo-sms img {
        padding-top: 10px
    }

    #login-sms .text {
        padding-top: 16px
    }

    #login-sms .group input[type=email],#login-sms .group input[type=password],#login-sms .group input[type=text] {
        padding: 0
    }

    #login-sms .back-login a button,#login-sms button {
        margin-bottom: 20px
    }

    #login-sms #login #login-form-sms {
        padding: 0;
        padding-top: 15px
    }

    #login-sms #recovery #recovery-form-sms {
        padding: 0;
        padding-top: 20px
    }

    #login-sms #recovery-send {
        padding: 0
    }

    #login-smtp header {
        padding-top: 20px
    }

    #login-smtp header .back {
        padding-top: 0
    }

    #login-smtp header .back a {
        font-size: 12px
    }

    #login-smtp .box #logo-smtp img {
        padding-top: 10px
    }

    #login-smtp .text {
        padding-top: 16px
    }

    #login-smtp .group input[type=email],#login-smtp .group input[type=password],#login-smtp .group input[type=text] {
        padding: 0
    }

    #login-smtp .back-login a button,#login-smtp button {
        margin-bottom: 20px
    }

    #login-smtp #login #login-form-smtp {
        padding: 0;
        padding-top: 15px
    }

    #login-smtp #recovery #recovery-form-smtp {
        padding: 0;
        padding-top: 20px
    }

    #login-smtp #recovery-send {
        padding: 0
    }

    #login-mail:before {
        display: none
    }

    #clients #banner {
        min-height: 60vh
    }

    #clients #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #clients #clients-list img {
        padding-bottom: 15px;
        padding-top: 15px
    }

    #clients #clients-videos h3 {
        padding-top: 25px;
        font-size: 25px
    }

    #about-us #banner h1 {
        font-size: 25px
    }

    #about-us #banner .button-slide {
        margin-bottom: -90vh;
        width: 55px;
        height: 55px
    }

    #about-us #description {
        min-height: 350px
    }

    #about-us #description .content .text {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #about-us #banner-team .content h3 {
        font-size: 25px
    }

    #about-us #ambient {
        margin-top: 50px;
        padding: 10px
    }

    #about-us #ambient h3 {
        font-size: 25px;
        line-height: 25px
    }

    #about-us #ambient .text {
        padding-top: 30px
    }

    #about-us #work-with-us {
        height: 600px
    }

    #about-us #work-with-us .img {
        padding-left: 0
    }

    #about-us #work-with-us .question {
        font-size: 30px;
        margin-top: 10px;
        padding-left: 0
    }

    #about-us #work-with-us .question h3 {
        font-size: 25px;
        padding: 0
    }

    #about-us #work-with-us .question span {
        padding-left: 0
    }

    #about-us #work-with-us .question a {
        margin-left: 0;
        padding: 0
    }

    #about-us #i-hate-spam .content span {
        font-size: 17px
    }

    #ebooks #banner {
        min-height: 60vh
    }

    #ebooks #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #ebooks #banner h2 {
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #ebooks #ebooks-gallery .ebook a {
        padding-bottom: 20px
    }

    #videos #banner {
        min-height: 60vh
    }

    #videos #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #videos #banner h2 {
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #videos #videos-gallery,#videos #videos-gallery .gallery {
        padding-top: 30px;
        padding-bottom: 0
    }

    #videos #videos-gallery h3 {
        font-size: 25px
    }

    #videos #videos-gallery h3:after {
        top: 12.5px
    }

    #videos #videos-gallery .video {
        padding-bottom: 0
    }

    #documents #banner {
        min-height: 60vh
    }

    #documents #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #documents #banner h2 {
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #documents #solutions {
        padding-top: 80px;
        padding-bottom: 40px
    }

    #documents #access {
        min-height: 1000px
    }

    #documents .product {
        padding-top: 50px;
        margin-top: 0!important;
        padding-bottom: 50px;
        margin-bottom: 0!important
    }

    #i-hate-spam #banner {
        min-height: 60vh
    }

    #i-hate-spam #banner h1 {
        font-size: 25px;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #i-hate-spam #about {
        min-height: 750px
    }

    #i-hate-spam #about .content {
        top: 30%
    }

    #i-hate-spam #follow-us {
        padding-bottom: 50px
    }

    #i-hate-spam #follow-us h3 {
        font-size: 25px
    }

    #i-hate-spam #follow-us .img img {
        left: 50%
    }

    #i-hate-spam #follow-us a {
        margin-left: 0;
        padding: 0
    }

    #api header .content h1 {
        font-size: 20px
    }

    #api header .content h3 {
        font-size: 25px
    }

    #api header .content .text {
        font-size: 14px
    }

    #api #apresentation h3 {
        font-size: 18px
    }

    #api #documentation {
        padding-top: 45px;
        min-height: 400px;
        padding-left: 0
    }

    #api #documentation .itens {
        padding: 10px
    }

    #api #content {
        padding-top: 45px;
        border-bottom: 1px solid #f1f2f2
    }

    #api #content h3 {
        font-size: 25px
    }

    #api #content div h6 {
        font-size: 16px
    }

    #api #content .requisition,#api #content div .description div li,#api #content div .info div li {
        font-size: 14px
    }

    #api #content .requisition {
        padding: 5px 10px;
        overflow: auto!important
    }

    .api-mail #documentation ul .active:after,.api-sms #documentation ul .active:after,.api-smtp #documentation ul .active:after {
        display: none
    }

    #error-404 header {
        margin-top: 20px
    }

    #error-404 h3 {
        font-size: 45px
    }

    #error-404 a {
        margin-top: 20px
    }

    #video #player .view {
        height: 60vh
    }

    #video #player .view h5 {
        font-size: 15px
    }

    #video #player .view a {
        font-size: 13px
    }

    #video #player .view iframe {
        padding-top: 0;
        padding-bottom: 0;
        height: 60vh
    }

    #video #list-videos {
        min-height: 480px
    }

    #video #list-videos .content h3 {
        font-size: 25px;
        height: auto
    }

    #video #list-videos .content .links .link {
        padding-bottom: 0;
        padding-top: 10px
    }

    #product header {
        margin-top: 20px
    }

    #product header .back {
        padding-top: 10px;
        text-align: right
    }

    #product header .logo img {
        width: 150px;
        margin-top: 2px
    }

    #product header .logo {
        padding: 0
    }

    #product #banner {
        height: 140vh!important
    }

    #product #banner .call {
        min-height: 400px;
        top: 55%
    }

    #product #banner .call .product-type-mobile {
        font-size: 14px
    }

    #product #banner .call h1 {
        font-size: 20px;
        min-height: 40px
    }

    #product #banner .call h2 {
        margin-top: 10px
    }

    #product #description {
        min-height: 490px
    }

    #product #description .itens {
        margin-bottom: 25px
    }

    #product #drag-drop .content {
        top: 45%
    }

    #product #drag-drop .content .text h5 {
        font-size: 25px
    }

    #product #reports {
        height: 500px
    }

    #product #reports .content .text h5,#product #social-networks .content h5 {
        font-size: 25px
    }

    #product #social-networks .content span {
        margin-bottom: 0;
        margin-top: 60px
    }

    #product #social-networks .content img {
        padding: 0
    }

    #product #call {
        height: 200px
    }

    #product #call a {
        margin-top: 100px
    }

    #product #clients-videos h3 {
        padding-top: 25px;
        font-size: 25px
    }

    #product #slider-products h3 {
        font-size: 25px
    }

    #product #slider-products #slider {
        top: 45%;
        left: 50%;
        transform: translate(-50%,-45%)
    }

    #product #slider-products #slider .item {
        margin-left: 10px;
        margin-right: 10px
    }

    #product #slider-products .customNavigation a:first-child {
        margin-left: 20px
    }

    #product #slider-products .customNavigation a:last-child {
        margin-right: 20px
    }

    #product #slider-products .footer {
        font-size: 13px
    }

    #product #ebook {
        height: 600px
    }

    #product #ebook .text {
        margin-top: 30px
    }

    #product #ebook .text h3 {
        font-size: 25px;
        line-height: 27px;
        text-align: center
    }

    #product #ebook .text .span {
        text-align: center
    }

    #product #ebook .text a {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    #product #questions {
        height: 500px
    }

    #product #questions .img {
        padding-left: 0
    }

    #product #questions .question {
        font-size: 30px;
        margin-top: 10px;
        padding-left: 0
    }

    #product #questions .question h3 {
        font-size: 25px;
        padding: 0
    }

    #product #questions .question span {
        padding-left: 0
    }

    #product #questions .question a {
        margin-left: 0;
        padding: 0
    }

    #product .product-type {
        font-size: 10px
    }

    .sms-product #description {
        min-height: 540px!important
    }

    .sms-product .button-mobile {
        margin-top: -2px!important
    }

    .sms-product #slider-products #slider .principal {
        margin-top: 0!important
    }

    .smtp-product .button-mobile {
        margin-top: -2px!important
    }

    .smtp-product #reports {
        height: 650px!important
    }

    .smtp-product #reports img {
        padding-top: 20px!important
    }

    .smtp-product #easy-use .content .img img {
        top: 15%;
        position: absolute;
        transform: translateY(15%)
    }

    .smtp-product #easy-use .content .text {
        margin-top: 0
    }

    .smtp-product #easy-use .content .text h3 {
        font-size: 25px
    }

    .smtp-product #slider-products #slider .principal {
        margin-top: 0!important
    }

    .mail-product #reports {
        min-height: 850px
    }

    .mail-product #reports img {
        margin-top: 0
    }

    .mail-product .button-mobile {
        margin-top: -2px!important
    }

    .mail-product #search-module .content .text h3 {
        font-size: 25px
    }

    .mail-product #slider-products #slider .principal {
        margin-top: 0!important
    }

    #contact-success header {
        margin-top: 20px
    }

    #contact-success h3 {
        font-size: 45px
    }

    #contact-success .test {
        font-size: 20px!important
    }

    #account header .back {
        padding-top: 30px;
        float: none;
        text-align: center
    }

    #account header .back a {
        font-size: 12px
    }

    #account header .logo img {
        width: 150px;
        margin-top: 2px
    }

    #account header .logo {
        padding: 0
    }

    #account .account-type {
        font-size: 10px
    }

    #account .info {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }

    .hidden-xs {
        display: none!important
    }
}

@media screen and (max-width:640px) {
    #video #player .view {
        height: 40vh
    }

    #account #banner h1 {
        font-size: 30px
    }

    #account #banner h2 {
        font-size: 15px;
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

@media screen and (max-width:500px) {
    .menu-mobile {
        width: 100vw
    }
}

@media screen and (max-width:480px) {
    #index #banner h2 {
        top: 60%
    }
}

@media screen and (max-width:450px) {
    #index .bx-wrapper .bx-pager .bx-pager-item {
        padding-left: 0!important;
        padding-right: 0!important
    }

    #index .bx-viewport {
        min-height: 350px!important
    }
}

@media screen and (max-width:400px) {
    #index #solutions h1 {
        font-size: 25px
    }

    #index #solutions h2 {
        font-size: 20px
    }

    #index #solutions h3 {
        font-size: 25px
    }

    #index #blog .content .top {
        padding-top: 50px
    }

    #index #blog .content .secondary .post-two {
        padding-bottom: 50px
    }

    #index #localization .info h3,#index #partners h3 {
        font-size: 25px
    }

    #index #localization .info .text {
        margin-top: 15px!important
    }

    #index .bx-wrapper .bx-pager {
        bottom: -40px!important
    }

    #clients #clients-list,#clients #clients-list img {
        padding-bottom: 30px;
        padding-top: 30px
    }

    #clients #clients-videos .depoiment {
        padding: 0
    }

    #clients #clients-videos .depoiment i {
        margin-right: 10px;
        padding: 0
    }

    #clients #clients-videos .depoiment .people {
        padding-left: 0
    }

    footer .last-footer {
        padding-top: 30px
    }

    #error-404 span {
        margin-top: 0
    }

    #product #clients-videos .depoiment {
        padding: 0
    }

    #product #clients-videos .depoiment i {
        margin-right: 10px;
        padding: 0
    }

    #product #clients-videos .depoiment .people {
        padding-left: 0
    }

    #newsletter #form-newsletter h3 {
        font-size: 25px
    }
}

@media screen and (max-width:360px) {
    #index #banner h1 {
        top: 40%
    }

    #index #banner h2 {
        top: 55%
    }

    #index #banner .button-slide {
        margin-bottom: -85vh
    }

    #index #solutions .product {
        margin-top: 80px
    }

    #index #partners .partner {
        min-height: 180px
    }

    #index #localization {
        min-height: 40vh
    }

    #index .open {
        min-height: 40vh!important
    }

    #index .slider {
        padding-bottom: 50px
    }

    #about-us #banner .button-slide {
        margin-bottom: -85vh
    }

    #about-us #description {
        min-height: 500px
    }

    #video #player .view iframe {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #product #banner {
        height: 100vh!important
    }

    #product #banner .call {
        min-height: 300px;
        transform: translate(-50%,-40%);
        top: 50%
    }

    #product #banner .call h1 {
        min-height: 60px
    }

    #product #banner .call h2 {
        margin-top: 20px
    }

    #product #banner .call .buttons {
        margin-top: 50px
    }

    #product #description .itens .item .content {
        margin-bottom: 10px
    }
}

@media screen and (max-width:359px) {
    #login-mail header {
        padding-top: 10px
    }

    #login-mail .box #logo-mail img {
        padding-top: 5px;
        margin-bottom: 15px
    }

    #login-mail .text {
        padding-top: 0
    }

    #login-mail .forgot a {
        line-height: 30px
    }

    #login-mail .back-login a button,#login-mail button {
        margin-bottom: 0
    }

    #login-mail #login #login-form-mail,#login-mail #recovery #recovery-form-mail,#login-sms header {
        padding-top: 10px
    }

    #login-sms .box #logo-sms img {
        padding-top: 5px;
        margin-bottom: 15px
    }

    #login-sms .text {
        padding-top: 0
    }

    #login-sms .forgot a {
        line-height: 30px
    }

    #login-sms .back-login a button,#login-sms button {
        margin-bottom: 0
    }

    #login-sms #login #login-form-sms,#login-sms #recovery #recovery-form-sms,#login-smtp header {
        padding-top: 10px
    }

    #login-smtp .box #logo-smtp img {
        padding-top: 5px;
        margin-bottom: 15px
    }

    #login-smtp .text {
        padding-top: 0
    }

    #login-smtp .forgot a {
        line-height: 30px
    }

    #login-smtp .back-login a button,#login-smtp button {
        margin-bottom: 0
    }

    #login-smtp #login #login-form-smtp,#login-smtp #recovery #recovery-form-smtp {
        padding-top: 10px
    }
}

@media screen and (max-width:340px) {
    #index #banner h2 {
        font-size: 13px
    }

    #index #localization .info {
        margin-top: 0
    }

    #index .bx-wrapper .bx-pager {
        bottom: -50px!important
    }

    #talk-with-us #banner h2 {
        font-size: 13px;
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #work-with-us #banner h1 {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    #work-with-us #banner h2 {
        font-size: 13px;
        top: 85%;
        left: 50%;
        transform: translate(-50%,-85%)
    }

    #clients #banner h2 {
        font-size: 13px;
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #ebooks #banner h2 {
        font-size: 13px;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%)
    }

    #videos #banner h2 {
        font-size: 13px;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%)
    }

    #documents #banner h2 {
        font-size: 13px;
        top: 80%;
        left: 50%;
        transform: translate(-50%,-80%)
    }

    #i-hate-spam #banner h2 {
        font-size: 13px;
        top: 75%;
        left: 50%;
        transform: translate(-50%,-75%)
    }

    #product #banner .call h2 {
        font-size: 13px
    }

    #product #description {
        min-height: 560px
    }

    .smtp-product #easy-use .content .img img {
        top: 25%;
        position: absolute;
        transform: translateY(25%)
    }
}

@media screen and (max-width:320px) {
    #map {
        min-height: 25vh!important
    }

    #login-mail header {
        padding-top: 5px
    }

    #login-mail .box #logo-mail img {
        padding-top: 0;
        margin-bottom: 10px
    }

    #login-mail .group input[type=email],#login-mail .group input[type=password],#login-mail .group input[type=text] {
        margin-bottom: 10px
    }

    #login-mail #login #login-form-mail,#login-sms header {
        padding-top: 5px
    }

    #login-sms .box #logo-sms img {
        padding-top: 0;
        margin-bottom: 10px
    }

    #login-sms .group input[type=email],#login-sms .group input[type=password],#login-sms .group input[type=text] {
        margin-bottom: 10px
    }

    #login-sms #login #login-form-sms,#login-smtp header {
        padding-top: 5px
    }

    #login-smtp .box #logo-smtp img {
        padding-top: 0;
        margin-bottom: 10px
    }

    #login-smtp .group input[type=email],#login-smtp .group input[type=password],#login-smtp .group input[type=text] {
        margin-bottom: 10px
    }

    #login-smtp #login #login-form-smtp {
        padding-top: 5px
    }

    #login-footer {
        font-size: 10px
    }

    #product header .logo img {
        margin-top: 5px!important
    }

    #product #banner .call {
        min-height: 280px;
        transform: translate(-50%,-40%);
        top: 50%
    }

    #product #banner .call .product-type-mobile {
        height: 20px;
        margin-top: 0
    }

    #product #banner .call h1 {
        font-size: 18px;
        min-height: 30px
    }

    #product #banner .call h2 {
        margin-top: 10px
    }

    #product #banner .call .buttons {
        margin-top: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }

    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }

    .hidden-md {
        display: none!important
    }
}

@media screen and (min-height:1024px) {
    #index #localization {
        min-height: 25vh
    }

    #index #localization .info {
        margin-top: 0
    }

    #index .open {
        min-height: 25vh!important
    }

    #map {
        min-height: 80vh
    }
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }

    .visible-print-block {
        display: block!important
    }

    .visible-print-inline {
        display: inline!important
    }

    .visible-print-inline-block {
        display: inline-block!important
    }

    .hidden-print {
        display: none!important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
        background-image: url(../../img/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(../../img/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 14/11/2018, 17:28:12
    Author     : fabricio
*/

@font-face {
    font-family: 'Roboto';
    src: url('../lib/roboto/Roboto-Medium.eot');
    src: url('../lib/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../lib/roboto/Roboto-Medium.woff') format('woff'),
    url('../lib/roboto/Roboto-Medium.ttf') format('truetype'),
    url('../lib/roboto/Roboto-Medium.svg#RobotoRegular') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../lib/roboto/Roboto-MediumItalic.eot');
    src: url('../lib/roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../lib/roboto/Roboto-MediumItalic.woff') format('woff'),
    url('../lib/roboto/Roboto-MediumItalic.ttf') format('truetype'),
    url('../lib/roboto/Roboto-MediumItalic.svg#RobotoRegular') format('svg');
    font-weight: 100;
    font-style: italic;
}

html, body {
    margin: 0;
    background-color: #ffffff;
}

strong{
    font-weight: 500;
}

.geral{
    position:relative;
    background: #ffffff;
}

/* HEADER */

.header .h-content{
    margin: 0px;
    background: #1ba7d6;
    padding: 20px 0px;
}
.header .h-content img {
    max-width: 300px!important;
    width: 100%;
}
/* END HEADER*/


/* CONTENT */

.topo{
    display: none;
}
.lateral{
    padding: 0px;
    background-color: #00b0ea;
    height: 100vh;
}
.lateral img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.main-container, .login-container{
    background-color: #ffffff;
    color:#6f6f6f;
    font-family: 'Roboto', sans-serif;
    padding: 0px;
    height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
}
.main-container .create-account, .main-container .invalid-mail, .main-container .success, .main-container .didnt-work, .main-container .already-registered{
    padding-top: 50px;
    margin: auto;
}
.img-topo
{
    max-width: 453px;
    height: auto;
    width: 100%;
}

.login-container .img-topo, .login-container .center-login-ct{
    margin-top: calc(50vh - 250px);
}

.main-container .create-account h1, .main-container .invalid-mail h1, .main-container .success h1, .main-container .didnt-work h1, .main-container .already-registered h1, .login-container h1{
    font-weight: 300;
    font-size: 24px;
    color: #818181;
}
.login-container h1 a, .login-container h1 a:hover, .login-container h1 a:focus{
    color: #1ba7d6;
}
.main-container .create-account .title .t-image, .main-container .already-registered .title .t-image, .main-container .invalid-mail .title .t-image, .main-container .success .title .t-image, .main-container .didnt-work .title .t-image{
    text-align: center;
}
.main-container .create-account .welcome-message, .main-container .already-registered .welcome-message, .main-container .invalid-mail .welcome-message, .main-container .didnt-work .welcome-message{
    font-size: 16px;
    color: #818181;
    margin-bottom: 25px;
}


.main-container .create-account .form, .main-container .already-registered .form, .main-container .invalid-mail .form{
    font-family: Roboto;
    color: #6f6f6f;
    margin-bottom:5px;
    margin-top: 20px;
}

.main-container .create-account .form .form-item, .main-container .invalid-mail .form .form-item, .main-container .already-registered .form .form-item, .login-container .form-item{
    margin-bottom: 20px;
}
.main-container .create-account .form .form-item .btn-small, .main-container .invalid-mail .form .form-item .btn-small, .main-container .already-registered .form .form-item .btn-small{
    padding: 10px 5px;
    text-align: right;
}

.main-container .create-account .form .form-item .btn-small button, .main-container .invalid-mail .form .form-item .btn-small button, .main-container .already-registered .form .form-item .btn-small button{
    width:100%;
    height: 40px;
    border-radius:27px;
    border: solid 1px #2db0e9;
    background-color: #00b0ea;
    color:white;
    cursor: pointer;
}
.main-container .create-account .form .form-item .btn-small button:hover,
.main-container .invalid-mail .form .form-item .btn-small button:hover,
.main-container .already-registered .form .form-item .btn-small button:hover,
.main-container .already-registered .form-actions button:hover,
.login-container .form-actions button:hover
{
    background-color: #70DBFF;
    border-color: #70DBFF;
}
.div-token-enviar{
    margin-bottom: -10px !important;
}

.services, .services a, .services a:hover, .services a:active, .services a:focus{
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    color: #8d8b8b;
    padding: 40px 10px 30px;
}

.login-container .form-actions > a, .login-container .form-actions > a:hover, .login-container > .form-actions a:focus{
    font-family: Roboto;
    color: #1ba7d6;
    padding: 20px;
    display: block;
    font-size: 14px;
}
.login-container .form .user {
    width: 35px;
    height: 35px;
    float: right;
    margin-left: 13px;
    margin-top: 5px;
    z-index: 2;
    position: absolute;
    left: 0;
}
.login-container .form .pass {
    width: 35px;
    height: 35px;
    float: right;
    margin-left: 13px;
    margin-top: 5px;
    z-index: 2;
    position: absolute;
    left: 0;
}
.login-container .form .show-pass {
    width: 35px;
    height: 35px;
    float: right;
    margin-right: 13px;
    margin-top: 5px;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.main-container .create-account .form .title, .main-container .invalid-mail .form .title, .main-container .already-registered .form .title, .login-container .form .title{
    font-size: 20px;
    font-weight: 400;
}

.main-container .create-account .form .subtitle, .main-container .invalid-mail .form .subtitle, .main-container .already-registered .form .subtitle, .login-container .form .subtitle{
    font-size: 15px;
    font-family: Roboto;
    color: #a6a6a6;
}

.main-container .invalid-mail .form .note{
    font-family: Roboto;
    font-size: 12px;
    font-style: italic;
    color: #909090;
}
.main-container .already-registered .form .note{
    font-size: 12px;
    font-style: italic;
    color: #909090;
    padding-bottom: 20px;
}
.main-container .already-registered .form-actions{
    display: block;
    align-items: center;
    padding:30px 0px;
}

.main-container .invalid-mail .form .form-item{
    margin-bottom: 10px
}

.main-container .invalid-mail .form .form-actions{
    display: block;
    align-items: center;
    padding:30px 0px;
}

.main-container .invalid-mail .form .form-actions button{
    width:100%;
    height: 60px;
    border-radius:27px;
    border: solid 1px #2db0e9;
    background-color: #00b0ea;
    color:white;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}
.main-container .invalid-mail .form .form-actions button:hover{
    background-color: #70DBFF;
    border-color: #70DBFF;
}
.main-container .invalid-mail .form .form-actions .link{
    font-family: Roboto;
    font-size: 18px;
    color: #00b0ea;
    text-decoration: underline;
    display: block;
    padding-top:30px
}
.main-container .invalid-mail .form .form-actions .link:hover{
    color: #70DBFF;
}

.main-container .invalid-mail .form .form-link a{
    font-size: 14px;
    font-weight: 400;
    color: #00b0ea;
    text-decoration: underline;
    padding: 5px;
    display: block;
}
.main-container .invalid-mail .form .form-link a:hover{
    color: #70DBFF;
}

.main-container .create-account .form .button-inactive, .main-container .invalid-mail .form .button-inactive{
    background: #9bddf3;
    border: 0;
    border-radius: 50px;
    padding: 15px 60px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    display: none;
}
.main-container .create-account .form .button-active, .main-container .already-registered .button-active, .main-container .already-registered .form .button-active, .main-container .didnt-work .button-active, .login-container .form-actions .button-active{
    background-color: #00b0ea;
    border: 0;
    border-radius: 50px;
    padding: 15px 60px;
    font-family: Roboto;
    cursor:pointer;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.main-container .didnt-work .button-active, .main-container .already-registered .form .button-active, .main-container .already-registered .button-active, .login-container .form-actions .button-active {
    width: 100%;
}
.main-container .create-account .form .button-active:hover, .main-container .already-registered .form .button-active:hover, .main-container .didnt-work .button-active:hover {
    background-color: #70DBFF;
    border-color: #70DBFF;
}
.main-container .invalid-mail .form .button-active{
    background: #55d041;
    border: 0;
    border-radius: 50px;
    padding: 15px 40px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    cursor:pointer;
    width: 100%;
}

.main-container .already-registered .form .form-title{
    font-size: 24px;
    font-weight: bold;
    color: #6f6f6f;
    padding-top: 20px;
}

.main-container .create-account .form .input, .main-container .invalid-mail .form .input, .main-container .already-registered .form .input,.login-container .form .input {
    padding: 10px 0px;
}
.main-container .create-account .form .input input, .main-container .invalid-mail .form .input input, .main-container .already-registered .form .input input, .login-container .form .input input{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    color: #6a6a6a;
    width: 100%;
    border-bottom: 1px solid #ced4da;
    border: 1px solid #ced4da;
}
.login-container .form .input input {
    padding: 10px 10px 10px 40px !important;
}

.main-container .create-account .form .input input::placeholder, .main-container .invalid-mail .form .input input::placeholder, .main-container .already-registered .form .input input::placeholder, .login-container .form .input input::placeholder{
    font-size: 14px;
    color: #afafaf;
}

.main-container .create-account .form .input input:focus, .main-container .invalid-mail .form .input input:focus, .main-container .already-registered .form .input input:focus, .login-container .form .input input:focus{
    color: #495057;
    background-color: #fff;
    border-color: #3dc4ee;
    outline: 0;
}

.main-container .success{
    text-align: center;
    color: #6f6f6f;
    font-family: Roboto;
}
.main-container .success .content, .main-container .didnt-work .content, .login-container .content {
    float:left;
    margin-bottom: 20px;
}

.main-container .success .content .congratulation{
    font-size: 30px;
    padding-top: 15px;
    color: #818181;
}

.main-container .success .content .configuration{
    font-size: 24px;
    color: #818181;
}

.main-container .success .content .message-mail, .main-container .didnt-work .content .message-mail{
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.login-container .recovery-message{
    font-size: 16px;
    padding-bottom: 30px;
    text-align: center;
}

.login-container .content .box{
    text-align: left;
    padding: 20px 10px;
    display: block;
    align-items: center;
}
.login-container .content .box .title{
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #828282;
}
.login-container .content .box .subtitle{
    font-size: 13px;
    color: #828282;
    padding-bottom: 10px;
}
.main-container .didnt-work .content .ebook{
    margin-top:20px;
}

.main-container .didnt-work .content .ebook .e-box{
    text-align: left;
    padding: 20px 10px;
    display: flex;
    align-items: center;
}

.main-container .didnt-work .content .ebook .e-box .title{
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #00b0ea;
}
.main-container .didnt-work .content .ebook .e-box .subtitle{
    font-size: 13px;
    color: #828282;
    padding-bottom: 10px;
}


.main-container .success .content .contact, .main-container .didnt-work .content .contact{
    font-family: Roboto;
    color: #696969;
    text-align: center;
    padding-top: 50px;
}

.main-container .success .content .contact .title, .main-container .didnt-work .content .contact .title{
    font-size: 13px;
    color: #696969;
}

.main-container .success .content .contact .subtitle, .main-container .didnt-work .content .contact .subtitle{
    font-size: 18px;
    font-weight: bold;
    color: #6f6f6f;
    font-family: Roboto
}

/* END CONTENT */

/* footer */
.footer{
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    color: #919191;
    padding: 50px 0px;
}

.footer .f-content{

}
/* END HEADER*/

/* GENERIC */
.featured{
    font-weight: bold;
    color: #1ba7d6;
}
.divider{
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
}

.center{
    text-align: center !important;
}

.v-center{
    display: flex;
    align-items: center;
}

.escape-footer{
    margin-bottom: 60px;
}
/* END GENERIC */

.parsley-errors-list.filled {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 15px 20px;
    position: relative;
    background-color: #eb6357;
    color: #ffffff;
}
.parsley-errors-list.filled:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 20px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eb6357;
}
.parsley-errors-list.filled > li {
    list-style: none;text-align: left;
}
input.parsley-error { border-radius: 3px; background-color: #ffe8e8; border: solid 1px #ff2323; }


@media (max-width: 991px)
{
    .lateral{
        display: none;
    }
    .topo{
        display: block;
        padding: 0;
        background: #00b0ea;
        text-align: center;
    }

    .topo img{
        max-width: 100%;
        max-height: 100px;
    }
    .main-container{
        overflow-x: auto;
        height: auto;
        overflow: hidden;
    }
    .login-container{
        overflow-x: auto;
        height: auto;
    }
    .login-container .img-topo, .login-container .center-login-ct{
        margin-top: 50px;
    }
    .main-container .create-account .form .form-item, .main-container .invalid-mail .form .form-item, .main-container .already-registered .form .form-item
    {
        padding: 0px 10px;
    }
    .footer{
        padding: 20px 0px 10px !important;
    }
    .main-container .create-account .welcome-message, .main-container .already-registered .welcome-message, .main-container .invalid-mail .welcome-message, .main-container .didnt-work .welcome-message{
        margin-bottom: 0px;
    }
    .main-container .didnt-work .content .contact .title{
        padding-top: 15px;
    }

    .main-container .didnt-work .content .ebook .e-box{
        display: block;
    }
}