@font-face {
    font-family: 'Lato-Regular';
    src: url("../fonts/Lato-Regular.eot");
    src: local('☺'), url("../fonts/Lato-Regular.woff") format('woff'), url("../fonts/Lato-Regular.ttf") format('truetype'), url("../fonts/Lato-Regular.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lato-Italic';
    src: url("../fonts/Lato-Italic.eot");
    src: local('☺'), url("../fonts/Lato-Italic.woff") format('woff'), url("../fonts/Lato-Italic.ttf") format('truetype'), url("../fonts/Lato-Italic.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lato-Bold';
    src: url("../fonts/Lato-Bold.eot");
    src: local('☺'), url("../fonts/Lato-Bold.woff") format('woff'), url("../fonts/Lato-Bold.ttf") format('truetype'), url("../fonts/Lato-Bold.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lato-Heavy';
    src: url("../fonts/Lato-Heavy.eot");
    src: local('☺'), url("../fonts/Lato-Heavy.woff") format('woff'), url("../fonts/Lato-Heavy.ttf") format('truetype'), url("../fonts/Lato-Heavy.svg") format('svg');
    font-weight: normal;
    font-style: normal
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

[hidden] {
    display: none
}

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

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

code,
kbd,
pre,
samp {
    font-family: Consolas, Inconsolata, "Courier", "Courier New", monospace, Georgia, "Times New Roman", serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

::valid,
 ::invalid,
 ::required,
 ::optional,
 ::in-range,
 ::out-of-range {
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

::-moz-focus-inner {
    border: 0
}

::-ms-clear,
 ::-ms-reveal {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -ms-box-sizing: inherit;
    box-sizing: inherit
}

*,
body {
    font-family: 'Lato-Regular';
    font-size: 1em;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 600px) {
    #tpl-index .index-banner-tecnology .tecnology-parallax,
    #tpl-index .index-banner-experience .experience-parallax,
    #tpl-index .index-banner-hotspot .hotspot-parallax {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden
    }
}

#tpl-index {
    overflow: hidden;
}

#tpl-index .index-banner-tecnology {
    background-color: #0089da;
    background-image: url("../images/parallax/home/tecnology/tecnology-background-shine.png");
    background-repeat: no-repeat;
    background-position: 70% center;
}

#tpl-index .index-banner-tecnology .tecnology-container {
    padding-top: 230px;
    padding-bottom: 145px;
    position: relative;
    padding: 0;
    overflow: hidden;
    height: calc(100vh - 88px);
}

@media only screen and (max-width: 925px) {
    #tpl-index .index-banner-tecnology .tecnology-container {
        height: calc(100vh - 53px)
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-tecnology .tecnology-container {
        min-height: unset;
    }
}

#tpl-index .index-banner-tecnology .tecnology-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

#tpl-index .index-banner-tecnology .tecnology-text h1,
#tpl-index .index-banner-tecnology .tecnology-text h2 {
    text-shadow: 1px 2px 3px #0089da
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-tecnology .tecnology-text {
        width: 85%;
        padding: 0 20px;
        top: 10%;
        left: 3%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-tecnology .tecnology-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-tecnology {
        background: url("../images/tecnology-mobile-background-ipad.png") no-repeat;
        background-color: #0089da;
        background-position: center 60%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-tecnology {
        background: url("../images/tecnology-mobile-background.png?29749") no-repeat;
        background-color: #0089da;
        background-position: center 75%;
        background-size: calc(100vh - 200px);
        -webkit-transition: background-size 99999999s;
        -moz-transition: background-size 99999999s;
        -ms-transition: background-size 99999999s;
        transition: background-size 99999999s
    }
    #tpl-index .index-banner-tecnology {
        height: calc(100vh - 128px);
    }
}

@media only screen and (min-width: 600px) {
    /* .container-slide {
        min-width: 100vw;
    } */
    .swiper-button-next::after {
        content: 'next';
        font-size: 0px;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        color: rgba(255, 255, 255, .3);
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax {
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-background {
        background-image: url("../images/parallax/home/tecnology/tecnology-background-ipad.png");
        background-repeat: no-repeat;
        width: 322px;
        height: 385px;
        position: absolute;
        right: 15%;
        z-index: 20
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-background-shadow {
        background-image: url("../images/parallax/home/tecnology/tecnology-background-ipad-shadow.png");
        background-repeat: no-repeat;
        width: 322px;
        height: 385px;
        position: absolute;
        right: 15%;
        z-index: -1
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-man-with-line {
        background-image: url("../images/parallax/home/tecnology/man-with-line.png");
        background-repeat: no-repeat;
        width: 322px;
        height: 385px;
        position: absolute;
        right: 15%;
        z-index: 15
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-white-clouds {
        background-image: url("../images/parallax/home/tecnology/white-clouds.png");
        background-repeat: no-repeat;
        width: 969px;
        height: 386px;
        position: absolute;
        right: 9%;
        z-index: 10
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-white-clouds-blur {
        background-image: url("../images/parallax/home/tecnology/white-clouds-blur.png");
        background-repeat: no-repeat;
        width: 501px;
        height: 347px;
        position: absolute;
        left: 20%;
        z-index: 30
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-white-clouds-blur-sm {
        background-image: url("../images/parallax/home/tecnology/white-clouds-blur-sm.png");
        background-repeat: no-repeat;
        width: 221px;
        height: 146px;
        position: absolute;
        right: 5%;
        z-index: 30
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-blue-clouds {
        background-image: url("../images/parallax/home/tecnology/blue-clouds2.png");
        background-repeat: no-repeat;
        width: 969px;
        height: 386px;
        position: absolute;
        right: 7%;
        z-index: 5
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-lined-clouds {
        background-image: url("../images/parallax/home/tecnology/lined-clouds.png");
        background-repeat: no-repeat;
        width: 682px;
        height: 233px;
        position: absolute;
        right: 10%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-right-arrows {
        background-image: url("../images/parallax/home/tecnology/right-arrows.png");
        background-repeat: no-repeat;
        width: 166px;
        height: 345px;
        position: absolute;
        left: 10%;
        opacity: .5
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-blue-dots {
        background-image: url("../images/parallax/home/tecnology/blue-dots.png");
        background-repeat: no-repeat;
        width: 42px;
        height: 3px;
        position: absolute;
        right: 37%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-blue-small-dots {
        background-image: url("../images/parallax/home/tecnology/blue-small-dots.png");
        background-repeat: no-repeat;
        width: 73px;
        height: 2px;
        position: absolute;
        right: 50%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-left-arrows {
        background-image: url("../images/parallax/home/tecnology/left-arrows.png");
        background-repeat: no-repeat;
        width: 725px;
        height: 346px;
        position: absolute;
        left: 35%;
        z-index: 4;
        opacity: .5
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-left-white-arrow {
        background-image: url("../images/parallax/home/tecnology/left-white-arrow.png");
        background-repeat: no-repeat;
        width: 80px;
        height: 15px;
        position: absolute;
        right: 5%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-left-white-arrows {
        background-image: url("../images/parallax/home/tecnology/left-white-arrows.png");
        background-repeat: no-repeat;
        width: 677px;
        height: 301px;
        position: absolute;
        right: 5%
    }
    #tpl-index .index-banner-tecnology .tecnology-parallax .tecnology-prlx-white-dots {
        background-image: url("../images/parallax/home/tecnology/white-dots.png");
        background-repeat: no-repeat;
        width: 44px;
        height: 3px;
        position: absolute;
        left: 24%
    }
}

@media only screen and (min-width: 769px) {
    #tpl-index .index-banner-cards .card .card-header {
        min-height: 105px
    }
}

@media only screen and (min-width: 1200px) {
    #tpl-index .index-banner-cards .card .card-header {
        min-height: 0
    }
}

@media only screen and (min-width: 769px) {
    #tpl-index .index-banner-cards .card .card-footer {
        min-height: 170px
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-index .index-banner-cards .card .card-footer {
        min-height: 120px
    }
}

#tpl-index .index-banner-experience {
    background-color: #b058c5;
    background-image: url("../images/parallax/home/experience/experience-background-shine.png");
    background-repeat: no-repeat;
    background-position: 70% center;
}

#tpl-index .index-banner-experience .experience-container {
    height: calc(100vh - 56px);
}

@media only screen and (max-width: 925px) {
    #tpl-index .index-banner-experience .experience-container {
        height: calc(100vh - 53px)
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-experience .experience-container {
        min-height: 425px
    }
}

#tpl-index .index-banner-experience .experience-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-experience .experience-content {
        width: 95%;
        padding: 0 20px;
        top: 10%;
        left: 3%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
    #tpl-index .index-banner-experience .experience-content .index-banner-more-btn {
        bottom: 0;
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-experience .experience-content {
        top: 5%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-index .index-banner-experience .experience-content .experience-text {
    width: 500px;
    position: relative;
    z-index: 15;
}

#tpl-index .index-banner-experience .experience-content .experience-text h1,
#tpl-index .index-banner-experience .experience-content .experience-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-experience .experience-content .experience-text {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-experience {
        background: url("../images/experience-mobile-background-ipad.png") no-repeat;
        background-color: #b058c5;
        background-position: center 70%
    }
    #tpl-index .index-banner-experience .experience-images,
    #tpl-index .index-banner-experience .experience-parallax {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-experience {
        background: url("../images/experience-mobile-background.png") no-repeat;
        background-color: #b058c5;
        background-position: center 90%;
        background-size: 100%
    }
}

@media only screen and (min-width: 600px) {
    #tpl-index .index-banner-experience .experience-parallax {
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-background {
        background-image: url("../images/parallax/home/experience/background.png");
        background-repeat: no-repeat;
        width: 888px;
        height: 937px;
        right: -10px;
        top: -270px;
        background-position: right
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-girl-balance {
        background-image: url("../images/parallax/home/experience/girl-balance.png");
        background-repeat: no-repeat;
        width: 103px;
        height: 123px;
        position: absolute;
        right: 10%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-blue-cloud {
        background-image: url("../images/parallax/home/experience/blue-cloud.png");
        background-repeat: no-repeat;
        width: 43px;
        height: 27px;
        position: absolute;
        right: 44%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-blue-clouds {
        background-image: url("../images/parallax/home/experience/blue-clouds.png");
        background-repeat: no-repeat;
        width: 165px;
        height: 358px;
        position: absolute;
        right: 50%;
        z-index: 2
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-curved-arrows {
        width: 52px;
        height: 56px;
        position: absolute;
        right: 329px;
        margin-top: -2px;
    }
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(360deg)
        }
        to {
            -webkit-transform: rotate(0)
        }
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-curved-arrows .curved-arrows {
        background-image: url("../images/parallax/home/experience/curved-arrows.png");
        background-repeat: no-repeat;
        width: 52px;
        height: 56px;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-gear-clouds {
        background-image: url("../images/parallax/home/experience/gear-clouds.png");
        background-repeat: no-repeat;
        width: 586px;
        height: 105px;
        position: absolute;
        right: 60px;
        z-index: 10
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-girl {
        background-image: url("../images/parallax/home/experience/girl.png");
        background-repeat: no-repeat;
        width: 136px;
        height: 74px;
        position: absolute;
        right: 19%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-left-hand {
        background-image: url("../images/parallax/home/experience/left-hand.png");
        background-repeat: no-repeat;
        width: 103px;
        height: 54px;
        position: absolute;
        right: 397px
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-left-purple-arrows {
        background-image: url("../images/parallax/home/experience/left-purple-arrows.png");
        background-repeat: no-repeat;
        width: 306px;
        height: 169px;
        position: absolute;
        right: 10%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-left-white-arrows {
        background-image: url("../images/parallax/home/experience/left-white-arrows.png");
        background-repeat: no-repeat;
        width: 241px;
        height: 331px;
        position: absolute;
        right: 10%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-lined-clouds {
        background-image: url("../images/parallax/home/experience/lined-clouds.png");
        background-repeat: no-repeat;
        width: 536px;
        height: 418px;
        position: absolute;
        right: 38%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-man {
        background-image: url("../images/parallax/home/experience/man.png");
        background-repeat: no-repeat;
        width: 190px;
        height: 147px;
        position: absolute;
        right: 30%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-purple-arrow {
        background-image: url("../images/parallax/home/experience/purple-arrow.png");
        background-repeat: no-repeat;
        width: 124px;
        height: 16px;
        position: absolute;
        right: 25%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-purple-right-arrows {
        background-image: url("../images/parallax/home/experience/purple-right-arrows.png");
        background-repeat: no-repeat;
        width: 126px;
        height: 274px;
        position: absolute;
        right: 40%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-right-hand {
        background-image: url("../images/parallax/home/experience/right-hand.png");
        background-repeat: no-repeat;
        width: 103px;
        height: 54px;
        position: absolute;
        right: 210px
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-white-arrow {
        background-image: url("../images/parallax/home/experience/white-arrow.png");
        background-repeat: no-repeat;
        width: 93px;
        height: 20px;
        position: absolute;
        right: 30%
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-white-clouds {
        background-image: url("../images/parallax/home/experience/white-clouds.png");
        background-repeat: no-repeat;
        width: 750px;
        height: 438px;
        position: absolute;
        right: 10%;
        z-index: 3
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-white-clouds-blur {
        background-image: url("../images/parallax/home/experience/white-clouds-blur.png");
        background-repeat: no-repeat;
        width: 501px;
        height: 347px;
        position: absolute;
        right: 10%;
        z-index: 30
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-white-clouds-blur-sm {
        background-image: url("../images/parallax/home/experience/white-clouds-blur-sm.png");
        background-repeat: no-repeat;
        width: 221px;
        height: 146px;
        position: absolute;
        left: 10%;
        z-index: 30
    }
    #tpl-index .index-banner-experience .experience-parallax .experience-prlx-white-right-arrows {
        background-image: url("../images/parallax/home/experience/white-right-arrows.png");
        background-repeat: no-repeat;
        width: 583px;
        height: 422px;
        position: absolute;
        right: 22%
    }
}

#tpl-index .index-banner-hotspot {
    background-color: #ff626c;
    background-image: url("../images/parallax/home/hotspot/hotspot-background-shine.png");
    background-repeat: no-repeat;
    background-position: 10% center;
}

#tpl-index .index-banner-hotspot .hotspot-container {
    *zoom: 1;
    height: calc(100vh - 56px);
}

#tpl-index .index-banner-hotspot .hotspot-container:before,
#tpl-index .index-banner-hotspot .hotspot-container:after {
    content: '';
    display: table
}

#tpl-index .index-banner-hotspot .hotspot-container:after {
    clear: both
}

@media only screen and (max-width: 925px) {
    #tpl-index .index-banner-hotspot .hotspot-container {
        height: calc(100vh - 53px)
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-hotspot .hotspot-container {
        min-height: 425px
    }
}

#tpl-index .index-banner-hotspot .hotspot-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    right: 40px;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-hotspot .hotspot-content {
        width: 95%;
        padding: 0 20px;
        top: 10%;
        right: 3%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
    #tpl-index .index-banner-hotspot .hotspot-content .index-banner-more-btn {
        bottom: 0;
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-hotspot .hotspot-content {
        top: 5%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-index .index-banner-hotspot .hotspot-content .hotspot-text {
    width: 500px;
    position: relative;
    z-index: 15;
}

#tpl-index .index-banner-hotspot .hotspot-content .hotspot-text h1,
#tpl-index .index-banner-hotspot .hotspot-content .hotspot-text h2 {
    text-shadow: 1px 2px 3px #ff626c
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-hotspot .hotspot-content .hotspot-text {
        width: auto;
        padding-left: 180px
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-hotspot .hotspot-content .hotspot-text {
        width: 100%;
        padding-left: 0
    }
}

#tpl-index .index-banner-hotspot .hotspot-content .md-link {
    display: inline-block;
    text-align: center
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-hotspot {
        background: url("../images/hotspot-mobile-background-ipad.png") no-repeat;
        background-color: #ff626c;
        background-position: center 70%
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-index .index-banner-hotspot {
        background: url("../images/hotspot-mobile-background.png") no-repeat;
        background-color: #ff626c;
        background-position: center 90%;
        background-size: 110%
    }
}

@media only screen and (min-width: 600px) {
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-lines-and-people-front {
        background-image: url("../images/parallax/home/hotspot/lines-and-people-front.png");
        background-repeat: no-repeat;
        width: 602px;
        height: 252px;
        position: absolute;
        left: 50px;
        z-index: 3
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-lines-and-people-back {
        background-image: url("../images/parallax/home/hotspot/lines-and-people-back.png");
        background-repeat: no-repeat;
        width: 602px;
        height: 252px;
        position: absolute;
        left: 50px;
        z-index: 1
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-wifi-ball {
        background-image: url("../images/parallax/home/hotspot/wifi-ball.png");
        background-repeat: no-repeat;
        width: 81px;
        height: 80px;
        position: absolute;
        left: 310px;
        z-index: 2
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-wifi-bottom {
        background-image: url("../images/parallax/home/hotspot/wifi-bottom.png");
        background-repeat: no-repeat;
        width: 239px;
        height: 83px;
        position: absolute;
        left: 230px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-wifi-top {
        background-image: url("../images/parallax/home/hotspot/wifi-top.png");
        background-repeat: no-repeat;
        width: 377px;
        height: 112px;
        position: absolute;
        left: 162px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-left-red-arrow {
        background-image: url("../images/parallax/home/hotspot/left-red-arrow.png");
        background-repeat: no-repeat;
        width: 97px;
        height: 21px;
        position: absolute;
        left: 3%
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-left-red-small-arrow {
        background-image: url("../images/parallax/home/hotspot/left-red-small-arrow.png");
        background-repeat: no-repeat;
        width: 97px;
        height: 7px;
        position: absolute;
        left: 700px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-left-red-small-arrows {
        background-image: url("../images/parallax/home/hotspot/left-red-small-arrows.png");
        background-repeat: no-repeat;
        width: 473px;
        height: 227px;
        position: absolute;
        left: 156px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-left-white-arrow {
        background-image: url("../images/parallax/home/hotspot/left-white-arrow.png");
        background-repeat: no-repeat;
        width: 50px;
        height: 12px;
        position: absolute;
        left: 330px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-left-white-arrows {
        background-image: url("../images/parallax/home/hotspot/left-white-arrows.png");
        background-repeat: no-repeat;
        width: 266px;
        height: 147px;
        position: absolute;
        left: 450px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-right-white-arrows {
        background-image: url("../images/parallax/home/hotspot/right-white-arrows.png");
        background-repeat: no-repeat;
        width: 175px;
        height: 148px;
        position: absolute;
        left: 0
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-red-dots {
        background-image: url("../images/parallax/home/hotspot/red-dots.png");
        background-repeat: no-repeat;
        width: 359px;
        height: 79px;
        position: absolute;
        left: 262px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-right-red-arrow {
        background-image: url("../images/parallax/home/hotspot/right-red-arrow.png");
        background-repeat: no-repeat;
        width: 97px;
        height: 22px;
        position: absolute;
        left: 733px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-right-red-arrows {
        background-image: url("../images/parallax/home/hotspot/right-red-arrows.png");
        background-repeat: no-repeat;
        width: 464px;
        height: 19px;
        position: absolute;
        left: 400px
    }
    #tpl-index .index-banner-hotspot .hotspot-parallax .hotspot-prlx-white-dots {
        background-image: url("../images/parallax/home/hotspot/white-dots.png");
        background-repeat: no-repeat;
        width: 659px;
        height: 270px;
        position: absolute;
        left: 15px
    }
}

#tpl-index .index-banner-about-us .more-cases-btn {
    text-align: center;
    max-width: 320px;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-about-us .more-cases-btn {
        max-width: 250px
    }
}

#tpl-index .index-banner-social {
    background: #004e92;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line {
        display: none
    }
    .md-list.md-list--inline {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
}

#tpl-index .index-banner-social .banner-line-right {
    font-size: 0;
}

#tpl-index .index-banner-social .banner-line-right .social {
    font-size: initial;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social {
        cursor: pointer
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social {
        height: 40px;
        line-height: 40px
    }
}

#tpl-index .index-banner-social .banner-line-right .social:last-child .social-compact {
    padding-right: 0
}

@media only screen and (min-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social:hover .social-compact {
        opacity: 0;
        display: none
    }
    #tpl-index .index-banner-social .banner-line-right .social:hover .social-expanded {
        width: auto;
        padding: 0 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social:hover .social-expanded {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    #tpl-index .index-banner-social .banner-line-right .social:hover {
        background-color: #ecc400;
        height: 40px
    }
    #tpl-index .index-banner-social .banner-line-right .social:hover i.md-icon.md-icon--facebook-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -1051px -359px;
        width: 8px;
        height: 15px
    }
    #tpl-index .index-banner-social .banner-line-right .social:hover i.md-icon.md-icon--linkedin-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -591px;
        width: 16px;
        height: 15px
    }
    #tpl-index .index-banner-social .banner-line-right .social:hover i.md-icon.md-icon--twitter-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -606px;
        width: 16px;
        height: 13px
    }
}

#tpl-index .index-banner-social .banner-line-right .social .social-compact {
    opacity: 1;
    padding: 0 10px;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social .social-compact {
        height: 40px;
        vertical-align: top;
        width: 100%
    }
}

#tpl-index .index-banner-social .banner-line-right .social .social-expanded {
    background-color: #ecc400;
    line-height: 55px;
    height: 60px;
    width: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    transition: all .35s ease;
    overflow: hidden;
}

#tpl-index .index-banner-social .banner-line-right .social .social-expanded i.md-icon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle !important;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social .social-expanded i.md-icon.md-icon--facebook-blue {
        background-image: url("../images/sprites-4913.png");
        background-position: -1051px -359px;
        width: 8px;
        height: 15px
    }
    #tpl-index .index-banner-social .banner-line-right .social .social-expanded i.md-icon.md-icon--linkedin-blue {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -591px;
        width: 16px;
        height: 15px
    }
    #tpl-index .index-banner-social .banner-line-right .social .social-expanded i.md-icon.md-icon--twitter-blue {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -606px;
        width: 16px;
        height: 13px
    }
}

#tpl-index .index-banner-social .banner-line-right .social .social-expanded .fb-like {
    line-height: initial;
    display: inline-block;
    vertical-align: middle !important
}

#tpl-index .index-banner-social .banner-line-right .social .social-expanded span.IN-widget {
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle !important;
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right .social .social-expanded span.IN-widget {
        margin-top: 15px
    }
}

#tpl-index .index-banner-social .banner-line-right .social .social-expanded .twitter-follow-button-rendered {
    display: inline-block;
    vertical-align: middle !important
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-social .banner-line-right {
        width: 100%;
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        right: 0;
        padding: 0
    }
    #tpl-index .index-banner-social .banner-line-right:before,
    #tpl-index .index-banner-social .banner-line-right:after {
        content: '';
        display: table
    }
    #tpl-index .index-banner-social .banner-line-right:after {
        clear: both
    }
    #tpl-index .index-banner-social .banner-line-right:last-child {
        margin-right: 0%
    }
    #tpl-index .index-banner-social .banner-line-right .right-divisor {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 33.33333333333333%;
        margin-left: 0%;
        margin-right: 0%;
        text-align: center
    }
    #tpl-index .index-banner-social .banner-line-right .right-divisor:before,
    #tpl-index .index-banner-social .banner-line-right .right-divisor:after {
        content: '';
        display: table
    }
    #tpl-index .index-banner-social .banner-line-right .right-divisor:after {
        clear: both
    }
    #tpl-index .index-banner-social .banner-line-right .right-divisor:last-child {
        margin-right: 0%
    }
}

@media only screen and (max-width: 768px) {
    #tpl-index .index-banner-more-btn {
        bottom: 20px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

#header .header-logo,
#header .header-right,
#header .header-nav,
#header .header-languages {
    display: inline-block;
    vertical-align: middle
}

body {
    margin-top: 88px;
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    body {
        margin-top: 56px
    }
}

@media only screen and (max-width: 768px) {
    body {
        margin-top: 53px
    }
}

body.body--header-fixed {
    margin-top: 56px;
}

@media only screen and (max-width: 768px) {
    body.body--header-fixed {
        margin-top: 53px
    }
}

#header {
    position: fixed;
    padding: 0;
    background: #fff;
    color: #666;
    top: 0;
    height: 88px;
    width: 100%;
    z-index: 100;
    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -ms-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
}

#header .md-container {
    padding-top: 25px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    transition: all 200ms ease-in
}

@media only screen and (max-width: 768px) {
    #header {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none
    }
}

#header .open-mobile-nav-btn {
    display: none;
    float: right;
    margin-top: 3px
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    #header .md-container {
        padding-top: 33px
    }
}

#header.tpl-header--fixed {
    padding: 0;
    height: 56px;
}

#header.tpl-header--fixed .md-container {
    padding-top: 15px;
    padding-bottom: 0
}

@media only screen and (min-width: 600px) {
    #header.tpl-header--fixed .header-logo {
        width: 108px;
        height: 23px
    }
    #header.tpl-header--fixed .header-right {
        width: calc(100% - 114px)
    }
}

#header .header-logo {
    width: 182px;
    height: 38px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

@media only screen and (max-width: 768px) {
    #header .header-logo {
        width: 84px;
        height: 17px
    }
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    #header .header-logo {
        width: 108px;
        height: 23px
    }
}

#header .header-right {
    text-align: right;
    width: calc(100% - 190px);
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    #header .header-right {
        width: calc(100% - 114px)
    }
}

#header .header-right .close-mobile-nav-btn {
    display: none
}

#header .header-nav {
    font-size: 14px;
    margin-right: 20px;
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    #header .header-nav {
        margin-right: 5px
    }
    #header .header-nav .nav-item:not(:last-child) {
        margin-right: 10px
    }
}

#header .header-nav a {
    color: inherit;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
}

#header .header-nav a:active,
#header .header-nav a:focus {
    outline: none
}

@media only screen and (min-width: 768px) {
    #header .header-nav .nav-item {
        margin-bottom: 4px
    }
}

@media only screen and (min-width: 768px) {
    #header .header-nav .current_page_item {
        border-bottom: 3px solid #004e92;
        margin-bottom: -6px;
        padding-bottom: 6px
    }
}

#header .language {
    background-color: #cbe1f8;
    color: #004e92;
    padding: 4px;
    font-size: 13px;
    margin-right: 8px;
}

#header .language:last-of-type {
    margin-right: 0
}

#header .language.language--selected {
    color: #fff;
    background-color: #004e92;
    -webkit-box-shadow: 0 2px 0 0 #004e92;
    -moz-box-shadow: 0 2px 0 0 #004e92;
    -ms-box-shadow: 0 2px 0 0 #004e92;
    box-shadow: 0 2px 0 0 #004e92;
    border-bottom: 2px solid #fff
}

@media only screen and (max-width: 768px) {
    #header {
        height: 56px
    }
    #header .md-container {
        padding: 30px 30px 0;
    }
    #header.tpl-header--show-menu .header-right {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        width: 100%
    }
    #header .header-right {
        position: fixed;
        height: 100%;
        background: #0089da;
        width: 100%;
        left: 100%;
        top: 0;
        text-align: left;
        padding: 15px;
        color: #fff;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        opacity: 0;
    }
    #header .header-right .close-mobile-nav-btn {
        position: absolute;
        right: 15px;
        top: 30px;
        display: block;
    }
    #header .header-right .close-mobile-nav-btn .icon {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -540px;
        width: 18px;
        height: 18px
    }
    #header .open-mobile-nav-btn {
        display: block
    }
    #header .header-nav {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 25px;
    }
    #header .header-nav .list-item {
        display: block;
        padding: 15px 10px;
        border-bottom: 1px solid #cbe1f8;
        font-size: 15px;
        margin-right: 0
    }
    #header .header-languages {
        display: block;
        margin-right: 20px;
    }
    #header .language {
        background-color: #cbe1f8;
    }
    #header .language.language--selected {
        -webkit-box-shadow: 0 2px 0 0 #004e92;
        -moz-box-shadow: 0 2px 0 0 #004e92;
        -ms-box-shadow: 0 2px 0 0 #004e92;
        box-shadow: 0 2px 0 0 #004e92;
        border-bottom: 2px solid #0089da
    }
}

#footer {
    background: #0089da;
    color: #fff;
    padding: 40px;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 768px) {
    #footer {
        padding: 30px 15px
    }
}

#footer .footer-contact {
    margin: 70px 0;
}

@media only screen and (max-width: 768px) {
    #footer .footer-contact {
        background-image: none;
        margin: 40px 0
    }
}

#footer .footer-contact .contact-icon,
#footer .footer-contact .contact-info {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

#footer .footer-contact .contact-info {
    font-size: 19px;
    margin-left: 20px;
}

@media only screen and (max-width: 768px) {
    #footer .footer-contact .contact-info {
        font-size: 15px
    }
}

#footer .footer-contact .contact-item {
    margin: 0 25px;
    width: 237px;
}

@media only screen and (max-width: 768px) {
    #footer .footer-contact .contact-item {
        width: auto;
        margin: 0;
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }
}

#footer .footer-contact .contact-item.contact-item--lined {
    width: 20px;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    #footer .footer-contact .contact-item.contact-item--lined {
        width: auto;
        max-width: 300px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto
    }
    #footer .footer-contact .contact-item.contact-item--lined:before {
        border-left: 0;
        content: '';
        border-bottom: 1px solid #fff;
        position: absolute;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #footer .footer-contact .contact-item.contact-item--lined:before {
        left: 0
    }
    #footer .footer-contact .contact-item.contact-item--lined:after {
        display: none
    }
    #footer .footer-contact .contact-item.contact-item--lined .contact-item-background {
        position: relative;
        z-index: 2;
        background: #0089da;
        border-left: 5px solid #0089da;
        border-right: 5px solid #0089da
    }
}

#footer .footer-contact .contact-item.contact-form-btn {
    cursor: pointer;
    color: #fff;
}

#footer .footer-contact .contact-item.contact-form-btn:hover {
    color: rgba(255, 255, 255, 0.9)
}

#footer .footer-btn-top {
    margin: 0 auto;
    display: block;
    color: #fff;
}

#footer .footer-btn-top:hover i.md-icon--up-arrow {
    -webkit-animation: jump-scroll-top-btn 1100ms linear infinite;
    -moz-animation: jump-scroll-top-btn 1100ms linear infinite;
    -ms-animation: jump-scroll-top-btn 1100ms linear infinite;
    animation: jump-scroll-top-btn 1100ms linear infinite
}

@media only screen and (max-width: 768px) {
    #footer .footer-btn-top {
        margin-top: 20px
    }
}

#footer .footer-copys {
    *zoom: 1;
    margin-top: -15px;
}

#footer .footer-copys:before,
#footer .footer-copys:after {
    content: '';
    display: table
}

#footer .footer-copys:after {
    clear: both
}

@media only screen and (max-width: 768px) {
    #footer .footer-copys {
        margin-top: 50px;
        text-align: center
    }
}

#footer .footer-copys .copys-left {
    float: left;
    font-size: 12px;
}

@media only screen and (max-width: 768px) {
    #footer .footer-copys .copys-left {
        float: none;
        display: block
    }
}

#footer .footer-copys .copys-right {
    float: right;
}

@media only screen and (max-width: 768px) {
    #footer .footer-copys .copys-right {
        float: none;
        display: block;
        margin-top: 10px
    }
}

@-webkit-keyframes jump-scroll-top-btn {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes jump-scroll-top-btn {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jump-scroll-top-btn {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

#tpl-company .company-parallax-main {
    background-color: #0089da;
    height: 530px;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-company .company-parallax-main {
        background: url("../images/company1-mobile-background.png") no-repeat;
        background-color: #0089da;
        background-position: center 155px
    }
    #tpl-company .company-parallax-main .main-parallax {
        display: none
    }
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-company .company-parallax-main {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-company .company-parallax-main {
        background-size: 200%;
        background-position: center 180px
    }
}

#tpl-company .company-parallax-main .company-main-container {
    height: 100%;
    overflow: hidden;
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx {
    position: absolute;
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--glow {
    background-image: url("../images/parallax/company/main/glow.png");
    background-repeat: no-repeat;
    width: 652px;
    height: 587px;
    right: 2%;
    top: 0
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--blue-arrows {
    background-image: url("../images/parallax/company/main/blue-arrows.png");
    background-repeat: no-repeat;
    width: 668px;
    height: 417px;
    right: 3%;
    top: 80px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--dashed-clouds {
    background-image: url("../images/parallax/company/main/dashed-clouds.png");
    background-repeat: no-repeat;
    width: 704px;
    height: 280px;
    right: 5%;
    top: 180px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--white-arrows {
    background-image: url("../images/parallax/company/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1022px;
    height: 345px;
    right: 5%;
    top: 100px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--feature-clouds {
    background-image: url("../images/parallax/company/main/feature-clouds.png");
    background-repeat: no-repeat;
    width: 778px;
    height: 433px;
    right: 5%;
    top: 40px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--waves {
    background-image: url("../images/parallax/company/main/waves.png");
    background-repeat: no-repeat;
    width: 279px;
    height: 627px;
    right: 4%;
    top: -85px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--gears {
    background-image: url("../images/parallax/company/main/gears.png");
    background-repeat: no-repeat;
    width: 338px;
    height: 393px;
    right: 17%;
    top: 105px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax .main-prlx.main-prlx--globe {
    background-image: url("../images/parallax/company/main/globe.png");
    background-repeat: no-repeat;
    width: 358px;
    height: 341px;
    right: 15%;
    top: 100px
}

#tpl-company .company-parallax-main .company-main-container .main-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-company .company-parallax-main .company-main-container .main-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-company .company-parallax-main .company-main-container .main-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-company .company-parallax-main .company-main-container .main-parallax-text h1,
#tpl-company .company-parallax-main .company-main-container .main-parallax-text h2 {
    text-shadow: 1px 2px 3px #0089da
}

#tpl-company .company-parallax-main .company-main-container .main-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-company .company-parallax-main .company-main-container .main-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-company .our-experience .md-title {
    line-height: 35px;
    margin-bottom: 0
}

#tpl-company .company-parallax-people {
    background-color: #ff626c;
    height: 380px;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-company .company-parallax-people {
        background: url("../images/company2-mobile-background.png") no-repeat;
    }
    #tpl-company .company-parallax-people .people-parallax {
        display: none
    }
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-company .company-parallax-people {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-company .company-parallax-people {
        background-size: 200%;
        background-position: center 180px
    }
}

#tpl-company .company-parallax-people .company-people-container {
    height: 100%;
    overflow: hidden;
}

#tpl-company .company-parallax-people .company-people-container .people-parallax {
    position: relative;
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx {
    position: absolute;
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--glow {
    background-image: url("../images/parallax/company/people/glow.png");
    background-repeat: no-repeat;
    width: 742px;
    height: 817px;
    left: -7%;
    top: -250px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--red-arrows {
    background-image: url("../images/parallax/company/people/red-arrows.png");
    background-repeat: no-repeat;
    width: 611px;
    height: 238px;
    left: 6%;
    top: 95px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--distant-gears {
    background-image: url("../images/parallax/company/people/distant-gears.png");
    background-repeat: no-repeat;
    width: 540px;
    height: 182px;
    left: 2%;
    top: 160px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--white-clouds {
    background-image: url("../images/parallax/company/people/white-clouds.png");
    background-repeat: no-repeat;
    width: 461px;
    height: 256px;
    top: 70px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--medium-distance-gears {
    background-image: url("../images/parallax/company/people/medium-distance-gears.png");
    background-repeat: no-repeat;
    width: 651px;
    height: 279px;
    left: 6%;
    top: 70px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax .people-prlx.people-prlx--men {
    background-image: url("../images/parallax/company/people/men.png");
    background-repeat: no-repeat;
    width: 433px;
    height: 246px;
    left: 12%;
    top: 80px
}

#tpl-company .company-parallax-people .company-people-container .people-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    color: #fff;
    width: 500px;
    right: 40px;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #tpl-company .company-parallax-people .company-people-container .people-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        right: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-company .company-parallax-people .company-people-container .people-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
    #tpl-company .company-parallax-people .company-people-container .people-parallax-text h1 {
        font-size: 26px
    }
}

#tpl-company .company-parallax-people .company-people-container .people-parallax-text h1,
#tpl-company .company-parallax-people .company-people-container .people-parallax-text h2 {
    text-shadow: 1px 2px 3px #ff626c
}

#tpl-company .company-cases .md-subtitle {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #tpl-company .company-cases .md-subtitle {
        width: 60%
    }
}

#tpl-company .company-cases .company-cases-list {
    font-size: 0;
    margin-top: 30px;
}

#tpl-company .company-cases .company-cases-list .list-item {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#tpl-company .company-cases .company-cases-list .list-item:last-child {
    border-bottom: none
}

#tpl-company .company-cases .company-cases-list .list-item.case-list-item img {
    cursor: pointer;
    max-height: 70px;
    max-width: 200px
}

@media only screen and (min-width: 768px) {
    #tpl-company .company-cases .company-cases-list .list-item {
        border-bottom: none;
        border-right: 1px solid #ddd;
        display: inline-block;
        width: 33%
    }
    #tpl-company .company-cases .company-cases-list .list-item:nth-child(3n) {
        border-right: none
    }
}

#tpl-company .company-cases .company-cases-list .list-item .case-item-logo-container {
    height: 120px;
}

#tpl-company .company-cases .company-cases-list .list-item .case-item-logo-container .case-item-logo-link {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

#tpl-company .company-cases .company-cases-list .list-item .case-item-logo-container .case-item-logo-link .case-item-logo {
    display: block;
    margin: 0 auto;
    max-height: 70px;
    max-width: 200px
}

#tpl-company .company-cases .company-cases-list .list-item .view-item {
    display: none;
    height: 70px;
}

#tpl-company .company-cases .company-cases-list .list-item .view-item.view-item--show-mobile {
    display: block;
}

@media only screen and (min-width: 768px) {
    #tpl-company .company-cases .company-cases-list .list-item .view-item.view-item--show-mobile {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    #tpl-company .company-cases .company-cases-list .list-item .view-item {
        display: inline-block
    }
}

#tpl-company .company-cases .company-cases-list .list-item .view-item .view-item-button {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #62d1fc;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    padding: 5px;
}

#tpl-company .company-cases .company-cases-list .list-item .view-item .view-item-button .md-icon--plus-sign {
    float: left
}

#tpl-company .company-cases .company-cases-list .view-cases-btn {
    margin-top: 20px;
    text-align: center;
}

#tpl-company .company-cases .company-cases-list .view-cases-btn.view-cases-btn--mobile {
    display: block;
}

@media only screen and (min-width: 768px) {
    #tpl-company .company-cases .company-cases-list .view-cases-btn.view-cases-btn--mobile {
        display: none
    }
}

#tpl-company .company-cases .more-cases-btn {
    margin-top: 40px;
    text-transform: uppercase;
}

#tpl-company .company-cases .more-cases-btn .md-icon {
    margin-right: 10px;
    vertical-align: top
}

#tpl-cloud .cloud-parallax-section {
    background-color: #b058c5;
    height: 440px;
    overflow: hidden;
    position: relative;
}


/*DevOps*/

#tpl-devOps .devops-parallax-section {
    background-color: #D2424C;
    height: 440px;
    overflow: hidden;
    position: relative;
}


/*DevOps*/

@media only screen and (max-width: 768px) {
    #tpl-cloud .cloud-parallax-section {
        background: url("../images/experience-mobile-background-ipad.png") no-repeat;
        background-color: #b058c5;
        background-position: center 110px
    }
    #tpl-cloud .cloud-parallax-section .cloud-parallax {
        display: none
    }
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-cloud .cloud-parallax-section {
        background-size: auto
    }
}

#tpl-cloud .cloud-parallax-section .cloud-parallax-container {
    height: 100%;
    overflow: hidden;
}

#tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text h1,
#tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text .md-subtitle {
    font-weight: lighter;
}

#tpl-cloud .cloud-parallax-section .cloud-parallax-container .cloud-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax {
    height: 440px;
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx {
    position: absolute;
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-glow {
    background-image: url("../images/parallax/cloud/solutions/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px;
    right: 10%;
    top: -150px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-high-distance-arrows {
    background-image: url("../images/parallax/cloud/solutions/high-distance-arrows.png");
    background-repeat: no-repeat;
    width: 183px;
    height: 149px;
    right: 47%;
    top: 80px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-dark-blue-cloud {
    background-image: url("../images/parallax/cloud/solutions/dark-blue-cloud.png");
    background-repeat: no-repeat;
    width: 43px;
    height: 27px;
    right: 55%;
    top: 155px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-dashed-clouds {
    background-image: url("../images/parallax/cloud/solutions/dashed-clouds.png");
    background-repeat: no-repeat;
    width: 479px;
    height: 290px;
    right: 45%;
    top: 60px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-blue-clouds {
    background-image: url("../images/parallax/cloud/solutions/blue-clouds.png");
    background-repeat: no-repeat;
    width: 817px;
    height: 282px;
    right: 12%;
    top: 60px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-white-clouds {
    background-image: url("../images/parallax/cloud/solutions/white-clouds.png");
    background-repeat: no-repeat;
    width: 763px;
    height: 224px;
    right: 20%;
    top: 75px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-white-clouds {
    background-image: url("../images/parallax/cloud/solutions/white-clouds.png");
    background-repeat: no-repeat;
    width: 763px;
    height: 224px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-medium-distance-arrows {
    background-image: url("../images/parallax/cloud/solutions/medium-distance-arrows.png");
    background-repeat: no-repeat;
    width: 1074px;
    height: 288px;
    right: 14%;
    top: 64px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-low-distance-arrow {
    background-image: url("../images/parallax/cloud/solutions/low-distance-arrow.png");
    background-repeat: no-repeat;
    width: 93px;
    height: 20px;
    right: 35%;
    top: 225px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-main {
    background-image: url("../images/parallax/cloud/solutions/main.png");
    background-repeat: no-repeat;
    width: 586px;
    height: 290px;
    right: 15%;
    top: 95px
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-curved-arrows {
    width: 52px;
    height: 56px;
    right: calc(15% + 268px);
    top: 145px;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0)
    }
}

#tpl-cloud .cloud-parallax-section .cloud-parallax .cloud-prlx.cloud-prlx-curved-arrows .curved-arrows {
    background-image: url("../images/parallax/cloud/solutions/curved-arrows.png");
    background-repeat: no-repeat;
    width: 52px;
    height: 56px;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

#tpl-cloud .help-cards-container .md-cards .card:last-child {
    margin-bottom: 0
}

#tpl-cloud .help-cards-container .md-cards .card .card-header {
    height: 104px;
}

#tpl-cloud .help-cards-container .md-cards .card .card-header h2 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content {
    padding-top: 25px;
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content .cloud-solutions-icon-container {
    height: 130px;
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content .cloud-solutions-icon-container .cloud-solutions-icon {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content .cloud-solutions-icon-container .cloud-solutions-icon.cloud-solutions-icon--cloud-partner {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px 0;
    width: 229px;
    height: 104px
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content .cloud-solutions-icon-container .cloud-solutions-icon.cloud-solutions-icon--understand-and-help {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px -447px;
    width: 156px;
    height: 93px
}

#tpl-cloud .help-cards-container .md-cards .card .card-featured-content .cloud-solutions-icon-container .cloud-solutions-icon.cloud-solutions-icon--we-focus-on-cloud {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px -104px;
    width: 220px;
    height: 108px
}

#tpl-cloud .professional-services-section {
    background-color: #ff8f26;
    padding-bottom: 0;
}

@media only screen and (min-width: 600px) {
    #tpl-cloud .professional-services-section {
        padding-bottom: inherit
    }
}

#tpl-cloud .professional-services-section .professional-services-list {
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
}

@media only screen and (min-width: 600px) {
    #tpl-cloud .professional-services-section .professional-services-list {
        margin-top: 50px
    }
}

#tpl-cloud .professional-services-section .professional-services-list .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 30px 20px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#tpl-cloud .professional-services-section .professional-services-list .list-item:last-child {
    border-bottom: none
}

@media only screen and (min-width: 600px) {
    #tpl-cloud .professional-services-section .professional-services-list .list-item {
        border-bottom: none;
        display: inline-block;
        min-height: 230px;
        width: 49%
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(even) {
        margin-bottom: 30px
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    #tpl-cloud .professional-services-section .professional-services-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(33% - 1px)
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(3n) {
        border-right: none
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:last-child {
        border-right: none
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-cloud .professional-services-section .professional-services-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: 19%
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(-n+5) {
        margin-bottom: 50px
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:nth-child(5n) {
        border-right: none
    }
    #tpl-cloud .professional-services-section .professional-services-list .list-item:last-child {
        border-bottom: none
    }
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-description {
    margin-top: 15px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container {
    height: 100px;
}

@media only screen and (max-width: 600px) {
    #tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container {
        height: auto
    }
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon {
    display: block;
    margin: 0 auto;
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--efficiency {
    background-image: url("../images/sprites-4913.png");
    background-position: -201px -813px;
    width: 87px;
    height: 69px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--resource-monitoring {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -190px;
    width: 95px;
    height: 95px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--application-monitoring {
    background-image: url("../images/sprites-4913.png");
    background-position: -633px -590px;
    width: 63px;
    height: 64px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--incident-alerts {
    background-image: url("../images/sprites-4913.png");
    background-position: -475px -703px;
    width: 72px;
    height: 65px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--services-recovery {
    background-image: url("../images/sprites-4913.png");
    background-position: -356px -813px;
    width: 67px;
    height: 67px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--noc-brlink {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -575px;
    width: 44px;
    height: 65px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--architecture-optimization {
    background-image: url("../images/sprites-4913.png");
    background-position: -746px -447px;
    width: 71px;
    height: 71px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--flexible-hours {
    background-image: url("../images/sprites-4913.png");
    background-position: -288px -813px;
    width: 68px;
    height: 68px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--sla {
    background-image: url("../images/sprites-4913.png");
    background-position: -51px -893px;
    width: 64px;
    height: 75px
}

#tpl-cloud .professional-services-section .professional-services-list .list-item .list-item-icon-container .professional-service-icon.professional-service-icon--backups {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -625px;
    width: 87px;
    height: 85px
}

@media only screen and (max-width: 600px) {
    #tpl-cloud .services-cards .md-box--margin-bottom-40 {
        margin-bottom: 20px
    }
}

#tpl-cloud .services-cards .card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center;
}

#tpl-cloud .services-cards .card:before,
#tpl-cloud .services-cards .card:after {
    content: '';
    display: table
}

#tpl-cloud .services-cards .card:after {
    clear: both
}

#tpl-cloud .services-cards .card:last-child {
    margin-right: 0%
}

@media only screen and (max-width: 767px) {
    #tpl-cloud .services-cards .card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        text-align: center
    }
    #tpl-cloud .services-cards .card:before,
    #tpl-cloud .services-cards .card:after {
        content: '';
        display: table
    }
    #tpl-cloud .services-cards .card:after {
        clear: both
    }
    #tpl-cloud .services-cards .card:last-child {
        margin-right: 0%
    }
    #tpl-cloud .services-cards .card:last-child {
        margin-bottom: 0
    }
}

#tpl-cloud .services-cards .card .card-header {
    padding-top: 40px;
}

#tpl-cloud .services-cards .card .card-header .card-icon-container {
    height: 100px;
}

#tpl-cloud .services-cards .card .card-header .card-icon-container .md-icon {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#tpl-cloud .services-cards .card .card-header hr {
    margin: 0 auto 15px;
    width: 70%
}

#tpl-cloud .services-cards .card .card-header p {
    margin: 0 auto;
    width: 80%;
    min-height: 160px;
}

@media only screen and (max-width: 767px) {
    #tpl-cloud .services-cards .card .card-header p {
        min-height: 80px
    }
}

@media screen and (min-width: 769px) {
    #tpl-cloud .services-cards .card .card-header p {
        min-height: 134px
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-cloud .services-cards .card .card-header p {
        min-height: 80px
    }
}

#tpl-cloud .services-cards .card .card-footer {
    display: block;
    margin: 0;
    text-align: right;
}

#tpl-cloud .services-cards .card .card-footer .md-link:after {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -249px;
    width: 10px;
    height: 17px;
    content: '';
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    width: 10px
}

#tpl-cases .cases-hero {
    background-color: #0089da;
    overflow: hidden;
    height: 440px;
}

@media only screen and (max-width: 768px) {
    #tpl-cases .cases-hero {
        background: url("../images/cases-mobile-background.png") no-repeat;
        background-color: #0089da;
        background-position: center 30px
    }
    #tpl-cases .cases-hero .cases-parallax {
        display: none
    }
}

#tpl-cases .cases-hero .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-cases .cases-hero {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-cases .cases-hero {
        background-size: 180%;
        background-position: center calc(80% + 20px)
    }
}

#tpl-cases .cases-hero .cases-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-cases .cases-hero .cases-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-cases .cases-hero .cases-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-cases .cases-hero .cases-text h1,
#tpl-cases .cases-hero .cases-text h2 {
    text-shadow: 1px 2px 3px #0089da
}

#tpl-cases .cases-hero .cases-text .md-subtitle {
    font-weight: lighter;
}

#tpl-cases .cases-hero .cases-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-cases .cases-hero .cases-parallax {
    overflow: hidden;
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx {
    position: absolute;
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-glow {
    background-image: url("../images/parallax/cases/hero/glow.png");
    background-repeat: no-repeat;
    width: 652px;
    height: 587px;
    right: -33%;
    top: -95px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-glow {
        right: 15%
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-blue-right-arrows {
    background-image: url("../images/parallax/cases/hero/blue-right-arrows.png");
    background-repeat: no-repeat;
    width: 714px;
    height: 277px;
    right: 2%;
    top: 66px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-blue-right-arrows {
        right: 15%
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-dashed-white-clouds {
    background-image: url("../images/parallax/cases/hero/dashed-white-clouds.png");
    background-repeat: no-repeat;
    width: 585px;
    height: 50px;
    right: -50%;
    top: 150px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-dashed-white-clouds {
        right: 19%
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-left-white-arrows {
    background-image: url("../images/parallax/cases/hero/left-white-arrows.png");
    background-repeat: no-repeat;
    width: 704px;
    height: 212px;
    right: 2%;
    top: 105px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-left-white-arrows {
        right: 20%
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-white-clouds {
    background-image: url("../images/parallax/cases/hero/white-clouds.png");
    background-repeat: no-repeat;
    width: 623px;
    height: 258px;
    right: -35%;
    top: 80px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-white-clouds {
        right: 17%
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-lamp {
    background-image: url("../images/parallax/cases/hero/lamp.png");
    background-repeat: no-repeat;
    width: 348px;
    height: 328px;
    top: 70px;
    right: 8%;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-lamp {
        right: 25%;
        top: 55px
    }
}

#tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-right-white-arrow {
    background-image: url("../images/parallax/cases/hero/right-white-arrow.png");
    background-repeat: no-repeat;
    width: 80px;
    height: 15px;
    right: 80%;
    top: 210px;
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-hero .cases-parallax .cases-prlx.cases-prlx-right-white-arrow {
        right: 50%
    }
}

#tpl-cases .cases-title .cases-title-medal-icon {
    margin-right: 15px;
    vertical-align: middle
}

#tpl-cases .cases-list {
    list-style: none;
}

#tpl-cases .cases-list .case-item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    background-color: #e6e6e6;
    height: 150px;
    position: relative;
    text-align: center;
    opacity: 0;
    margin-top: 10px;
}

#tpl-cases .cases-list .case-item:before,
#tpl-cases .cases-list .case-item:after {
    content: '';
    display: table
}

#tpl-cases .cases-list .case-item:after {
    clear: both
}

#tpl-cases .cases-list .case-item:nth-child(1n) {
    margin-right: 0%;
    float: right
}

#tpl-cases .cases-list .case-item:nth-child(1n+1) {
    clear: both
}

#tpl-cases .cases-list .case-item:nth-child(1n) {
    margin-bottom: 0
}

#tpl-cases .cases-list .case-item:nth-child(1n) {
    margin-bottom: 3%
}

#tpl-cases .cases-list .case-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 600px) {
    #tpl-cases .cases-list .case-item {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-cases .cases-list .case-item:before,
    #tpl-cases .cases-list .case-item:after {
        content: '';
        display: table
    }
    #tpl-cases .cases-list .case-item:after {
        clear: both
    }
    #tpl-cases .cases-list .case-item:nth-child(1n) {
        margin-right: 3%;
        float: left
    }
    #tpl-cases .cases-list .case-item:nth-child(1n+1) {
        clear: none
    }
    #tpl-cases .cases-list .case-item:nth-child(2n) {
        margin-right: 0%;
        float: right
    }
    #tpl-cases .cases-list .case-item:nth-child(2n+1) {
        clear: both
    }
    #tpl-cases .cases-list .case-item:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-cases .cases-list .case-item:nth-child(2n) {
        margin-bottom: 3%
    }
    #tpl-cases .cases-list .case-item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    #tpl-cases .cases-list .case-item {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333333333333%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-cases .cases-list .case-item:before,
    #tpl-cases .cases-list .case-item:after {
        content: '';
        display: table
    }
    #tpl-cases .cases-list .case-item:after {
        clear: both
    }
    #tpl-cases .cases-list .case-item:nth-child(2n) {
        margin-right: 3%;
        float: left
    }
    #tpl-cases .cases-list .case-item:nth-child(2n+1) {
        clear: none
    }
    #tpl-cases .cases-list .case-item:nth-child(3n) {
        margin-right: 0%;
        float: right
    }
    #tpl-cases .cases-list .case-item:nth-child(3n+1) {
        clear: both
    }
    #tpl-cases .cases-list .case-item:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-cases .cases-list .case-item:nth-child(3n) {
        margin-bottom: 3%
    }
    #tpl-cases .cases-list .case-item:last-child {
        margin-bottom: 0
    }
}

#tpl-cases .cases-list .case-item .img-color {
    display: none
}

#tpl-cases .cases-list .case-item:hover .img-color {
    display: block
}

#tpl-cases .cases-list .case-item:hover .img-gray {
    display: none
}

#tpl-cases .cases-list .case-item:hover .case-item-link .floating-text .floating-text-content {
    display: inline
}

#tpl-cases .cases-list .case-item .case-item-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 70px;
    max-width: 70%
}

#tpl-cases .cases-list .case-item .case-item-link {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

#tpl-cases .cases-list .case-item .floating-text {
    position: absolute;
    line-height: 1em;
    right: 10px;
    top: 10px;
}

#tpl-cases .cases-list .case-item .floating-text .floating-text-content {
    color: #aaa;
    display: none;
    margin-right: 5px;
    font-size: 12px;
    font-family: 'Lato-Heavy'
}

#tpl-cases .cases-list .case-item .floating-text .case-item-medal {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -941px;
    width: 23px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

#tpl-hotspot .hotspot-parallax {
    background-color: #ff626c;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-parallax {
        background: url("../images/hotspot-mobile-background-ipad.png") no-repeat;
        background-color: #ff626c;
        background-position: center 155px;
        height: 530px
    }
    #tpl-hotspot .hotspot-parallax .md-parallax-container {
        display: none
    }
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-hotspot .hotspot-parallax {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-hotspot .hotspot-parallax {
        background-size: 180%;
        background-position: center 120px
    }
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container {
    height: 100%;
    overflow: hidden;
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text h1,
#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #ff626c
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-glow {
    background-image: url("../images/parallax/hotspot/main/glow.png");
    background-repeat: no-repeat;
    width: 652px;
    height: 587px;
    right: 18%;
    top: -20px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-red-arrows {
    background-image: url("../images/parallax/hotspot/main/red-arrows.png");
    background-repeat: no-repeat;
    width: 1105px;
    height: 302px;
    right: 17%;
    top: 60px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-white-arrows {
    background-image: url("../images/parallax/hotspot/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1154px;
    height: 285px;
    right: 12%;
    top: 70px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-people-back {
    background-image: url("../images/parallax/hotspot/main/people-back.png");
    background-repeat: no-repeat;
    width: 519px;
    height: 106px;
    right: 20%;
    top: 174px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-wifi-top-wave {
    background-image: url("../images/parallax/hotspot/main/wifi-top-wave.png");
    background-repeat: no-repeat;
    width: 324px;
    height: 96px;
    right: calc(20% + 98px);
    top: 50px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-wifi-bottom-wave {
    background-image: url("../images/parallax/hotspot/main/wifi-bottom-wave.png");
    background-repeat: no-repeat;
    width: 206px;
    height: 72px;
    right: calc(20% + 158px);
    top: 150px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-wifi-emitter {
    background-image: url("../images/parallax/hotspot/main/wifi-emitter.png");
    background-repeat: no-repeat;
    width: 70px;
    height: 68px;
    right: calc(20% + 225px);
    top: 250px
}

#tpl-hotspot .hotspot-parallax .hotspot-parallax-container .hotspot-parallax-people-front {
    background-image: url("../images/parallax/hotspot/main/people-front.png");
    background-repeat: no-repeat;
    width: 519px;
    height: 110px;
    right: 20%;
    top: 280px
}

#tpl-hotspot .hotspot-parallax .md-parallax-text {
    text-shadow: 1px 2px 3px #ff626c
}

#tpl-hotspot .hotspot-features .hotspot-features-title {
    line-height: 35px
}

#tpl-hotspot .hotspot-features .hotspot-features-list {
    *zoom: 1;
}

#tpl-hotspot .hotspot-features .hotspot-features-list:before,
#tpl-hotspot .hotspot-features .hotspot-features-list:after {
    content: '';
    display: table
}

#tpl-hotspot .hotspot-features .hotspot-features-list:after {
    clear: both
}

@media only screen and (min-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature {
        background: url("../images/blue-arrows-background.png") no-repeat;
        background-position: center center
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:first-child {
    margin-top: 10px;
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:first-child {
        margin-top: 50px
    }
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:before,
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:after {
        content: '';
        display: table
    }
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:after {
        clear: both
    }
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:last-child {
        margin-right: 0%
    }
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-title {
        text-align: center
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right {
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right {
        background: url("../images/blue-arrows-background-2.png") no-repeat;
        background-position: center center
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-image {
    float: right;
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-image {
        float: none
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    margin-right: 60px;
    position: absolute;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-content {
        position: relative;
        margin-right: 0;
        text-align: left;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-content .feature-text {
    text-align: center;
}

@media only screen and (min-width: 769px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature.hotspot-feature--right .feature-content .feature-text {
        text-align: right
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-image {
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-image {
        display: block;
        margin: 0 auto 10px;
        max-width: 200px;
        width: 100%
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-content {
    display: inline-block;
    margin-left: 60px;
    vertical-align: middle;
    width: calc(100% - 370px);
}

@media only screen and (max-width: 768px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-content {
        width: 100%;
        margin: 0
    }
}

#tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-content .feature-text {
    text-align: center;
}

@media only screen and (min-width: 769px) {
    #tpl-hotspot .hotspot-features .hotspot-features-list .hotspot-feature .feature-content .feature-text {
        text-align: left
    }
}

#tpl-hotspot .br-wifi {
    background-color: #b058c5;
}

#tpl-hotspot .br-wifi .br-wifi-description {
    margin: 0 auto;
    width: 70%
}

#tpl-hotspot .br-wifi .md-btn {
    margin-top: 30px;
    text-decoration: none;
    text-align: center;
    width: 250px
}

div.wpcf7 {
    margin: 0;
    padding: 0
}

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #f00
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700
}

.wpcf7-form-control-wrap {
    position: relative
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #f00;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    margin-left: .5em
}

.wpcf7-display-none {
    display: none
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px
}

div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .placeheld {
    color: #888
}

#tpl-contact .contact-parallax {
    background-color: #ff8f26;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-contact .contact-parallax {
        background: url("../images/contact-background-mobile.png") no-repeat;
        background-color: #ff8f26;
        background-position: center bottom
    }
    #tpl-contact .contact-parallax .md-parallax-container {
        display: none
    }
}

#tpl-contact .contact-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-contact .contact-parallax {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-contact .contact-parallax {
        background-size: 200%;
        background-position: center 80%
    }
}

#tpl-contact .contact-parallax .contact-parallax-glow {
    background-image: url("../images/parallax/contact/main/glow.png");
    background-repeat: no-repeat;
    width: 772px;
    height: 651px;
    right: 15%
}

#tpl-contact .contact-parallax .contact-parallax-red-arrows {
    background-image: url("../images/parallax/contact/main/red-arrows.png");
    background-repeat: no-repeat;
    width: 622px;
    height: 239px;
    right: 20%;
    top: 100px
}

#tpl-contact .contact-parallax .contact-parallax-white-arrows {
    background-image: url("../images/parallax/contact/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 701px;
    height: 226px;
    right: 18%;
    top: 140px
}

#tpl-contact .contact-parallax .contact-parallax-clouds {
    background-image: url("../images/parallax/contact/main/clouds.png");
    background-repeat: no-repeat;
    width: 674px;
    height: 53px;
    right: 17%;
    top: 180px
}

#tpl-contact .contact-parallax .contact-parallax-envelopes {
    background-image: url("../images/parallax/contact/main/envelopes.png");
    background-repeat: no-repeat;
    width: 255px;
    height: 176px;
    right: 28%;
    top: 110px
}

#tpl-contact .contact-parallax .contact-parallax-people {
    background-image: url("../images/parallax/contact/main/people.png");
    background-repeat: no-repeat;
    width: 524px;
    height: 287px;
    right: 20%;
    top: 70px
}

#tpl-contact .contact-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 360px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-contact .contact-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-contact .contact-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-contact .contact-parallax .md-parallax-text h1,
#tpl-contact .contact-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #ff8f26
}

#tpl-contact .contact-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-contact .contact-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-contact .map-section {
    height: calc(100vh - 56px);
    overflow: hidden;
    position: relative;
}

#tpl-contact .map-section .contact-box {
    background-color: #fff;
    height: 357px;
    z-index: 2;
}

#tpl-contact .map-section .contact-box.contact-box--line {
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
    left: -100%;
}

@media only screen and (max-width: 768px) {
    #tpl-contact .map-section .contact-box.contact-box--line {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    #tpl-contact .map-section .contact-box {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: auto;
        margin-left: 100px;
        position: absolute;
        width: 400px
    }
}

#tpl-contact .map-section .contact-box .contact-box-container {
    padding: 38px;
}

#tpl-contact .map-section .contact-box .contact-box-container .box-title {
    color: #9930b6;
    margin-bottom: 25px
}

#tpl-contact .map-section .contact-box .contact-box-container .contact-info {
    margin: 15px 0;
}

#tpl-contact .map-section .contact-box .contact-box-container .contact-info hr {
    margin: 20px 0;
    color: #666;
    width: 80px
}

#tpl-contact .map-section .contact-box .contact-box-footer {
    background-color: #9930b6;
    color: #fff;
    padding: 15px;
    text-align: right;
    cursor: pointer;
}

#tpl-contact .map-section .contact-box .contact-box-footer .map-link {
    display: block
}

#tpl-contact .map-section .contact-box .contact-box-footer .map-link-mobile {
    display: none
}

@media only screen and (max-width: 768px) {
    #tpl-contact .map-section .contact-box .contact-box-footer .map-link {
        display: none
    }
    #tpl-contact .map-section .contact-box .contact-box-footer .map-link-mobile {
        display: block
    }
}

#tpl-contact .map-section .contact-box .contact-box-footer .md-link {
    font-family: 'Lato-Regular';
}

#tpl-contact .map-section .contact-box .contact-box-footer .md-link:after {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -249px;
    width: 10px;
    height: 17px;
    content: '';
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    vertical-align: middle;
    width: 10px;
    margin-top: -4px
}

#tpl-contact .map-section .map-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: calc(100% - 357px);
    position: absolute;
    left: 0;
    top: 357px;
    width: 100%;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    #tpl-contact .map-section .map-overlay {
        height: 100%;
        top: 0
    }
}

#tpl-contact .map-section #map-container {
    background-color: #000;
    height: calc(100% - 357px);
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #tpl-contact .map-section #map-container {
        height: 100%
    }
}

#tpl-contact .screen-reader-response {
    display: none
}

#tpl-contact .how-can-we-help #sucesso {
    display: flex;
    min-height: 500px;
    align-items: center
}

#tpl-contact #sucesso #form-success-wrapper {
    display: block;
    opacity: 1;
    padding-top: 50px;
}

#tpl-contact #sucesso #form-success-wrapper a {
    text-decoration: none
}

#tpl-contact .user-options {
    font-size: 0;
}

#tpl-contact .user-options .user-option {
    display: inline-block;
    margin-right: 2%;
    width: 32%;
}

#tpl-contact .user-options .user-option:last-child {
    margin-right: 0
}

@media only screen and (max-width: 1050px) {
    #tpl-contact .user-options .user-option {
        display: block;
        margin-bottom: 15px;
        width: 100%
    }
}

#tpl-contact .user-options .user-option .proposal {
    background-color: #9930b6
}

#tpl-contact .user-options .user-option .client {
    background-color: #d2424c
}

#tpl-contact .user-options .user-option .curriculum {
    background-color: #ff8f26
}

#tpl-contact .contact-form .form-extra-fields {
    margin-top: 30px;
}

#tpl-contact .contact-form .form-extra-fields input[type=file] {
    display: none
}

#tpl-contact .contact-form .form-extra-fields .wpcf7-not-valid-tip {
    color: #d2424c
}

#tpl-contact .contact-form .form-extra-fields p,
#tpl-contact .contact-form .form-extra-fields em,
#tpl-contact .contact-form .form-extra-fields span {
    color: #666
}

#tpl-contact .contact-form .form-extra-fields em {
    display: block
}

#tpl-contact .contact-form .form-extra-fields .form-text {
    padding: 10px 0
}

#tpl-contact .contact-form .form-extra-fields .file-box {
    margin: 30px 0;
}

#tpl-contact .contact-form .form-extra-fields .file-box:above(4) {
    margin: 30px 0
}

#tpl-contact .contact-form .form-extra-fields .file-box .select-file {
    background-color: #ff8f26;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #tpl-contact .contact-form .form-extra-fields .file-box .select-file {
        margin-right: 2%;
        width: 46%;
        max-width: 250px
    }
}

#tpl-contact .contact-form .form-extra-fields .file-box .selected-file-name {
    display: block;
    margin-top: 8px;
}

@media only screen and (min-width: 768px) {
    #tpl-contact .contact-form .form-extra-fields .file-box .selected-file-name {
        display: inline;
        margin-left: 10px
    }
}

#tpl-contact .contact-form .submit-form {
    text-transform: uppercase
}

#tpl-contact .contact-form.form-option-1 .form-back:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -304px;
    width: 10px;
    height: 17px
}

#tpl-contact .contact-form.form-option-1 select {
    color: #9930b6
}

#tpl-contact .contact-form.form-option-1 .submit-form {
    background-color: #9930b6
}

#tpl-contact .contact-form.form-option-1 .ajax-loader-wrapper {
    background-color: #9930b6
}

#tpl-contact .contact-form.form-option-2 .form-back:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -287px;
    width: 10px;
    height: 17px
}

#tpl-contact .contact-form.form-option-2 .form-back,
#tpl-contact .contact-form.form-option-2 .md-title {
    color: #d2424c
}

#tpl-contact .contact-form.form-option-2 .client-message {
    height: 308px
}

#tpl-contact .contact-form.form-option-2 .submit-form {
    background-color: #d2424c
}

#tpl-contact .contact-form.form-option-2 .ajax-loader-wrapper {
    background-color: #d2424c
}

#tpl-contact .contact-form.form-option-3 .form-back:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -215px;
    width: 10px;
    height: 17px
}

#tpl-contact .contact-form.form-option-3 .form-back,
#tpl-contact .contact-form.form-option-3 .md-title {
    color: #ff8f26
}

#tpl-contact .contact-form.form-option-3 .hire-reasons {
    height: 220px
}

#tpl-contact .contact-form.form-option-3 .submit-form {
    background-color: #ff8f26
}

#tpl-contact .contact-form.form-option-3 .ajax-loader-wrapper {
    background-color: #ff8f26
}

#tpl-contact #form-success-wrapper {
    display: none;
    opacity: 0;
    text-align: center;
}

#tpl-contact #form-success-wrapper i.success-icon {
    display: block;
    margin: 0 auto;
    margin-bottom: 40px
}

#tpl-contact #form-success-wrapper .success-message {
    padding: 10px 0;
    margin-bottom: 40px
}

#tpl-contact #form-success-wrapper .success-back-btn {
    padding-left: 40px;
}

#tpl-contact #form-success-wrapper .success-back-btn:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -232px;
    width: 10px;
    height: 17px;
    content: '';
    margin-left: -30px;
    margin-top: 4px;
    position: absolute
}

#tpl-contact #form-success-wrapper.form-option-1 i.success-icon {
    background-image: url("../images/sprites-4913.png");
    background-position: -295px 0;
    width: 295px;
    height: 295px
}

#tpl-contact #form-success-wrapper.form-option-1 .success-title {
    color: #9930b6
}

#tpl-contact #form-success-wrapper.form-option-1 .success-back-btn {
    background-color: #9930b6;
    background-image: linear-gradient(to bottom, #9930b6 50%, #8306ad 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

#tpl-contact #form-success-wrapper.form-option-1 .success-back-btn:hover {
    background-position: 0 100%;
    color: #fff
}

#tpl-contact #form-success-wrapper.form-option-2 i.success-icon {
    background-image: url("../images/sprites-4913.png");
    background-position: 0 -295px;
    width: 295px;
    height: 295px
}

#tpl-contact #form-success-wrapper.form-option-2 .success-title {
    color: #d2424c
}

#tpl-contact #form-success-wrapper.form-option-2 .success-back-btn {
    background-color: #d2424c;
    background-image: linear-gradient(to bottom, #d2424c 50%, #811515 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

#tpl-contact #form-success-wrapper.form-option-2 .success-back-btn:hover {
    background-position: 0 100%;
    color: #fff
}

#tpl-contact #form-success-wrapper.form-option-3 i.success-icon {
    background-image: url("../images/sprites-4913.png");
    background-position: 0 0;
    width: 295px;
    height: 295px
}

#tpl-contact #form-success-wrapper.form-option-3 .success-title {
    color: #ff8f26
}

#tpl-contact #form-success-wrapper.form-option-3 .success-back-btn {
    background-color: #ff8f26;
    background-image: linear-gradient(to bottom, #ff8f26 50%, #e38501 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

#tpl-contact #form-success-wrapper.form-option-3 .success-back-btn:hover {
    background-position: 0 100%;
    color: #fff
}

#tpl-client section {
    clear: both
}

#tpl-client .client-parallax {
    background-color: #0089da;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client-parallax {
        background-image: url("../images/client-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-client .client-parallax .md-parallax-container {
        display: none
    }
}

#tpl-client .client-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-glow {
    background-image: url("../images/parallax/client/hero/glow.png");
    background-repeat: no-repeat;
    width: 652px;
    height: 587px;
    right: 25%;
    top: -100px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-distant-clouds {
    background-image: url("../images/parallax/client/hero/distant-clouds.png");
    background-repeat: no-repeat;
    width: 763px;
    height: 99px;
    right: calc(15% - 40px);
    top: 55px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-blue-arrows {
    background-image: url("../images/parallax/client/hero/blue-arrows.png");
    background-repeat: no-repeat;
    width: 614px;
    height: 120px;
    right: calc(15% + 350px);
    top: 35px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-dashed-cloud {
    background-image: url("../images/parallax/client/hero/dashed-cloud.png");
    background-repeat: no-repeat;
    width: 68px;
    height: 43px;
    right: calc(15% - 20px);
    top: 120px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-white-arrows {
    background-image: url("../images/parallax/client/hero/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 15%;
    top: 40px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-near-clouds {
    background-image: url("../images/parallax/client/hero/near-clouds.png");
    background-repeat: no-repeat;
    width: 295px;
    height: 97px;
    right: calc(15% + 330px);
    top: 70px
}

#tpl-client .client-parallax .md-parallax-container .client-parallax-big-blue-cloud {
    background-image: url("../images/parallax/client/hero/big-blue-cloud.png");
    background-repeat: no-repeat;
    width: 144px;
    height: 90px;
    right: calc(24% + 150px);
    top: 40px
}

#tpl-client .client-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-client .client-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-client .client-parallax .md-parallax-text h1,
#tpl-client .client-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #0089da
}

#tpl-client .client-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-client .client-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-client .client-navigation {
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client-navigation {
        display: none
    }
}

#tpl-client .client-navigation .client-navigation-link {
    background-color: #eaeaea;
    display: inline-block;
    height: 80px;
    line-height: 100px;
    position: fixed;
    top: calc(50vh - 0px);
    -webkit-transition: all, .3s;
    -moz-transition: all, .3s;
    -ms-transition: all, .3s;
    transition: all, .3s;
    width: 80px;
    z-index: -1000;
}

#tpl-client .client-navigation .client-navigation-link:hover {
    background-color: #67d0fc
}

#tpl-client .client-navigation .previous-client {
    -webkit-border-radius: 0 100% 100% 0;
    -moz-border-radius: 0 100% 100% 0;
    -ms-border-radius: 0 100% 100% 0;
    border-radius: 0 100% 100% 0;
    left: -40px;
    padding-right: 17px;
    text-align: right;
}

#tpl-client .client-navigation .previous-client:hover {
    left: -15px;
    padding-right: 34px
}

#tpl-client .client-navigation .next-client {
    -webkit-border-radius: 100% 0 0 100%;
    -moz-border-radius: 100% 0 0 100%;
    -ms-border-radius: 100% 0 0 100%;
    border-radius: 100% 0 0 100%;
    padding-left: 17px;
    right: -40px;
    text-align: left;
}

#tpl-client .client-navigation .next-client:hover {
    padding-left: 34px;
    right: -15px
}

#tpl-client .client .client-info .client-breadcrumb {
    margin: 15px 0 10px;
}

#tpl-client .client .client-info .client-breadcrumb .breadcrumb-items {
    list-style: none;
}

@media only screen and (max-width: 600px) {
    #tpl-client .client .client-info .client-breadcrumb .breadcrumb-items {
        text-align: center
    }
}

#tpl-client .client .client-info .client-breadcrumb .breadcrumb-items .breadcrumb-item {
    color: #004e92;
    display: inline-block;
}

#tpl-client .client .client-info .client-breadcrumb .breadcrumb-items .breadcrumb-item:before {
    content: ' > '
}

#tpl-client .client .client-info .client-breadcrumb .breadcrumb-items .breadcrumb-item:first-child:before {
    display: none
}

#tpl-client .client .client-info .client-about {
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    padding-bottom: 35px;
}

#tpl-client .client .client-info .client-about .client-logo-container {
    display: inline-block;
    padding-top: 30px;
    text-align: center;
    vertical-align: middle;
    width: 33.33%;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-about .client-logo-container {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        margin: 0;
        text-align: center;
        padding: 30px 0
    }
    #tpl-client .client .client-info .client-about .client-logo-container:before,
    #tpl-client .client .client-info .client-about .client-logo-container:after {
        content: '';
        display: table
    }
    #tpl-client .client .client-info .client-about .client-logo-container:after {
        clear: both
    }
    #tpl-client .client .client-info .client-about .client-logo-container:last-child {
        margin-right: 0%
    }
}

#tpl-client .client .client-info .client-about .client-logo-container .client-logo {
    display: inline-block;
    max-width: 300px
}

#tpl-client .client .client-info .client-about .client-about-project {
    display: inline-block;
    padding: 0 50px;
    vertical-align: middle;
    width: 65.66%;
}

#tpl-client .client .client-info .client-about .client-about-project .md-title {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-about .client-about-project .md-title {
        margin-bottom: 10px
    }
}

#tpl-client .client .client-info .client-about .client-about-project .client-description {
    color: #999;
    font-size: 1.1em
}

#tpl-client .client .client-info .client-about .client-about-project p {
    margin-bottom: 12px;
}

@media only screen and (max-width: 600px) {
    #tpl-client .client .client-info .client-about .client-about-project p {
        text-align: justify
    }
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-about .client-about-project {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        padding: 0 15px;
        margin: 0
    }
    #tpl-client .client .client-info .client-about .client-about-project:before,
    #tpl-client .client .client-info .client-about .client-about-project:after {
        content: '';
        display: table
    }
    #tpl-client .client .client-info .client-about .client-about-project:after {
        clear: both
    }
    #tpl-client .client .client-info .client-about .client-about-project:last-child {
        margin-right: 0%
    }
}

#tpl-client .client .client-info .client-video-wrapper {
    *zoom: 1;
    padding: 50px;
}

#tpl-client .client .client-info .client-video-wrapper:before,
#tpl-client .client .client-info .client-video-wrapper:after {
    content: '';
    display: table
}

#tpl-client .client .client-info .client-video-wrapper:after {
    clear: both
}

@media only screen and (max-width: 600px) {
    #tpl-client .client .client-info .client-video-wrapper {
        padding: 40px 0 0
    }
}

#tpl-client .client .client-info .client-video-wrapper .client-video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin: 0 auto;
}

#tpl-client .client .client-info .client-video-wrapper .client-video-container iframe {
    position: absolute;
    top: 0;
    left: 0
}

#tpl-client .client .client-info .client-challenges-solutions {
    clear: left;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 40px;
}

#tpl-client .client .client-info .client-challenges-solutions .md-title {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-challenges-solutions .md-title {
        margin-bottom: 10px
    }
}

#tpl-client .client .client-info .client-challenges-solutions p {
    color: #999;
    margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-challenges-solutions p {
        text-align: justify;
        margin-bottom: 0
    }
}

#tpl-client .client .client-info .client-challenges-solutions .client-challenges {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    border-right: 1px solid #e7e7e7;
    padding: 0 60px 30px 30px;
}

#tpl-client .client .client-info .client-challenges-solutions .client-challenges:before,
#tpl-client .client .client-info .client-challenges-solutions .client-challenges:after {
    content: '';
    display: table
}

#tpl-client .client .client-info .client-challenges-solutions .client-challenges:after {
    clear: both
}

#tpl-client .client .client-info .client-challenges-solutions .client-challenges:last-child {
    margin-right: 0%
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-challenges-solutions .client-challenges {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        border: none;
        padding: 0 15px;
        margin: 0;
        margin-bottom: 30px
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-challenges:before,
    #tpl-client .client .client-info .client-challenges-solutions .client-challenges:after {
        content: '';
        display: table
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-challenges:after {
        clear: both
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-challenges:last-child {
        margin-right: 0%
    }
}

#tpl-client .client .client-info .client-challenges-solutions .client-solutions {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    padding-right: 30px;
    padding-left: 60px;
}

#tpl-client .client .client-info .client-challenges-solutions .client-solutions:before,
#tpl-client .client .client-info .client-challenges-solutions .client-solutions:after {
    content: '';
    display: table
}

#tpl-client .client .client-info .client-challenges-solutions .client-solutions:after {
    clear: both
}

#tpl-client .client .client-info .client-challenges-solutions .client-solutions:last-child {
    margin-right: 0%
}

@media only screen and (max-width: 768px) {
    #tpl-client .client .client-info .client-challenges-solutions .client-solutions {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        border: none;
        padding: 0 15px;
        margin: 0
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-solutions:before,
    #tpl-client .client .client-info .client-challenges-solutions .client-solutions:after {
        content: '';
        display: table
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-solutions:after {
        clear: both
    }
    #tpl-client .client .client-info .client-challenges-solutions .client-solutions:last-child {
        margin-right: 0%
    }
}

#tpl-client .client .client-results {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    list-style: none;
    background-color: #ff8f26;
    color: #fff;
    padding: 40px 0;
    text-align: center;
}

#tpl-client .client .client-results:before,
#tpl-client .client .client-results:after {
    content: '';
    display: table
}

#tpl-client .client .client-results:after {
    clear: both
}

#tpl-client .client .client-results:last-child {
    margin-right: 0%
}

#tpl-client .client .client-results .result-summary {
    font-size: 1.1em;
    margin: 25px auto 40px;
    max-width: 1200px;
    padding: 0 200px
}

#tpl-client .client .client-results .result-types {
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    *zoom: 1;
}

#tpl-client .client .client-results .result-types:before,
#tpl-client .client .client-results .result-types:after {
    content: '';
    display: table
}

#tpl-client .client .client-results .result-types:after {
    clear: both
}

#tpl-client .client .client-results .result-types .result-type {
    display: inline-block;
    margin-right: 15px;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25%;
    margin-left: 0%;
    margin-right: 0%;
    width: 24%;
    float: none;
}

#tpl-client .client .client-results .result-types .result-type:before,
#tpl-client .client .client-results .result-types .result-type:after {
    content: '';
    display: table
}

#tpl-client .client .client-results .result-types .result-type:after {
    clear: both
}

#tpl-client .client .client-results .result-types .result-type:last-child {
    margin-right: 0%
}

#tpl-client .client .client-results .result-types .result-type:nth-child(4n) {
    margin-bottom: 50px
}

#tpl-client .client .client-results .result-types .result-type:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media only screen and (max-width: 600px) {
    #tpl-client .client .client-results .result-types .result-type {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 50%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 30px
    }
    #tpl-client .client .client-results .result-types .result-type:before,
    #tpl-client .client .client-results .result-types .result-type:after {
        content: '';
        display: table
    }
    #tpl-client .client .client-results .result-types .result-type:after {
        clear: both
    }
    #tpl-client .client .client-results .result-types .result-type:last-child {
        margin-right: 0%
    }
    #tpl-client .client .client-results .result-types .result-type:nth-of-type(4n) {
        margin-bottom: 30px
    }
}

#tpl-client .client .client-results .result-types .result-type .result-type-title {
    margin: 50px 0 20px;
}

@media only screen and (max-width: 600px) {
    #tpl-client .client .client-results .result-types .result-type .result-type-title {
        margin: 20px 0
    }
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container {
    height: 73px;
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon {
    display: inline-block;
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--availability {
    background-image: url("../images/sprites-4913.png");
    background-position: -423px -813px;
    width: 66px;
    height: 66px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--cost-reduction {
    background-image: url("../images/sprites-4913.png");
    background-position: -489px -813px;
    width: 66px;
    height: 66px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--scalability {
    background-image: url("../images/sprites-4913.png");
    background-position: -115px -893px;
    width: 66px;
    height: 72px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--attended-requests {
    background-image: url("../images/sprites-4913.png");
    background-position: -569px -590px;
    width: 64px;
    height: 64px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--conversions {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -386px;
    width: 76px;
    height: 73px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--flexibility {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -532px;
    width: 76px;
    height: 73px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--performance {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -605px;
    width: 76px;
    height: 73px
}

#tpl-client .client .client-results .result-types .result-type .result-icon-container .result-icon.result-icon--agility {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -459px;
    width: 76px;
    height: 73px
}

#tpl-client .client .client-testimonial {
    overflow: hidden;
    padding-top: 40px;
    text-align: center;
}

#tpl-client .client .client-testimonial .testimonial-text {
    font-size: 1.5em;
    line-height: 32px;
    margin: 30px auto 0;
    width: 72%
}

#tpl-client .client .client-testimonial .testimonial-author {
    border-top: 1px solid #e7e7e7;
    display: inline-block;
    margin-top: 20px;
    min-width: 300px;
    padding-top: 20px;
    width: auto;
}

#tpl-client .client .client-testimonial .testimonial-author .author-name,
#tpl-client .client .client-testimonial .testimonial-author .author-job {
    display: block
}

#tpl-client .client .client-testimonial .testimonial-author .author-name {
    color: #62d1fc
}

#tpl-client .client .client-testimonial .testimonial-author .author-job {
    margin-top: 5px
}

#tpl-aws .aws-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-aws .aws-parallax {
        background-image: url("../images/aws-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-aws .aws-parallax .md-parallax-container {
        display: none
    }
}

#tpl-aws .aws-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-aws .aws-parallax .md-parallax-container .aws-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-aws .aws-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-aws .aws-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-aws .aws-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-aws .aws-parallax .md-parallax-text h1,
#tpl-aws .aws-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-aws .aws-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-aws .aws-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-doubts .aws-doubts-list {
        background: url("../images/aws-clouds.png") no-repeat center top;
        background-size: contain
    }
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt {
    margin-bottom: 30px;
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt:last-child {
    margin-bottom: 0
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt .feature-image {
    display: block;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
    width: 150px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-doubts .aws-doubts-list .aws-doubt .feature-image {
        display: inline-block;
        height: 300px;
        width: 300px
    }
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt .doubt-content {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-doubts .aws-doubts-list .aws-doubt .doubt-content {
        margin-top: 0;
        padding-left: 40px;
        text-align: left;
        width: calc(100% - 305px)
    }
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt .doubt-content .doubt-text {
    line-height: 28px
}

#tpl-aws .aws-doubts .aws-doubts-list .aws-doubt.aws-doubt--right {
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-doubts .aws-doubts-list .aws-doubt.aws-doubt--right .feature-image {
        float: right
    }
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-doubts .aws-doubts-list .aws-doubt.aws-doubt--right .doubt-content {
        padding-left: 0;
        padding-right: 40px;
        position: absolute;
        text-align: right;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#tpl-aws .attendance-quality {
    padding-bottom: 20px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .attendance-quality {
        padding: 40px 0
    }
}

#tpl-aws .attendance-quality .quality-content {
    position: relative;
}

#tpl-aws .attendance-quality .quality-content .quality-text {
    display: inline-block;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #tpl-aws .attendance-quality .quality-content .quality-text {
        padding-right: 60px;
        width: 50%
    }
}

#tpl-aws .attendance-quality .quality-content .quality-text p {
    font-size: 1.1em;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    #tpl-aws .attendance-quality .quality-content .quality-text p {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 600px) {
    #tpl-aws .attendance-quality .quality-content .quality-text p {
        text-align: justify
    }
}

#tpl-aws .attendance-quality .quality-content .quality-logo {
    padding-top: 20px;
    text-align: center;
}

#tpl-aws .attendance-quality .quality-content .quality-logo img {
    max-width: 100%
}

@media only screen and (min-width: 768px) {
    #tpl-aws .attendance-quality .quality-content .quality-logo {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        padding-top: 0;
        position: absolute;
        width: calc(50% - 5px)
    }
}

#tpl-aws .cloud-experts {
    background-color: #ff626c;
    padding: 50px 0;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    #tpl-aws .cloud-experts {
        padding: 40px 20px
    }
}

#tpl-aws .cloud-experts .experts-title {
    color: #fff
}

#tpl-aws .cloud-experts .benefits-list {
    padding: 0 40px;
}

#tpl-aws .cloud-experts .benefits-list .benefit {
    display: block;
    margin-top: 25px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .cloud-experts .benefits-list .benefit {
        display: inline-block;
        margin-right: 2%;
        vertical-align: top;
        width: calc(49% - 10px)
    }
    #tpl-aws .cloud-experts .benefits-list .benefit:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) {
    #tpl-aws .cloud-experts .benefits-list .benefit {
        margin-right: 4%;
        width: calc(22% - 5px)
    }
}

#tpl-aws .cloud-experts .benefits-list .benefit:last-child {
    margin-right: 0
}

#tpl-aws .cloud-experts .benefits-list .benefit .benefit-image {
    margin-bottom: 12px;
}

@media only screen and (min-width: 768px) {
    #tpl-aws .cloud-experts .benefits-list .benefit .benefit-image {
        margin-bottom: 40px
    }
}

#tpl-aws .cloud-experts .benefits-list .benefit .benefit-title,
#tpl-aws .cloud-experts .benefits-list .benefit .benefit-description {
    color: #fff
}

#tpl-aws .cloud-experts .benefits-list .benefit .benefit-title {
    font-size: 22px;
    margin-bottom: 26px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .cloud-experts .benefits-list .benefit .benefit-title {
        margin-bottom: 5px
    }
}

#tpl-aws .aws-examples {
    padding: 40px 0;
}

@media only screen and (max-width: 768px) {
    #tpl-aws .aws-examples {
        padding: 40px 20px
    }
}

#tpl-aws .aws-examples .examples-list {
    margin-bottom: 30px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-examples .examples-list {
        margin-bottom: 60px
    }
}

#tpl-aws .aws-examples .examples-list:last-child {
    margin-bottom: 0
}

#tpl-aws .aws-examples .examples-list .example {
    display: block;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-examples .examples-list .example {
        display: inline-block;
        margin-right: 3%;
        margin-top: 0;
        vertical-align: top;
        width: calc(31% - 1px)
    }
}

#tpl-aws .aws-examples .examples-list .example:last-child {
    margin-right: 0
}

#tpl-aws .aws-examples .examples-list .example .example-image {
    height: 85px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-examples .examples-list .example .example-image {
        margin-bottom: 45px
    }
}

#tpl-aws .aws-examples .examples-list .example .md-title {
    font-size: 20px;
}

@media only screen and (min-width: 600px) {
    #tpl-aws .aws-examples .examples-list .example .md-title {
        font-size: 30px
    }
}

#tpl-azure .azure-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-parallax {
        background-image: url("../images/aws-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-azure .azure-parallax .md-parallax-container {
        display: none
    }
}

#tpl-azure .azure-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-azure .azure-parallax .md-parallax-container .azure-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-azure .azure-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-azure .azure-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-azure .azure-parallax .md-parallax-text h1,
#tpl-azure .azure-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-azure .azure-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-azure .azure-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-azure .azure-doubts {
    margin: 0 !important;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-doubts {
        margin: 40px 0
    }
}

#tpl-azure .azure-doubts .azure-doubts-list {
    background: url("../images/aws-clouds.png") no-repeat center top;
    background-size: contain;
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt {
    margin-bottom: 30px;
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt:last-child {
    margin-bottom: 0
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .feature-image {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 150px;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .feature-image {
        display: inline-block;
        height: 300px;
        vertical-align: middle;
        width: 300px
    }
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .doubt-content {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .doubt-content {
        display: inline-block;
        margin-top: 0;
        padding-left: 40px;
        text-align: left;
        width: calc(100% - 305px)
    }
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .doubt-content .doubt-text {
    line-height: 28px;
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .doubt-content .doubt-text:last-child {
    margin-bottom: 0;
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt .doubt-content .doubt-text:last-child:above(3) {
    margin-bottom: 30px
}

#tpl-azure .azure-doubts .azure-doubts-list .azure-doubt.azure-doubt--right {
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-doubts .azure-doubts-list .azure-doubt.azure-doubt--right .feature-image {
        float: right
    }
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-doubts .azure-doubts-list .azure-doubt.azure-doubt--right .doubt-content {
        padding-left: 0;
        padding-right: 40px;
        position: absolute;
        text-align: right;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#tpl-azure .attendance-quality {
    padding: 40px 0;
}

#tpl-azure .attendance-quality .quality-content {
    position: relative;
}

#tpl-azure .attendance-quality .quality-content .quality-text {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .attendance-quality .quality-content .quality-text {
        display: inline-block;
        padding-right: 60px;
        width: 50%
    }
}

#tpl-azure .attendance-quality .quality-content .quality-text p {
    font-size: 1.1em;
    margin-bottom: 30px;
}

@media only screen and (max-width: 600px) {
    #tpl-azure .attendance-quality .quality-content .quality-text p {
        text-align: justify
    }
}

#tpl-azure .attendance-quality .quality-content .quality-logo {
    text-align: center;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .attendance-quality .quality-content .quality-logo {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        position: absolute;
        width: calc(50% - 5px)
    }
}

#tpl-azure .azure-support {
    background-color: #ff626c;
    padding: 50px 20px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-support {
        padding: 40px 20px
    }
}

#tpl-azure .azure-support .azure-support-title,
#tpl-azure .azure-support .azure-support-subtitle {
    color: #fff
}

#tpl-azure .azure-support .azure-support-subtitle {
    margin-bottom: 10px;
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-support .azure-support-subtitle {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 600px) {
    #tpl-azure .azure-support .azure-support-title--two-lines {
        padding-bottom: 28px
    }
}

#tpl-azure .azure-support .features-list {
    list-style: none;
    *zoom: 1;
}

#tpl-azure .azure-support .features-list:before,
#tpl-azure .azure-support .features-list:after {
    content: '';
    display: table
}

#tpl-azure .azure-support .features-list:after {
    clear: both
}

#tpl-azure .azure-support .features-list .list-item {
    color: #fff;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 25%;
    margin-left: 0%;
    margin-right: 0%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 20px 20px 0 20px;
}

#tpl-azure .azure-support .features-list .list-item:before,
#tpl-azure .azure-support .features-list .list-item:after {
    content: '';
    display: table
}

#tpl-azure .azure-support .features-list .list-item:after {
    clear: both
}

#tpl-azure .azure-support .features-list .list-item:last-child {
    margin-right: 0%
}

#tpl-azure .azure-support .features-list .list-item:last-child {
    border-right: none
}

#tpl-azure .azure-support .features-list .list-item .icon-container {
    height: 85px;
    position: relative;
}

#tpl-azure .azure-support .features-list .list-item .icon-container img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin: 0 auto
}

#tpl-azure .azure-support .features-list .list-item .feature-title {
    font-size: 22px;
    margin: 40px 0;
    min-height: 80px;
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-support .features-list .list-item .feature-title {
        font-size: 20px;
        min-height: 0;
        margin: 25px 0
    }
}

@media only screen and (max-width: 600px) {
    #tpl-azure .azure-support .features-list .list-item .feature-title {
        font-size: 18px;
        margin: 20px 0
    }
}

#tpl-azure .azure-support .features-list .list-item .feature-description {
    line-height: 20px;
    min-height: 130px;
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-support .features-list .list-item .feature-description {
        min-height: 0
    }
}

@media only screen and (max-width: 768px) {
    #tpl-azure .azure-support .features-list .list-item {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 50%;
        margin-left: 0%;
        margin-right: 0%;
        min-height: 370px;
        margin-bottom: 20px
    }
    #tpl-azure .azure-support .features-list .list-item:before,
    #tpl-azure .azure-support .features-list .list-item:after {
        content: '';
        display: table
    }
    #tpl-azure .azure-support .features-list .list-item:after {
        clear: both
    }
    #tpl-azure .azure-support .features-list .list-item:last-child {
        margin-right: 0%
    }
    #tpl-azure .azure-support .features-list .list-item:nth-of-type(2n) {
        border-right: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-azure .azure-support .features-list .list-item {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        padding: 20px;
        min-height: 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        margin: 0
    }
    #tpl-azure .azure-support .features-list .list-item:before,
    #tpl-azure .azure-support .features-list .list-item:after {
        content: '';
        display: table
    }
    #tpl-azure .azure-support .features-list .list-item:after {
        clear: both
    }
    #tpl-azure .azure-support .features-list .list-item:last-child {
        margin-right: 0%
    }
    #tpl-azure .azure-support .features-list .list-item:last-child {
        border: none
    }
}

#tpl-azure .right-partner {
    padding: 30px 0 0;
    text-align: center;
}

#tpl-azure .right-partner .right-partner-content {
    line-height: 36px
}

#tpl-backup .backup-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-backup .backup-parallax {
        background-image: url("../images/azure-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-backup .backup-parallax .md-parallax-container {
        display: none
    }
}

#tpl-backup .backup-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-backup .backup-parallax .md-parallax-container .backup-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-backup .backup-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-backup .backup-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-backup .backup-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-backup .backup-parallax .md-parallax-text h1,
#tpl-backup .backup-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-backup .backup-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-backup .backup-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-backup .backup-features {
    padding: 20px 0 40px;
    text-align: center;
}

#tpl-backup .backup-features .features-intro {
    font-size: 17px;
    margin: 0 auto;
    max-width: 800px
}

#tpl-backup .backup-features .features-title {
    margin-top: 20px
}

#tpl-backup .backup-features .backup-features-list {
    background-color: #ff8f26;
}

@media only screen and (min-width: 600px) {
    #tpl-backup .backup-features .backup-features-list {
        padding: 40px 0
    }
}

#tpl-backup .backup-features .backup-features-list .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px 20px 20px;
    vertical-align: top;
    width: 100%;
}

#tpl-backup .backup-features .backup-features-list .list-item:last-child {
    border-bottom: none;
    min-height: 0
}

@media only screen and (min-width: 600px) {
    #tpl-backup .backup-features .backup-features-list .list-item {
        border-bottom: none;
        min-height: 300px;
        padding-bottom: 0;
        width: calc(50% - 5px)
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(2n) {
        margin-bottom: 30px
    }
    #tpl-backup .backup-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
}

@media only screen and (min-width: 768px) {
    #tpl-backup .backup-features .backup-features-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(33% - 5px)
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(3n) {
        margin-bottom: 30px
    }
    #tpl-backup .backup-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(3n),
    #tpl-backup .backup-features .backup-features-list .list-item:last-child {
        border-right: none
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-backup .backup-features .backup-features-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(20% - 5px)
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(3n) {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(5n) {
        margin-bottom: 30px
    }
    #tpl-backup .backup-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
    #tpl-backup .backup-features .backup-features-list .list-item:nth-child(5n) {
        border-right: none
    }
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container {
    height: 76px;
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon {
    display: block;
    margin: 0 auto;
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--restore {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -678px;
    width: 74px;
    height: 74px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--pay-what-you-use {
    background-image: url("../images/sprites-4913.png");
    background-position: -110px -590px;
    width: 165px;
    height: 75px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--high-durability {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -311px;
    width: 75px;
    height: 75px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--low-cost {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -752px;
    width: 74px;
    height: 74px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--high-security {
    background-image: url("../images/sprites-4913.png");
    background-position: -181px -893px;
    width: 63px;
    height: 67px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--backup-scheduling {
    background-image: url("../images/sprites-4913.png");
    background-position: -740px -336px;
    width: 69px;
    height: 75px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--custom-retention {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -640px;
    width: 44px;
    height: 65px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--block-level-backups {
    background-image: url("../images/sprites-4913.png");
    background-position: -503px -405px;
    width: 84px;
    height: 82px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--bandwidth-control {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px 0;
    width: 82px;
    height: 81px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-icon-container .backup-feature-icon.backup-feature-icon--compression {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -235px;
    width: 76px;
    height: 76px
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-title {
    font-size: 22px;
    margin: 25px 0
}

@media only screen and (min-width: 600px) {
    #tpl-backup .backup-features .backup-features-list .list-item .list-item-description {
        min-height: 100px
    }
}

@media only screen and (max-width: 768px) {
    #tpl-backup .backup-features .backup-features-list .list-item .list-item-description {
        min-height: 0
    }
}

#tpl-backup .backup-features .backup-features-list .list-item .list-item-description.list-item-description--small {
    min-height: 73px
}

#tpl-backup .more-cloud-services {
    text-align: center;
    padding: 0 10px;
}

#tpl-backup .more-cloud-services .cloud-services {
    padding: 40px 0 0;
    list-style: none;
}

@media only screen and (min-width: 768px) {
    #tpl-backup .more-cloud-services .cloud-services {
        padding-bottom: 40px
    }
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service {
    background-color: #8306ad;
    margin-bottom: 30px;
    padding-top: 40px;
}

@media only screen and (min-width: 768px) {
    #tpl-backup .more-cloud-services .cloud-services .cloud-service {
        display: inline-block;
        margin-right: 4%;
        vertical-align: top;
        width: calc(48% - 3px)
    }
    #tpl-backup .more-cloud-services .cloud-services .cloud-service:last-child {
        margin-right: 0
    }
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .icon-container {
    display: inline-block;
    margin-left: 40px;
    margin-right: 30px;
    text-align: center;
    vertical-align: top;
    width: 130px;
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .icon-container .md-icon {
    margin-bottom: 20px
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .icon-container .md-title {
    color: #fff
}

@media only screen and (max-width: 768px) {
    #tpl-backup .more-cloud-services .cloud-services .cloud-service .icon-container {
        margin: 0 10px;
        vertical-align: middle
    }
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .cloud-service-description {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    min-height: 150px;
    padding: 40px 40px 0 30px;
    position: relative;
    text-align: left;
    width: calc(100% - 210px);
}

@media only screen and (max-width: 768px) {
    #tpl-backup .more-cloud-services .cloud-services .cloud-service .cloud-service-description {
        padding: 15px 15px 0 15px;
        width: calc(100% - 180px);
        vertical-align: middle
    }
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .cloud-service-description p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .know-more-link-container {
    margin-top: 40px;
    text-align: right;
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .know-more-link-container .know-more-link {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 12px;
    width: 100%;
}

#tpl-backup .more-cloud-services .cloud-services .cloud-service .know-more-link-container .know-more-link:after {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -249px;
    width: 10px;
    height: 17px;
    content: '';
    display: inline-block;
    height: 17px;
    margin: 2px 5px 0 15px;
    vertical-align: top;
    width: 10px
}

#tpl-database-services .database-services-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-database-services .database-services-parallax {
        background-image: url("../images/azure-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-database-services .database-services-parallax .md-parallax-container {
        display: none
    }
}

#tpl-database-services .database-services-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-glow {
    background-image: url("../images/parallax/database-services/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-purple-arrows {
    background-image: url("../images/parallax/database-services/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-light-blue-clouds {
    background-image: url("../images/parallax/database-services/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-white-arrows {
    background-image: url("../images/parallax/database-services/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-white-clouds {
    background-image: url("../images/parallax/database-services/main/white-cloud.png");
    background-repeat: no-repeat;
    width: 75px;
    height: 56px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-database-services .database-services-parallax .md-parallax-container .database-services-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/database-services/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-database-services .database-services-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-database-services .database-services-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-database-services .database-services-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-database-services .database-services-parallax .md-parallax-text h1,
#tpl-database-services .database-services-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-database-services .database-services-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-database-services .database-services-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-database-services .db-services-features {
    text-align: center;
}

#tpl-database-services .db-services-features .features-intro {
    font-size: 17px;
    margin: 0 auto;
    max-width: 800px
}

#tpl-database-services .db-services-features .features-title {
    margin-top: 20px
}

#tpl-database-services .db-services-features .backup-features-list {
    background-color: #ff8f26;
    margin: 30px 0 0;
}

@media only screen and (min-width: 600px) {
    #tpl-database-services .db-services-features .backup-features-list {
        padding: 40px 0 0
    }
}

#tpl-database-services .db-services-features .backup-features-list .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px 20px 20px;
    vertical-align: top;
    width: 100%;
}

#tpl-database-services .db-services-features .backup-features-list .list-item:last-child {
    border-bottom: none;
    min-height: 0
}

@media only screen and (min-width: 600px) {
    #tpl-database-services .db-services-features .backup-features-list .list-item {
        border-bottom: none;
        min-height: 230px;
        padding-bottom: 0;
        width: calc(50% - 5px)
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(2n) {
        margin-bottom: 30px
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
}

@media only screen and (min-width: 768px) {
    #tpl-database-services .db-services-features .backup-features-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(33% - 5px)
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(3n) {
        margin-bottom: 30px
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(3n),
    #tpl-database-services .db-services-features .backup-features-list .list-item:last-child {
        border-right: none
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .db-services-features .backup-features-list .list-item {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(16.6666% - 5px)
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(3n) {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(6n) {
        margin-bottom: 30px
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
    #tpl-database-services .db-services-features .backup-features-list .list-item:nth-child(6n) {
        border-right: none
    }
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container {
    height: 90px;
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon {
    display: block;
    margin: 0 auto;
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--architecture {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -285px;
    width: 108px;
    height: 80px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--capacity-planning {
    background-image: url("../images/sprites-4913.png");
    background-position: -221px -703px;
    width: 121px;
    height: 79px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--migration {
    background-image: url("../images/sprites-4913.png");
    background-position: -111px -703px;
    width: 110px;
    height: 110px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--monitoring {
    background-image: url("../images/sprites-4913.png");
    background-position: 0 -813px;
    width: 115px;
    height: 80px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--management {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -365px;
    width: 90px;
    height: 90px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-icon-container .db-services-feature-icon.db-services-feature-icon--improvements {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -84px;
    width: 87px;
    height: 106px
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-title {
    font-size: 22px;
    margin: 25px 0
}

@media only screen and (min-width: 600px) {
    #tpl-database-services .db-services-features .backup-features-list .list-item .list-item-description {
        min-height: 100px
    }
}

@media only screen and (max-width: 768px) {
    #tpl-database-services .db-services-features .backup-features-list .list-item .list-item-description {
        min-height: 0
    }
}

#tpl-database-services .db-services-features .backup-features-list .list-item .list-item-description.list-item-description--small {
    min-height: 73px
}

#tpl-database-services .db-services-features .backup-features-list .list-extra-text {
    font-size: 26px;
    padding: 30px 10px;
    margin: 0 auto;
    width: 70%
}

#tpl-database-services .strategies .serverless-introduction .strategies-intro {
    color: #666;
    text-align: left
}

#tpl-database-services .strategies .serverless-introduction .strategies-title {
    max-width: 60%;
    margin: 30px auto 40px;
    line-height: 35px;
}

@media only screen and (max-width: 768px) {
    #tpl-database-services .strategies .serverless-introduction .strategies-title {
        min-width: 100%
    }
}

#tpl-database-services .strategies .strategies-title {
    text-align: center
}

#tpl-database-services .strategies .strategies-title {
    margin-top: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .strategies .strategies-title {
        margin-top: 0
    }
}

#tpl-database-services .strategies .strategy {
    background-color: #fff;
    padding: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .strategies .strategy {
        padding: 60px
    }
}

#tpl-database-services .strategies .strategy .strategy-text-container {
    color: #666;
    display: block;
    margin-bottom: 30px;
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .strategies .strategy .strategy-text-container {
        display: inline-block;
        margin-bottom: 0;
        width: 60%
    }
}

#tpl-database-services .strategies .strategy .strategy-text-container .md-title {
    line-height: 30px;
    margin-bottom: 15px
}

#tpl-database-services .strategies .strategy .strategy-text-container .md-title,
#tpl-database-services .strategies .strategy .strategy-text-container .md-subtitle {
    color: #8306ad
}

#tpl-database-services .strategies .strategy .strategy-image-container {
    display: block;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .strategies .strategy .strategy-image-container {
        display: inline-block;
        width: calc(40% - 10px)
    }
}

#tpl-database-services .strategies .strategy .strategy-image-container img {
    max-width: 100%
}

#tpl-database-services .strategies .strategy .strategy-image-container .image-label {
    font-size: 26px;
    margin-top: 20px
}

#tpl-database-services .strategies .strategy.strategy--right {
    background-color: #ff8f26;
}

#tpl-database-services .strategies .strategy.strategy--right .strategy-text-container {
    color: #fff;
    float: right;
}

@media only screen and (min-width: 1050px) {
    #tpl-database-services .strategies .strategy.strategy--right .strategy-text-container {
        padding-right: 0;
        padding-left: 80px
    }
}

#tpl-database-services .strategies .strategy.strategy--right .strategy-text-container .md-title,
#tpl-database-services .strategies .strategy.strategy--right .strategy-text-container .md-subtitle {
    color: #fff
}

@media only screen and (max-width: 600px) {
    #blog .slider {
        display: none
    }
}

#blog .slider #blog-slider {
    height: 370px;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 1200px;
}

@media only screen and (max-width: 768px) {
    #blog .slider #blog-slider {
        height: 470px
    }
}

@media only screen and (min-width: 600px) and (max-width: 925px) {
    #blog .slider #blog-slider {
        margin-top: 32px
    }
}

#blog .slider #blog-slider .slides-container {
    background-color: #e7e7e7;
    cursor: move;
    height: 370px;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 1200px;
}

@media only screen and (max-width: 768px) {
    #blog .slider #blog-slider .slides-container {
        height: 470px
    }
}

#blog .slider #blog-slider .slides-container .slide-container {
    background-position: 50%;
    background-size: cover;
}

#blog .slider #blog-slider .slides-container .slide-container .slide-main-link {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

#blog .slider #blog-slider .slides-container .slide-container .slide-main-link:active {
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#blog .slider #blog-slider .slides-container .slide-container .slide-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px 30px 30px;
    width: 400px;
    left: 120px;
    position: absolute;
    cursor: pointer;
}

@media only screen and (max-width: 1050px) {
    #blog .slider #blog-slider .slides-container .slide-container .slide-content {
        width: 600px
    }
}

#blog .slider #blog-slider .slides-container .slide-container .slide-content .slide-header {
    color: #0089da;
    line-height: 30px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 1050px) {
    #blog .slider #blog-slider .slides-container .slide-container .slide-content .slide-header {
        font-size: 40px;
        line-height: 40px
    }
}

#blog .slider #blog-slider .slides-container .slide-container .slide-content .slide-text {
    color: #666;
    font-size: .8em;
}

@media only screen and (max-width: 1050px) {
    #blog .slider #blog-slider .slides-container .slide-container .slide-content .slide-text {
        font-size: 1.7em
    }
}

#blog .slider #blog-slider .arrow-left,
#blog .slider #blog-slider .arrow-right {
    display: none;
    position: absolute;
    top: 150px;
    -webkit-transition: left .5s, right .5s;
    -moz-transition: left .5s, right .5s;
    -ms-transition: left .5s, right .5s;
    transition: left .5s, right .5s;
}

#blog .slider #blog-slider .arrow-left:hover,
#blog .slider #blog-slider .arrow-right:hover {
    cursor: pointer
}

@media only screen and (min-width: 1399px) {
    #blog .slider #blog-slider .arrow-left,
    #blog .slider #blog-slider .arrow-right {
        display: block
    }
}

#blog .slider #blog-slider .arrow-left {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -287px;
    width: 40px;
    height: 72px;
    left: 40px;
}

#blog .slider #blog-slider .arrow-left:hover {
    left: 20px;
}

#blog .slider #blog-slider .arrow-left:hover:after {
    display: inline-block
}

#blog .slider #blog-slider .arrow-left:after {
    content: '';
    display: none;
    height: 70px;
    margin-left: 40px;
    width: 20px
}

#blog .slider #blog-slider .arrow-right {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -215px;
    width: 40px;
    height: 72px;
    right: 40px;
}

#blog .slider #blog-slider .arrow-right:hover {
    right: 20px;
}

#blog .slider #blog-slider .arrow-right:hover:after {
    display: inline-block
}

#blog .slider #blog-slider .arrow-right:after {
    content: '';
    display: none;
    height: 70px;
    margin-left: -20px;
    width: 20px
}

#blog .slider #blog-slider .bullet-navigator {
    height: 11px;
    position: absolute;
    right: 6px;
    top: 330px;
    width: 74px;
}

#blog .slider #blog-slider .bullet-navigator .bullet {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 12px;
    position: absolute;
    width: 12px;
}

#blog .slider #blog-slider .bullet-navigator .bullet:hover {
    background-color: #fff;
    border: 1px solid #fff;
    cursor: pointer
}

#blog .slider #blog-slider .bullet-navigator .bullet.bulletav {
    background-color: #e7e7e7
}

#blog .search-mobile {
    display: none;
    font-size: 0;
    margin-top: 10px;
    padding: 0 15px;
}

@media only screen and (max-width: 600px) {
    #blog .search-mobile {
        display: block
    }
}

#blog .search-mobile .search-box-term {
    background-color: #e7e7e7;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #666;
    font-size: 15px;
    height: 60px;
    outline: none;
    padding: 15px;
    vertical-align: top;
    width: calc(100% - 60px)
}

#blog .search-mobile .search-box-submit {
    background: #8306ad url("../images/magnifying-glass.png") no-repeat center;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 0;
    height: 60px;
    outline: none;
    width: 60px
}

#blog .main-wrapper {
    overflow: hidden;
    margin-top: 40px;
}

@media only screen and (max-width: 600px) {
    #blog .main-wrapper {
        margin-top: 18px;
        padding: 0
    }
}

#blog .main-wrapper .blog {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
}

#blog .main-wrapper .blog:before,
#blog .main-wrapper .blog:after {
    content: '';
    display: table
}

#blog .main-wrapper .blog:after {
    clear: both
}

#blog .main-wrapper .blog:last-child {
    margin-right: 0%
}

@media only screen and (min-width: 769px) {
    #blog .main-wrapper .blog {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 65.66666666666666%;
        margin-left: 0%;
        margin-right: 3%;
        margin-right: 2%
    }
    #blog .main-wrapper .blog:before,
    #blog .main-wrapper .blog:after {
        content: '';
        display: table
    }
    #blog .main-wrapper .blog:after {
        clear: both
    }
    #blog .main-wrapper .blog:last-child {
        margin-right: 0%
    }
}

#blog .main-wrapper .blog .post-cards-container {
    overflow: hidden;
}

#blog .main-wrapper .blog .post-cards-container .md-post-card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:before,
#blog .main-wrapper .blog .post-cards-container .md-post-card:after {
    content: '';
    display: table
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:after {
    clear: both
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(2n) {
    margin-right: 0%;
    float: right
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(2n+1) {
    clear: both
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(1n) {
    margin-bottom: 0
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(2n) {
    margin-bottom: 3%
}

#blog .main-wrapper .blog .post-cards-container .md-post-card:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    #blog .main-wrapper .blog .post-cards-container .md-post-card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:before,
    #blog .main-wrapper .blog .post-cards-container .md-post-card:after {
        content: '';
        display: table
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:after {
        clear: both
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:last-child {
        margin-right: 0%
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(1n) {
        margin-bottom: 0
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:nth-child(n) {
        margin-bottom: 20px
    }
    #blog .main-wrapper .blog .post-cards-container .md-post-card:last-child {
        margin-bottom: 0
    }
}

#blog .main-wrapper .blog .alm-btn-wrap {
    padding: 0;
    width: 100%;
}

#blog .main-wrapper .blog .alm-btn-wrap .alm-load-more-btn {
    background-color: #004e92;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: auto;
    margin: 0 auto;
    margin-top: 3%;
    padding: 0;
    width: 80%;
}

#blog .main-wrapper .blog .alm-btn-wrap .alm-load-more-btn:before {
    display: none !important
}

#blog .main-wrapper .sidebar {
    margin-top: 30px;
}

@media only screen and (min-width: 769px) {
    #blog .main-wrapper .sidebar {
        margin-top: 0
    }
}

#tpl-disaster-recovery .disaster-recovery-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-disaster-recovery .disaster-recovery-parallax {
        background-image: url("../images/aws-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container {
        display: none
    }
}

#tpl-disaster-recovery .disaster-recovery-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-container .disaster-recovery-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text h1,
#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-disaster-recovery .disaster-recovery-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-disaster-recovery .dr-strategies .strategies-intro {
    margin-top: 25px
}

#tpl-disaster-recovery .dr-strategies .strategies-intro,
#tpl-disaster-recovery .dr-strategies .strategies-title {
    text-align: center
}

#tpl-disaster-recovery .dr-strategies .strategies-title {
    margin-top: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-disaster-recovery .dr-strategies .strategies-title {
        margin-top: 0
    }
}

#tpl-disaster-recovery .dr-strategies .dr-strategy {
    background-color: #ff8f26;
    padding: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-disaster-recovery .dr-strategies .dr-strategy {
        padding: 60px
    }
}

#tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-text-container {
    color: #fff;
    display: block;
    margin-bottom: 30px;
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 1050px) {
    #tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-text-container {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 60px;
        padding-right: 80px;
        width: 50%
    }
}

#tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-text-container .md-title {
    line-height: 30px;
    margin-bottom: 15px
}

#tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-image-container {
    display: block;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 1050px) {
    #tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-image-container {
        display: inline-block;
        width: calc(50% - 10px)
    }
}

#tpl-disaster-recovery .dr-strategies .dr-strategy .strategy-image-container img {
    max-width: 100%
}

#tpl-disaster-recovery .dr-strategies .dr-strategy.dr-strategy--right {
    background-color: #fff;
}

#tpl-disaster-recovery .dr-strategies .dr-strategy.dr-strategy--right .strategy-text-container {
    color: #666;
    float: right;
}

@media only screen and (min-width: 1050px) {
    #tpl-disaster-recovery .dr-strategies .dr-strategy.dr-strategy--right .strategy-text-container {
        padding-right: 0;
        padding-left: 80px
    }
}

#tpl-disaster-recovery .dr-strategies .dr-strategy.dr-strategy--right .strategy-text-container .md-title,
#tpl-disaster-recovery .dr-strategies .dr-strategy.dr-strategy--right .strategy-text-container .md-subtitle {
    color: #8306ad
}

#tpl-serverless-computing .serverless-computing-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-serverless-computing .serverless-computing-parallax {
        background-image: url("../images/aws-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-serverless-computing .serverless-computing-parallax .md-parallax-container {
        display: none
    }
}

#tpl-serverless-computing .serverless-computing-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-glow {
    background-image: url("../images/parallax/serverless-computing/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-purple-arrows {
    background-image: url("../images/parallax/serverless-computing/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-light-blue-clouds {
    background-image: url("../images/parallax/serverless-computing/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-white-arrows {
    background-image: url("../images/parallax/serverless-computing/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-white-clouds {
    background-image: url("../images/parallax/serverless-computing/main/white-cloud.png");
    background-repeat: no-repeat;
    width: 75px;
    height: 56px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-container .serverless-computing-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/serverless-computing/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-serverless-computing .serverless-computing-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-serverless-computing .serverless-computing-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-text h1,
#tpl-serverless-computing .serverless-computing-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-serverless-computing .serverless-computing-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-serverless-computing .strategies .serverless-introduction .strategies-intro {
    color: #666;
    text-align: left
}

#tpl-serverless-computing .strategies .serverless-introduction .two-column-text .strategies-intro {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
}

@media only screen and (max-width: 768px) {
    #tpl-serverless-computing .strategies .serverless-introduction .two-column-text .strategies-intro {
        display: block;
        margin-right: 0;
        width: 100%
    }
}

#tpl-serverless-computing .strategies .serverless-introduction .two-column-text .strategies-intro:last-child {
    margin-right: 0
}

#tpl-serverless-computing .strategies .serverless-introduction .strategies-title {
    max-width: 60%;
    margin: 30px auto 40px;
    line-height: 35px;
}

@media only screen and (max-width: 768px) {
    #tpl-serverless-computing .strategies .serverless-introduction .strategies-title {
        min-width: 100%
    }
}

#tpl-serverless-computing .strategies .strategies-intro {
    margin-top: 25px
}

#tpl-serverless-computing .strategies .strategies-intro,
#tpl-serverless-computing .strategies .strategies-title {
    text-align: center
}

#tpl-serverless-computing .strategies .strategies-title {
    margin-top: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategies-title {
        margin-top: 0
    }
}

#tpl-serverless-computing .strategies .strategy {
    background-color: #ff8f26;
    padding: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy {
        padding: 60px
    }
}

#tpl-serverless-computing .strategies .strategy .strategy-text-container {
    color: #fff;
    display: block;
    margin-bottom: 30px;
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy .strategy-text-container {
        display: inline-block;
        margin-bottom: 0;
        margin-top: 60px;
        padding-right: 80px;
        width: 50%
    }
}

#tpl-serverless-computing .strategies .strategy .strategy-text-container .md-title {
    line-height: 30px;
    margin-bottom: 15px
}

#tpl-serverless-computing .strategies .strategy .strategy-text-container.block {
    display: block;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy .strategy-text-container.block {
        margin-top: 0
    }
}

#tpl-serverless-computing .strategies .strategy .strategy-image-container {
    display: block;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy .strategy-image-container {
        display: inline-block;
        width: calc(50% - 10px)
    }
}

#tpl-serverless-computing .strategies .strategy .strategy-image-container.block {
    display: block;
    margin-top: 30px;
    width: 100%
}

#tpl-serverless-computing .strategies .strategy .strategy-image-container img {
    max-width: 100%
}

#tpl-serverless-computing .strategies .strategy.strategy--right {
    background-color: #fff;
}

#tpl-serverless-computing .strategies .strategy.strategy--right .strategy-text-container {
    color: #666;
    float: right;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy.strategy--right .strategy-text-container {
        padding-right: 0;
        padding-left: 80px
    }
}

#tpl-serverless-computing .strategies .strategy.strategy--right .strategy-text-container .md-title,
#tpl-serverless-computing .strategies .strategy.strategy--right .strategy-text-container .md-subtitle {
    color: #8306ad
}

#tpl-serverless-computing .strategies .strategy.strategy--right.strategy--reverse .strategy-text-container {
    float: none;
}

@media only screen and (min-width: 1050px) {
    #tpl-serverless-computing .strategies .strategy.strategy--right.strategy--reverse .strategy-text-container {
        padding-left: 0;
        padding-right: 80px
    }
}

#tpl-serverless-computing .video-container {
    padding: 30px;
}

#tpl-serverless-computing .video-container .video-wrapper {
    *zoom: 1;
    padding: 50px;
    padding-top: 0;
}

#tpl-serverless-computing .video-container .video-wrapper:before,
#tpl-serverless-computing .video-container .video-wrapper:after {
    content: '';
    display: table
}

#tpl-serverless-computing .video-container .video-wrapper:after {
    clear: both
}

@media only screen and (max-width: 600px) {
    #tpl-serverless-computing .video-container .video-wrapper {
        padding: 40px
    }
}

#tpl-serverless-computing .video-container .video-wrapper .sc-video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin: 0 auto;
}

#tpl-serverless-computing .video-container .video-wrapper .sc-video-container iframe {
    position: absolute;
    top: 0;
    left: 0
}

#tpl-cdn-waf .backup-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-cdn-waf .backup-parallax {
        background-image: url("../images/azure-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-cdn-waf .backup-parallax .md-parallax-container {
        display: none
    }
}

#tpl-cdn-waf .backup-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-cdn-waf .backup-parallax .md-parallax-container .backup-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-cdn-waf .backup-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-cdn-waf .backup-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-cdn-waf .backup-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-cdn-waf .backup-parallax .md-parallax-text h1,
#tpl-cdn-waf .backup-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-cdn-waf .backup-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-cdn-waf .backup-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-cdn-waf .cdn-waf-features {
    text-align: center;
}

#tpl-cdn-waf .cdn-waf-features .features-intro {
    font-size: 26px;
    margin: 0 auto;
    max-width: 800px
}

#tpl-cdn-waf .cdn-waf-features .features-title {
    margin-top: 20px
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list {
    background-color: #ff8f26;
    margin: 30px 0 0;
}

@media only screen and (min-width: 600px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list {
        padding: 40px 0 0
    }
}

@media only screen and (min-width: 768px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list {
        padding: 40px 0 30px
    }
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px 20px 20px;
    vertical-align: top;
    width: 100%;
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:last-child {
    border-bottom: none;
    min-height: 0
}

@media only screen and (min-width: 768px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item {
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        width: calc(33% - 5px);
        min-height: 320px
    }
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:nth-child(3n) {
        margin-bottom: 30px
    }
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:last-child {
        margin-bottom: 0
    }
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:nth-child(3n),
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item:last-child {
        border-right: none
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item {
        min-height: 280px
    }
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-icon-container {
    height: 120px;
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-icon-container .cdn-waf-feature-icon {
    display: block;
    margin: 0 auto;
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-icon-container .cdn-waf-feature-icon.cdn-waf-feature-icon--load-time {
    background-image: url("../images/sprites-4913.png");
    background-position: 0 -703px;
    width: 111px;
    height: 110px
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-icon-container .cdn-waf-feature-icon.cdn-waf-feature-icon--scalability {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px -336px;
    width: 150px;
    height: 111px
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-icon-container .cdn-waf-feature-icon.cdn-waf-feature-icon--security {
    background-image: url("../images/sprites-4913.png");
    background-position: 0 -590px;
    width: 110px;
    height: 113px
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-title {
    font-size: 22px;
    margin: 25px 0
}

@media only screen and (min-width: 600px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-description {
        min-height: 100px
    }
}

@media only screen and (max-width: 768px) {
    #tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-description {
        min-height: 0
    }
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-item .list-item-description.list-item-description--small {
    min-height: 73px
}

#tpl-cdn-waf .cdn-waf-features .backup-features-list .list-extra-text {
    font-size: 26px;
    padding: 30px 10px;
    margin: 0 auto;
    width: 70%
}

#tpl-cdn-waf .strategies .strategies-introduction {
    padding: 50px 0;
    text-align: center;
    margin: 0 auto;
    width: 70%;
}

#tpl-cdn-waf .strategies .strategies-introduction p {
    font-size: 18px;
    margin-bottom: 16px;
}

#tpl-cdn-waf .strategies .strategies-introduction p:last-child {
    margin-bottom: 0
}

#tpl-cdn-waf .strategies .strategies-introduction .strategies-introduction-title {
    font-size: 24px
}

#tpl-cdn-waf .strategies .strategies-title {
    text-align: center
}

#tpl-cdn-waf .strategies .strategies-title {
    margin-top: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .strategies .strategies-title {
        margin-top: 0
    }
}

#tpl-cdn-waf .strategies .strategy {
    background-color: #fff;
    padding: 20px;
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .strategies .strategy {
        padding: 60px
    }
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container {
    color: #666;
    display: block;
    margin-bottom: 30px;
    vertical-align: middle;
    width: 100%;
    float: right;
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .strategies .strategy .strategy-text-container {
        display: inline-block;
        margin-bottom: 0;
        width: 60%
    }
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container .md-title {
    line-height: 30px;
    margin-bottom: 15px
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container .md-title,
#tpl-cdn-waf .strategies .strategy .strategy-text-container .md-subtitle {
    color: #8306ad
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container .strategy-text {
    font-size: 18px;
    line-height: 22px
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container .webinar-link {
    display: block;
    font-size: 20px;
    margin-top: 20px;
    text-decoration: none;
}

#tpl-cdn-waf .strategies .strategy .strategy-text-container .webinar-link .webinar-exclusivity {
    display: block;
    margin-bottom: 6px
}

#tpl-cdn-waf .strategies .strategy .strategy-image-container {
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .strategies .strategy .strategy-image-container {
        display: inline-block;
        width: calc(40% - 10px)
    }
}

#tpl-cdn-waf .strategies .strategy .strategy-image-container img {
    max-width: 100%
}

#tpl-cdn-waf .strategies .strategy .strategy-image-container .image-label {
    font-size: 26px;
    margin-top: 20px
}

#tpl-cdn-waf .strategies .strategy.strategy--right {
    background-color: #ff8f26;
}

#tpl-cdn-waf .strategies .strategy.strategy--right .strategy-text-container {
    color: #fff;
    float: none;
}

@media only screen and (min-width: 1050px) {
    #tpl-cdn-waf .strategies .strategy.strategy--right .strategy-text-container {
        padding-right: 0;
        padding-left: 80px
    }
}

#tpl-cdn-waf .strategies .strategy.strategy--right .strategy-text-container .md-title,
#tpl-cdn-waf .strategies .strategy.strategy--right .strategy-text-container .md-subtitle {
    color: #fff
}

#tpl-error section {
    clear: both
}

#tpl-error .error-parallax {
    background-color: #ff626c;
    overflow: hidden;
    height: 420px;
}

@media only screen and (max-width: 768px) {
    #tpl-error .error-parallax {
        background: url("../images/error-background-mobile.png") no-repeat;
        background-color: #ff626c;
        background-position: 25% center;
        height: 310px
    }
    #tpl-error .error-parallax .md-parallax-container {
        display: none
    }
}

#tpl-error .error-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-error .error-parallax {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-error .error-parallax {
        background-size: 200%;
        background-position: 45% 50%
    }
}

#tpl-error .error-parallax .error-parallax-glow {
    width: 772px;
    height: 651px;
    right: 15%
}

#tpl-error .error-parallax .error-parallax-404-cloud {
    background-image: url("../images/parallax/error/main/404-cloud.png");
    background-repeat: no-repeat;
    width: 313px;
    height: 198px;
    left: calc(50% - 156.6px);
    top: 100px;
    z-index: 2
}

#tpl-error .error-parallax .error-parallax-man-woman {
    background-image: url("../images/parallax/error/main/man-woman.png");
    background-repeat: no-repeat;
    width: 1049px;
    height: 264px;
    top: calc(50% - 132px);
    left: calc(50% - 524.5px);
    z-index: 2
}

#tpl-error .error-parallax .error-parallax-question-marks {
    background-image: url("../images/parallax/error/main/question-marks.png");
    background-repeat: no-repeat;
    width: 856px;
    height: 140px;
    top: 70px;
    left: calc(50% - 400px);
    z-index: 1
}

#tpl-error .error-parallax .error-parallax-stripped-clouds {
    background-image: url("../images/parallax/error/main/stripped-clouds.png");
    background-repeat: no-repeat;
    width: 429px;
    height: 159px;
    top: 60px;
    left: calc(50% - 200px);
    z-index: 1
}

#tpl-error .error-parallax .error-parallax-solid-cloud {
    background-image: url("../images/parallax/error/main/solid-cloud.png");
    background-repeat: no-repeat;
    width: 69px;
    height: 43px;
    top: 235px;
    left: calc(50% - 250px);
    z-index: 1
}

#tpl-error .error-parallax .error-parallax-arrows-red {
    background-image: url("../images/parallax/error/main/arrows-red.png");
    background-repeat: no-repeat;
    width: 572px;
    height: 291px;
    top: 65px;
    left: calc(50% - 265px);
    z-index: 1
}

#tpl-error .error-parallax .error-parallax-arrows-white {
    background-image: url("../images/parallax/error/main/arrows-white.png");
    background-repeat: no-repeat;
    width: 572px;
    height: 291px;
    top: 65px;
    left: calc(50% - 265px);
    z-index: 1
}

#tpl-error .error-wrapper {
    *zoom: 1;
}

#tpl-error .error-wrapper:before,
#tpl-error .error-wrapper:after {
    content: '';
    display: table
}

#tpl-error .error-wrapper:after {
    clear: both
}

#tpl-error .error-wrapper .error-text {
    padding-bottom: 60px
}

#tpl-error .error-wrapper .error-back-btn {
    display: inline-block;
    padding: 15px 50px 15px 60px;
    margin-bottom: 20px;
    position: relative;
}

#tpl-error .error-wrapper .error-back-btn i.md-icon {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -232px;
    width: 10px;
    height: 17px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px
}

#tpl-webapps .webapps-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-webapps .webapps-parallax {
        background-image: url("../images/azure-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-webapps .webapps-parallax .md-parallax-container {
        display: none
    }
}

#tpl-webapps .webapps-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-webapps .webapps-parallax .md-parallax-container {
    height: 100%;
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-webapps .webapps-parallax .md-parallax-container .webapps-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-webapps .webapps-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 570px;
    max-width: 570px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-webapps .webapps-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-webapps .webapps-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-webapps .webapps-parallax .md-parallax-text h1,
#tpl-webapps .webapps-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-webapps .webapps-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-webapps .webapps-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-webapps .webapps-intro {
    padding: 30px 0 20px;
    text-align: center;
}

#tpl-webapps .webapps-intro p {
    color: #666;
    font-size: 17px;
    margin-bottom: 15px
}

#tpl-webapps .video-container {
    padding: 30px 0;
}

#tpl-webapps .video-container iframe {
    height: 300px;
    margin-left: 10%;
    width: 80%;
}

@media only screen and (min-width: 768px) {
    #tpl-webapps .video-container iframe {
        height: 500px
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-webapps .video-container iframe {
        height: 640px
    }
}

#tpl-magento .magento-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-magento .magento-parallax {
        background-image: url("../images/azure-background-mobile.png");
        background-position: 80% center, 60px -70px
    }
    #tpl-magento .magento-parallax .md-parallax-container {
        display: none
    }
}

#tpl-magento .magento-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-purple-arrows {
    background-image: url("../images/parallax/aws/main/purple-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-magento .magento-parallax .md-parallax-container .magento-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-magento .magento-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-magento .magento-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-magento .magento-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-magento .magento-parallax .md-parallax-text h1,
#tpl-magento .magento-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-magento .magento-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-magento .magento-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-magento .magento-intro {
    padding: 10px 0 20px;
    text-align: center;
}

#tpl-magento .magento-intro p {
    color: #666;
    font-size: 17px;
    margin-bottom: 15px
}

#tpl-magento .magento-features {
    background-color: #ff8f26;
}

#tpl-magento .magento-features .features-list {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #tpl-magento .magento-features .features-list {
        padding: 40px 0
    }
}

#tpl-magento .magento-features .features-list .feature {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#tpl-magento .magento-features .features-list .feature:last-child {
    border-bottom: none
}

@media only screen and (min-width: 768px) {
    #tpl-magento .magento-features .features-list .feature {
        border-bottom: none;
        min-height: 240px;
        width: calc(50% - 3px)
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(2n) {
        margin-bottom: 3%
    }
    #tpl-magento .magento-features .features-list .feature:last-child {
        margin-bottom: 0
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-magento .magento-features .features-list .feature {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        min-height: 300px;
        width: 25%
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(3n) {
        margin-bottom: 3%
    }
    #tpl-magento .magento-features .features-list .feature:last-child {
        margin-bottom: 0
    }
    #tpl-magento .magento-features .features-list .feature:nth-child(3n) {
        border-right: none
    }
}

#tpl-magento .magento-features .features-list .feature .feature-icon {
    display: inline-block;
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--performance {
    background-image: url("../images/sprites-4913.png");
    background-position: -555px -813px;
    width: 62px;
    height: 66px
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--scalability {
    background-image: url("../images/sprites-4913.png");
    background-position: -419px -590px;
    width: 86px;
    height: 64px
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--monitoring {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -710px;
    width: 100px;
    height: 69px
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--management {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -158px;
    width: 77px;
    height: 77px
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--security {
    background-image: url("../images/sprites-4913.png");
    background-position: -181px -893px;
    width: 63px;
    height: 67px
}

#tpl-magento .magento-features .features-list .feature .feature-icon.feature-icon--availability {
    background-image: url("../images/sprites-4913.png");
    background-position: -423px -813px;
    width: 66px;
    height: 66px
}

#tpl-magento .magento-features .features-list .feature .feature-title {
    font-size: 22px;
    margin: 20px 0
}

#tpl-magento .magento-featured-image {
    padding: 40px 0 20px;
    text-align: center;
}

#tpl-magento .magento-featured-image img {
    height: auto;
    max-width: calc(100% - 20px)
}

#tpl-brwifi .brwifi-parallax {
    background-color: #ff626c;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-brwifi .brwifi-parallax {
        background: url("../images/azure-background-mobile.png") no-repeat;
        background-color: #ff626c;
        background-position: center 30px
    }
    #tpl-brwifi .brwifi-parallax .md-parallax-container {
        display: none
    }
}

#tpl-brwifi .brwifi-parallax .parallax-wrapper {
    overflow: hidden;
    height: 100%
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
    #tpl-brwifi .brwifi-parallax {
        background-size: auto
    }
}

@media only screen and (max-width: 600px) {
    #tpl-brwifi .brwifi-parallax {
        background-size: 180%;
        background-position: center calc(100% + 5px)
    }
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-glow {
    background-image: url("../images/parallax/aws/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-red-arrows {
    background-image: url("../images/parallax/aws/main/red-arrows.png");
    background-repeat: no-repeat;
    width: 624px;
    height: 129px;
    right: calc(13% + 350px);
    top: 30px
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-light-blue-clouds {
    background-image: url("../images/parallax/aws/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(13% + 340px);
    top: 40px
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-white-arrows {
    background-image: url("../images/parallax/aws/main/white-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: 13%;
    top: 30px
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-white-clouds {
    background-image: url("../images/parallax/aws/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 654px;
    height: 101px;
    right: calc(13% - 25px);
    top: 50px
}

#tpl-brwifi .brwifi-parallax .md-parallax-container .brwifi-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/aws/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(13% - 40px);
    top: 30px
}

#tpl-brwifi .brwifi-parallax .md-parallax-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 15;
    width: 500px;
    left: 40px;
}

@media only screen and (max-width: 768px) {
    #tpl-brwifi .brwifi-parallax .md-parallax-text {
        width: calc(100% - 60px);
        padding: 0;
        top: 30px;
        left: 30px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 600px) {
    #tpl-brwifi .brwifi-parallax .md-parallax-text {
        width: 100%;
        padding: 0 20px;
        top: 5%;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

#tpl-brwifi .brwifi-parallax .md-parallax-text h1,
#tpl-brwifi .brwifi-parallax .md-parallax-text h2 {
    text-shadow: 1px 2px 3px #ff626c
}

#tpl-brwifi .brwifi-parallax .md-parallax-text .md-subtitle {
    font-weight: lighter;
}

#tpl-brwifi .brwifi-parallax .md-parallax-text .md-subtitle:first-of-type {
    margin-bottom: 15px
}

#tpl-brwifi .brwifi-intro {
    margin: 20px 0;
    text-align: center;
}

#tpl-brwifi .brwifi-intro .intro-title {
    line-height: 35px
}

#tpl-brwifi .brwifi-features {
    background-color: #ff8f26;
}

#tpl-brwifi .brwifi-features .features-list {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #tpl-brwifi .brwifi-features .features-list {
        padding: 40px 0
    }
}

@media only screen and (max-width: 768px) {
    #tpl-brwifi .brwifi-features .features-list {
        padding: 20px 0
    }
}

#tpl-brwifi .brwifi-features .features-list .feature {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    padding: 20px;
    text-align: center;
    vertical-align: top;
    width: 100%;
    position: relative;
}

#tpl-brwifi .brwifi-features .features-list .feature:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #tpl-brwifi .brwifi-features .features-list .feature:last-child .feature-title {
        margin-bottom: 20px !important
    }
}

@media only screen and (min-width: 768px) {
    #tpl-brwifi .brwifi-features .features-list .feature {
        border-bottom: none;
        min-height: 240px;
        width: calc(50% - 3px)
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(2n) {
        margin-bottom: 3%
    }
    #tpl-brwifi .brwifi-features .features-list .feature:last-child {
        margin-bottom: 0
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.5)
    }
}

@media only screen and (min-width: 1050px) {
    #tpl-brwifi .brwifi-features .features-list .feature {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        min-height: 260px;
        padding-top: 20px;
        width: calc(25% - 5px)
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(2n) {
        margin-bottom: 0
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(4n) {
        margin-bottom: 3%
    }
    #tpl-brwifi .brwifi-features .features-list .feature:last-child {
        margin-bottom: 0
    }
    #tpl-brwifi .brwifi-features .features-list .feature:nth-child(4n) {
        border-right: none
    }
}

@media only screen and (min-width: 600px) {
    #tpl-brwifi .brwifi-features .features-list .feature .feature-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 35px)
    }
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon {
    display: inline-block;
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--fast-connection {
    background-image: url("../images/sprites-4913.png");
    background-position: -342px -703px;
    width: 133px;
    height: 67px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--compatibility {
    background-image: url("../images/sprites-4913.png");
    background-position: -275px -590px;
    width: 144px;
    height: 66px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--low-cost {
    background-image: url("../images/sprites-4913.png");
    background-position: -489px -813px;
    width: 66px;
    height: 66px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--passwords {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -76px;
    width: 51px;
    height: 67px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--support {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px 0;
    width: 52px;
    height: 76px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--monitoring {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -710px;
    width: 100px;
    height: 69px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--management {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -158px;
    width: 77px;
    height: 77px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-icon.feature-icon--load-balancer {
    background-image: url("../images/sprites-4913.png");
    background-position: -115px -813px;
    width: 86px;
    height: 78px
}

#tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-title {
    font-size: 22px;
    margin: 20px 0;
}

@media only screen and (max-width: 768px) {
    #tpl-brwifi .brwifi-features .features-list .feature .feature-content .feature-title {
        margin-bottom: 0
    }
}

#blog-single .md-container {
    overflow: hidden
}

#blog-single .post {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
}

#blog-single .post:before,
#blog-single .post:after {
    content: '';
    display: table
}

#blog-single .post:after {
    clear: both
}

#blog-single .post:last-child {
    margin-right: 0%
}

@media only screen and (min-width: 769px) {
    #blog-single .post {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 65.66666666666666%;
        margin-left: 0%;
        margin-right: 3%;
        margin-right: 2%
    }
    #blog-single .post:before,
    #blog-single .post:after {
        content: '';
        display: table
    }
    #blog-single .post:after {
        clear: both
    }
    #blog-single .post:last-child {
        margin-right: 0%
    }
}

#blog-single .post .md-title {
    font-size: 30px;
    line-height: 40px
}

#blog-single .post .post-featured-image-container {
    height: 370px;
    overflow: hidden;
}

#blog-single .post .post-featured-image-container .post-thumbnail {
    background-color: #e7e7e7;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

#blog-single .post .post-meta {
    color: #666;
    font-style: italic;
    font-size: 1.1em;
    font-weight: lighter;
}

#blog-single .post .post-meta .avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 42px;
    margin-right: 6px;
    vertical-align: middle;
    width: 42px
}

#blog-single .post .post-meta .post-meta-text {
    vertical-align: middle;
}

#blog-single .post .post-meta .post-meta-text .author-name {
    font-family: 'Lato-Bold';
    font-weight: bold
}

#blog-single .post .post-meta .post-meta-text .post-date {
    outline: 1 solid #008000
}

#blog-single .post .post-date {
    color: #666;
    font-style: italic;
    font-size: 1.1em;
    font-weight: lighter;
    margin: 12px 0 20px;
    margin-bottom: 20px;
}

#blog-single .post .post-date .md-icon {
    margin-right: 6px
}

#blog-single .post .post-content {
    font-size: 20px;
    line-height: 28px;
    margin-top: 15px;
}

#blog-single .post .post-content p {
    margin-bottom: 25px;
}

#blog-single .post .post-content p:last-child {
    margin-bottom: 0
}

#blog-single .post .post-content a,
#blog-single .post .post-content a:active,
#blog-single .post .post-content a:visited {
    color: #8306ad;
    text-decoration: none
}

#blog-single .post .post-content a:hover {
    color: #b058c5;
    text-decoration: underline
}

#blog-single .post .post-content img {
    height: auto;
    max-width: 100%
}

#blog-single .post .post-content iframe {
    max-width: 100%
}

#blog-single .post .post-content .alignleft {
    float: left;
    margin-right: 20px
}

#blog-single .post .post-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#blog-single .post .post-content .alignright {
    float: right;
    margin-right: 20px
}

#blog-single .post .post-content .post-thumbnail-in-content {
    text-align: center;
}

#blog-single .post .post-content .post-thumbnail-in-content img {
    max-width: 100%
}

#blog-single .post .categories-container {
    border-bottom: 1px solid #e7e7e7;
    margin: 20px 0 10px;
    padding-bottom: 30px;
}

#blog-single .post .categories-container .categories-label {
    font-weight: bold;
    margin-right: 5px
}

#blog-single .post .categories-container .categories-list {
    display: inline-block;
    list-style-type: none;
}

#blog-single .post .categories-container .categories-list .category a {
    border-right: 1px solid #e7e7e7;
    color: #8306ad;
    font-weight: bold;
    margin: 0 5px;
    padding: 3px 15px 6px 0;
    text-decoration: none;
    text-transform: uppercase;
}

#blog-single .post .categories-container .categories-list .category a:last-child {
    border-right: none
}

#blog-single .post .share-box {
    margin: 10px 0;
}

#blog-single .post .share-box .social-box {
    display: inline-block;
    margin-left: 25px;
    overflow: hidden;
    vertical-align: middle;
    width: auto;
}

#blog-single .post .share-box .social-box.social-box--align-top {
    vertical-align: top
}

#blog-single .post .share-box .social-box.social-box--no-margin {
    margin-left: 0
}

#blog-single .post .share-box .social-box .md-icon {
    vertical-align: middle
}

#blog-single .post .share-box .social-box .social-box-buttons {
    display: inline-block;
    margin-left: 0;
    margin-top: 2px;
    overflow: hidden;
    -webkit-transition: width .25s, margin-left .25s;
    -moz-transition: width .25s, margin-left .25s;
    -ms-transition: width .25s, margin-left .25s;
    transition: width .25s, margin-left .25s;
    vertical-align: middle;
    width: 0;
}

#blog-single .post .share-box .social-box .social-box-buttons.social-box-buttons--facebook {
    max-width: 175px;
    vertical-align: top
}

#blog-single .post .share-box .social-box .social-box-buttons.social-box-buttons--linkedin {
    overflow: hidden;
}

#blog-single .post .share-box .social-box .social-box-buttons.social-box-buttons--linkedin .linkedin-button-container {
    width: 155px
}

#blog-single .post .share-box .social-box:hover .social-box-buttons {
    margin-left: 25px;
}

#blog-single .post .share-box .social-box:hover .social-box-buttons.social-box-buttons--facebook {
    width: 175px
}

#blog-single .post .share-box .social-box:hover .social-box-buttons.social-box-buttons--linkedin {
    width: 155px
}

#blog-single .post .share-box .social-box:hover .social-box-buttons.social-box-buttons--twitter {
    width: 72px
}

#blog-single .post .share-box .social-box:hover .social-box-buttons.social-box-buttons--google-plus {
    width: 300px
}

#blog-single .sidebar {
    margin-bottom: 15px;
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    #blog-single .sidebar {
        margin-top: 60px;
        margin-bottom: 0
    }
}

#blog-single .recommended-posts-container {
    clear: left;
    margin-bottom: 30px;
}

#blog-single .recommended-posts-container .container-title {
    border-bottom: 1px solid #e7e7e7;
    color: #8306ad;
    margin-bottom: 40px;
    padding: 15px 0 10px
}

#blog-single .recommended-posts-container .recommended-posts-list {
    overflow: hidden;
}

#blog-single .recommended-posts-container .recommended-posts-list .md-post-card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
}

#blog-single .recommended-posts-container .recommended-posts-list .md-post-card:before,
#blog-single .recommended-posts-container .recommended-posts-list .md-post-card:after {
    content: '';
    display: table
}

#blog-single .recommended-posts-container .recommended-posts-list .md-post-card:after {
    clear: both
}

#blog-single .recommended-posts-container .recommended-posts-list .md-post-card:last-child {
    margin-right: 0%
}

@media only screen and (min-width: 600px) {
    #blog-single .recommended-posts-container .recommended-posts-list .md-post-card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333333333333%;
        margin-left: 0%;
        margin-right: 3%
    }
    #blog-single .recommended-posts-container .recommended-posts-list .md-post-card:before,
    #blog-single .recommended-posts-container .recommended-posts-list .md-post-card:after {
        content: '';
        display: table
    }
    #blog-single .recommended-posts-container .recommended-posts-list .md-post-card:after {
        clear: both
    }
    #blog-single .recommended-posts-container .recommended-posts-list .md-post-card:last-child {
        margin-right: 0%
    }
}

#tpl-search .search-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #tpl-search .search-parallax {
        background-image: url("../images/search-background-mobile.png"), url("../images/parallax-glow.png");
        background-position: 80% center, 60px -70px
    }
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-glow {
    background-image: url("../images/parallax/search/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px;
    right: 10%;
    top: -230px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-distant-arrows {
    background-image: url("../images/parallax/search/main/distant-arrows.png");
    background-repeat: no-repeat;
    width: 599px;
    height: 125px;
    right: calc(24% + 280px);
    top: 35px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-dashed-cloud {
    background-image: url("../images/parallax/search/main/dashed-cloud.png");
    background-repeat: no-repeat;
    width: 68px;
    height: 43px;
    right: calc(24% - 80px);
    top: 110px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-light-blue-clouds {
    background-image: url("../images/parallax/search/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(24% + 275px);
    top: 50px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-near-arrows {
    background-image: url("../images/parallax/search/main/near-arrows2.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: calc(24% - 60px);
    top: 35px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/search/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(24% - 95px);
    top: 30px
}

#tpl-search .search-parallax .md-parallax-container .search-parallax-white-clouds {
    background-image: url("../images/parallax/search/main/white-clouds2.png");
    background-repeat: no-repeat;
    width: 209px;
    height: 98px;
    right: calc(24% + 470px);
    top: 54px
}

#tpl-search .search-parallax .md-parallax-text {
    text-shadow: 1px 2px 3px #b058c5
}

#tpl-search .search-info {
    margin: 25px 0;
}

#tpl-search .search-info .md-title {
    color: #004e92
}

#tpl-search .search-info .search-results-count {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px
}

#tpl-search .search-results-form {
    font-size: 0;
    margin-bottom: 20px;
    width: 400px;
}

#tpl-search .search-results-form .md-subtitle {
    color: #8306ad;
    margin-bottom: 15px
}

#tpl-search .search-results-form .search-box-term {
    background-color: #e7e7e7;
    border: none;
    color: #666;
    font-size: 15px;
    height: 60px;
    outline: none;
    padding: 15px;
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    width: calc(100% - 60px)
}

#tpl-search .search-results-form .search-box-submit {
    background: #8306ad url("../images/magnifying-glass.png") no-repeat center;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 60px;
    outline: none;
    width: 60px
}

#tpl-search .go-back-link {
    color: #0089da;
    display: inline-block;
    font-size: 1.2em;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#tpl-search .go-back-link:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -266px;
    width: 10px;
    height: 17px;
    content: '';
    display: inline-block;
    margin-right: 6px
}

#tpl-search .search-sugestions .md-subtitle {
    color: #8306ad
}

#tpl-search .search-sugestions p {
    line-height: 1.4em
}

#tpl-search .post-cards-container {
    margin: 15px 0;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #tpl-search .post-cards-container .md-post-card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-search .post-cards-container .md-post-card:before,
    #tpl-search .post-cards-container .md-post-card:after {
        content: '';
        display: table
    }
    #tpl-search .post-cards-container .md-post-card:after {
        clear: both
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(2n) {
        margin-right: 0%;
        float: right
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(2n+1) {
        clear: both
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(2n) {
        margin-bottom: 3%
    }
    #tpl-search .post-cards-container .md-post-card:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 600px) {
    #tpl-search .post-cards-container .md-post-card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-search .post-cards-container .md-post-card:before,
    #tpl-search .post-cards-container .md-post-card:after {
        content: '';
        display: table
    }
    #tpl-search .post-cards-container .md-post-card:after {
        clear: both
    }
    #tpl-search .post-cards-container .md-post-card:last-child {
        margin-right: 0%
    }
}

@media only screen and (min-width: 768px) {
    #tpl-search .post-cards-container .md-post-card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.33333333333333%;
        margin-left: 0%;
        margin-right: 3%
    }
    #tpl-search .post-cards-container .md-post-card:before,
    #tpl-search .post-cards-container .md-post-card:after {
        content: '';
        display: table
    }
    #tpl-search .post-cards-container .md-post-card:after {
        clear: both
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(3n) {
        margin-right: 0%;
        float: right
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(3n+1) {
        clear: both
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(1n) {
        margin-bottom: 0
    }
    #tpl-search .post-cards-container .md-post-card:nth-child(3n) {
        margin-bottom: 3%
    }
    #tpl-search .post-cards-container .md-post-card:last-child {
        margin-bottom: 0
    }
}

#tpl-search .post-cards-container .ajax-load-more-wrap .md-post-card:nth-child(-n+3) {
    margin-top: 3%
}

#tpl-search .post-cards-container .alm-btn-wrap {
    padding: 0;
    width: 100%;
}

#tpl-search .post-cards-container .alm-btn-wrap .alm-load-more-btn {
    background-color: #004e92;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: auto;
    margin: 0 auto;
    margin-top: 3%;
    padding: 0;
    width: 80%;
}

#tpl-search .post-cards-container .alm-btn-wrap .alm-load-more-btn:before {
    display: none !important
}

#tpl-search .load-more-container {
    margin: 40px auto 0;
    text-align: center;
    width: 60%
}

.wpp-list li {
    overflow: hidden;
    float: none;
    clear: both
}

.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none
}

.post-stats {
    display: block;
    font-size: 9px;
    font-weight: bold
}

.sidebar {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
    padding: 0;
    padding-left: 50px;
}

.sidebar:before,
.sidebar:after {
    content: '';
    display: table
}

.sidebar:after {
    clear: both
}

.sidebar:last-child {
    margin-right: 0%
}

@media only screen and (max-width: 1050px) {
    .sidebar {
        padding-left: 20px
    }
}

@media only screen and (max-width: 768px) {
    .sidebar {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        padding: 0 15px
    }
    .sidebar:before,
    .sidebar:after {
        content: '';
        display: table
    }
    .sidebar:after {
        clear: both
    }
    .sidebar:last-child {
        margin-right: 0%
    }
}

.sidebar .widget {
    list-style-type: none;
    margin-bottom: 40px;
}

.sidebar .widget:last-child {
    margin-bottom: 0
}

.sidebar .widget .widgettitle {
    color: #999;
    font-size: 20px;
    margin-bottom: 27px
}

.sidebar .widget.widget_search {
    font-size: 0;
}

@media only screen and (max-width: 600px) {
    .sidebar .widget.widget_search {
        display: none
    }
}

.sidebar .widget.widget_search .search-box-term {
    background-color: #e7e7e7;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #666;
    font-size: 15px;
    height: 60px;
    outline: none;
    padding: 15px;
    vertical-align: top;
    width: calc(100% - 60px)
}

.sidebar .widget.widget_search .search-box-submit {
    background: #8306ad url("../images/magnifying-glass.png") no-repeat center;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 60px;
    outline: none;
    width: 60px
}

.sidebar .widget.widget_categories .cat-item {
    background-color: #e7e7e7;
    list-style-type: none;
    margin-bottom: 1px;
}

.sidebar .widget.widget_categories .cat-item:last-child {
    margin-bottom: 0
}

.sidebar .widget.widget_categories .cat-item a,
.sidebar .widget.widget_categories .cat-item a:active,
.sidebar .widget.widget_categories .cat-item a:visited {
    color: #8306ad;
    display: block;
    text-decoration: none;
    padding: 24px 20px;
    width: 100%
}

.sidebar .widget.popular-posts .wpp-list {
    counter-reset: li-counter;
    list-style-type: none;
}

.sidebar .widget.popular-posts .wpp-list li {
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0;
    padding-left: 35px;
    position: relative;
}

.sidebar .widget.popular-posts .wpp-list li:first-child {
    border-top: 1px solid #e7e7e7
}

.sidebar .widget.popular-posts .wpp-list li:before {
    color: #8306ad;
    content: counter(li-counter);
    counter-increment: li-counter;
    font-size: 35px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar .widget.popular-posts .wpp-list li .wpp-post-title,
.sidebar .widget.popular-posts .wpp-list li .wpp-date {
    color: #999;
    display: block;
    font-family: 'Lato-Italic'
}

.sidebar .widget.popular-posts .wpp-list li .wpp-post-title {
    text-decoration: none;
    font-size: 14px;
}

.sidebar .widget.popular-posts .wpp-list li .wpp-post-title:after {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -558px;
    width: 18px;
    height: 18px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #8306ad;
    border: 8px solid #8306ad;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    content: '';
    display: block;
    height: 34px;
    position: absolute;
    right: 0;
    width: 34px
}

.sidebar .widget.popular-posts .wpp-list li .wpp-date {
    color: #666;
    font-size: 11px;
    margin-top: 4px;
}

.sidebar .widget.popular-posts .wpp-list li .wpp-date .md-icon--post-clock {
    margin-right: 6px
}

#blog.tpl-category .category-parallax {
    background-color: #b058c5;
}

@media only screen and (max-width: 768px) {
    #blog.tpl-category .category-parallax {
        background-image: url("../images/search-background-mobile.png"), url("../images/parallax-glow.png");
        background-position: 80% center, 60px -70px
    }
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-glow {
    background-image: url("../images/parallax/category/main/glow.png");
    background-repeat: no-repeat;
    width: 888px;
    height: 784px;
    right: 10%;
    top: -230px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-distant-arrows {
    background-image: url("../images/parallax/category/main/distant-arrows.png");
    background-repeat: no-repeat;
    width: 599px;
    height: 125px;
    right: calc(24% + 280px);
    top: 35px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-dashed-cloud {
    background-image: url("../images/parallax/category/main/dashed-cloud.png");
    background-repeat: no-repeat;
    width: 68px;
    height: 43px;
    right: calc(24% - 80px);
    top: 110px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-light-blue-clouds {
    background-image: url("../images/parallax/category/main/light-blue-clouds.png");
    background-repeat: no-repeat;
    width: 231px;
    height: 102px;
    right: calc(24% + 275px);
    top: 50px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-near-arrows {
    background-image: url("../images/parallax/category/main/near-arrows.png");
    background-repeat: no-repeat;
    width: 1054px;
    height: 118px;
    right: calc(24% - 60px);
    top: 35px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-dark-blue-clouds {
    background-image: url("../images/parallax/category/main/dark-blue-clouds.png");
    background-repeat: no-repeat;
    width: 337px;
    height: 104px;
    right: calc(24% - 95px);
    top: 30px
}

#blog.tpl-category .category-parallax .md-parallax-container .category-parallax-white-clouds {
    background-image: url("../images/parallax/category/main/white-clouds.png");
    background-repeat: no-repeat;
    width: 209px;
    height: 98px;
    right: calc(24% + 470px);
    top: 54px
}

#blog.tpl-category .category-parallax .md-parallax-text {
    text-shadow: 1px 2px 3px #b058c5
}

.lab-theme-active #tpl-search .search-parallax {
    background-color: #0089da;
}

@media only screen and (max-width: 768px) {
    .lab-theme-active #tpl-search .search-parallax {
        background-image: url("../images/lab-search-background-mobile.png"), url("../images/parallax-glow.png")
    }
}

.lab-theme-active #tpl-search .search-parallax .md-parallax-text {
    text-shadow: 1px 2px 3px #0089da
}

.lab-theme-active #tpl-search .search-parallax .md-parallax-container .search-parallax-distant-arrows {
    background-image: url("../images/parallax/search/main/lab-distant-arrows.png");
    background-repeat: no-repeat;
    width: 599px;
    height: 125px
}

.lab-theme-active #tpl-search .search-results-form .md-subtitle {
    color: #0089da
}

.lab-theme-active #tpl-search .search-results-form .search-box-submit {
    background: #0089da
}

.lab-theme-active #tpl-search .search-sugestions .md-subtitle {
    color: #0089da
}

.lab-theme-active #blog-single .post .post-content a,
.lab-theme-active #blog-single .post .post-content a:active,
.lab-theme-active #blog-single .post .post-content a:visited {
    color: #0089da
}

.lab-theme-active #blog-single .post .post-content a:hover {
    color: #cbe1f8
}

.lab-theme-active #blog-single .post .categories-list .category a {
    color: #0089da
}

.lab-theme-active #blog-single .recommended-posts-container .container-title {
    color: #0089da
}

.lab-theme-active .sidebar .widget.widget_search .search-box-submit {
    background-color: #0089da
}

.lab-theme-active .sidebar .widget.widget_categories .cat-item a {
    color: #0089da
}

.lab-theme-active .sidebar .widget.popular-posts .wpp-list li:before {
    color: #0089da
}

.lab-theme-active .sidebar .widget.popular-posts .wpp-list li .wpp-post-title:after {
    background-color: #0089da;
    border-color: #0089da
}

.lab-theme-active #blog.tpl-category .category-parallax {
    background-color: #0089da;
}

@media only screen and (max-width: 768px) {
    .lab-theme-active #blog.tpl-category .category-parallax {
        background-image: url("../images/lab-search-background-mobile.png"), url("../images/parallax-glow.png")
    }
}

.lab-theme-active #blog.tpl-category .category-parallax .md-parallax-text {
    text-shadow: 1px 2px 3px #0089da
}

.lab-theme-active #blog.tpl-category .category-parallax .md-parallax-container .category-parallax-distant-arrows {
    background-image: url("../images/parallax/category/main/lab-distant-arrows.png");
    background-repeat: no-repeat;
    width: 599px;
    height: 125px
}

.md-box.md-box--block {
    display: block
}

.md-box.md-box--inline {
    display: inline
}

.md-box.md-box--inline-middle {
    display: inline-block;
    vertical-align: middle
}

.md-box.md-box--margin-bottom-10 {
    margin-bottom: 10px
}

.md-box.md-box--margin-bottom-20 {
    margin-bottom: 20px
}

.md-box.md-box--margin-bottom-30 {
    margin-bottom: 30px
}

.md-box.md-box--margin-bottom-40 {
    margin-bottom: 40px
}

.md-box.md-box--margin-top-10 {
    margin-top: 10px
}

.md-box.md-box--margin-top-15 {
    margin-top: 15px
}

.md-box.md-box--margin-top-20 {
    margin-top: 20px
}

.md-box.md-box--margin-top-25 {
    margin-top: 25px
}

.md-box.md-box--margin-top-30 {
    margin-top: 30px
}

.md-box.md-box--margin-top-40 {
    margin-top: 40px
}

.md-box.md-box--margin-right-10 {
    margin-right: 10px
}

.md-box.md-box--absolute-right {
    position: absolute;
    right: 0
}

.md-box.md-box--blue-dark {
    background: #004e92
}

.md-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 768px) {
    .md-container {
        padding: 0 15px
    }
}

.md-container.md-container--relative {
    position: relative
}

.md-banner {
    *zoom: 1;
    color: #fff;
    position: relative;
    width: 100%;
}

.md-banner:before,
.md-banner:after {
    content: '';
    display: table
}

.md-banner:after {
    clear: both
}

.md-banner.md-banner--padded {
    padding: 40px 0;
    padding-top: 45px;
    padding-bottom: 45px;
}

@media only screen and (max-width: 768px) {
    .md-banner.md-banner--padded {
        padding: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.md-banner.md-banner--compact {
    padding-top: 20px;
    padding-bottom: 20px
}

.md-banner .banner-go-down {
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
}

.md-banner .banner-go-down:hover {
    -webkit-animation: jump-go-down-btn 1100ms linear infinite;
    -moz-animation: jump-go-down-btn 1100ms linear infinite;
    -ms-animation: jump-go-down-btn 1100ms linear infinite;
    animation: jump-go-down-btn 1100ms linear infinite
}

.md-banner .banner-line {
    display: inline-block;
}

.md-banner .banner-line:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #fff;
    width: calc(100% - 150px);
    top: 50%;
    left: 50px
}

.md-banner .banner-line .line-text {
    background: #004e92;
    position: relative;
    z-index: 1;
    padding-right: 20px
}

.md-banner .banner-line-right {
    right: 40px;
    background: #004e92;
    padding-left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@-webkit-keyframes jump-go-down-btn {
    0% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    50% {
        -webkit-transform: translate(-50%, 10px);
        -moz-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px)
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@-moz-keyframes jump-go-down-btn {
    0% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    50% {
        -webkit-transform: translate(-50%, 10px);
        -moz-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px)
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes jump-go-down-btn {
    0% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    50% {
        -webkit-transform: translate(-50%, 10px);
        -moz-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px)
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.md-btn {
    background: #004e92;
    margin: 0;
    border: 0;
}

.md-btn.md-btn--clean {
    background: transparent;
    padding: 0;
    color: inherit
}

.md-btn.md-btn--lg {
    padding: 15px 20px;
    min-width: 200px;
    color: #fff;
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    .md-btn.md-btn--lg {
        font-size: 16px;
        padding: 12px 15px
    }
}

.md-btn.md-btn--center {
    display: block;
    margin: 0 auto
}

.md-btn.md-btn--full-width {
    width: 100%
}

.md-btn.md-btn--outnone {
    outline: none
}

.md-btn.md-btn--uppercase {
    text-transform: uppercase
}

.md-btn.md-btn--hover-white-purple {
    background-image: linear-gradient(to bottom, #004e92 50%, #fff 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-white-purple:hover {
    background-position: 0 100%;
    color: #b058c5
}

.md-btn.md-btn--hover-white-red {
    background-image: linear-gradient(to bottom, #004e92 50%, #fff 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-white-red:hover {
    background-position: 0 100%;
    color: #ff626c
}

.md-btn.md-btn--hover-yellow-blue {
    background-image: linear-gradient(to bottom, #004e92 50%, #ecc400 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-yellow-blue:hover {
    background-position: 0 100%;
    color: #004e92
}

.md-btn.md-btn--hover-blue-blue {
    background-image: linear-gradient(to bottom, #004e92 50%, #0089da 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-blue-blue:hover {
    background-position: 0 100%;
    color: #fff
}

.md-btn.md-btn--hover-purple-white {
    background-image: linear-gradient(to bottom, #9930b6 50%, #8306ad 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-purple-white:hover {
    background-position: 0 100%;
    color: #fff
}

.md-btn.md-btn--hover-red-white {
    background-image: linear-gradient(to bottom, #d2424c 50%, #811515 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-red-white:hover {
    background-position: 0 100%;
    color: #fff
}

.md-btn.md-btn--hover-orange-white {
    background-image: linear-gradient(to bottom, #ff8f26 50%, #e38501 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-btn.md-btn--hover-orange-white:hover {
    background-position: 0 100%;
    color: #fff
}

.md-cards {
    *zoom: 1;
}

.md-cards:before,
.md-cards:after {
    content: '';
    display: table
}

.md-cards:after {
    clear: both
}

.md-cards .card {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.33333333333333%;
    margin-left: 0%;
    margin-right: 3%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.md-cards .card:before,
.md-cards .card:after {
    content: '';
    display: table
}

.md-cards .card:after {
    clear: both
}

.md-cards .card:last-child {
    margin-right: 0%
}

@media only screen and (max-width: 768px) {
    .md-cards .card {
        *zoom: 1;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        text-align: center;
        margin-bottom: 20px
    }
    .md-cards .card:before,
    .md-cards .card:after {
        content: '';
        display: table
    }
    .md-cards .card:after {
        clear: both
    }
    .md-cards .card:last-child {
        margin-right: 0%
    }
}

.md-cards .card .card-overlay {
    height: 100%;
    font-size: 25px;
    padding: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
    -webkit-transition: transform ease 200ms;
    -moz-transition: transform ease 200ms;
    -ms-transition: transform ease 200ms;
    transition: transform ease 200ms;
}

.md-cards .card .card-overlay .overlay-content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-overlay .overlay-content {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%
    }
}

.md-cards .card .card-overlay .overlay-text {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-overlay {
        font-size: 18px;
        position: static;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height ease 200ms;
        -moz-transition: max-height ease 200ms;
        -ms-transition: max-height ease 200ms;
        transition: max-height ease 200ms
    }
}

.md-cards .card .card-header,
.md-cards .card .card-footer {
    padding: 25px 0
}

.md-cards .card .card-header {
    padding-left: 25px;
    padding-right: 25px
}

.md-cards .card .card-header:not(.card-header--default-size) {
    font-size: 22px
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-header {
        font-size: 18px;
        padding: 20px;
        cursor: pointer
    }
}

.md-cards .card .card-footer {
    margin: 20px 40px 20px;
    border-top: 1px solid #fff;
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-footer {
        display: none
    }
}

.md-cards .card .card-footer.card-footer--long {
    padding: 0;
    margin: 0;
    line-height: 42px;
    background-image: linear-gradient(to bottom, #b058c5 50%, #8306ad 50%);
    background-size: 100% 200%;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    transition: all .15s;
}

.md-cards .card .card-footer.card-footer--long:hover {
    background-position: 0 100%
}

.md-cards .card .card-footer.card-footer--long a.md-link {
    width: 100%;
    display: inline-block;
    padding-right: 20px
}

.md-cards .card .card-image {
    position: relative;
    height: 150px;
    margin: 30px auto;
}

.md-cards .card .card-image:before {
    content: '';
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-image {
        display: none
    }
}

.md-cards .card .card-featured-content {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .md-cards .card .card-featured-content.card-featured-content--hide-mobile {
        display: none
    }
}

.md-cards .card.card--purple {
    background: #b058c5;
}

.md-cards .card.card--purple .card-header,
.md-cards .card.card--purple .card-overlay {
    background: #9930b6
}

.md-cards .card.card--purple .card-image:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px -212px;
    width: 170px;
    height: 124px
}

.md-cards .card.card--red {
    background: #ff626c;
}

.md-cards .card.card--red .card-header,
.md-cards .card.card--red .card-overlay {
    background: #d2424c
}

.md-cards .card.card--red .card-image:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -295px -405px;
    width: 208px;
    height: 130px
}

.md-cards .card.card--orange {
    background: #ff8f26;
}

.md-cards .card.card--orange .card-header,
.md-cards .card.card--orange .card-overlay {
    background: #e38501
}

.md-cards .card.card--orange .card-image:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -295px -295px;
    width: 258px;
    height: 110px
}

.md-cards .card.card--blue {
    background: #0089da;
}

.md-cards .card.card--blue .card-header,
.md-cards .card.card--blue .card-overlay {
    background: #004e92
}

.md-cards .card.card--blue .card-image:before {
    background-image: url("../images/sprites-4913.png");
    background-position: -295px -405px;
    width: 208px;
    height: 130px
}

.md-cards .card:hover .card-overlay {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media only screen and (max-width: 768px) {
    .md-cards .card:hover .card-overlay {
        padding: 25px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
        max-height: 300px
    }
}

.md-icon {
    display: inline-block;
}

.md-icon.md-icon--middle {
    vertical-align: middle
}

.md-icon.md-icon--top {
    vertical-align: top
}

.md-icon.md-icon--bottom {
    vertical-align: bottom
}

.md-icon.md-icon--horizontal-margin {
    margin: 0 10px
}

.md-icon.md-icon--arrow-down {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -835px;
    width: 50px;
    height: 26px;
    width: 49px
}

.md-icon.md-icon--plus-sign {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -558px;
    width: 18px;
    height: 18px
}

.md-icon.md-icon--arrow-right-circle {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -81px;
    width: 77px;
    height: 77px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--arrow-right-circle-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -1011px -796px;
        width: 39px;
        height: 39px
    }
}

.md-icon.md-icon--arrow-right-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -431px;
    width: 40px;
    height: 72px;
}

.md-icon.md-icon--arrow-right-blue:hover {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -503px;
    width: 40px;
    height: 72px
}

.md-icon.md-icon--arrow-left-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -359px;
    width: 40px;
    height: 72px;
}

.md-icon.md-icon--arrow-left-blue:hover {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -143px;
    width: 40px;
    height: 72px
}

.md-icon.md-icon--medal {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -913px;
    width: 23px;
    height: 28px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--medal-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -512px;
        width: 17px;
        height: 21px
    }
}

.md-icon.md-icon--medal-yellow {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -941px;
    width: 23px;
    height: 28px
}

.md-icon.md-icon--facebook {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -165px;
    width: 11px;
    height: 21px
}

.md-icon.md-icon--facebook-purple {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -186px;
    width: 11px;
    height: 21px
}

.md-icon.md-icon--facebook-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -143px;
    width: 11px;
    height: 22px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--facebook-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -1051px -333px;
        width: 8px;
        height: 15px
    }
}

.md-icon.md-icon--twitter {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -455px;
    width: 22px;
    height: 19px
}

.md-icon.md-icon--twitter-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -493px;
    width: 22px;
    height: 19px
}

.md-icon.md-icon--twitter-purple {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -474px;
    width: 22px;
    height: 19px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--twitter-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -1037px -981px;
        width: 16px;
        height: 13px
    }
}

.md-icon.md-icon--linkedin {
    background-image: url("../images/sprites-4913.png");
    background-position: -1038px -887px;
    width: 22px;
    height: 21px
}

.md-icon.md-icon--linkedin-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -1034px -941px;
    width: 22px;
    height: 21px
}

.md-icon.md-icon--linkedin-purple {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -84px;
    width: 22px;
    height: 21px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--linkedin-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -906px -576px;
        width: 16px;
        height: 15px
    }
}

.md-icon.md-icon--google-plus-purple {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -165px;
    width: 20px;
    height: 21px
}

.md-icon.md-icon--google-plus-blue {
    background-image: url("../images/sprites-4913.png");
    background-position: -909px -365px;
    width: 20px;
    height: 21px
}

.md-icon.md-icon--phone {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -751px;
    width: 45px;
    height: 45px
}

.md-icon.md-icon--form {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -705px;
    width: 45px;
    height: 46px
}

.md-icon.md-icon--up-arrow {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -861px;
    width: 49px;
    height: 26px
}

@media only screen and (max-width: 768px) {
    .md-icon.md-icon--up-arrow-mobile {
        background-image: url("../images/sprites-4913.png");
        background-position: -1011px -981px;
        width: 26px;
        height: 13px
    }
}

.md-icon.md-icon--ever {
    background-image: url("../images/sprites-4913.png");
    background-position: -1011px -969px;
    width: 47px;
    height: 12px
}

.md-icon.md-icon--nav-btn-mobile {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -779px;
    width: 27px;
    height: 17px
}

.md-icon.md-icon--close {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -540px;
    width: 18px;
    height: 18px
}

.md-icon.md-icon--strategy {
    background-image: url("../images/sprites-4913.png");
    background-position: -201px -813px;
    width: 87px;
    height: 69px
}

.md-icon.md-icon--resources {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -190px;
    width: 95px;
    height: 95px
}

.md-icon.md-icon--apps-monitoring {
    background-image: url("");
    background-position: ;
    width: ;
    height:
}

.md-icon.md-icon--danger {
    background-image: url("../images/sprites-4913.png");
    background-position: -475px -703px;
    width: 72px;
    height: 65px
}

.md-icon.md-icon--tools {
    background-image: url("../images/sprites-4913.png");
    background-position: -356px -813px;
    width: 67px;
    height: 67px
}

.md-icon.md-icon--help-desk {
    background-image: url("");
    background-position: ;
    width: ;
    height:
}

.md-icon.md-icon--checked-tasks {
    background-image: url("");
    background-position: ;
    width: ;
    height:
}

.md-icon.md-icon--clock {
    background-image: url("../images/sprites-4913.png");
    background-position: -288px -813px;
    width: 68px;
    height: 68px
}

.md-icon.md-icon--contract {
    background-image: url("../images/sprites-4913.png");
    background-position: -51px -893px;
    width: 64px;
    height: 75px
}

.md-icon.md-icon--cloud {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -625px;
    width: 87px;
    height: 85px
}

.md-icon.md-icon--strategy {
    background-image: url("../images/sprites-4913.png");
    background-position: -201px -813px;
    width: 87px;
    height: 69px
}

.md-icon.md-icon--strategy {
    background-image: url("../images/sprites-4913.png");
    background-position: -201px -813px;
    width: 87px;
    height: 69px
}

.md-icon.md-icon--aws-transparent {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px 0;
    width: 110px;
    height: 84px
}

.md-icon.md-icon--cloud-migration {
    background-image: url("../images/cloud-migration.png");
    background-position: center;
    background-size: cover;
    width: 110px;
    height: 98px;
    opacity: 0.3;
}

.md-icon.md-icon--azure-transparent {
    background-image: url("../images/sprites-4913.png");
    background-position: -505px -590px;
    width: 64px;
    height: 64px
}

.md-icon.md-icon--backup-transparent {
    background-image: url("../images/sprites-4913.png");
    background-position: -819px -455px;
    width: 87px;
    height: 85px
}

.md-icon.md-icon--availability {
    background-image: url("../images/sprites-4913.png");
    background-position: -423px -813px;
    width: 66px;
    height: 66px
}

.md-icon.md-icon--cost-reduction {
    background-image: url("../images/sprites-4913.png");
    background-position: -489px -813px;
    width: 66px;
    height: 66px
}

.md-icon.md-icon--scalability {
    background-image: url("../images/sprites-4913.png");
    background-position: -115px -893px;
    width: 66px;
    height: 72px
}

.md-icon.md-icon--attended-requests {
    background-image: url("../images/sprites-4913.png");
    background-position: -569px -590px;
    width: 64px;
    height: 64px
}

.md-icon.md-icon--conversions {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -386px;
    width: 76px;
    height: 73px
}

.md-icon.md-icon--flexibility {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -532px;
    width: 76px;
    height: 73px
}

.md-icon.md-icon--performance {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -605px;
    width: 76px;
    height: 73px
}

.md-icon.md-icon--agility {
    background-image: url("../images/sprites-4913.png");
    background-position: -929px -459px;
    width: 76px;
    height: 73px
}

.md-icon.md-icon--contact-envelope {
    background-image: url("../images/sprites-4913.png");
    background-position: -590px -540px;
    width: 98px;
    height: 40px
}

.md-icon.md-icon--previous-client {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -135px;
    width: 15px;
    height: 30px
}

.md-icon.md-icon--next-client {
    background-image: url("../images/sprites-4913.png");
    background-position: -906px -105px;
    width: 15px;
    height: 30px
}

.md-icon.md-icon--post-clock {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -321px;
    width: 12px;
    height: 12px
}

.md-icon.md-icon--cdn-waf-star-white {
    background-image: url("../images/sprites-4913.png");
    background-position: -909px -405px;
    width: 20px;
    height: 19px
}

.md-icon.md-icon--cdn-waf-star-gray {
    background-image: url("../images/sprites-4913.png");
    background-position: -909px -386px;
    width: 20px;
    height: 19px
}

.md-images.md-images--inline.md-images--divised .image {
    margin-right: 10px;
    border-right: 1px solid #fff;
    padding-right: 10px;
    vertical-align: middle;
}

.md-images.md-images--inline.md-images--divised .image:first-child {
    margin-left: 0
}

.md-images.md-images--inline.md-images--divised .image:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0
}

.md-images.md-images--inline .image {
    display: inline-block
}

.md-link {
    text-decoration: none;
    color: inherit;
}

.md-link.md-link--inline-block {
    display: inline-block
}

.md-list.md-list--center {
    margin: 0 auto
}

.md-list.md-list--clean,
.md-list.md-list--inline {
    list-style: none;
    margin: 0;
    padding: 0
}

.md-list.md-list--inline.md-list--center {
    text-align: center
}

.md-list.md-list--inline.md-list--vertical-center .list-item {
    vertical-align: middle
}

.md-list.md-list--inline .list-item {
    display: inline-block;
    margin-right: 25px;
}

.md-list.md-list--inline .list-item:last-child {
    margin-right: 0
}

.md-list .list-item.list-item--lined {
    position: relative;
}

.md-list .list-item.list-item--lined:before,
.md-list .list-item.list-item--lined:after {
    content: '';
    border-left: 1px solid #fff;
    position: absolute;
    height: 250%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.md-list .list-item.list-item--lined:before {
    top: -100%
}

.md-list .list-item.list-item--lined:after {
    top: 220%
}

button.alm-load-more-btn {
    font-family: Helvetica, Arial, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: auto;
    height: 42px;
    line-height: 44px;
    background: #ed7070;
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 4px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: padding .25s ease-in-out, width .25s ease-in-out;
    -moz-transition: padding .25s ease-in-out, width .25s ease-in-out;
    -webkit-transition: padding .25s ease-in-out, width .25s ease-in-out;
    -moz-transition: padding .25s ease-in-out, width .25s ease-in-out;
    -ms-transition: padding .25s ease-in-out, width .25s ease-in-out;
    transition: padding .25s ease-in-out, width .25s ease-in-out;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

button.alm-load-more-btn:hover {
    background-color: #e06464;
    color: #fff;
    text-decoration: none
}

button.alm-load-more-btn:active {
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    text-decoration: none
}

button.alm-load-more-btn.loading {
    padding-left: 44px
}

button.alm-load-more-btn.done {
    cursor: default;
    opacity: .2;
    background-color: #ed7070;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important
}

button.alm-load-more-btn:before,
button.alm-load-more-btn.done:before {
    background: none;
    width: 0
}

button.alm-load-more-btn.loading:before {
    background: #fff url("../../core/img/ajax-loader.gif") no-repeat center center;
    width: 30px;
    height: 30px;
    margin: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    z-index: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -ms-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.alm-btn-wrap {
    text-align: center;
    padding: 10px 10px 30px;
    overflow: hidden;
    display: block
}

.ajax-load-more-wrap.blue button.alm-load-more-btn {
    background-color: #0081bf
}

.ajax-load-more-wrap.blue button.alm-load-more-btn:hover,
.ajax-load-more-wrap.blue button.alm-load-more-btn.done {
    background-color: #0073aa
}

.ajax-load-more-wrap.green button.alm-load-more-btn {
    background-color: #6fca68
}

.ajax-load-more-wrap.green button.alm-load-more-btn:hover,
.ajax-load-more-wrap.green button.alm-load-more-btn.done {
    background-color: #64b95e
}

.ajax-load-more-wrap.red button.alm-load-more-btn {
    background-color: #ca4b4b
}

.ajax-load-more-wrap.red button.alm-load-more-btn:hover,
.ajax-load-more-wrap.red button.alm-load-more-btn.done {
    background-color: #b13b3b
}

.ajax-load-more-wrap.purple button.alm-load-more-btn {
    background-color: #a86bb9
}

.ajax-load-more-wrap.purple button.alm-load-more-btn:hover,
.ajax-load-more-wrap.purple button.alm-load-more-btn.done {
    background-color: #9963a8
}

.ajax-load-more-wrap.grey button.alm-load-more-btn {
    background-color: #888
}

.ajax-load-more-wrap.grey button.alm-load-more-btn:hover,
.ajax-load-more-wrap.grey button.alm-load-more-btn.done {
    background-color: #777
}

.ajax-load-more-wrap.white button.alm-load-more-btn {
    background-color: #fff;
    color: #666;
    border: 1px solid #efefef
}

.ajax-load-more-wrap.white button.alm-load-more-btn:hover,
.ajax-load-more-wrap.white button.alm-load-more-btn.done {
    background-color: #efefef;
    color: #333
}

.ajax-load-more-wrap.white button.alm-load-more-btn.done {
    border-color: #fff
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn {
    width: 100%;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
    text-indent: -9999px;
    cursor: default !important;
    outline: none !important
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn:before {
    display: none !important
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn.done {
    opacity: 0
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../core/img/spinner.gif");
    border: none !important;
    opacity: 0
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn {
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.ajax-load-more-wrap.infinite button.alm-load-more-btn.loading {
    opacity: 1
}

.ajax-load-more-wrap.infinite.skype button.alm-load-more-btn {
    background-image: url("../../core/img/spinner-skype.gif")
}

.ajax-load-more-wrap.infinite.ring button.alm-load-more-btn {
    background-image: url("../../core/img/spinner-ring.gif")
}

.ajax-load-more-wrap.infinite.fading-blocks button.alm-load-more-btn {
    background-image: url("../../core/img/loader-fading-blocks.gif")
}

.ajax-load-more-wrap.infinite.fading-circles button.alm-load-more-btn {
    background-image: url("../../core/img/loader-fading-circles.gif")
}

.ajax-load-more-wrap.infinite.chasing-arrows button.alm-load-more-btn {
    background-image: url("../../core/img/spinner-chasing-arrows.gif")
}

.alm-listing {
    margin: 0;
    padding: 0
}

.alm-listing li {
    background: none;
    margin: 0 0 30px;
    padding: 0 0 0 170px;
    overflow: hidden;
    position: relative;
    list-style: none
}

.alm-listing li.no-img {
    padding: 0
}

.alm-listing li p {
    margin: 0
}

.alm-listing li h3 {
    margin: 0 0 10px
}

.alm-listing li img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.md-subtitle {
    font-size: 18px;
    margin: 0 0 5px;
    font-weight: normal;
}

@media only screen and (max-width: 600px) {
    .md-subtitle {
        font-size: 15px
    }
}

.md-subtitle.md-subtitle--heavy {
    font-family: 'Lato-heavy'
}

.md-title {
    font-size: 50px;
    font-family: 'Lato-Heavy';
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 60px;
}

@media only screen and (max-width: 768px) {
    .md-title {
        font-size: 38px;
        line-height: 43px
    }
}

@media only screen and (max-width: 600px) {
    .md-title {
        font-size: 30px;
        line-height: 35px
    }
}

.md-title.md-title--normal {
    font-family: 'Lato-Regular'
}

.md-title.md-title--sm {
    font-family: 'Lato-Regular';
    font-size: 30px;
    line-height: 30px
}

.md-title.md-title--lg {
    font-size: 76px;
    line-height: 80px;
}

@media only screen and (max-width: 768px) {
    .md-title.md-title--lg {
        font-size: 38px;
        line-height: 43px
    }
}

@media only screen and (max-width: 600px) {
    .md-title.md-title--lg {
        font-size: 30px;
        line-height: 35px
    }
}

.md-title.md-title--md {
    font-family: 'Lato-Regular';
    font-size: 40px;
    line-height: 30px
}

.md-title.md-title--sm {
    font-family: 'Lato-Regular';
    font-size: 30px;
    line-height: 30px
}

.md-title.md-title--xs {
    font-family: 'Lato-Regular';
    font-size: 26px;
    margin-bottom: 30px
}

.md-title.md-title--heavy {
    font-family: 'Lato-Heavy'
}

.md-title.md-title--normal {
    font-family: 'Lato-Regular'
}

.title-default {
    font-family: 'Lato-Regular';
    font-size: 2em;
    margin: .67em 0;
    padding: 0
}

.md-testimonials {
    color: #666;
    height: auto;
    position: relative;
}

.md-testimonials .testimonials-controls {
    width: 100%;
    position: absolute;
    top: 5%;
}

.md-testimonials .testimonials-controls .control-right {
    position: absolute;
    right: 0
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-controls {
        display: none
    }
}

.md-testimonials .testimonials-wrap {
    margin: 0 120px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-wrap {
        margin: 0
    }
}

.md-testimonials .testimonials-wrap .testimonial {
    display: none;
    opacity: 1;
    font-size: 24px;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-wrap .testimonial {
        font-size: 16px
    }
}

.md-testimonials .testimonials-wrap .testimonial.testimonial--selected {
    display: block
}

.md-testimonials .testimonials-wrap .testimonial.testimonial--hiding {
    opacity: 0
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-text {
    font-family: 'Lato-Italic';
    font-size: 22px;
    text-align: center;
    color: #888
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer {
    *zoom: 1;
    border-top: 1px solid #ddd;
    font-size: 20px;
    min-width: 460px;
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    width: 50%;
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer:before,
.md-testimonials .testimonials-wrap .testimonial .testimonial-footer:after {
    content: '';
    display: table
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer:after {
    clear: both
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-wrap .testimonial .testimonial-footer {
        width: 80%;
        min-width: initial;
        font-size: 16px
    }
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer .footer-logo {
    display: inline-block;
    max-width: 50%;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-wrap .testimonial .testimonial-footer .footer-logo {
        display: block;
        margin-bottom: 20px;
        max-width: 100%
    }
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer .footer-logo img {
    max-width: 100%
}

.md-testimonials .testimonials-wrap .testimonial .testimonial-footer .footer-info {
    border-left: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    max-width: calc(50% - 40px);
    padding-left: 20px;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-wrap .testimonial .testimonial-footer .footer-info {
        display: block;
        border-left: none;
        margin-left: 0;
        max-width: 100%;
        padding-left: 0;
        text-align: center
    }
}

.md-testimonials .testimonials-circles {
    margin-top: 30px;
    text-align: center;
}

.md-testimonials .testimonials-circles .circle {
    border: 1px solid #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    width: 13px;
    height: 13px;
}

.md-testimonials .testimonials-circles .circle:first-child {
    margin-right: 5px
}

@media only screen and (max-width: 768px) {
    .md-testimonials .testimonials-circles .circle {
        width: 20px;
        height: 20px
    }
}

.md-testimonials .testimonials-circles .circle.circle--selected {
    background: #999
}

.md-text.md-text--uppercase {
    text-transform: uppercase
}

.md-text.md-text--blue-dark {
    color: #004e92
}

.md-text.md-text--blue-light {
    color: #62d1fc
}

.md-text.md-text--center {
    text-align: center
}

.md-text.md-text--white {
    color: #fff
}

.md-text.md-text--gray {
    color: #666
}

.md-text.md-text--gray-light {
    color: #999
}

.md-text.md-text--red {
    color: #d2424c
}

.md-text.md-text--red-light {
    color: #ff626c
}

.md-text.md-text--right {
    text-align: right
}

.md-text.md-text--size-10 {
    font-size: 10px
}

.md-text.md-text--size-18 {
    font-size: 18px
}

.md-text.md-text--shadowed {
    text-shadow: 1px 2px 3px #777
}

.md-text.md-text--normal {
    font-family: 'Lato-Regular'
}

.md-text.md-text--bold {
    font-family: 'Lato-Heavy'
}

.md-text.md-text--italic {
    font-family: 'Lato-Italic'
}

.md-text.md-text--weight-normal {
    font-weight: normal
}

.md-title {
    font-size: 50px;
    font-family: 'Lato-Heavy';
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 60px;
}

@media only screen and (max-width: 768px) {
    .md-title {
        font-size: 38px;
        line-height: 43px
    }
}

@media only screen and (max-width: 600px) {
    .md-title {
        font-size: 30px;
        line-height: 35px
    }
}

.md-title.md-title--normal {
    font-family: 'Lato-Regular'
}

.md-title.md-title--sm {
    font-family: 'Lato-Regular';
    font-size: 30px;
    line-height: 30px
}

.md-title.md-title--lg {
    font-size: 76px;
    line-height: 80px;
}

@media only screen and (max-width: 768px) {
    .md-title.md-title--lg {
        font-size: 38px;
        line-height: 43px
    }
}

@media only screen and (max-width: 600px) {
    .md-title.md-title--lg {
        font-size: 30px;
        line-height: 35px
    }
}

.md-title.md-title--md {
    font-family: 'Lato-Regular';
    font-size: 40px;
    line-height: 30px
}

.md-title.md-title--sm {
    font-family: 'Lato-Regular';
    font-size: 30px;
    line-height: 30px
}

.md-title.md-title--xs {
    font-family: 'Lato-Regular';
    font-size: 26px;
    margin-bottom: 30px
}

.md-title.md-title--heavy {
    font-family: 'Lato-Heavy'
}

.md-title.md-title--normal {
    font-family: 'Lato-Regular'
}

.title-default {
    font-family: 'Lato-Regular';
    font-size: 2em;
    margin: .67em 0;
    padding: 0
}

.md-parallax {
    background-repeat: no-repeat;
    height: 530px;
    overflow: hidden;
    position: relative;
}

.md-parallax.md-parallax--md {
    height: 440px
}

.md-parallax.md-parallax--sm {
    height: 190px
}

.md-parallax .md-parallax-container {
    display: none;
}

@media only screen and (min-width: 768px) {
    .md-parallax .md-parallax-container {
        display: block;
        overflow: hidden
    }
}

.md-parallax .md-parallax-container .md-parallax-item {
    position: absolute
}

.md-parallax .md-parallax-text {
    color: #fff;
    max-width: 530px;
    position: absolute;
    top: 20px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .md-parallax .md-parallax-text {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40%
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0)
    }
}

.md-contact-form {
    position: relative;
    opacity: 0;
    margin-left: 50px;
}

.md-contact-form .form-inner-container .form-back {
    color: #b058c5;
    display: inline-block;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.md-contact-form .form-inner-container .form-back:before {
    display: inline-block;
    content: '';
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .md-contact-form .form-inner-container .form-back {
        margin-bottom: 0
    }
}

.md-contact-form .col {
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .md-contact-form .col {
        display: inline-block;
        margin-right: 2%;
        width: calc(49% - 3px)
    }
}

.md-contact-form .col:last-of-type {
    margin-right: 0
}

.md-contact-form .col-full {
    width: 100%
}

.md-contact-form .form-title {
    color: #b058c5;
    margin-bottom: 20px
}

.md-contact-form fieldset {
    position: relative;
    border: none;
    margin: 0;
    padding: .55em 0;
}

.md-contact-form fieldset .label {
    color: #666;
    display: block;
    font-style: italic;
    margin-bottom: 6px;
}

.md-contact-form fieldset .label.label--required:before {
    content: '*';
    display: inline
}

.md-contact-form fieldset .select-arrow {
    color: #ddd;
    position: absolute;
    right: 20px;
    top: 49px;
    font-size: 14px
}

.md-contact-form fieldset span.wpcf7-not-valid-tip {
    color: #d2424c;
    position: absolute;
    right: 0;
    top: -39px;
    font-size: 14px
}

.md-contact-form fieldset .message span.wpcf7-not-valid-tip {
    top: -25px
}

.md-contact-form fieldset input,
.md-contact-form fieldset select,
.md-contact-form fieldset textarea {
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 12px 15px;
    width: 100%
}

.md-contact-form fieldset select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff
}

.md-contact-form fieldset textarea {
    height: 395px;
    resize: vertical;
}

.md-contact-form fieldset textarea.longer {
    height: 483px
}

.md-contact-form .form-actions {
    padding: 0 2px;
    text-align: right;
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .md-contact-form .form-actions {
        margin-top: 40px
    }
}

@media only screen and (max-width: 768px) {
    .md-contact-form .form-actions {
        margin-top: 10px
    }
}

.md-contact-form .form-actions .submit-form {
    position: relative;
    text-transform: uppercase;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.md-contact-form .form-actions .submit-form-arrow {
    background-image: url("../images/sprites-4913.png");
    background-position: -1051px -249px;
    width: 10px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: 14px;
}

@media screen and (min-width: 769px) {
    .md-contact-form .form-actions .submit-form-arrow {
        top: 19px
    }
}

.md-contact-form .form-actions .ajax-loader-wrapper {
    position: absolute;
    bottom: 0;
    right: 2px;
    z-index: 2;
    background-color: #0089da;
    padding: 11px 20px;
    text-align: center;
    line-height: 32px;
    min-width: 200px;
}

@media only screen and (max-width: 768px) {
    .md-contact-form .form-actions .ajax-loader-wrapper {
        line-height: 18px
    }
}

.md-contact-form .form-actions .ajax-loader-wrapper img.ajax-loader {
    visibility: visible !important;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    margin-top: -3px
}

.md-contact-form .wpcf7-response-output {
    background-color: #0089da;
    border: none;
    bottom: 0;
    display: none;
    left: 0;
    line-height: 54px;
    margin: 0;
    padding: 0 25px;
    position: absolute;
}

@media only screen and (max-width: 768px) {
    .md-contact-form .wpcf7-response-output {
        position: relative !important;
        margin-top: 15px !important;
        line-height: 25px !important;
        padding: 10px 20px !important
    }
}

.md-contact-form .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #d2424c
}

.md-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #57a162
}

.md-post-card {
    font-size: 0;
}

.md-post-card .post-card-thumbnail-container {
    background-color: #e7e7e7;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    overflow: hidden;
}

.md-post-card .post-card-thumbnail-container .post-card-thumbnail-link {
    display: block;
    min-height: 200px;
    width: 100%
}

.md-post-card .post-card-thumbnail-container .post-featured-image {
    height: 200px;
    min-width: 100%;
    width: auto
}

.md-post-card .post-content {
    border: 1px solid #e7e7e7;
    color: #999;
    font-size: 16px;
    height: 400px;
    line-height: 20px;
    overflow: hidden;
    padding: 25px 30px;
    position: relative;
}

.md-post-card .post-content p {
    font-size: .9em
}

@media only screen and (max-width: 600px) {
    .md-post-card .post-content {
        border: none
    }
}

@media only screen and (max-width: 768px) {
    .md-post-card .post-content {
        height: auto
    }
    .md-post-card .post-content p {
        margin-bottom: 50px
    }
    .md-post-card .post-content .post-excerpt {
        display: none
    }
}

.md-post-card .post-content .post-title {
    color: #0089da;
    font-size: 20px;
    line-height: 22px;
}

@media only screen and (max-width: 600px) {
    .md-post-card .post-content .post-title .md-subtitle {
        font-size: 22px !important
    }
}

.md-post-card .post-content .post-meta {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    font-size: .9em;
    font-style: italic;
    margin: 10px 0 20px;
    margin: 10px 0 23px;
    padding-bottom: 8px;
}

.md-post-card .post-content .post-meta .md-icon {
    margin-right: 6px
}

.md-post-card .post-content .post-meta .post-author {
    font-family: 'Lato-Bold';
    font-weight: bold
}

.md-post-card .post-content .view-more-container {
    bottom: 25px;
    margin-bottom: 0;
    margin-top: 20px;
    position: absolute;
    text-align: right;
    width: calc(100% - 60px);
}

.md-post-card .post-content .view-more-container .view-more {
    background-color: #62d1fc;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
}

.md-post-card .post-content .view-more-container .view-more i.md-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 7px;
    position: absolute
}

.md-breadcrumb {
    padding: 15px 0;
}

@media only screen and (min-width: 600px) {
    .md-breadcrumb {
        margin-bottom: 40px
    }
}

.md-breadcrumb .breadcrumb-items {
    list-style-type: none;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .md-breadcrumb .breadcrumb-items {
        text-align: center
    }
}

@media only screen and (min-width: 600px) {
    .md-breadcrumb .breadcrumb-items {
        text-align: left
    }
}

.md-breadcrumb .breadcrumb-items .item {
    display: inline-block;
    color: #004e92;
    font-size: 15px;
}

@media only screen and (min-width: 600px) {
    .md-breadcrumb .breadcrumb-items .item {
        font-size: 1em
    }
}

.md-breadcrumb .breadcrumb-items .item:after {
    content: ' > ';
    margin: 0 4px
}

@media only screen and (max-width: 600px) {
    .md-breadcrumb .breadcrumb-items .item:last-child {
        display: block
    }
}

.md-breadcrumb .breadcrumb-items .item:last-child:after {
    display: none
}

.md-breadcrumb .breadcrumb-items .item a,
.md-breadcrumb .breadcrumb-items .item a:hover,
.md-breadcrumb .breadcrumb-items .item a:active,
.md-breadcrumb .breadcrumb-items .item a:visited {
    color: #004e92;
    text-decoration: none
}

.md-contact-cta {
    padding: 20px 0;
}

.md-contact-cta .contact-text-container {
    margin: 0 auto 20px;
    text-align: center;
    width: auto;
}

@media only screen and (min-width: 600px) {
    .md-contact-cta .contact-text-container {
        margin: 0 auto 30px
    }
}

.md-contact-cta .contact-text-container .md-icon {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

@media only screen and (min-width: 600px) {
    .md-contact-cta .contact-text-container .md-icon {
        display: inline-block
    }
}

.md-contact-cta .contact-text-container .contact-text {
    display: inline-block;
    font-size: 20px;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
}

@media only screen and (min-width: 600px) {
    .md-contact-cta .contact-text-container .contact-text {
        margin-top: 0;
        text-align: left
    }
}

@media only screen and (max-width: 768px) {
    .md-contact-cta .contact-text-container .contact-text {
        margin-left: 0
    }
}

.md-contact-cta .contact-button-container {
    text-align: center;
}

.md-contact-cta .contact-button-container .contact-button,
.md-contact-cta .contact-button-container .contact-form-btn {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto
}

.is-hidden {
    visibility: hidden
}

.head-languages-new .md-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 0 !important;
}

.head-languages-new {
    background-color: #cbe1f8;
}

#header .language.language--selected {
    border-bottom: 2px solid #cbe1f8 !important;
}

#header {
    height: 128px;
}

#header.sub-menu-down {
    height: 148px;
}

body {
    margin-top: 128px;
}

#header.tpl-header--fixed {
    padding: 0;
    height: 90px;
}

.position-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
}

#header .header-right {
    display: flex;
    align-items: center;
    width: initial;
    margin: 0 auto;
}

#header .header-nav .nav-item {
    display: initial;
}

#header .md-list.md-list--clean,
.md-list.md-list--inline {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp {
    display: flex;
    align-items: center;
}

.whatsapp__link svg {
    width: 30px;
    margin-left: 10px;
    fill: #67c15e;
}

.whatsapp-text {
    text-align: right;
}

#header.tpl-header--fixed .header-right {
    width: initial;
}

#header.tpl-header--fixed .md-container {
    padding-top: 13px;
}

#tpl-index .index-banner-tecnology .tecnology-container {
    height: calc(100vh - 128px);
}

.sub-menu {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #fff;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
    transition: all .3s
}

.sub-menu li {
    margin-right: 0 !important;
}

.menu-item .sub-menu li a {
    color: #666 !important;
    padding: 10px;
    transition: all .3s;
}

.sub-menu li:hover a {
    color: #fff !important;
    background-color: #014d92;
    transition: all .3s;
}

#header .header-nav .nav-item:hover {
    color: #034d93;
}

#header .header-nav .nav-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all .3s;
}

@media only screen and (max-width: 768px) {
    #header .header-nav .nav-item .sub-menu {
        display: flex;
        flex-direction: column;
        top: 50%;
        height: 300px;
        transform: translateY(-50%);
        padding-top: 0;
        background-color: #0089da;
    }
    #header .header-nav .nav-item:hover .sub-menu {
        display: flex;
        flex-direction: column;
        top: 50%;
        height: 300px;
        transform: translateY(-50%);
        width: 100% !important;
        left: 0 !important;
        padding-top: 0;
        background-color: #0089da;
    }
    #header .header-nav .list-item {
        border-bottom: 0;
    }
    .menu-item .sub-menu li a {
        color: #fff !important;
    }
}
#header.tpl-header--fixed .sub-menu {
    padding: 20px 10px 10px;
}
.partner {
    display: flex;
    align-items: center;
}
.partner__item {
    display: flex;
    align-items: center;
}
.partner__item:first-child {
    max-width: 160px;
    margin-right: 13px;
}
.partner__img {
    margin-right: 10px;
    width: 50px;
}
.partner__text {
    font-size: 12px;
    line-height: 14px;
    color: #252F3E;
}
.partner__item:last-child {
    padding-left: 13px;
    border-left: 1px solid #252F3E;
    align-self: stretch;
    max-width: 143px;
}
.partner__text--orange {
    color: #FFA620;
    font-weight: bold;
}