@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?f843br);
    src: url(../fonts/icomoon.eot?f843br#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?f843br) format("truetype"), url(../fonts/icomoon.woff?f843br) format("woff"), url(../fonts/icomoon.svg?f843br) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
    content: "\e90b";
}
.icon-arrow-right:before {
    content: "\e90c";
}
.icon-support:before {
    content: "\e900";
}
.icon-email:before {
    content: "\e901";
}
.icon-panel:before {
    content: "\e902";
}
.icon-gear:before {
    content: "\e903";
}
.icon-hand:before {
    content: "\e904";
}
.icon-reward:before {
    content: "\e905";
}
.icon-database:before {
    content: "\e906";
}
.icon-linkedin:before {
    content: "\e907";
}
.icon-twitter:before {
    content: "\e908";
}
.icon-facebook:before {
    content: "\e909";
}
.icon-googleplus:before {
    content: "\e90a";
} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
body.home h2,
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-article:after,
.clearfix:after,
.container:after,
.team-list:after {
    content: "";
    display: block;
    clear: both;
}
#header .container,
.about-section .container,
.agency-section .agency-heading .container,
.contact-section .container,
.info-slideshow .container,
.intro-slideshow .container,
.post-holder .container,
.team-section .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}
#header .container:after,
.about-section .container:after,
.agency-section .agency-heading .container:after,
.contact-section .container:after,
.info-slideshow .container:after,
.intro-slideshow .container:after,
.post-holder .container:after,
.team-section .container:after {
    display: none;
}
.page-heading {
    display: inline-block;
    vertical-align: top;
}
.page-heading:after {
    content: "";
    width: 38px;
    height: 3px;
    background: #ff9722;
    display: block;
    margin: 5px 0 0;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
html {
    box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
* {
    max-height: 1000000px;
}
body {
    color: #4d5a66;
    background: #fff;
    font: 300 14px/1.86 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
embed,
iframe,
object,
video {
    max-width: 100%;
    display: block;
}
#__bs_notify__ {
    display: none;
}
.gm-style img {
    max-width: none;
}
blockquote,
blockquote:after,
blockquote:before,
q,
q:after,
q:before {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
.resize-active #header * {
    transition: none !important;
}
ol ol,
ol ul,
ul ol,
ul ul {
    padding-left: 3em;
    margin: 0;
}
ul:not([class]) {
    padding: 0 0 10px;
}
ul:not([class]) li {
    position: relative;
    padding: 0 0 10px 15px;
}
ul:not([class]) li:before {
    content: "";
    background: #4d5a66;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}
address {
    font-style: normal;
}
.h,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body.home h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 100;
    line-height: 1.2;
    margin: 0 0 0.5em;
    color: inherit;
}
.h1,
body.home h2,
h1 {
    font-size: 39px;
    line-height: 1.29;
    margin-bottom: 11px;
}
.h2,
h2 {
    font: 800 14px/1.71 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    margin-bottom: 12px;
}
body.home h2 {
    text-transform: none;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 21px;
}
.h5,
h5 {
    font-size: 17px;
}
.h6,
h6 {
    font-size: 15px;
}
.specialities-section h2.page-heading,
.about-section h2.page-heading,
.hosting-intro h1.page-heading,
.page-heading {
    margin: 0 0 12px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    font: 800 18px/1.22 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: inherit;
}
p {
    margin: 0 0 1em;
}
a {
    color: #ff9722;
    transition: color 0.3s;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #bb6300;
}
fieldset,
form {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
    color: #7f8b97;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    display: block;
    letter-spacing: 0.075em;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 19px 18px 17px;
    text-transform: uppercase;
    font: 700 14px/19px "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    height: 57px;
    width: 100%;
    margin: 0 0 23px;
    outline: 0;
    box-shadow: none;
    transition: border 0.3s;
}
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7f8b97;
}
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #7f8b97;
}
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #7f8b97;
}
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7f8b97;
}
input[type="email"].placeholder,
input[type="password"].placeholder,
input[type="search"].placeholder,
input[type="tel"].placeholder,
input[type="text"].placeholder,
textarea.placeholder {
    color: #7f8b97;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
textarea:focus {
    border-color: #ff9722;
}
select {
    -webkit-border-radius: 0;
    margin: 0 0 23px;
    height: 57px;
    letter-spacing: 0.075em;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 19px 18px 17px;
    text-transform: uppercase;
    font: 700 14px/19px "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
select .hideme {
    display: none;
}
textarea {
    resize: vertical;
    vertical-align: top;
    height: 218px;
    min-height: 218px;
}
button,
input[type="button"],
input[type="file"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}
form .col-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
form .col-holder .col {
    width: 50%;
    padding: 0 11px;
}
.captcha-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -2px;
}
.captcha-holder .captcha {
    width: 33%;
    height: 57px;
    padding: 5px 0;
    display: -ms-flexbox;
    display: flex;
}
.captcha-holder input[type="text"] {
    width: 59.2%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
body.header-active {
    overflow: hidden;
    height: 100%;
}
#header {
    padding: 59px 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: padding 0.5s;
}
.fixed #header {
    padding: 21px 0 15px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.04);
}
.fixed #header .logo {
    width: 36px;
    margin: 2px 0 0 9px;
}
.fixed #header .logo img {
    display: none;
}
.fixed #header .logo img.logo-small {
    display: block;
}
#header .container {
    max-width: 1166px;
}
.logo {
    width: 159px;
    margin: -17px 0 0;
    transition: 0.5s width 0s;
}
.logo a {
    outline: 0;
}
.logo img {
    width: 100%;
}
.logo img.logo-small {
    display: none;
}
.header-opener {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    margin: -9px 25px 0 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 39px;
    padding: 5px;
    outline: 0;
    position: relative;
    z-index: 100;
    -webkit-tap-highlight-color: transparent;
    display: none;
}
.header-opener:hover span {
    background: #bb6300;
}
.header-opener:hover span:after,
.header-opener:hover span:before {
    background: #bb6300;
}
.header-opener > * {
    display: block;
}
.header-opener span {
    height: 4px;
    width: 100%;
    transition: transform 0.3s, background 0.3s;
    background: #ff9722;
    position: relative;
}
.header-opener span:after,
.header-opener span:before {
    height: 4px;
    background: #ff9722;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 11px;
    transition: top 0.3s 0.4s ease, transform 0.3s ease, background 0.3s;
}
.header-opener span:after {
    top: -11px;
}
.header-active .header-opener span {
    background: 0 0;
}
.header-active .header-opener span:after,
.header-active .header-opener span:before {
    top: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transition: top 0.3s ease, transform 0.3s 0.4s ease, background 0.3s;
}
.header-active .header-opener span:after {
    transform: rotate3d(0, 0, 1, -45deg);
}
.header-slide {
    transition: opacity 0.3s, visibility 0.3s;
}
.header-drop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
}
.header-drop .drops-holder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: none;
}
.header-drop .drops-holder [class^="drop"] {
    position: absolute;
}
.header-drop .drops-holder .drop1 {
    width: 706px;
    right: -135px;
    top: -105px;
}
.header-drop .drops-holder .drop2 {
    width: 901px;
    left: -128px;
    top: 298px;
}
.main-nav {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.075em;
    font-weight: 700;
}
.main-nav li {
    margin: 0 22px 0 23px;
}
.main-nav li.contact-link a {
    display: block;
    color: #fff;
    background: #ff9722;
    border-color: #ff9722;
    padding: 5px 10px 2px;
    border-radius: 13px;
    transition: color 0.3s, background 0.3s;
}
.main-nav li.contact-link a:before {
    display: none;
}
.main-nav li.contact-link a:hover {
    background: #fff;
    color: #ff9722;
}
.main-nav li.active a {
    color: #ff9722;
}
.main-nav li.active a:before {
    opacity: 1;
    width: 100%;
}
.main-nav a {
    color: rgba(77, 90, 102, 0.63);
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 2px;
    border: 1px solid transparent;
}
.main-nav a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 2px auto 0;
    width: 0;
    top: 100%;
    height: 2px;
    background: #ff9722;
    opacity: 0;
    transition: width 0.5s, opacity 0.3s;
}
.main-nav a:hover {
    color: #ff9722;
}
.main-nav a:hover:before {
    opacity: 1;
    width: 100%;
}
.language-block {
    position: relative;
    margin: -4px 1px 0 0;
}
.language-block .language-list a,
.language-block .language-opener {
    background: #fff;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.09);
    transition: border 0.3s;
    outline: 0;
}
.language-block .language-list a:hover,
.language-block .language-opener:hover {
    border-color: #ff9722;
}
.language-block .language-slide {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 999;
    max-height: 0;
    transition: all 0.3s linear;
}
.language-active .language-block .language-slide {
    max-height: 4000px;
}
.language-list {
    padding: 0 10px 10px;
    transition: all 0.3s linear;
    transform: translateY(-100%);
}
.language-active .language-list {
    transform: translateY(0);
}
.language-list li {
    margin: 9px 0 0;
}
.language-list li.selected {
    display: none;
}
#footer {
    padding: 0 0 60px;
}
#footer .logo {
    width: 49px;
    float: left;
    margin: 7px 20px 0 4px;
}
.footer-block {
    overflow: hidden;
    font-weight: 400;
}
.footer-block p {
    margin: 0;
}
.copyright {
    display: block;
    font-size: 12px;
    margin: -2px 0 0;
    color: rgba(77, 90, 102, 0.65);
}
.paging {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 39px 0 82px;
    position: relative;
    z-index: 10;
    font: 400 16px/1.2 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
}
.paging li {
    margin: 0 8px;
}
.paging .prev {
    margin-right: 4px;
}
.paging .next {
    margin-left: 4px;
}
.paging a,
.paging span {
    color: #4d5a66;
    display: block;
    width: 39px;
    height: 39px;
    padding: 3px;
    text-align: center;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background 0.3s;
}
.paging a:hover,
.paging span:hover {
    background: rgba(255, 151, 34, 0.18);
}
.paging span {
    background: rgba(255, 151, 34, 0.18);
}
.paging i {
    font-size: 14px;
}
#wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 163px 0 0;
}
.container {
    max-width: 960px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
}
.slick-slider * {
    outline: 0 !important;
}
.slick-slider .slick-dots {
    display: -ms-flexbox;
    display: flex;
}
.slick-slider .slick-dots li {
    margin: 0 15px 0 0;
}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li:hover button {
    background: #ff9722;
}
.slick-slider .slick-dots button {
    background: rgba(255, 151, 34, 0.5);
    width: 11px;
    height: 11px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    transition: background 0.3s;
}
.drops-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.drops-holder [class^="drop"] {
    position: absolute;
}
.button {
    display: inline-block;
    vertical-align: top;
    background: #ff9722;
    border: 1px solid #ff9722;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font: 700 14px/1.2 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 21px;
    text-align: center;
    min-width: 183px;
    outline: 0;
    padding: 13px 10px 11px;
    transition: background 0.3s, color 0.3s;
}
.button:hover {
    background: #fff;
    color: #ff9722;
}
.heading-holder .container {
    max-width: 1200px;
    padding: 0 60px;
}
.heading-holder .page-heading {
    font-size: 18px;
    margin-bottom: 9px;
}
.heading-holder .page-heading:after {
    margin-top: 15px;
}
.heading-holder h1,
.heading-holder h2 {
    font-size: 60px;
    margin-bottom: 46px;
}
.intro-slideshow {
    max-width: 1260px;
    padding: 103px 30px 115px;
    position: relative;
    z-index: 2;
}
.intro-slideshow .drops-holder {
    left: 15px;
    right: 15px;
    top: 103px;
}
.intro-slideshow .drops-holder .drop1 {
    top: -82px;
    left: -50px;
    width: 84.4%;
}
.intro-slideshow .drops-holder .drop2 {
    top: 125px;
    right: 17px;
    width: 24%;
}
.intro-slideshow .drops-holder .drop3 {
    top: 273px;
    right: -210px;
    width: 47.5%;
}
.intro-slideshow .drops-holder .drop4 {
    top: 139px;
    right: 372px;
    width: 29.5%;
}
.intro-slideshow .drops-holder .drop5 {
    top: -127px;
    right: -287px;
    width: 44.5%;
}
.intro-slideshow .slick-list {
    overflow: visible;
}
.intro-slideshow .slide {
    padding: 0 0 0 68px;
}
.intro-slideshow .slide.slide2 .image-holder {
    width: 55%;
}
.intro-slideshow .slide.slide3 .text-block {
    width: 32.3%;
}
.intro-slideshow .slide.slide3 .image-holder {
    margin: -126px 2.1% 0 0;
    width: 59%;
    text-align: right;
}
.intro-slideshow .slide.slide3 .image-holder img {
    display: inline-block;
    vertical-align: top;
}
.intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
    margin: -34.8vmin -4.9% 0 0;
    width: 58.85%;
}
.intro-slideshow .container {
    max-width: 1230px;
    padding: 0;
}
.intro-slideshow .text-block {
    font-size: 16px;
    line-height: 1.88;
    width: 30.3%;
}
.intro-slideshow .page-heading {
    margin-left: 4px;
}
.intro-slideshow .page-heading:after {
    margin-top: 14px;
}
.intro-slideshow .video-block {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    width: 290px;
    padding: 65px 11px 50px;
    margin: -67px 21.4% 0 0;
    border-radius: 40px;
    background: url(../images/bg-phone.svg) no-repeat;
}
.intro-slideshow .image-holder {
    margin: -61px 0 0;
}
.intro-slideshow .slick-dots {
    position: relative;
    left: 74px;
    top: 10px;
}
.intro-slideshow .slick-dots button {
    background: #c7ccdb;
}
.hosting-intro .intro-slideshow {
    padding: 58px 0 96px;
}
.hosting-intro .intro-slideshow .slide {
    padding: 0 3.4% 0 7.7%;
}
.hosting-intro .intro-slideshow .slide.slide3 .image-holder {
    margin: -80px 8.1% 0 0;
}
.hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
    margin: -46.8% 0.4% 0 0;
    width: 61.85%;
}
.hosting-intro .page-heading {
    margin-bottom: 9px;
    margin-left: 0;
}
.hosting-intro .page-heading.mod {
    margin-bottom: 14px;
}
.hosting-intro .page-heading.mod:after {
    display: none;
}
.hosting-intro h1,
.hosting-intro h2 {
    font-size: 60px;
    margin-bottom: 85px;
    margin-left: -4px;
}
.heading-holder h2,
.hosting-intro h2 {
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 100;
    line-height: 1.29;
    text-transform: none;
    letter-spacing: normal;
}
.hosting-intro .button-holder {
    margin-top: 50px;
}
.hosting-intro .button-holder .button {
    padding-left: 28px;
    padding-right: 28px;
}
.hosting-intro .drops-holder {
    bottom: 0;
    top: 97px;
}
.statistics-holder .decor-holder {
    position: relative;
    overflow: hidden;
    padding: 0 0 190px;
}
.statistics-holder .decor-holder:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 280px;
    z-index: 1;
    background: linear-gradient(to bottom, #fff 0, #fff 17%, rgba(255, 255, 255, 0) 100%);
}
.statistics-holder .drops-holder {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 273px;
    height: 156px;
    margin: 0 auto;
    padding: 0 10px 0 0;
    position: relative;
    z-index: auto;
}
.statistics-holder .drops-holder:after,
.statistics-holder .drops-holder:before {
    content: "";
    border: 4px solid #f2f2f2;
    width: 620px;
    height: 620px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -44px;
    border-radius: 50%;
}
.statistics-holder .drops-holder:after {
    width: 398px;
    height: 398px;
}
.statistics-holder .drops-holder [class^="drop"] {
    z-index: 5;
}
.statistics-holder .drops-holder .drop1 {
    top: 71px;
    left: 0;
}
.statistics-holder .drops-holder .drop2 {
    top: 0;
    right: 10px;
}
.statistics-holder .drops-holder .drop3 {
    bottom: 0;
    right: 31px;
}
.statistics-holder .drops-holder .drop4 {
    top: 85px;
    left: 111px;
}
.statistics-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 400;
    margin: -132px -2px 120px 57px;
}
.statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
    margin-top: 157px;
}
.statistics-list li:nth-child(2) {
    margin-right: 90px;
}
.statistics-list li:nth-child(3) {
    margin-left: 58px;
    margin-right: -33px;
}
.statistics-list .number {
    display: block;
    color: rgba(255, 151, 34, 0.21);
    margin: 0 0 -1px -4px;
    font: 700 100px/1.05 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
}
.statistics-list .number sup {
    font-size: 40px;
    vertical-align: top;
    top: 0.5em;
}
.info-slideshow {
    padding: 0 0 83px;
}
.info-slideshow .slick-list {
    overflow: visible;
    margin: 0 0 20px;
}
.info-slideshow .slide {
    padding: 58px 0 0;
}
.info-slideshow .slide.slide1 .image-holder {
    margin: -57px -35px 0 0;
    width: 65.8%;
}
.info-slideshow .slide.slide2 {
    background: #ff9722 url(../images/bg-orange-project.jpg) no-repeat 50% 0;
    background-size: cover;
    color: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.info-slideshow .slide.slide2 .container:before {
    background: url(../images/drop-info-slideshow-03.svg) no-repeat;
    background-size: 100% 100%;
    bottom: 51px;
    left: 55%;
}
.info-slideshow .slide.slide2 .container:after {
    background: url(../images/drop-info-slideshow-04.svg) no-repeat;
    background-size: 100% 100%;
    right: 5.5%;
    top: 16px;
}
.info-slideshow .slide.slide2 .image-holder {
    margin: 21px 24px 0 0;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.17);
    width: calc(55.8% - 24px);
}
.info-slideshow .slide.slide3 {
    background: #4d5a66;
    color: #fff;
}
.info-slideshow .slide.slide3 .container:before {
    background: url(../images/drop-info-slideshow-03.svg) no-repeat;
    background-size: 100% 100%;
    bottom: 51px;
    left: 25.7%;
}
.info-slideshow .slide.slide3 .container:after {
    background: url(../images/drop-info-slideshow-04.svg) no-repeat;
    background-size: 100% 100%;
    right: 2.3%;
    top: 29px;
}
.info-slideshow .slide.slide3 .image-holder {
    margin: 0 6.5% 0 0;
    width: 53.1%;
}
.info-slideshow .container {
    position: relative;
    max-width: 1166px;
}
.info-slideshow .container:after,
.info-slideshow .container:before {
    content: "";
    position: absolute;
    left: 53.6%;
    bottom: 21px;
    background: url(../images/drop-info-slideshow-01.svg) no-repeat;
    background-size: 100% 100%;
    width: 119px;
    height: 89px;
    z-index: -1;
}
.info-slideshow .container:after {
    display: block;
    width: 40px;
    height: 24px;
    bottom: auto;
    left: auto;
    right: 6.5%;
    top: 16px;
    background: url(../images/drop-info-slideshow-02.svg) no-repeat;
}
.info-slideshow .text-block {
    width: 35%;
    padding: 124px 0 0 9.2%;
}
.info-slideshow .subtitle,
.info-slideshow h1 {
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 30px;
}
.info-slideshow .subtitle {
    letter-spacing: 0;
    margin-bottom: 15px;
}
.info-slideshow .subtitle:after {
    content: "";
    width: 38px;
    height: 3px;
    background: #ff9722;
    display: block;
    margin: 4px 0 0 -1px;
}
.info-slideshow .slick-dots {
    max-width: 960px;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-slideshow .slick-dots li {
    margin: 0 8px;
}
.info-slideshow .image1 {
    position: absolute;
    top: 17px;
    right: 13.7%;
    width: 50.5%;
    max-width: 100%;
    z-index: 1;
}
.info-slideshow .image2 {
    position: absolute;
    top: 29%;
    right: 1.7%;
    width: 57.6%;
    max-width: 100%;
    z-index: 3;
}
.info-slideshow .image3 {
    position: absolute;
    top: 41.6%;
    right: 3.6%;
    width: 22%;
    max-width: 100%;
    z-index: 4;
}
.specialities-section {
    position: relative;
}
.specialities-section .drops-holder {
    left: -12%;
    right: -12.6%;
}
.specialities-section .drops-holder .drop1 {
    top: 67px;
    left: -226px;
}
.specialities-section .drops-holder .drop2 {
    top: -132px;
    right: -60px;
}
.specialities-section .drops-holder .drop3 {
    top: 298px;
    right: -107px;
}
.specialities-section h2 {
    margin-bottom: 82px;
}
.specialities-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -47px;
    padding: 0 77px 0 0;
}
.specialities-holder .col {
    width: 50%;
    padding: 0 50px;
}
.speciality-block {
    padding: 0 0 86px;
    display: -ms-flexbox;
    display: flex;
}
.speciality-block .icon-block {
    color: #ff9722;
    width: 69px;
    min-width: 69px;
    margin: -5px 5px 0 0;
}
.speciality-block .icon-block i {
    font-size: 31px;
    display: block;
}
.speciality-block .icon-block i.icon-gear {
    font-size: 36px;
}
.speciality-block .icon-block i.icon-reward {
    font-size: 31px;
    margin: 7px 0 0;
}
.speciality-block .icon-block i.icon-hand {
    font-size: 34px;
    margin: -2px 0 0;
}
.speciality-block .icon-block i.icon-database {
    font-size: 29px;
    margin: 3px 0 0;
}
.speciality-block .title {
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 12px -3px;
    letter-spacing: 0.075em;
}
.about-section {
    padding: 2px 0 102px;
}
.about-section .page-heading:after {
    margin-top: 8px;
}
.about-section .text-block {
    width: 45.7%;
    padding: 74px 28px 0 0;
}
.about-section .text-block h2 {
    margin-bottom: 27px;
}
.about-section .text-block p {
    margin-bottom: 1.85em;
}
.logo-gallery {
    background: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
    width: 53.5%;
    margin: 0 0 0 -100px;
    padding: 74px 6.5% 38px 75px;
}
.logo-gallery h2 {
    margin-bottom: 60px;
}
.logo-gallery .logo-slider {
    margin-left: -15px;
}
.logo-gallery .slick-list {
    padding-bottom: 18px;
}
.logo-slider .slide {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}
.logo-slider .col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}
.logo-slider .col:first-child {
    padding: 0 81px 0 0;
}
.logo-slider img {
    margin: 0 0 45px;
}
.logo-slider .slick-dots {
    padding-left: 29px;
}
.contact-section {
    padding: 0 0 83px;
}
.contact-section .container {
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.contact-section .drops-holder {
    bottom: 0;
}
.contact-section .drops-holder .drop1 {
    top: -185px;
    left: -243px;
}
.contact-section .drops-holder .drop2 {
    display: none;
}
.contact-section .contact-info {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 43%;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    margin: 75px 0 0;
    padding: 15px 5.6%;
}
.contact-section .contact-info h2 {
    margin-bottom: 27px;
}
.contact-section address {
    font-size: 18px;
    padding: 0 0 43px;
}
.contact-section address span {
    display: block;
    margin: 0 0 7px;
}
.contact-section address a {
    color: #4d5a66;
}
.contact-section address a:hover {
    color: #ff9722;
}
.contact-section .social-networks {
    padding-left: 5px;
}
.social-networks {
    display: -ms-flexbox;
    display: flex;
}
.social-networks li {
    margin: 0 9px 0 0;
}
.social-networks a {
    color: #4d5a66;
    display: block;
    font-size: 32px;
    line-height: 1;
}
.social-networks a:hover {
    color: #c7ccdb;
}
.map-block {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    width: 57%;
}
.map-block iframe {
    width: 100%;
}
.contact-holder {
    padding: 62px 0 177px;
}
.contact-holder .container {
    max-width: 1166px;
    position: relative;
}
.contact-holder .drops-holder {
    left: -92px;
    right: -92px;
}
.contact-holder .drops-holder .drop1 {
    top: -96px;
    right: -143px;
}
.contact-holder .drops-holder .drop2 {
    display: none;
}
.contact-holder .page-heading {
    margin-bottom: 99px;
}
.contact-holder .page-heading:after {
    margin-top: 14px;
}
.contact-form {
    position: relative;
    z-index: 5;
}
.services-section {
    padding: 0 0 53px;
}
.services-section .container {
    max-width: 1260px;
}
.services-section .services-heading {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.services-section .services-heading .drops-holder {
    z-index: 2;
}
.services-section .services-heading .drops-holder .drop1 {
    top: 361px;
    right: -15.4%;
    width: 28.6%;
}
.services-section .services-heading .drops-holder .drop2 {
    top: 326px;
    right: -11.1%;
    width: 48.6%;
}
.services-section .services-heading .drops-holder .drop3 {
    top: 101px;
    right: 19.3%;
    width: 50%;
}
.services-section .services-heading .drops-holder .drop4 {
    top: -50px;
    right: 37.7%;
    width: 27%;
}
.services-section .services-heading .drops-holder .drop5 {
    display: none;
}
.services-section .services-heading .text-block {
    padding: 65px 15px 0 5.8%;
    width: 41.4%;
    position: relative;
    z-index: 3;
}
.services-section .services-heading .page-heading:after {
    margin-top: 14px;
}
.services-section .services-heading h1 {
    font-size: 60px;
}
.services-section .services-heading .image-block {
    width: 58.6%;
    position: relative;
    z-index: 1;
}
.services-holder {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 5;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -275px -35px 0;
}
.services-holder .column {
    width: 50%;
    padding: 0 35px;
}
.services-holder .column:last-child {
    padding-top: 232px;
}
.services-holder .column:last-child .service-block {
    padding-right: 33%;
    padding-left: 14.5%;
}
.services-holder .drops-holder .drop1 {
    top: 34%;
    left: 10.4%;
    width: 56.8%;
}
.services-holder .drops-holder .drop2 {
    top: 34.5%;
    right: -3.9%;
    width: 41.9%;
}
.service-block {
    background: #fff;
    overflow: hidden;
    padding: 57px 13.1% 43px 32.4%;
    margin: 0 0 73px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.service-block .heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 46px;
    margin-left: -2px;
}
.service-block h2 {
    margin: 0;
    font: 300 30px/1.33 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: none;
    letter-spacing: 0;
}
.service-block .icon-block {
    width: 72px;
    min-width: 72px;
    height: 72px;
    margin: 0 19px 0 0;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ff9722;
    font-size: 34px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.service-block p {
    margin-bottom: 1.85em;
}
.note-section {
    padding: 15px 0 64px;
}
.note-section.project-note {
    padding-top: 0;
}
.note-section.references-note {
    margin-top: -26px;
    position: relative;
    z-index: 2;
}
.note-section.hosting-note .note-block {
    text-align: center;
    max-width: 100%;
    background: 0 0;
    padding: 40px 72px 36px;
}
.note-section.hosting-note .note-block .drop1 {
    display: none;
}
.note-section.hosting-note .button {
    padding: 13px 28px 10px;
}
.note-section > .container > .drops-holder .drop1 {
    left: -29.2%;
    top: -136px;
    width: 71.5%;
}
.note-section > .container > .drops-holder .drop2 {
    right: -3.2%;
    top: -86px;
    width: 33.6%;
}
.note-section > .container > .drops-holder .drop3 {
    right: -19.5%;
    top: 65px;
    width: 69.5%;
}
.note-block {
    position: relative;
    z-index: 3;
    max-width: 472px;
    margin: 0 auto;
    background: #fff;
    padding: 65px 72px 95px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.note-block .drops-holder .drop1 {
    right: 23px;
    top: 47px;
}
.note-block .h1 {
    display: block;
    line-height: 1.23;
    margin-bottom: 27px;
}
.note-block .button {
    min-width: 160px;
    margin: 0 0 0 4px;
}
.blog {
    font-size: 16px;
    line-height: 1.88;
    padding: 34px 0 0;
}
.blog p {
    margin-bottom: 4.5em;
}
.image {
    padding: 0 0 46px;
    margin-top: -4px;
}
.image img {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.07);
}
.image .source {
    font-size: 12px;
    font-weight: 400;
    color: rgba(77, 90, 102, 0.65);
    text-align: right;
    padding: 5px 5px 0;
}
.image .source a {
    color: rgba(77, 90, 102, 0.65);
}
.image .source a:hover {
    color: #ff9722;
}
.post-heading {
    padding: 0 0 91px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.post-heading > .drops-holder .drop1 {
    left: 12.6%;
    top: -58px;
    width: 27%;
}
.post-heading > .drops-holder .drop2 {
    left: 27.4%;
    top: 140px;
    width: 54.2%;
}
.post-heading .note-block {
    margin: 0 0 0 auto;
    max-width: 914px;
    padding: 60px 25% 81px 79px;
}
.post-heading .note-block .page-heading {
    margin: 0 0 20px 5px;
}
.post-heading .note-block .page-heading:after {
    margin-top: 15px;
}
.post-heading .note-block h1 {
    font-size: 39px;
    line-height: 1.29;
    font-weight: 300;
}
.post-heading .note-block .drops-holder .drop1 {
    right: -9.5%;
    top: 52px;
    width: 49.4%;
}
.post-holder {
    padding: 0 0 43px;
}
.post-holder .container {
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1130px;
}
.post-holder .heading {
    width: 20.7%;
    padding: 10px 0 0;
}
.post-holder .heading .page-heading {
    font-size: 14px;
    margin-bottom: 7px;
}
.post-holder .heading .page-heading:after {
    margin-top: 9px;
}
.post-holder .heading time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(77, 90, 102, 0.65);
    margin-bottom: 30px;
    letter-spacing: 0.025em;
}
.post-holder .post {
    width: 58.8%;
}
.blog-section {
    padding: 69px 0 0;
}
.blog-heading {
    padding-bottom: 31px;
}
.blog-article {
    position: relative;
    margin-bottom: 31px;
}
.blog-article:hover .description {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.25);
}
.blog-article .image-block {
    float: left;
    position: relative;
    z-index: 6;
    margin: 42px -102px 0 37px;
}
.blog-article .image-block img {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.blog-article .description {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
    padding: 45px 10% 47px 17.5%;
    transition: box-shadow 0.3s;
    position: relative;
    z-index: 5;
}
.blog-article .description p {
    max-width: 362px;
    margin-bottom: 1.6em;
}
.blog-article h2 {
    font: 300 24px/1.59 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: none;
    letter-spacing: 0.009em;
    margin-bottom: 12px;
    display: inline-block;
    vertical-align: top;
}
.blog-article h2 a {
    color: inherit;
}
.blog-article h2 a:hover {
    color: #ff9722;
}
.blog-article .page-heading {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.095em;
}
.blog-article .page-heading:after {
    margin-top: 9px;
}
.blog-article .page-heading a {
    color: inherit;
}
.blog-article .page-heading a:hover {
    color: #ff9722;
}
.blog-article time {
    display: block;
    letter-spacing: 0.025em;
}
.blog-article[class*="align"] + .blog-article:not([class*="align"]) {
    padding-top: 30px;
}
.blog-article .drops-holder .drop1 {
    top: 20.8%;
    left: -32.2%;
    width: 64.4%;
}
.blog-article.alignleft,
.blog-article.alignright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 96px;
}
.blog-article.alignleft .image-block,
.blog-article.alignright .image-block {
    float: none;
    z-index: 3;
    width: calc(48.6% + 44px + 145px);
    margin: 0 -44px 0 -145px;
}
.blog-article.alignleft .image-block img,
.blog-article.alignright .image-block img {
    box-shadow: none;
}
.blog-article.alignleft .description,
.blog-article.alignright .description {
    width: calc(51.4% + 150px);
    padding: 63px 5% 59px 150px;
    margin: 0 0 0 -150px;
}
.blog-article.alignleft .description p,
.blog-article.alignright .description p {
    margin-bottom: 3.7em;
}
.blog-article.alignleft h2,
.blog-article.alignright h2 {
    font-size: 30px;
    line-height: 1.27;
    margin-bottom: 24px;
    letter-spacing: 0;
}
.blog-article.alignleft .page-heading,
.blog-article.alignright .page-heading {
    margin-bottom: 6px;
}
.blog-article.alignleft .drops-holder,
.blog-article.alignright .drops-holder {
    z-index: 4;
}
.blog-article.alignleft .drops-holder .drop1,
.blog-article.alignright .drops-holder .drop1 {
    left: auto;
    bottom: auto;
    top: -68.6%;
    right: -18.6%;
    width: 56.6%;
}
.blog-article.alignleft .drops-holder .drop2,
.blog-article.alignright .drops-holder .drop2 {
    left: auto;
    bottom: auto;
    top: -48.2%;
    right: 24.1%;
    width: 40.1%;
}
.blog-article.alignright {
    -ms-flex-direction: row;
    flex-direction: row;
}
.blog-article.alignright .image-block {
    width: calc(49.2% + 40% - 47px);
    margin: 0 -40% 0 47px;
}
.blog-article.alignright .description {
    width: calc(50.8% + 153px);
    padding: 67px 153px 62px 10.3%;
    margin: 0 -153px 0 0;
}
.blog-article.alignright .drops-holder .drop1 {
    bottom: auto;
    right: auto;
    top: -28%;
    left: 15.9%;
    width: 55.4%;
}
.agency-section {
    padding: 72px 0 0;
}
.agency-section .agency-heading {
    padding-bottom: 76px;
}
.agency-section .agency-heading .drops-holder .drop1 {
    left: -23.2%;
    top: -36px;
    width: 61%;
}
.agency-section .agency-heading .drops-holder .drop2 {
    right: -12.8%;
    top: -131px;
    width: 57.5%;
}
.agency-section .agency-heading .drops-holder .drop3 {
    right: -23.2%;
    top: 120px;
    width: 38.5%;
}
.agency-section .agency-heading .block {
    max-width: 390px;
    font-size: 16px;
    line-height: 1.88;
}
.agency-section .agency-heading .block .button {
    min-width: 233px;
}
.timeline {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.46;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 112px 24px 0 0;
    width: 700px;
}
.timeline li {
    text-align: center;
    position: relative;
    width: 140px;
    margin: 4px 0 0;
}
.timeline li:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff9722;
    position: absolute;
    top: -44px;
    left: 26px;
    z-index: 5;
}
.timeline li:after {
    content: "";
    background: #e0e0e0;
    height: 1px;
    width: 180px;
    position: absolute;
    left: 28px;
    top: -38px;
}
.timeline li:nth-child(1) {
    margin: 66px 0 0;
}
.timeline li:nth-child(1):after {
    left: 25px;
    top: -69px;
    width: 187px;
    transform: rotate(-19.5deg);
}
.timeline li:nth-child(3):after {
    left: 22px;
    top: -85px;
    width: 196px;
    transform: rotate(-29deg);
}
.timeline li:nth-child(4) {
    margin: -92px 0 0;
}
.timeline li:nth-child(4):after {
    left: 22px;
    top: -87px;
    width: 196px;
    transform: rotate(-29deg);
}
.timeline .number {
    display: block;
    margin-bottom: 13px;
    font: 700 60px/1 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    color: rgba(77, 90, 102, 0.12);
}
.timeline p {
    margin: 0 5px;
    letter-spacing: 0.05em;
}
.team-section {
    padding: 0 0 109px;
}
.team-section .container {
    -ms-flex-align: center;
    align-items: center;
    max-width: 808px;
}
.team-section .text-block {
    float: right;
    max-width: 216px;
    margin: -24px 0 0;
}
.team-section .text-block h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.team-section .text-block h2:after {
    margin-top: 9px;
}
.team-section .text-block .drops-holder .drop1 {
    top: 42px;
    right: -8.7%;
    width: 91.2%;
}
.team-holder {
    position: relative;
    float: left;
    padding: 0 0 0 7px;
}
.team-holder .drops-holder .drop1 {
    top: 304px;
    left: 203px;
}
.team-holder .drops-holder .drop2 {
    bottom: 27px;
    left: 104px;
}
.team-list {
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    width: 300px;
}
.team-list:nth-child(2) {
    width: 320px;
    margin: 37px 0 48px 64px;
}
.team-list:nth-child(2) li:nth-child(2) {
    clear: none;
    margin: -72px 0 57px 27px;
}
.team-list:nth-child(2) li:nth-child(3) {
    margin: 0 0 0 18px;
}
.team-list li {
    float: left;
    margin: 0 0 5px;
}
.team-list li:nth-child(2) {
    clear: both;
    margin-left: 20px;
    margin-top: 20px;
}
.team-list li:nth-child(3) {
    margin: -46px 0 0 28px;
}
.team-list a {
    display: block;
    position: relative;
    text-align: center;
    border-radius: 50%;
    border: 4px solid transparent;
    transition: border 0.3s;
}
.team-list a:hover {
    z-index: 5;
    border-color: #ff9722;
}
.team-list a:hover .name {
    opacity: 1;
    visibility: visible;
    color: #ff9722;
}
.team-list img {
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.team-list .name {
    position: absolute;
    left: -28px;
    right: -30px;
    bottom: -27px;
    text-align: center;
    letter-spacing: 0.075em;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.about-block {
    text-align: center;
    padding: 0 0 116px;
}
.about-block .container {
    max-width: 656px;
}
.about-block .page-heading {
    margin-bottom: 37px;
}
.about-block .page-heading:after {
    margin: 7px auto 0;
}
.clients-section {
    text-align: center;
    padding: 0 0 34px;
}
.clients-section .page-heading {
    margin-bottom: 44px;
}
.clients-section .page-heading:after {
    margin: 7px auto 0;
}
.clients-slider {
    padding: 0 20px;
}
.clients-slider .slide {
    text-align: center;
}
.clients-slider img {
    margin: 0 auto 62px;
}
.clients-slider .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    background: 0 0;
    border: none;
    margin: -38px 0 0;
    padding: 0;
    color: rgba(77, 90, 102, 0.25);
    transition: color 0.3s;
    font-size: 20px;
}
.clients-slider .slick-arrow:hover {
    color: #ff9722;
}
.clients-slider .slick-next {
    left: auto;
    right: 0;
}
.link-frame {
    text-align: center;
    margin: -7px 0 0;
    padding: 0 0 95px;
    text-transform: uppercase;
    font-weight: 700;
}
.link-frame a {
    display: inline-block;
    vertical-align: top;
    color: #516775;
    letter-spacing: 0.075em;
}
.link-frame a:hover {
    color: #ff9722;
}
.link-frame a i {
    margin: 0 13px 0 0;
}
.intro {
    padding: 34px 0 77px;
    position: relative;
}
.intro .container {
    max-width: 1166px;
}
.intro .inner {
    padding: 92px 0 106px 55px;
    position: relative;
    background: rgba(255, 255, 255, 0.89);
    z-index: 2;
    width: 681px;
    margin: 0 0 0 -45px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.intro .decor-image {
    position: absolute;
    top: -47px;
    left: 50%;
    margin-left: -245px;
    height: 362px;
    width: 582px;
    max-width: 100%;
    background-size: cover;
}
.intro .description {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1.2px;
}
.intro .description:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    height: 3px;
    width: 38px;
    background-color: #ff9722;
}
.intro .title {
    font-size: 44px;
    margin-bottom: 0;
    margin-left: -3px;
}
@media (max-width: 1125px) {
    .intro .title {
        font-size: 38px;
    }
}
.intro .drops-holder {
    max-width: 1200px;
    margin: 0 auto;
}
.intro .drop1,
.intro .drop2 {
    position: absolute;
}
.intro .drop1 {
    bottom: -193px;
    right: 50%;
    margin-right: 29px;
    width: 32%;
    z-index: 3;
}
.intro .drop2 {
    bottom: -82px;
    right: 0;
    width: 57.5%;
    z-index: 2;
}
.project-block {
    position: relative;
    z-index: 3;
    padding-bottom: 39px;
}
.project-block .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.project-block .left {
    width: 306px;
    padding-right: 89px;
}
.project-block .right {
    position: relative;
    margin-top: -160px;
    width: calc(100% - 306px);
    box-shadow: 0 -15px 80px -10px rgba(0, 0, 0, 0.4);
}
.project-block .right:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.005), #fff);
}
.project-block img {
    display: block;
}
.project-block .list-block {
    padding-bottom: 33px;
}
.project-block .page-heading {
    font-size: 14px;
    margin-bottom: 29px;
}
.project-block .page-heading:after {
    margin-top: 10px;
}
.project-block .custom-list {
    padding-top: 36px;
}
.custom-list li {
    padding-bottom: 27px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.custom-list li:last-child {
    padding-bottom: 0;
}
.custom-list li.hand i {
    font-size: 31px;
}
.custom-list i {
    width: 35px;
    color: #ff9722;
    font-size: 28px;
}
.custom-list span {
    width: calc(100% - 35px);
    padding-left: 7px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.masonry-gallery {
    margin: 0 -9px -18px;
}
.masonry-gallery .item {
    float: left;
    padding: 0 9px 18px;
    text-align: center;
}
.masonry-gallery .inner {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.15);
}
.masonry-gallery .inner.mod {
    display: inline-block;
    border-radius: 24px;
    margin: 34px 0;
}
.masonry-gallery .inner.mod-large {
    margin-top: 138px;
}
.masonry-gallery img {
    display: block;
    margin: 0 auto;
}
.grid-sizer,
.masonry-gallery .item {
    width: 33.33%;
}
.intro-preferences {
    padding: 63px 0 130px;
    position: relative;
}
.intro-preferences .drop1 {
    display: none;
    position: absolute;
    bottom: 0;
    top: -50px;
    right: -84%;
    width: 220%;
    max-width: 300%;
    opacity: 0.7;
}
.intro-preferences .info-slideshow {
    padding-bottom: 0;
}
.intro-preferences .info-slideshow .container:after {
    top: 121px;
    background: url(../images/drop-info-slideshow-100.svg) no-repeat;
}
.intro-preferences .info-slideshow .container:before {
    bottom: -67px;
}
.intro-preferences .page-heading {
    font-size: 18px;
    margin-bottom: 9px;
}
.intro-preferences .page-heading:after {
    margin: 15px 0 0 3px;
}
.intro-preferences .title {
    font-size: 60px;
    margin-bottom: 0;
}
.intro-preferences .container {
    max-width: 1152px;
}
.intro-preferences .slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 17px;
}
.intro-preferences .text-block {
    position: relative;
    z-index: 2;
    padding: 79px 15% 139px 14.3%;
    margin: 127px 0 0 -65px;
    width: 55.8%;
    background: rgba(255, 255, 255, 0.89);
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.intro-preferences .button-holder {
    padding-top: 10px;
}
.link {
    font-size: 14px;
    font-family: "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.link:hover {
    color: #ff9722;
    text-decoration: underline;
}
.section-preferences {
    background-color: #ff9722;
}
.section-preferences .container {
    padding-top: 110px;
    padding-bottom: 70px;
}
.section-preferences .holder {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.section-preferences .image-decor {
    position: absolute;
    top: 0;
    left: -15px;
}
.section-preferences .drop1 {
    position: absolute;
    bottom: 7%;
    left: -35%;
}
.section-preferences .drop2 {
    position: absolute;
    bottom: 14%;
    right: -4%;
}
.section-preferences .image-block {
    width: 43%;
    text-align: center;
}
.section-preferences .content {
    width: 57%;
    padding: 58px 8% 0 16.2%;
    color: #fff;
}
.section-preferences .page-heading {
    margin-bottom: 16px;
    margin-left: -2px;
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.section-preferences .page-heading:after {
    background-color: #fff;
    margin: 12px 0 0 2px;
}
.section-preferences .inner {
    padding-bottom: 21px;
}
.section-preferences p {
    margin-bottom: 26px;
}
.section-preferences p:last-child {
    margin-bottom: 0;
}
.section-preferences .link {
    color: #fff;
}
.preferences-project {
    background-color: #4d5a66;
    margin-bottom: 39px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
}
.preferences-project .container {
    padding-top: 188px;
    padding-bottom: 115px;
    max-width: 1153px;
}
.preferences-project .holder {
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.preferences-project .image-decor {
    position: absolute;
    top: 0;
    right: 13.6%;
}
.preferences-project .drop1 {
    position: absolute;
    top: 106px;
    right: 72px;
}
.preferences-project .drop2 {
    position: absolute;
    bottom: 14%;
    right: -4%;
}
.preferences-project .image-block {
    position: relative;
    width: 56.1%;
    text-align: center;
}
.preferences-project .picture {
    width: 100%;
}
.preferences-project .picture2 {
    position: absolute;
    bottom: -54px;
    right: 9%;
}
.preferences-project .content {
    width: 43.5%;
    padding: 18px 8% 0 8.4%;
    color: #fff;
}
.preferences-project .page-heading {
    margin-bottom: 16px;
    margin-left: -1px;
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.preferences-project .page-heading:after {
    margin: 12px 0 0 1px;
}
.preferences-project .inner {
    padding-bottom: 27px;
}
.preferences-project p {
    margin-bottom: 26px;
}
.preferences-project p:last-child {
    margin-bottom: 0;
}
.benefit-section {
    margin-bottom: 37px;
}
.benefit-section .drop1 {
    position: absolute;
    top: 12%;
    left: -21%;
    z-index: -1;
    width: 68%;
}
.benefit-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.benefit-section .col {
    padding: 0 71px 78px 0;
}
.benefit-section .col:last-child {
    padding-right: 0;
}
.benefit-section .col-7 {
    width: 58.3%;
}
.benefit-section .col-5 {
    width: 41.7%;
}
.benefit-section .col-4 {
    width: 33.33%;
    padding-right: 22px;
    padding-bottom: 132px;
}
.benefit-section .col-4 .page-heading {
    margin-bottom: 25px;
}
.benefit-section .col-8 {
    width: 66.66%;
}
.benefit-section .amount {
    display: inline-block;
    color: rgba(255, 151, 34, 0.21);
    font-size: 72px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 700;
    line-height: 1;
    position: relative;
}
.benefit-section .amount sup {
    font-size: 30px;
    vertical-align: top;
    top: 1.7em;
    margin-left: 24px;
}
.benefit-section .amount.large {
    font-size: 200px;
    margin-bottom: 15px;
    margin-left: -3px;
}
.benefit-section .amount.medium {
    font-size: 99px;
    margin-top: 90px;
    margin-bottom: 26px;
    margin-left: -2px;
}
.benefit-section .amount.medium sup {
    top: 1em;
    margin-left: 8px;
}
.benefit-section .page-heading {
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: -1px;
    display: block;
}
.benefit-section .page-heading:after {
    margin: 7px 0 0 1px;
}
.benefit-section .page-heading.mod:after {
    display: none;
}
.benefit-section .info {
    padding-bottom: 12px;
}
.benefit-section .info.large {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}
.benefit-section .source {
    font-weight: 300;
}
.benefit-section .icon {
    margin-bottom: 2px;
    height: 68px;
    font-size: 37px;
    color: #ff9722;
}
.benefit-section .amount-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 42px 0 -27px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.benefit-section .amount-holder .item {
    width: 50%;
    padding: 0 13px 27px;
}
.benefit-section .amount-holder .inner {
    display: inline-block;
    text-align: center;
}
.benefit-section .amount-holder .page-heading {
    font-size: 14px;
    color: #4d5a66;
    padding-bottom: 0;
    padding-top: 13px;
    letter-spacing: 0;
    text-transform: none;
}
@media (max-width: 1199px) {
    .intro-slideshow .slide {
        padding-left: 25px;
    }
    .intro-slideshow .text-block {
        width: 37%;
    }
    .intro-slideshow .video-block {
        margin-right: 25px;
    }
    .intro-slideshow .slick-dots {
        left: 25px;
    }
    .statistics-list {
        margin-left: 30px;
    }
    .info-slideshow .text-block {
        padding-left: 3%;
    }
    .services-section .services-heading .text-block {
        padding: 42px 15px 0 7px;
        width: 44%;
    }
    .services-section .services-heading h1 {
        font-size: 50px;
    }
    .services-section .services-heading .image-block {
        width: 56%;
    }
    .services-holder {
        margin: -100px -20px 0;
    }
    .services-holder .column {
        padding: 0 20px;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 10%;
        padding-right: 10%;
    }
    .service-block {
        padding: 50px 10% 40px;
    }
    .agency-section .agency-heading .container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .agency-section .agency-heading .block {
        max-width: 430px;
        width: 100%;
    }
    .timeline {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-top: 60px;
    }
    .intro-preferences .text-block {
        margin-left: -30px;
        padding-left: 10%;
    }
}
@media (max-width: 1023px) {
    .h1,
    body.home h2,
    h1 {
        font-size: 30.03px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    textarea {
        height: 46px;
        padding: 13px 18px 12px;
        margin-bottom: 18px;
    }
    textarea {
        height: 174px;
        min-height: 174px;
    }
    form .col-holder {
        margin: 0 -7px;
    }
    form .col-holder .col {
        padding: 0 7px;
    }
    .captcha-holder {
        margin-bottom: 1px;
    }
    .captcha-holder .captcha {
        height: 46px;
        width: 37.5%;
    }
    .captcha-holder input[type="text"] {
        width: 57.1%;
    }
    #header {
        padding: 23px 0;
    }
    .fixed #header {
        padding: 10px 0 11px;
    }
    .fixed #header .logo {
        margin: 8px 0 0;
    }
    #header .container {
        display: block;
    }
    .logo {
        width: 95px;
        float: left;
        margin: 0 0 0 -1px;
    }
    .header-opener {
        display: -ms-flexbox;
        display: flex;
        margin: 7px 5px 0 0;
    }
    .fixed .header-opener {
        margin-top: 0;
    }
    .fixed.header-active .header-opener {
        margin-top: 3px;
    }
    .header-slide {
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s linear;
    }
    .header-active .header-slide {
        opacity: 1;
        visibility: visible;
    }
    .header-drop {
        padding: 121px 30px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-y: auto;
        overflow-x: hidden;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        position: relative;
        height: 100%;
        background: #f8f8f9;
    }
    .header-active .header-drop {
        transform: translateY(0);
    }
    .fixed.header-active .header-drop {
        padding-top: 93px;
    }
    .header-drop:before {
        content: "Menu";
        position: absolute;
        left: 23px;
        top: 37px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.075em;
    }
    .header-drop:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 44px;
        height: 54px;
        background: linear-gradient(to bottom, transparent 0, #000 100%);
        opacity: 0.07;
    }
    .fixed .header-drop:before {
        top: 25px;
    }
    .fixed .header-drop:after {
        top: 18px;
    }
    .header-drop .drops-holder {
        display: block;
    }
    .fixed.header-active .header-drop .drops-holder {
        top: -26px;
    }
    .header-drop .drops-holder {
        display: none;
    }
    .header-active .header-drop .drops-holder {
        display: block;
    }
    .header-drop .drops-holder object {
        max-width: none;
    }
    .nav-holder {
        width: 277px;
        margin: 0 auto;
    }
    .main-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 12px;
        font-weight: 800;
    }
    .main-nav li {
        margin: 0 0 38px;
    }
    .main-nav li.contact-link {
        margin-top: -4px;
    }
    .main-nav li.contact-link a {
        font-weight: 700;
        font-size: 14px;
        padding: 8px 10px 6px;
        border-radius: 21px;
    }
    .main-nav li.active a {
        color: #4d5a66;
    }
    .main-nav li.active a:before {
        width: 35px;
    }
    .main-nav a {
        color: #4d5a66;
        padding-bottom: 4px;
    }
    .main-nav a:before {
        height: 5px;
    }
    .main-nav a:hover:before {
        width: 35px;
    }
    .language-block {
        margin: -2px 0 50px;
        width: 100%;
    }
    .language-block .language-opener {
        display: none;
    }
    .language-block .language-slide {
        position: static;
        overflow: visible;
        max-height: 4000px;
    }
    .language-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        transform: translateY(0);
        padding: 0;
    }
    .language-list li {
        margin: 0 15px;
    }
    .language-list li.selected {
        display: block;
    }
    #footer .logo {
        margin-left: 12px;
    }
    .paging {
        padding: 56px 0 59px;
    }
    #wrapper {
        padding-top: 125px;
    }
    .heading-holder .container {
        padding: 0 37px;
    }
    .heading-holder .page-heading {
        margin-bottom: 18px;
    }
    .heading-holder h1,
    .heading-holder h2 {
        font-size: 30px;
        margin-bottom: 14px;
    }
    .intro-slideshow {
        padding: 63px 30px 119px;
    }
    .intro-slideshow .drops-holder {
        left: -81px;
        right: 0;
        top: 62px;
    }
    .intro-slideshow .drops-holder .drop1 {
        top: -93px;
        left: 0;
        width: 95.5%;
    }
    .intro-slideshow .drops-holder .drop2 {
        top: 97px;
        right: 4px;
        width: 27.4%;
    }
    .intro-slideshow .drops-holder .drop3 {
        top: 213px;
        right: -174px;
        width: 54%;
    }
    .intro-slideshow .drops-holder .drop4 {
        top: 109px;
        right: 283px;
        width: 33.5%;
    }
    .intro-slideshow .drops-holder .drop5 {
        top: -101px;
        right: -233px;
        width: 50.5%;
    }
    .intro-slideshow .slide {
        padding-left: 0;
    }
    .intro-slideshow .slide.slide3 .image-holder {
        margin: -25px -8px 0 0;
    }
    .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        margin-top: -25vmin;
    }
    .intro-slideshow .text-block {
        width: 43%;
        margin-left: -2px;
    }
    .intro-slideshow .page-heading {
        margin: 0 0 18px 1px;
    }
    .intro-slideshow .video-block {
        width: 188px;
        margin: -11px 68px 0 0;
        padding: 42px 7px 50px;
        border-radius: 28px;
    }
    .intro-slideshow .image-holder {
        margin: 0;
    }
    .intro-slideshow .slick-dots {
        left: -1px;
    }
    .hosting-intro .intro-slideshow {
        padding: 62px 0 104px;
    }
    .hosting-intro .intro-slideshow .container {
        padding: 0 30px;
    }
    .hosting-intro .intro-slideshow .slide {
        padding: 0;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder {
        width: 59.4%;
        margin: -81px 20px 0 0;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        width: 66%;
        margin-top: -35%;
        margin-right: -7%;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .text-block {
        width: 34%;
    }
    .hosting-intro h1,
    .hosting-intro h2 {
        font-size: 30px;
        margin-left: 0;
        margin-bottom: 74px;
    }
    .hosting-intro .button-holder {
        margin-top: 42px;
    }
    .hosting-intro .drops-holder {
        top: 112px;
    }
    .statistics-list {
        margin: -82px 0 81px 13px;
    }
    .statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
        margin-top: 97px;
    }
    .statistics-list li:nth-child(2) {
        margin-right: 7px;
    }
    .statistics-list li:nth-child(3) {
        margin-left: 0;
        margin-right: -44px;
    }
    .statistics-list .number sup {
        top: 0.8em;
        left: -4px;
    }
    .info-slideshow {
        padding-bottom: 109px;
    }
    .info-slideshow .slide {
        padding-top: 30px;
    }
    .info-slideshow .slide.slide1 .image-holder {
        margin: -11px -22px 0 0;
        width: 61.2%;
    }
    .info-slideshow .slide.slide2 .image-holder {
        margin: 0 5px 0 0;
    }
    .info-slideshow .slide.slide3 .container:before {
        left: 31%;
    }
    .info-slideshow .slide.slide3 .image-holder {
        margin: 0 5px 0 0;
        width: 52%;
    }
    .info-slideshow .container:before {
        width: 69px;
        height: 51px;
        bottom: 10px;
        left: 58%;
    }
    .info-slideshow .container:after {
        display: none;
    }
    .info-slideshow .text-block {
        padding: 0 0 0 1px;
        width: 39%;
    }
    .info-slideshow .subtitle,
    .info-slideshow h1 {
        margin-bottom: 26px;
    }
    .info-slideshow .subtitle {
        margin-bottom: 15px;
    }
    .info-slideshow .image1 {
        top: -21px;
        right: -12%;
        width: 61%;
    }
    .info-slideshow .image2 {
        top: 28%;
        width: 63%;
    }
    .info-slideshow .image3 {
        top: 41.3%;
        right: 3.7%;
        width: 23.4%;
    }
    .specialities-section .drops-holder {
        left: 0;
        right: 0;
    }
    .specialities-section .drops-holder .drop1 {
        top: 58px;
        left: -336px;
    }
    .specialities-section .drops-holder .drop2 {
        top: -141px;
        right: -239px;
    }
    .specialities-section .drops-holder .drop3 {
        top: 289px;
        right: -286px;
    }
    .specialities-section h2 {
        margin-bottom: 72px;
    }
    .specialities-holder {
        padding: 0;
        margin: 0 -9px;
    }
    .specialities-holder .col {
        padding: 0 8px;
    }
    .speciality-block {
        padding: 0 0 62px;
    }
    .speciality-block .icon-block {
        width: 61px;
        min-width: 61px;
    }
    .about-section {
        padding: 27px 0 118px;
    }
    .about-section .text-block {
        width: 36.5%;
        padding: 48px 0 0;
    }
    .logo-gallery {
        width: 62.3%;
        margin-left: -30px;
        padding: 76px 53px 40px 62px;
    }
    .logo-gallery .slick-list {
        padding-bottom: 14px;
    }
    .logo-slider .col {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .logo-slider .col:first-child {
        padding-right: 58px;
    }
    .logo-slider .slick-dots {
        padding-left: 15px;
    }
    .logo-slider .slick-dots li {
        margin-right: 14px;
    }
    .contact-section {
        position: relative;
        z-index: 2;
    }
    .contact-section .drops-holder .drop1 {
        left: -245px;
    }
    .contact-section .contact-info {
        width: 44.8%;
        padding: 0 49px;
    }
    .map-block {
        width: 55.2%;
    }
    .contact-holder {
        padding: 62px 8px 90px;
    }
    .contact-holder .drops-holder {
        left: 0;
        right: 0;
    }
    .contact-holder .drops-holder .drop1 {
        width: 901px;
        max-width: none;
        right: auto;
        left: 96px;
        top: -129px;
    }
    .contact-holder .page-heading {
        margin-bottom: 66px;
    }
    .contact-form input[type="submit"] {
        margin: 0 0 0 auto;
        width: 183px;
        display: block;
    }
    .services-section {
        padding-top: 20px;
    }
    .services-section .services-heading .drops-holder .drop1 {
        top: 364px;
        right: -26.6%;
        width: 48.5%;
    }
    .services-section .services-heading .drops-holder .drop2 {
        width: 77%;
        right: -74.5%;
        top: 337px;
    }
    .services-section .services-heading .drops-holder .drop3 {
        right: -28.5%;
        width: 84.5%;
    }
    .services-section .services-heading .drops-holder .drop4 {
        right: 2.6%;
        width: 46%;
    }
    .services-section .services-heading .page-heading {
        margin-bottom: 18px;
    }
    .services-section .services-heading h1 {
        font-size: 30px;
    }
    .services-section .services-heading .image-block {
        width: 780px;
        margin-right: -511px;
    }
    .services-holder {
        margin: -318px -30px 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .services-holder .column {
        width: 70.2%;
        padding: 0;
    }
    .services-holder .column:last-child {
        width: 86.5%;
        padding-top: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 12.2%;
        padding-right: 12%;
    }
    .services-holder .drops-holder .drop1 {
        top: 33%;
        width: 93.88%;
        left: -66%;
    }
    .services-holder .drops-holder .drop2 {
        top: 37.2%;
        right: 2%;
        width: 69.14%;
    }
    .service-block {
        padding: 57px 13% 48px;
        margin-bottom: 38px;
    }
    .note-section.references-note {
        padding-top: 12px;
        margin-top: 0;
    }
    .note-section.hosting-note {
        padding-top: 6px;
    }
    .note-section.hosting-note .note-block {
        padding-top: 49px;
    }
    .note-section.hosting-note .h1 {
        font-size: 30px;
    }
    .note-section {
        padding-top: 19px;
    }
    .note-section > .container > .drops-holder .drop1 {
        width: 89.71%;
        left: -49%;
    }
    .note-section > .container > .drops-holder .drop2 {
        width: 41.93%;
        right: -16.5%;
    }
    .note-section > .container > .drops-holder .drop3 {
        width: 87.24%;
        right: -37.5%;
    }
    .note-block {
        margin-bottom: 5px;
    }
    .note-block .h1 {
        font-size: 39px;
    }
    .blog {
        padding: 0;
    }
    .blog p {
        margin-bottom: 3.7em;
    }
    .image {
        margin-top: -2em;
        padding-bottom: 56px;
    }
    .image .source {
        display: none;
    }
    .post-heading {
        padding-bottom: 58px;
    }
    .post-heading > .drops-holder .drop1 {
        left: -8.6%;
        top: -58px;
        width: 42.45%;
    }
    .post-heading > .drops-holder .drop2 {
        left: 14.4%;
        top: 140px;
        width: 84.64%;
    }
    .post-heading .note-block {
        max-width: 699px;
        padding: 60px 14% 77px 79px;
    }
    .post-heading .note-block .drops-holder .drop1 {
        right: -42.5%;
        top: 53px;
        width: 64%;
    }
    .post-holder {
        padding-bottom: 8px;
    }
    .post-holder .heading {
        width: 31%;
    }
    .post-holder .post {
        width: 67.8%;
    }
    .blog-section {
        padding-top: 62px;
    }
    .blog-heading {
        padding-bottom: 24px;
    }
    .blog-article {
        margin: 0 -30px 25px 0;
    }
    .blog-article .image-block {
        margin: 76px -102px 0 -6px;
    }
    .blog-article .description {
        padding: 45px 11% 32px 21.2%;
    }
    .blog-article .description p {
        max-width: none;
    }
    .blog-article h2 {
        margin-bottom: 4px;
    }
    .blog-article[class*="align"] + .blog-article:not([class*="align"]) {
        padding-top: 53px;
    }
    .blog-article .drops-holder .drop1 {
        top: auto;
        right: auto;
        width: 79%;
        bottom: -311px;
        left: -45.1%;
    }
    .blog-article.alignleft,
    .blog-article.alignright {
        margin-bottom: 59px;
    }
    .blog-article.alignleft .image-block,
    .blog-article.alignright .image-block {
        width: calc(34.8% + 95px + 105px);
        margin: 0 -95px 0 -105px;
    }
    .blog-article.alignleft .description,
    .blog-article.alignright .description {
        width: calc(65.2% + 150px);
        padding: 57px 6% 68px 168px;
        margin: 0 0 0 -150px;
    }
    .blog-article.alignleft .description p,
    .blog-article.alignright .description p {
        margin-bottom: 1.8em;
    }
    .blog-article.alignleft h2,
    .blog-article.alignright h2 {
        margin-bottom: 16px;
    }
    .blog-article.alignleft .page-heading,
    .blog-article.alignright .page-heading {
        margin-bottom: 7px;
    }
    .blog-article.alignleft .drops-holder .drop1,
    .blog-article.alignright .drops-holder .drop1 {
        width: 69.1%;
        top: -379px;
        right: -47%;
    }
    .blog-article.alignleft .drops-holder .drop2,
    .blog-article.alignright .drops-holder .drop2 {
        left: auto;
        bottom: auto;
        width: 48.9%;
        top: -262px;
        right: 5.2%;
    }
    .blog-article.alignright .image-block {
        width: calc(28.2% + 35% + 135px);
        margin: 0 -35% 0 -135px;
    }
    .blog-article.alignright .description {
        width: calc(71.8% + 153px);
        padding: 63px 180px 56px 8.4%;
        margin: 0 -153px 0 0;
    }
    .blog-article.alignright .description p {
        margin-bottom: 2.4em;
    }
    .blog-article.alignright h2 {
        margin-bottom: 24px;
    }
    .blog-article.alignright .drops-holder .drop1 {
        width: 67.4%;
        top: -198px;
        left: auto;
        bottom: auto;
        right: 6%;
    }
    .agency-section {
        padding-top: 62px;
    }
    .agency-section .agency-heading {
        padding-bottom: 83px;
    }
    .agency-section .agency-heading .drops-holder .drop1 {
        width: 95.18%;
        left: -40%;
        top: -84px;
    }
    .agency-section .agency-heading .drops-holder .drop2 {
        width: 89.71%;
        right: -22.6%;
        top: 30px;
    }
    .agency-section .agency-heading .drops-holder .drop3 {
        width: 60.16%;
        right: -38.6%;
        top: 282px;
    }
    .agency-section .agency-heading .block p {
        margin-left: 5px;
    }
    .timeline {
        padding: 77px 28px 0 3px;
    }
    .timeline li:before {
        left: 32px;
        top: -40px;
    }
    .timeline li:after {
        left: 36px;
        top: -35px;
    }
    .timeline li:nth-child(1) {
        margin: 69px 4px 0 0;
    }
    .timeline li:nth-child(1):after {
        left: 38px;
        top: -67px;
    }
    .timeline li:nth-child(3):after {
        left: 20px;
        top: -77px;
        width: 192px;
    }
    .timeline li:nth-child(4) {
        margin: -88px 0 0 -14px;
    }
    .timeline li:nth-child(4):after {
        left: 20px;
        top: -77px;
        width: 192px;
    }
    .team-section {
        padding-bottom: 91px;
    }
    .team-section .text-block {
        margin-right: 41px;
    }
    .team-section .text-block .drops-holder .drop1 {
        right: -3.7%;
        width: 96%;
    }
    .team-holder {
        padding: 0;
        margin-left: -3px;
    }
    .team-holder .drops-holder {
        left: -8px;
    }
    .about-block {
        padding-bottom: 73px;
    }
    .clients-section {
        padding-bottom: 36px;
    }
    .clients-slider {
        padding: 0 50px;
    }
    .intro {
        padding: 11px 0 56px;
    }
    .intro .inner {
        padding: 82px 25px 89px 68px;
        width: 696px;
    }
    .intro .decor-image {
        top: -32px;
        width: 362px;
        height: 227px;
        margin-left: -92px;
    }
    .intro .description {
        margin-bottom: 12px;
    }
    .intro .title {
        font-size: 30px;
    }
    .intro .drop1 {
        bottom: -43px;
        margin-right: -53px;
    }
    .intro .drop2 {
        bottom: 25px;
        right: -45px;
        width: 54.5%;
    }
    .project-block {
        padding-bottom: 0;
    }
    .project-block .container {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .project-block .left {
        width: 312px;
        padding-right: 25px;
    }
    .project-block .right {
        margin-top: -161px;
        width: 52.2%;
    }
    .project-block .list-block {
        padding-left: 7px;
    }
    .project-block .custom-list {
        padding-top: 3px;
    }
    .custom-list li {
        padding-bottom: 20px;
    }
    .masonry-gallery-holder {
        padding-top: 20px;
        padding-bottom: 101px;
    }
    .masonry-gallery {
        margin: 0 0 -50px;
    }
    .masonry-gallery .item {
        padding: 0 15px 50px;
    }
    .masonry-gallery .inner.mod {
        margin: 110px 0 0;
    }
    .masonry-gallery .inner.mod-large {
        margin-top: 0;
    }
    .masonry-gallery img {
        width: 100%;
    }
    .grid-sizer,
    .masonry-gallery .item {
        width: 50%;
    }
    .intro-preferences {
        padding: 63px 0 121px;
    }
    .intro-preferences .container {
        padding: 0 38px;
    }
    .intro-preferences .info-slideshow .container:after {
        bottom: auto;
        top: 10px;
        z-index: 2;
    }
    .intro-preferences .info-slideshow .container:before {
        bottom: -82px;
        left: 63.5%;
        width: 88px;
        height: 66px;
    }
    .intro-preferences .page-heading {
        margin-bottom: 17px;
    }
    .intro-preferences .title {
        font-size: 30px;
    }
    .intro-preferences .slide {
        padding-top: 0;
    }
    .intro-preferences .text-block {
        margin: 98px 0 0 -38px;
        padding: 44px 32% 70px 36px;
        width: 70.7%;
    }
    .section-preferences .container {
        padding-top: 136px;
        padding-bottom: 104px;
    }
    .section-preferences .image-decor {
        width: 82.5%;
        left: -20%;
    }
    .section-preferences .drop1 {
        bottom: 12%;
        left: -43%;
    }
    .section-preferences .drop2 {
        bottom: 1.5%;
        right: 7%;
    }
    .section-preferences .image-block {
        width: 52%;
        margin-top: -27px;
    }
    .section-preferences .image-block .picture {
        max-width: 245px;
    }
    .section-preferences .content {
        width: 48%;
        padding: 33px 36px 0 9px;
    }
    .preferences-project {
        margin-bottom: 22px;
    }
    .preferences-project .container {
        padding-top: 203px;
        padding-bottom: 219px;
    }
    .preferences-project .holder {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .preferences-project .image-decor {
        right: -24%;
        width: 90%;
    }
    .preferences-project .drop1 {
        display: none;
    }
    .preferences-project .image-block {
        width: 50.7%;
        padding-right: 26px;
        margin-top: -16px;
    }
    .preferences-project .picture2 {
        right: 16%;
        max-width: 154px;
        bottom: -88px;
    }
    .preferences-project .content {
        padding: 0 0 0 21px;
        width: 43.5%;
    }
    .benefit-section {
        margin-bottom: 0;
    }
    .benefit-section .drop1 {
        top: 9%;
        left: -21%;
        width: 84%;
    }
    .benefit-section .row.center {
        max-width: 593px;
        margin: 0 auto 38px;
    }
    .benefit-section .row.center .col {
        width: 100%;
        padding: 0 0 38px 110px;
        position: relative;
    }
    .benefit-section .row.center .icon {
        position: absolute;
        top: -12px;
        left: 0;
        width: 110px;
        text-align: center;
    }
    .benefit-section .row.bottom .col {
        width: 100%;
        padding-right: 0;
        padding-bottom: 75px;
    }
    .benefit-section .col {
        padding: 0 80px 97px 0;
    }
    .benefit-section .col-7 {
        width: 56%;
    }
    .benefit-section .col-5 {
        width: 44%;
    }
    .benefit-section .info {
        padding-bottom: 19px;
    }
    .benefit-section .icon {
        font-size: 48px;
    }
    .benefit-section .amount-holder {
        margin: 1px 0 -27px;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .benefit-section .amount-holder .item {
        padding: 0 0 27px;
        width: auto;
        min-width: 252px;
    }
}
@media (max-width: 767px) {
    #header .container,
    .about-section .container,
    .agency-section .agency-heading .container,
    .contact-section .container,
    .info-slideshow .container,
    .intro-slideshow .container,
    .post-holder .container,
    .team-section .container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .page-heading:after {
        margin: 5px auto 0;
    }
    .h1,
    body.home h2,
    h1 {
        font-size: 26.013px;
        line-height: 1.47;
        margin-bottom: 10px;
    }
    .page-heading {
        text-align: center;
        display: block;
    }
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    textarea {
        margin-bottom: 20px;
        padding: 13px 17px 12px;
    }
    textarea {
        height: 145px;
        min-height: 145px;
    }
    form .col-holder {
        display: block;
        margin: 0;
    }
    form .col-holder .col {
        width: 100%;
        padding: 0;
    }
    .captcha-holder {
        display: block;
        margin: -3px 0 0;
    }
    .captcha-holder .captcha {
        width: 148px;
        margin-bottom: 14px;
    }
    .captcha-holder input[type="text"] {
        width: 100%;
    }
    #header {
        padding: 13px 0;
    }
    #header .container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .header-opener {
        margin-right: -2px;
    }
    .fixed .header-opener {
        margin-top: -1px;
    }
    .header-drop {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-drop:before {
        top: 30px;
    }
    .header-drop:after {
        top: 30px;
    }
    .header-drop .drops-holder .drop1 {
        width: 557px;
        right: -290px;
        top: 2px;
    }
    .header-drop .drops-holder .drop2 {
        width: 711px;
        left: -154px;
        top: 341px;
    }
    .main-nav li.contact-link {
        margin-top: 6px;
    }
    .main-nav li.active a:before {
        width: 38px;
    }
    .main-nav a:before {
        height: 3px;
    }
    .main-nav a:hover:before {
        width: 38px;
    }
    #footer {
        text-align: center;
    }
    #footer .logo {
        float: none;
        display: block;
        margin: 0 auto 14px;
    }
    .paging {
        padding: 6px 0 36px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .paging .prev {
        margin-right: 11px;
    }
    .paging .next {
        margin-left: 11px;
    }
    #wrapper {
        padding-top: 96px;
    }
    .container {
        padding: 0 15px;
    }
    .slick-slider .slick-dots {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .slick-slider .slick-dots li {
        margin: 0 8px;
    }
    .drops-holder object {
        max-width: none;
    }
    .heading-holder .container {
        padding: 0 15px;
    }
    .heading-holder .page-heading {
        margin-bottom: 23px;
    }
    .heading-holder h1,
    .heading-holder h2 {
        font-size: 26px;
        text-align: center;
    }
    .intro-slideshow {
        padding-top: 14px;
        padding-bottom: 58px;
    }
    .intro-slideshow .drops-holder {
        width: 688px;
        left: -117px;
        margin: 0 auto;
        top: 14px;
    }
    .intro-slideshow .drops-holder .drop1 {
        top: -71px;
        width: 688px;
    }
    .intro-slideshow .drops-holder .drop2 {
        top: 409px;
        right: 132px;
        width: 212px;
    }
    .intro-slideshow .drops-holder .drop3 {
        top: 491px;
        right: -30px;
        width: 418px;
    }
    .intro-slideshow .drops-holder .drop4 {
        top: 396px;
        right: auto;
        left: 42px;
        width: 260px;
    }
    .intro-slideshow .drops-holder .drop5 {
        top: 235px;
        right: -85px;
        width: 392px;
    }
    .intro-slideshow .slick-list {
        padding-bottom: 37px;
    }
    .intro-slideshow .slide.slide2 .image-holder {
        width: auto;
    }
    .intro-slideshow .slide.slide2 .image-holder img {
        max-width: 420px;
    }
    .intro-slideshow .slide.slide3 .text-block {
        width: auto;
    }
    .intro-slideshow .slide.slide3 .image-holder {
        margin: 0 auto;
        width: auto;
        max-width: 350px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
    .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        margin: -25vmin -8% 0 0;
        width: 84.2%;
    }
    .intro-slideshow .container {
        -ms-flex-align: center;
        align-items: center;
        display: block;
    }
    .intro-slideshow .text-block {
        width: 100%;
        text-align: center;
        margin: 0;
        padding-bottom: 10px;
    }
    .intro-slideshow .page-heading {
        margin: 0 0 23px;
    }
    .intro-slideshow .video-block {
        width: 204px;
        padding: 46px 6px 51px;
        margin: 0 auto;
    }
    .intro-slideshow .image-holder {
        margin: 0 -15px;
    }
    .intro-slideshow .image-holder img {
        margin: 0 auto;
    }
    .intro-slideshow .slick-dots {
        position: static;
        left: auto;
        top: auto;
    }
    .hosting-intro .intro-slideshow {
        padding: 13px 0 47px;
    }
    .hosting-intro .intro-slideshow .container {
        padding: 0 20px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder {
        margin: 0 -30px 0 -11px;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        max-width: none;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:first-child {
        max-width: 301px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        width: 117%;
        margin: -43px 0 0 -12px;
        max-width: 352px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .text-block {
        padding-bottom: 30px;
        width: auto;
    }
    .hosting-intro .page-heading {
        margin-bottom: 26px;
    }
    .hosting-intro h1,
    .hosting-intro h2 {
        font-size: 26px;
        margin-bottom: 51px;
    }
    .hosting-intro .button-holder {
        margin-top: 20px;
    }
    .hosting-intro .drops-holder {
        top: 13px;
    }
    .statistics-holder .decor-holder {
        margin: 0 -15px;
        padding: 0 15px 123px;
    }
    .statistics-holder .decor-holder:before {
        height: 160px;
    }
    .statistics-holder .drops-holder {
        width: 135px;
        height: 80px;
        padding: 0;
    }
    .statistics-holder .drops-holder:after,
    .statistics-holder .drops-holder:before {
        width: 320px;
        height: 320px;
        margin-top: -23px;
    }
    .statistics-holder .drops-holder:after {
        width: 204px;
        height: 204px;
    }
    .statistics-holder .drops-holder .drop1 {
        top: 36px;
        width: 18px;
    }
    .statistics-holder .drops-holder .drop2 {
        right: 0;
        width: 110px;
    }
    .statistics-holder .drops-holder .drop3 {
        right: 10px;
        width: 85px;
    }
    .statistics-holder .drops-holder .drop4 {
        top: 43px;
        left: 57px;
        width: 44px;
    }
    .statistics-list {
        font-size: 12px;
        line-height: 1.5;
        margin: -50px -14px 49px -3px;
    }
    .statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
        margin-top: 40px;
    }
    .statistics-list li:nth-child(2) {
        margin-right: 0;
        margin-left: -7px;
    }
    .statistics-list li:nth-child(3) {
        margin-left: -2px;
        margin-right: -2px;
        width: 85px;
    }
    .statistics-list .number {
        font-size: 55px;
        margin: 0 0 -2px -1px;
    }
    .statistics-list .number sup {
        font-size: 26px;
        top: 0.6em;
        left: 0;
    }
    .info-slideshow {
        padding-bottom: 67px;
    }
    .info-slideshow .slick-list img {
        max-width: 420px;
        margin: 0 auto;
        display: block;
    }
    .info-slideshow .slide {
        padding-top: 20px;
    }
    .info-slideshow .slide.slide1 .image-holder {
        width: auto;
        margin: 0 -20px 0 -18px;
    }
    .info-slideshow .slide.slide2 .container:after {
        top: auto;
        bottom: 360px;
    }
    .info-slideshow .slide.slide2 .image-holder {
        width: auto;
        box-shadow: none;
        margin: 0 -15px;
    }
    .info-slideshow .slide.slide3 .container:before {
        display: none;
    }
    .info-slideshow .slide.slide3 .container:after {
        top: auto;
        bottom: 360px;
    }
    .info-slideshow .slide.slide3 .image-holder {
        width: auto;
        margin: 0 0 0 -15px;
    }
    .info-slideshow .container:before {
        width: 55px;
        height: 41px;
        bottom: 7px;
        left: 78px;
    }
    .info-slideshow .container:after {
        display: block;
        right: 15px;
        top: auto;
        bottom: 261px;
    }
    .info-slideshow .text-block {
        width: 100%;
        padding: 0 0 27px;
        text-align: center;
    }
    .info-slideshow .subtitle,
    .info-slideshow h1 {
        margin-bottom: 27px;
    }
    .info-slideshow .subtitle {
        margin-bottom: 15px;
    }
    .info-slideshow .subtitle:after {
        margin: 4px auto;
    }
    .info-slideshow .image1 {
        position: relative;
        top: 0;
        left: -14px;
        right: -14px;
        width: auto;
        max-width: 348px;
        margin: 0 auto;
    }
    .info-slideshow .image2 {
        top: auto;
        bottom: 259px;
        right: 3.7%;
        width: 94%;
        max-width: 350px;
    }
    .info-slideshow .image3 {
        top: auto;
        bottom: 2px;
        right: 1%;
        width: 70%;
        max-width: 224px;
    }
    .specialities-section {
        text-align: center;
    }
    .specialities-section .drops-holder .drop1 {
        width: 583px;
        left: -308px;
        top: 38px;
    }
    .specialities-section .drops-holder .drop2 {
        width: 333px;
        right: -112px;
        top: 208px;
    }
    .specialities-section .drops-holder .drop3 {
        width: 449px;
        right: -145px;
        top: 519px;
    }
    .specialities-section h2 {
        margin-bottom: 52px;
    }
    .specialities-holder {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0 2px;
    }
    .specialities-holder .col {
        width: auto;
        padding: 0;
    }
    .speciality-block {
        text-align: left;
        padding-bottom: 21px;
    }
    .speciality-block .icon-block {
        width: 59px;
        min-width: 59px;
        margin-top: -4px;
    }
    .speciality-block .icon-block i.icon-reward {
        margin: 5px 0 0 2px;
    }
    .speciality-block .icon-block i.icon-hand {
        margin: -3px 0 0 6px;
    }
    .speciality-block .icon-block i.icon-database {
        margin: 2px 0 0 5px;
    }
    .speciality-block .title {
        margin: 0 0 13px -2px;
    }
    .about-section {
        padding: 9px 0 17px;
    }
    .about-section .text-block {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .about-section .text-block h2 {
        margin-bottom: 25px;
    }
    .logo-gallery {
        width: auto;
        margin: 0 -15px 52px;
        padding: 59px 15px 61px;
        text-align: center;
    }
    .logo-gallery h2 {
        margin-bottom: 40px;
    }
    .logo-gallery .logo-slider {
        margin: 0;
    }
    .logo-gallery .slick-list {
        padding-bottom: 9px;
    }
    .logo-slider .slide {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .logo-slider .col {
        -ms-flex-align: center;
        align-items: center;
    }
    .logo-slider .col:first-child {
        padding-right: 0;
    }
    .logo-slider img {
        margin-bottom: 48px;
    }
    .logo-slider .slick-dots {
        padding-left: 0;
    }
    .contact-section {
        margin: 0 -15px;
        padding-bottom: 54px;
    }
    .contact-section .drops-holder .drop1 {
        width: 703px;
        left: -255px;
        top: -257px;
    }
    .contact-section .drops-holder .drop2 {
        display: block;
        width: 557px;
        left: 31px;
        bottom: -150px;
    }
    .contact-section .contact-info {
        width: auto;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 20px;
        z-index: 5;
        padding: 75px 20px 79px;
    }
    .contact-section .contact-info h2 {
        margin-bottom: 28px;
    }
    .contact-section address {
        text-align: center;
        padding-bottom: 23px;
    }
    .social-networks {
        padding-left: 9px;
    }
    .social-networks li {
        margin-right: 9px;
    }
    .map-block {
        width: 100%;
        margin-top: -128px;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
    }
    .contact-holder {
        padding: 14px 7px 56px;
    }
    .contact-holder .drops-holder .drop1 {
        display: none;
    }
    .contact-holder .drops-holder .drop2 {
        display: block;
        width: 688px;
        left: 50%;
        top: -60px;
        transform: translateX(-50%);
        margin-left: 58px;
    }
    .contact-holder .page-heading {
        margin-bottom: 32px;
    }
    .contact-form input[type="submit"] {
        display: block;
        width: 100%;
        margin: 0;
    }
    .services-section {
        padding-top: 14px;
    }
    .services-section .services-heading {
        display: block;
    }
    .services-section .services-heading .drops-holder .drop1 {
        width: 342px;
        right: auto;
        left: -86px;
        top: 358px;
    }
    .services-section .services-heading .drops-holder .drop2 {
        display: none;
    }
    .services-section .services-heading .drops-holder .drop3 {
        width: 293px;
        right: auto;
        left: -92px;
        top: 182px;
    }
    .services-section .services-heading .drops-holder .drop4 {
        width: 149px;
        right: auto;
        left: -69px;
        top: 114px;
    }
    .services-section .services-heading .drops-holder .drop5 {
        display: block;
        width: 688px;
        left: -130px;
        top: -70px;
    }
    .services-section .services-heading .text-block {
        width: auto;
        padding: 0 0 26px;
    }
    .services-section .services-heading .page-heading {
        margin-bottom: 23px;
    }
    .services-section .services-heading h1 {
        text-align: center;
        font-size: 26px;
    }
    .services-section .services-heading .image-block {
        width: auto;
        margin: 0 -15px;
    }
    .services-holder {
        margin: 0 -15px;
    }
    .services-holder .column {
        width: auto;
    }
    .services-holder .column:last-child {
        width: 100%;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 38px;
        padding-right: 38px;
    }
    .services-holder .drops-holder .drop1 {
        width: 721px;
        left: 45px;
        top: 85%;
    }
    .services-holder .drops-holder .drop2 {
        width: 531px;
        right: auto;
        left: -39px;
        top: 26.8%;
    }
    .service-block {
        padding: 37px 38px 18px;
        margin: 0 -15px;
        background: 0 0;
        box-shadow: 0 20px 54px -20px rgba(0, 0, 0, 0.12);
    }
    .service-block .heading {
        padding-bottom: 23px;
    }
    .service-block h2 {
        font-size: 24px;
    }
    .note-section.project-note {
        padding-bottom: 40px;
    }
    .note-section.references-note {
        padding-top: 19px;
    }
    .note-section.hosting-note {
        padding-top: 18px;
    }
    .note-section.hosting-note .note-block {
        max-width: none;
        padding: 55px 24px 63px;
    }
    .note-section.hosting-note .h1 {
        font-size: 26px;
        max-width: 260px;
    }
    .note-section {
        padding: 20px 0 46px;
    }
    .note-section .container {
        max-width: 472px;
        margin: 0 auto;
    }
    .note-section > .container > .drops-holder .drop1 {
        width: 711px;
        left: auto;
        right: -67px;
        top: -359px;
    }
    .note-section > .container > .drops-holder .drop2 {
        display: none;
    }
    .note-section > .container > .drops-holder .drop3 {
        width: 557px;
        left: 6px;
        top: 80px;
    }
    .note-block {
        background: 0 0;
        margin: 0 -15px;
        padding: 60px 20px 70px;
        text-align: center;
    }
    .note-block .drops-holder {
        display: none;
    }
    .note-block .h1 {
        font-size: 26px;
        line-height: 1.54;
        margin: 0 auto 28px;
        max-width: 180px;
    }
    .note-block .button {
        min-width: 233px;
    }
    .blog p {
        margin-bottom: 3.45em;
    }
    .image {
        margin: -4px -17px 0;
        padding-bottom: 53px;
    }
    .image img {
        display: block;
        max-width: 420px;
        margin: 0 auto;
    }
    .post-heading {
        padding-bottom: 39px;
        max-width: 420px;
    }
    .post-heading > .drops-holder .drop1 {
        left: -129px;
        top: -8px;
        width: 326px;
    }
    .post-heading > .drops-holder .drop2 {
        left: auto;
        top: 202px;
        width: 650px;
        right: -282px;
    }
    .post-heading .note-block {
        padding: 63px 30px 59px;
        margin: 0 -15px;
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.11);
    }
    .post-heading .note-block .page-heading {
        margin: 0 0 23px;
    }
    .post-heading .note-block h1 {
        font-weight: 100;
        font-size: 26px;
        line-height: 1.47;
    }
    .post-heading .note-block .drops-holder {
        display: block;
    }
    .post-heading .note-block .drops-holder .drop1 {
        width: 450px;
        right: -347px;
        top: -31px;
    }
    .post-holder .container {
        display: block;
    }
    .post-holder .heading {
        width: auto;
        text-align: center;
        padding-bottom: 31px;
    }
    .post-holder .heading time {
        margin-bottom: 19px;
    }
    .post-holder .heading .social-networks {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .post-holder .post {
        width: auto;
        padding: 0 2px;
    }
    .blog-section {
        padding-top: 14px;
    }
    .blog-heading {
        padding-bottom: 26px;
    }
    .blog-article {
        margin: 0 -15px 48px;
    }
    .blog-article:hover .description {
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.25);
    }
    .blog-article .image-block {
        float: none;
        margin: 0 0 -54px;
        text-align: center;
    }
    .blog-article .description {
        padding: 48px 15px 62px;
        text-align: center;
        z-index: 8;
    }
    .blog-article .description p {
        margin-bottom: 2.35em;
    }
    .blog-article h2 {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .blog-article .page-heading {
        letter-spacing: 0.08em;
        margin-bottom: 6px;
    }
    .blog-article time {
        text-align: center;
    }
    .blog-article[class*="align"] + .blog-article:not([class*="align"]) {
        padding-top: 75px;
    }
    .blog-article .drops-holder {
        z-index: 7;
    }
    .blog-article .drops-holder .drop1 {
        width: 582px;
        left: -347px;
        right: auto;
        bottom: auto;
        top: 15.2%;
    }
    .blog-article.alignleft,
    .blog-article.alignright {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .blog-article.alignleft .image-block,
    .blog-article.alignright .image-block {
        width: auto;
        max-width: 420px;
        margin: 0 auto;
    }
    .blog-article.alignleft .description,
    .blog-article.alignright .description {
        width: 100%;
        margin: 0;
        background: 0 0;
        padding: 48px 15px 53px;
    }
    .blog-article.alignleft .description p,
    .blog-article.alignright .description p {
        margin-bottom: 2.25em;
    }
    .blog-article.alignleft h2,
    .blog-article.alignright h2 {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .blog-article.alignleft .drops-holder .drop1,
    .blog-article.alignright .drops-holder .drop1 {
        width: 450px;
        top: -280px;
        right: -359px;
    }
    .blog-article.alignleft .drops-holder .drop2,
    .blog-article.alignright .drops-holder .drop2 {
        bottom: auto;
        width: 424px;
        top: -169px;
        right: auto;
        left: -226px;
    }
    .blog-article.alignright {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .blog-article.alignright .image-block {
        max-width: 420px;
        margin: 0 auto;
    }
    .blog-article.alignright .description {
        width: 100%;
        margin: 0;
        padding: 48px 15px 53px;
    }
    .blog-article.alignright .drops-holder .drop1 {
        width: 324px;
        top: -69px;
        right: auto;
        left: -126px;
        display: none;
    }
    .agency-section {
        padding-top: 14px;
    }
    .agency-section .agency-heading {
        padding-bottom: 26px;
    }
    .agency-section .agency-heading .drops-holder .drop1 {
        width: 731px;
        left: 45%;
        transform: translateX(-50%);
        top: auto;
        bottom: -61%;
    }
    .agency-section .agency-heading .drops-holder .drop2 {
        width: 688px;
        right: auto;
        left: 58%;
        transform: translateX(-50%) rotate(47deg);
        top: 1px;
    }
    .agency-section .agency-heading .drops-holder .drop3 {
        width: 462px;
        right: auto;
        left: 82%;
        top: 659px;
        transform: translateX(-50%);
    }
    .agency-section .agency-heading .block {
        text-align: center;
        padding-bottom: 89px;
        margin: 0 auto;
    }
    .agency-section .agency-heading .block p {
        margin: 0 0 20px;
    }
    .timeline {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        width: auto;
        padding: 0;
    }
    .timeline li {
        margin: 0;
        width: 160px;
        padding: 0 0 33px 34px;
    }
    .timeline li:before {
        left: 2px;
        top: 25px;
    }
    .timeline li:after {
        left: 7px;
        top: 26px;
        bottom: -26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(1) {
        margin: 0;
    }
    .timeline li:nth-child(1):after {
        left: 7px;
        top: 26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(3) {
        margin: 0;
    }
    .timeline li:nth-child(3):after {
        left: 7px;
        top: 26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(4) {
        margin: 0;
    }
    .timeline li:nth-child(4):after {
        display: none;
    }
    .timeline .number {
        font-size: 50px;
        margin-bottom: 9px;
    }
    .timeline p {
        margin: 0;
    }
    .team-section {
        padding-bottom: 56px;
    }
    .team-section .text-block {
        float: none;
        max-width: none;
        margin: 0;
        text-align: center;
        position: relative;
    }
    .team-section .text-block .drops-holder .drop1 {
        width: 737px;
        right: -26%;
        top: -184px;
    }
    .team-holder {
        margin: 0;
        padding: 0 4px;
        float: none;
    }
    .team-holder .frame {
        max-width: 282px;
        margin: 0 auto;
        position: relative;
    }
    .team-holder .drops-holder .drop1 {
        width: 28px;
        top: 219px;
        left: 150px;
    }
    .team-holder .drops-holder .drop2 {
        width: 32px;
        bottom: -14px;
        left: 77px;
    }
    .team-list {
        width: 220px;
    }
    .team-list:nth-child(2) {
        margin: 20px 0 100px 46px;
    }
    .team-list:nth-child(2) li:nth-child(2) {
        margin: -71px 0 59px 17px;
    }
    .team-list:nth-child(2) li:nth-child(3) {
        margin-left: 10px;
    }
    .team-list li {
        width: 129px;
        margin-bottom: 19px;
    }
    .team-list li:nth-child(2) {
        width: 86px;
        margin-left: 35px;
    }
    .team-list li:nth-child(3) {
        width: 86px;
        margin: -51px 0 0 -3px;
    }
    .team-list .name {
        bottom: -31px;
        left: -28px;
        right: -28px;
    }
    .about-block {
        padding-bottom: 45px;
    }
    .about-block .page-heading {
        margin-bottom: 26px;
    }
    .clients-section {
        margin: 0 -20px;
        padding: 59px 20px 40px;
        box-shadow: 0 -20px 54px -20px rgba(0, 0, 0, 0.12);
    }
    .clients-section .page-heading {
        margin-bottom: 39px;
    }
    .clients-slider img {
        margin-bottom: 47px;
    }
    .link-frame {
        margin: 0;
        padding-bottom: 50px;
    }
    .intro {
        text-align: center;
        padding: 0 0 44px;
    }
    .intro .container {
        padding: 0 0 42px;
    }
    .intro .inner {
        width: 100%;
        padding: 50px 25px 54px;
        margin: 0 auto;
        max-width: 472px;
    }
    .intro .decor-image {
        height: 100%;
        width: 100%;
        top: 0;
        margin-left: 0;
        left: 0;
    }
    .intro .description {
        padding-bottom: 11px;
        margin-bottom: 8px;
    }
    .intro .description:after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .intro .title {
        font-size: 36px;
        font-weight: 300;
    }
    .intro .drop1 {
        bottom: 0;
        top: -50px;
        right: -84%;
        margin-right: 0;
        width: 220%;
        max-width: 300%;
        z-index: 2;
        opacity: 0.7;
    }
    .intro .drop2 {
        bottom: -55%;
        right: -90%;
        width: 184%;
        max-width: 200%;
    }
    .project-block {
        padding-bottom: 41px;
    }
    .project-block .left {
        width: 100%;
        padding-bottom: 57px;
        padding-right: 0;
    }
    .project-block .right {
        margin: 0 auto;
        width: calc(100% - 6px);
        max-width: 370px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    }
    .project-block .right:after {
        display: none;
    }
    .project-block .list-block {
        text-align: center;
        padding-left: 0;
        padding-bottom: 55px;
    }
    .project-block .list-block:last-of-type {
        padding-bottom: 50px;
    }
    .project-block .page-heading {
        margin-bottom: 19px;
    }
    .project-block .custom-list {
        padding-top: 0;
        padding-left: 9px;
    }
    .custom-list li {
        padding-bottom: 27px;
    }
    .masonry-gallery-holder {
        padding-top: 0;
        margin: 0 auto;
        padding-bottom: 66px;
        max-width: 320px;
    }
    .masonry-gallery-holder .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .masonry-gallery .item {
        padding: 0 0 34px;
    }
    .masonry-gallery .inner.mod {
        margin: 0;
    }
    .masonry-gallery .inner.mod-large {
        margin-top: 0;
    }
    .grid-sizer,
    .masonry-gallery .item {
        width: 100%;
    }
    .intro-preferences {
        padding: 14px 0 0;
        text-align: center;
    }
    .intro-preferences .drop1 {
        display: block;
    }
    .intro-preferences .container {
        padding: 0;
    }
    .intro-preferences .info-slideshow .container {
        padding-bottom: 272px;
    }
    .intro-preferences .info-slideshow .container:after {
        top: auto;
        bottom: 166px;
        left: 77px;
    }
    .intro-preferences .info-slideshow .container:before {
        bottom: 183px;
        left: 41px;
        width: 55px;
    }
    .intro-preferences .page-heading {
        position: relative;
        padding-bottom: 7px;
        margin-bottom: 34px;
    }
    .intro-preferences .page-heading:after {
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .intro-preferences .title {
        font-size: 26px;
    }
    .intro-preferences .slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 33px;
    }
    .intro-preferences .text-block {
        width: 100%;
        margin: 0;
        padding: 37px 23px 46px;
    }
    .section-preferences .container {
        padding-top: 46px;
        padding-bottom: 50px;
    }
    .section-preferences .image-decor {
        width: 211%;
        left: -32%;
        max-width: 700px;
    }
    .section-preferences .drop1 {
        width: 682px;
        max-width: none;
        left: auto;
        right: 47px;
        bottom: 21%;
    }
    .section-preferences .image-block {
        width: 100%;
        text-align: left;
        padding: 0 15px 90px;
        margin: 0;
    }
    .section-preferences .image-block .picture {
        margin: 0;
        max-width: 150px;
    }
    .section-preferences .content {
        width: 100%;
        padding: 0 10px 0;
        text-align: center;
    }
    .section-preferences .page-heading:after {
        display: none;
    }
    .section-preferences .page-heading {
        font-size: 30px;
        margin-bottom: 21px;
    }
    .section-preferences .inner {
        padding-bottom: 25px;
    }
    .preferences-project {
        margin-bottom: 50px;
    }
    .preferences-project .container {
        padding-top: 89px;
        padding-bottom: 58px;
    }
    .preferences-project .holder {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .preferences-project .image-decor {
        min-height: 456px;
        right: 0;
        left: 0;
        width: 100%;
    }
    .preferences-project .drop1 {
        display: block;
        top: 52%;
        right: 20%;
    }
    .preferences-project .image-block {
        min-height: 451px;
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 0 0 4px;
        text-align: left;
        margin: 0 0 81px;
    }
    .preferences-project .picture {
        width: 163%;
        max-width: 466px;
    }
    .preferences-project .picture2 {
        right: 44%;
        max-width: 159px;
        bottom: -19px;
    }
    .preferences-project .content {
        width: 100%;
        padding: 0;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }
    .preferences-project .page-heading {
        font-size: 30px;
        margin-left: 0;
    }
    .preferences-project .page-heading:after {
        margin: 14px auto 0;
    }
    .benefit-section .container {
        padding: 0;
    }
    .benefit-section .drop1 {
        top: auto;
        bottom: 23%;
        width: 197%;
        max-width: none;
        left: -4%;
    }
    .benefit-section .row {
        text-align: center;
        padding-bottom: 14px;
    }
    .benefit-section .row.center {
        background-color: #fff;
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.07);
        margin: 0;
        max-width: 100%;
        padding-top: 38px;
        padding-bottom: 23px;
    }
    .benefit-section .row.center .col {
        padding: 0 22px 22px;
    }
    .benefit-section .row.center .icon {
        position: relative;
        top: 0;
        width: 100%;
    }
    .benefit-section .row.bottom {
        padding-top: 71px;
    }
    .benefit-section .row.bottom .col {
        padding-right: 22px;
    }
    .benefit-section .row.bottom .col:last-child {
        padding-bottom: 0;
    }
    .benefit-section .col {
        width: 100%;
        padding: 0 22px 57px;
    }
    .benefit-section .col:last-child {
        padding-right: 22px;
    }
    .benefit-section .amount {
        font-size: 72px;
    }
    .benefit-section .amount sup {
        font-size: 19px;
    }
    .benefit-section .amount sup {
        top: 1.2em;
        margin-left: 15px;
    }
    .benefit-section .amount.large {
        font-size: 80px;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .benefit-section .amount.medium {
        font-size: 80px;
    }
    .benefit-section .amount.medium {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 29px;
    }
    .benefit-section .amount.medium sup {
        font-size: 30px;
        text-outline: 0.8em;
    }
    .benefit-section .page-heading {
        margin-left: 0;
        line-height: 1.5;
        margin-bottom: 17px;
    }
    .benefit-section .page-heading:after {
        margin: 4px auto 0;
    }
    .benefit-section .info {
        padding-bottom: 14px;
    }
    .benefit-section .info.large {
        line-height: 1.48;
    }
    .benefit-section .icon {
        font-size: 37px;
        margin-bottom: -1px;
    }
    .benefit-section .amount-holder {
        margin: 16px 0 -14px;
    }
    .benefit-section .amount-holder .item {
        width: 100%;
    }
}
.nojs {
    background: #fff5ce;
    border-bottom: 1px solid #fbc900;
    color: #b00000;
    font-size: 0.8em;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.frm-error {
    display: block;
    text-align: left;
    font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: red;
    padding-bottom: 12px;
}
.frm-success {
    display: block;
    text-align: left;
    font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #0c0;
    padding-bottom: 12px;
}
.frm-label-err {
    color: red;
}
.frm-label-error,
frm-input-error {
    color: red;
}
.browserupgrade {
    background: #ff0;
    color: red;
}
.clients-slider img {
    opacity: 0.7;
}
h2 a {
    color: inherit;
    transition: none;
}
.masonry-gallery img.iphone {
    max-width: 164px;
}
.info-slideshow .slide.slide2 .image-holder img {
    max-width: 593px;
}
.info-slideshow .slide.slide2 .button-holder,
.info-slideshow .slide.slide3 .button-holder {
    padding-top: 10px;
}
.info-slideshow .slide.slide3 .button-holder {
    padding-bottom: 40px;
}
@media (min-width: 1200px) {
    .services-holder .column.first {
        margin-top: 100px;
    }
}
#wrapper .preloader {
    background: #fff no-repeat center;
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2500;
}
#wrapper .preloader a.load-more {
    position: absolute;
    top: 45%;
    left: 45%;
}
.white {
    color: #fff;
}
.intro-slideshow #slick-slide01,
.intro-slideshow #slick-slide02 {
    opacity: 0;
}
.intro-slideshow .drops-holder .drop1,
.services-section .services-heading .drops-holder .drop4 {
    -webkit-animation: movedrop1 30s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: movedrop1 30s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}
.contact-section .drops-holder .drop1,
.intro-slideshow .drops-holder .drop2,
.note-section .drops-holder .drop2 {
    -webkit-animation: rotation-anti 55s infinite linear;
    animation: rotation-anti 55s infinite linear;
}
.intro-slideshow .drops-holder .drop3 {
    -webkit-animation: rotation 45s infinite linear;
    animation: rotation 45s infinite linear;
}
.intro-slideshow .drops-holder .drop4 {
    -webkit-animation: movedrop4 35s infinite ease-in;
    animation: movedrop4 35s infinite ease-in;
}
.agency-section .agency-heading .drops-holder .drop1,
.blog-article .drops-holder .drop2,
.intro-slideshow .drops-holder .drop5,
.services-section .services-heading .drops-holder .drop1 {
    -webkit-animation: rotation 65s infinite linear;
    animation: rotation 65s infinite linear;
}
.agency-section .team-section .drops-holder .drop1,
.services-holder .drops-holder .drop1,
.statistics-holder .drops-holder .drop4 {
    -webkit-animation: rotation 40s linear infinite both;
    animation: rotation 40s linear infinite both;
}
.agency-section .team-section .drops-holder .drop2,
.services-holder .drops-holder .drop1,
.statistics-holder .drops-holder .drop3 {
    -webkit-animation: rotation-anti 40s linear infinite both;
    animation: rotation-anti 40s linear infinite both;
}
.contact-holder .drops-holder .drop1,
.note-section .drops-holder .drop1 {
    -webkit-animation: movedrop1 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: movedrop1 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}
.agency-section .team-section .text-block .drops-holder .drop1,
.benefit-section .drop1,
.note-section .drops-holder .drop3,
.specialities-section .drops-holder .drop1 {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-animation: float 6s ease-in infinite both;
    animation: float 6s ease-in infinite both;
}
.agency-section .agency-heading .drops-holder .drop2,
.blog-article .drops-holder .drop1,
.services-section .services-heading .drops-holder .drop2,
.services-section .services-heading .drops-holder .drop3,
.specialities-section .drops-holder .drop2 {
    -webkit-transform: translatex(0);
    transform: translatex(0);
    -webkit-animation: floatx 6s ease-in infinite both;
    animation: floatx 6s ease-in infinite both;
}
.agency-section .agency-heading .drops-holder .drop3,
.specialities-section .drops-holder .drop3 {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-animation: float 6s ease-in infinite both;
    animation: float 6s ease-in infinite both;
}
.hosting-intro .intro-slideshow .slide3 img:first-child,
.intro-slideshow #slick-slide02 img:first-child {
    -webkit-animation: slideInRight 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: slideInRight 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hosting-intro .intro-slideshow .slide3 img:nth-child(2),
.intro-slideshow #slick-slide02 img:first-child {
    -webkit-animation: slideInRight 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: slideInRight 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes movedrop1 {
    35% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
    55% {
        -webkit-transform: translate(0, -30px) rotate(10deg);
        transform: translate(0, -30px) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(-50px, 0) rotate(-15deg);
        transform: translate(-50px, 0) rotate(-15deg);
    }
}
@keyframes movedrop1 {
    35% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
    55% {
        -webkit-transform: translate(0, -30px) rotate(10deg);
        transform: translate(0, -30px) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(-50px, 0) rotate(-15deg);
        transform: translate(-50px, 0) rotate(-15deg);
    }
}
@-webkit-keyframes movedrop4 {
    35% {
        -webkit-transform: translate(-50px, 0) rotate(-30deg);
        transform: translate(-50px, 0) rotate(-30deg);
    }
    55% {
        -webkit-transform: translate(-30px, 0) rotate(10deg);
        transform: translate(-30px, 0) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
}
@keyframes movedrop4 {
    35% {
        -webkit-transform: translate(-50px, 0) rotate(-30deg);
        transform: translate(-50px, 0) rotate(-30deg);
    }
    55% {
        -webkit-transform: translate(-30px, 0) rotate(10deg);
        transform: translate(-30px, 0) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@-webkit-keyframes floatx {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    50% {
        -webkit-transform: translatex(20px);
        transform: translatex(20px);
    }
    100% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes floatx {
    0% {
        -webkit-transform: translatex(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(20px);
        transform: translatey(20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
to {
    transform: rotate(359deg);
}
to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
to {
    transform: rotate(0);
}
.intro-slideshow h1 span,
.intro-slideshow h2 span {
    display: block;
}
body.home .page-heading {
    display: block;
}
@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?f843br);
    src: url(../fonts/icomoon.eot?f843br#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?f843br) format("truetype"), url(../fonts/icomoon.woff?f843br) format("woff"), url(../fonts/icomoon.svg?f843br) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
    content: "\e90b";
}
.icon-arrow-right:before {
    content: "\e90c";
}
.icon-support:before {
    content: "\e900";
}
.icon-email:before {
    content: "\e901";
}
.icon-panel:before {
    content: "\e902";
}
.icon-gear:before {
    content: "\e903";
}
.icon-hand:before {
    content: "\e904";
}
.icon-reward:before {
    content: "\e905";
}
.icon-database:before {
    content: "\e906";
}
.icon-linkedin:before {
    content: "\e907";
}
.icon-twitter:before {
    content: "\e908";
}
.icon-facebook:before {
    content: "\e909";
}
.icon-googleplus:before {
    content: "\e90a";
} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
body.home h2,
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-article:after,
.clearfix:after,
.container:after,
.team-list:after {
    content: "";
    display: block;
    clear: both;
}
#header .container,
.about-section .container,
.agency-section .agency-heading .container,
.contact-section .container,
.info-slideshow .container,
.intro-slideshow .container,
.post-holder .container,
.team-section .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}
#header .container:after,
.about-section .container:after,
.agency-section .agency-heading .container:after,
.contact-section .container:after,
.info-slideshow .container:after,
.intro-slideshow .container:after,
.post-holder .container:after,
.team-section .container:after {
    display: none;
}
.page-heading {
    display: inline-block;
    vertical-align: top;
}
.page-heading:after {
    content: "";
    width: 38px;
    height: 3px;
    background: #ff9722;
    display: block;
    margin: 5px 0 0;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
html {
    box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
* {
    max-height: 1000000px;
}
body {
    color: #4d5a66;
    background: #fff;
    font: 300 14px/1.86 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
embed,
iframe,
object,
video {
    max-width: 100%;
    display: block;
}
#__bs_notify__ {
    display: none;
}
.gm-style img {
    max-width: none;
}
blockquote,
blockquote:after,
blockquote:before,
q,
q:after,
q:before {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
.resize-active #header * {
    transition: none !important;
}
ol ol,
ol ul,
ul ol,
ul ul {
    padding-left: 3em;
    margin: 0;
}
ul:not([class]) {
    padding: 0 0 10px;
}
ul:not([class]) li {
    position: relative;
    padding: 0 0 10px 15px;
}
ul:not([class]) li:before {
    content: "";
    background: #4d5a66;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}
address {
    font-style: normal;
}
.h,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body.home h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 100;
    line-height: 1.2;
    margin: 0 0 0.5em;
    color: inherit;
}
.h1,
body.home h2,
h1 {
    font-size: 39px;
    line-height: 1.29;
    margin-bottom: 11px;
}
.h2,
h2 {
    font: 800 14px/1.71 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    margin-bottom: 12px;
}
body.home h2 {
    text-transform: none;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 21px;
}
.h5,
h5 {
    font-size: 17px;
}
.h6,
h6 {
    font-size: 15px;
}
.specialities-section h2.page-heading,
.about-section h2.page-heading,
.hosting-intro h1.page-heading,
.page-heading {
    margin: 0 0 12px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    font: 800 18px/1.22 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: inherit;
}
p {
    margin: 0 0 1em;
}
a {
    color: #ff9722;
    transition: color 0.3s;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #bb6300;
}
fieldset,
form {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
textarea {
    color: #7f8b97;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    display: block;
    letter-spacing: 0.075em;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 19px 18px 17px;
    text-transform: uppercase;
    font: 700 14px/19px "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    height: 57px;
    width: 100%;
    margin: 0 0 23px;
    outline: 0;
    box-shadow: none;
    transition: border 0.3s;
}
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7f8b97;
}
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #7f8b97;
}
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #7f8b97;
}
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7f8b97;
}
input[type="email"].placeholder,
input[type="password"].placeholder,
input[type="search"].placeholder,
input[type="tel"].placeholder,
input[type="text"].placeholder,
textarea.placeholder {
    color: #7f8b97;
}
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
textarea:focus {
    border-color: #ff9722;
}
select {
    -webkit-border-radius: 0;
    margin: 0 0 23px;
    height: 57px;
    letter-spacing: 0.075em;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 19px 18px 17px;
    text-transform: uppercase;
    font: 700 14px/19px "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
select .hideme {
    display: none;
}
textarea {
    resize: vertical;
    vertical-align: top;
    height: 218px;
    min-height: 218px;
}
button,
input[type="button"],
input[type="file"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}
form .col-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
form .col-holder .col {
    width: 50%;
    padding: 0 11px;
}
.captcha-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -2px;
}
.captcha-holder .captcha {
    width: 33%;
    height: 57px;
    padding: 5px 0;
    display: -ms-flexbox;
    display: flex;
}
.captcha-holder input[type="text"] {
    width: 59.2%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
body.header-active {
    overflow: hidden;
    height: 100%;
}
#header {
    padding: 59px 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: padding 0.5s;
}
.fixed #header {
    padding: 21px 0 15px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.04);
}
.fixed #header .logo {
    width: 36px;
    margin: 2px 0 0 9px;
}
.fixed #header .logo img {
    display: none;
}
.fixed #header .logo img.logo-small {
    display: block;
}
#header .container {
    max-width: 1166px;
}
.logo {
    width: 159px;
    margin: -17px 0 0;
    transition: 0.5s width 0s;
}
.logo a {
    outline: 0;
}
.logo img {
    width: 100%;
}
.logo img.logo-small {
    display: none;
}
.header-opener {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    margin: -9px 25px 0 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 39px;
    padding: 5px;
    outline: 0;
    position: relative;
    z-index: 100;
    -webkit-tap-highlight-color: transparent;
    display: none;
}
.header-opener:hover span {
    background: #bb6300;
}
.header-opener:hover span:after,
.header-opener:hover span:before {
    background: #bb6300;
}
.header-opener > * {
    display: block;
}
.header-opener span {
    height: 4px;
    width: 100%;
    transition: transform 0.3s, background 0.3s;
    background: #ff9722;
    position: relative;
}
.header-opener span:after,
.header-opener span:before {
    height: 4px;
    background: #ff9722;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 11px;
    transition: top 0.3s 0.4s ease, transform 0.3s ease, background 0.3s;
}
.header-opener span:after {
    top: -11px;
}
.header-active .header-opener span {
    background: 0 0;
}
.header-active .header-opener span:after,
.header-active .header-opener span:before {
    top: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transition: top 0.3s ease, transform 0.3s 0.4s ease, background 0.3s;
}
.header-active .header-opener span:after {
    transform: rotate3d(0, 0, 1, -45deg);
}
.header-slide {
    transition: opacity 0.3s, visibility 0.3s;
}
.header-drop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
}
.header-drop .drops-holder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: none;
}
.header-drop .drops-holder [class^="drop"] {
    position: absolute;
}
.header-drop .drops-holder .drop1 {
    width: 706px;
    right: -135px;
    top: -105px;
}
.header-drop .drops-holder .drop2 {
    width: 901px;
    left: -128px;
    top: 298px;
}
.main-nav {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.075em;
    font-weight: 700;
}
.main-nav li {
    margin: 0 22px 0 23px;
}
.main-nav li.contact-link a {
    display: block;
    color: #fff;
    background: #ff9722;
    border-color: #ff9722;
    padding: 5px 10px 2px;
    border-radius: 13px;
    transition: color 0.3s, background 0.3s;
}
.main-nav li.contact-link a:before {
    display: none;
}
.main-nav li.contact-link a:hover {
    background: #fff;
    color: #ff9722;
}
.main-nav li.active a {
    color: #ff9722;
}
.main-nav li.active a:before {
    opacity: 1;
    width: 100%;
}
.main-nav a {
    color: rgba(77, 90, 102, 0.63);
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 2px;
    border: 1px solid transparent;
}
.main-nav a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 2px auto 0;
    width: 0;
    top: 100%;
    height: 2px;
    background: #ff9722;
    opacity: 0;
    transition: width 0.5s, opacity 0.3s;
}
.main-nav a:hover {
    color: #ff9722;
}
.main-nav a:hover:before {
    opacity: 1;
    width: 100%;
}
.language-block {
    position: relative;
    margin: -4px 1px 0 0;
}
.language-block .language-list a,
.language-block .language-opener {
    background: #fff;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.09);
    transition: border 0.3s;
    outline: 0;
}
.language-block .language-list a:hover,
.language-block .language-opener:hover {
    border-color: #ff9722;
}
.language-block .language-slide {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 999;
    max-height: 0;
    transition: all 0.3s linear;
}
.language-active .language-block .language-slide {
    max-height: 4000px;
}
.language-list {
    padding: 0 10px 10px;
    transition: all 0.3s linear;
    transform: translateY(-100%);
}
.language-active .language-list {
    transform: translateY(0);
}
.language-list li {
    margin: 9px 0 0;
}
.language-list li.selected {
    display: none;
}
#footer {
    padding: 0 0 60px;
}
#footer .logo {
    width: 49px;
    float: left;
    margin: 7px 20px 0 4px;
}
.footer-block {
    overflow: hidden;
    font-weight: 400;
}
.footer-block p {
    margin: 0;
}
.copyright {
    display: block;
    font-size: 12px;
    margin: -2px 0 0;
    color: rgba(77, 90, 102, 0.65);
}
.paging {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 39px 0 82px;
    position: relative;
    z-index: 10;
    font: 400 16px/1.2 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
}
.paging li {
    margin: 0 8px;
}
.paging .prev {
    margin-right: 4px;
}
.paging .next {
    margin-left: 4px;
}
.paging a,
.paging span {
    color: #4d5a66;
    display: block;
    width: 39px;
    height: 39px;
    padding: 3px;
    text-align: center;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background 0.3s;
}
.paging a:hover,
.paging span:hover {
    background: rgba(255, 151, 34, 0.18);
}
.paging span {
    background: rgba(255, 151, 34, 0.18);
}
.paging i {
    font-size: 14px;
}
#wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 163px 0 0;
}
.container {
    max-width: 960px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
}
.slick-slider * {
    outline: 0 !important;
}
.slick-slider .slick-dots {
    display: -ms-flexbox;
    display: flex;
}
.slick-slider .slick-dots li {
    margin: 0 15px 0 0;
}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li:hover button {
    background: #ff9722;
}
.slick-slider .slick-dots button {
    background: rgba(255, 151, 34, 0.5);
    width: 11px;
    height: 11px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    transition: background 0.3s;
}
.drops-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.drops-holder [class^="drop"] {
    position: absolute;
}
.button {
    display: inline-block;
    vertical-align: top;
    background: #ff9722;
    border: 1px solid #ff9722;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font: 700 14px/1.2 "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 21px;
    text-align: center;
    min-width: 183px;
    outline: 0;
    padding: 13px 10px 11px;
    transition: background 0.3s, color 0.3s;
}
.button:hover {
    background: #fff;
    color: #ff9722;
}
.heading-holder .container {
    max-width: 1200px;
    padding: 0 60px;
}
.heading-holder .page-heading {
    font-size: 18px;
    margin-bottom: 9px;
}
.heading-holder .page-heading:after {
    margin-top: 15px;
}
.heading-holder h1,
.heading-holder h2 {
    font-size: 60px;
    margin-bottom: 46px;
}
.intro-slideshow {
    max-width: 1260px;
    padding: 103px 30px 115px;
    position: relative;
    z-index: 2;
}
.intro-slideshow .drops-holder {
    left: 15px;
    right: 15px;
    top: 103px;
}
.intro-slideshow .drops-holder .drop1 {
    top: -82px;
    left: -50px;
    width: 84.4%;
}
.intro-slideshow .drops-holder .drop2 {
    top: 125px;
    right: 17px;
    width: 24%;
}
.intro-slideshow .drops-holder .drop3 {
    top: 273px;
    right: -210px;
    width: 47.5%;
}
.intro-slideshow .drops-holder .drop4 {
    top: 139px;
    right: 372px;
    width: 29.5%;
}
.intro-slideshow .drops-holder .drop5 {
    top: -127px;
    right: -287px;
    width: 44.5%;
}
.intro-slideshow .slick-list {
    overflow: visible;
}
.intro-slideshow .slide {
    padding: 0 0 0 68px;
}
.intro-slideshow .slide.slide2 .image-holder {
    width: 55%;
}
.intro-slideshow .slide.slide3 .text-block {
    width: 32.3%;
}
.intro-slideshow .slide.slide3 .image-holder {
    margin: -126px 2.1% 0 0;
    width: 59%;
    text-align: right;
}
.intro-slideshow .slide.slide3 .image-holder img {
    display: inline-block;
    vertical-align: top;
}
.intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
    margin: -34.8vmin -4.9% 0 0;
    width: 58.85%;
}
.intro-slideshow .container {
    max-width: 1230px;
    padding: 0;
}
.intro-slideshow .text-block {
    font-size: 16px;
    line-height: 1.88;
    width: 30.3%;
}
.intro-slideshow .page-heading {
    margin-left: 4px;
}
.intro-slideshow .page-heading:after {
    margin-top: 14px;
}
.intro-slideshow .video-block {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    width: 290px;
    padding: 65px 11px 50px;
    margin: -67px 21.4% 0 0;
    border-radius: 40px;
    background: url(../images/bg-phone.svg) no-repeat;
}
.intro-slideshow .image-holder {
    margin: -61px 0 0;
}
.intro-slideshow .slick-dots {
    position: relative;
    left: 74px;
    top: 10px;
}
.intro-slideshow .slick-dots button {
    background: #c7ccdb;
}
.hosting-intro .intro-slideshow {
    padding: 58px 0 96px;
}
.hosting-intro .intro-slideshow .slide {
    padding: 0 3.4% 0 7.7%;
}
.hosting-intro .intro-slideshow .slide.slide3 .image-holder {
    margin: -80px 8.1% 0 0;
}
.hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
    margin: -46.8% 0.4% 0 0;
    width: 61.85%;
}
.hosting-intro .page-heading {
    margin-bottom: 9px;
    margin-left: 0;
}
.hosting-intro .page-heading.mod {
    margin-bottom: 14px;
}
.hosting-intro .page-heading.mod:after {
    display: none;
}
.hosting-intro h1,
.hosting-intro h2 {
    font-size: 60px;
    margin-bottom: 85px;
    margin-left: -4px;
}
.heading-holder h2,
.hosting-intro h2 {
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 100;
    line-height: 1.29;
    text-transform: none;
    letter-spacing: normal;
}
.hosting-intro .button-holder {
    margin-top: 50px;
}
.hosting-intro .button-holder .button {
    padding-left: 28px;
    padding-right: 28px;
}
.hosting-intro .drops-holder {
    bottom: 0;
    top: 97px;
}
.statistics-holder .decor-holder {
    position: relative;
    overflow: hidden;
    padding: 0 0 190px;
}
.statistics-holder .decor-holder:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 280px;
    z-index: 1;
    background: linear-gradient(to bottom, #fff 0, #fff 17%, rgba(255, 255, 255, 0) 100%);
}
.statistics-holder .drops-holder {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 273px;
    height: 156px;
    margin: 0 auto;
    padding: 0 10px 0 0;
    position: relative;
    z-index: auto;
}
.statistics-holder .drops-holder:after,
.statistics-holder .drops-holder:before {
    content: "";
    border: 4px solid #f2f2f2;
    width: 620px;
    height: 620px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -44px;
    border-radius: 50%;
}
.statistics-holder .drops-holder:after {
    width: 398px;
    height: 398px;
}
.statistics-holder .drops-holder [class^="drop"] {
    z-index: 5;
}
.statistics-holder .drops-holder .drop1 {
    top: 71px;
    left: 0;
}
.statistics-holder .drops-holder .drop2 {
    top: 0;
    right: 10px;
}
.statistics-holder .drops-holder .drop3 {
    bottom: 0;
    right: 31px;
}
.statistics-holder .drops-holder .drop4 {
    top: 85px;
    left: 111px;
}
.statistics-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 400;
    margin: -132px -2px 120px 57px;
}
.statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
    margin-top: 157px;
}
.statistics-list li:nth-child(2) {
    margin-right: 90px;
}
.statistics-list li:nth-child(3) {
    margin-left: 58px;
    margin-right: -33px;
}
.statistics-list .number {
    display: block;
    color: rgba(255, 151, 34, 0.21);
    margin: 0 0 -1px -4px;
    font: 700 100px/1.05 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
}
.statistics-list .number sup {
    font-size: 40px;
    vertical-align: top;
    top: 0.5em;
}
.info-slideshow {
    padding: 0 0 83px;
}
.info-slideshow .slick-list {
    overflow: visible;
    margin: 0 0 20px;
}
.info-slideshow .slide {
    padding: 58px 0 0;
}
.info-slideshow .slide.slide1 .image-holder {
    margin: -57px -35px 0 0;
    width: 65.8%;
}
.info-slideshow .slide.slide2 {
    background: #ff9722 url(../images/bg-orange-project.jpg) no-repeat 50% 0;
    background-size: cover;
    color: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.info-slideshow .slide.slide2 .container:before {
    background: url(../images/drop-info-slideshow-03.svg) no-repeat;
    background-size: 100% 100%;
    bottom: 51px;
    left: 55%;
}
.info-slideshow .slide.slide2 .container:after {
    background: url(../images/drop-info-slideshow-04.svg) no-repeat;
    background-size: 100% 100%;
    right: 5.5%;
    top: 16px;
}
.info-slideshow .slide.slide2 .image-holder {
    margin: 21px 24px 0 0;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.17);
    width: calc(55.8% - 24px);
}
.info-slideshow .slide.slide3 {
    background: #4d5a66;
    color: #fff;
}
.info-slideshow .slide.slide3 .container:before {
    background: url(../images/drop-info-slideshow-03.svg) no-repeat;
    background-size: 100% 100%;
    bottom: 51px;
    left: 25.7%;
}
.info-slideshow .slide.slide3 .container:after {
    background: url(../images/drop-info-slideshow-04.svg) no-repeat;
    background-size: 100% 100%;
    right: 2.3%;
    top: 29px;
}
.info-slideshow .slide.slide3 .image-holder {
    margin: 0 6.5% 0 0;
    width: 53.1%;
}
.info-slideshow .container {
    position: relative;
    max-width: 1166px;
}
.info-slideshow .container:after,
.info-slideshow .container:before {
    content: "";
    position: absolute;
    left: 53.6%;
    bottom: 21px;
    background: url(../images/drop-info-slideshow-01.svg) no-repeat;
    background-size: 100% 100%;
    width: 119px;
    height: 89px;
    z-index: -1;
}
.info-slideshow .container:after {
    display: block;
    width: 40px;
    height: 24px;
    bottom: auto;
    left: auto;
    right: 6.5%;
    top: 16px;
    background: url(../images/drop-info-slideshow-02.svg) no-repeat;
}
.info-slideshow .text-block {
    width: 35%;
    padding: 124px 0 0 9.2%;
}
.info-slideshow .subtitle,
.info-slideshow h1 {
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 30px;
}
.info-slideshow .subtitle {
    letter-spacing: 0;
    margin-bottom: 15px;
}
.info-slideshow .subtitle:after {
    content: "";
    width: 38px;
    height: 3px;
    background: #ff9722;
    display: block;
    margin: 4px 0 0 -1px;
}
.info-slideshow .slick-dots {
    max-width: 960px;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
}
.info-slideshow .slick-dots li {
    margin: 0 8px;
}
.info-slideshow .image1 {
    position: absolute;
    top: 17px;
    right: 13.7%;
    width: 50.5%;
    max-width: 100%;
    z-index: 1;
}
.info-slideshow .image2 {
    position: absolute;
    top: 29%;
    right: 1.7%;
    width: 57.6%;
    max-width: 100%;
    z-index: 3;
}
.info-slideshow .image3 {
    position: absolute;
    top: 41.6%;
    right: 3.6%;
    width: 22%;
    max-width: 100%;
    z-index: 4;
}
.specialities-section {
    position: relative;
}
.specialities-section .drops-holder {
    left: -12%;
    right: -12.6%;
}
.specialities-section .drops-holder .drop1 {
    top: 67px;
    left: -226px;
}
.specialities-section .drops-holder .drop2 {
    top: -132px;
    right: -60px;
}
.specialities-section .drops-holder .drop3 {
    top: 298px;
    right: -107px;
}
body.home .specialities-section h2 {
    margin-bottom: 82px;
}
.specialities-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -47px;
    padding: 0 77px 0 0;
}
.specialities-holder .col {
    width: 50%;
    padding: 0 50px;
}
.speciality-block {
    padding: 0 0 86px;
    display: -ms-flexbox;
    display: flex;
}
.speciality-block .icon-block {
    color: #ff9722;
    width: 69px;
    min-width: 69px;
    margin: -5px 5px 0 0;
}
.speciality-block .icon-block i {
    font-size: 31px;
    display: block;
}
.speciality-block .icon-block i.icon-gear {
    font-size: 36px;
}
.speciality-block .icon-block i.icon-reward {
    font-size: 31px;
    margin: 7px 0 0;
}
.speciality-block .icon-block i.icon-hand {
    font-size: 34px;
    margin: -2px 0 0;
}
.speciality-block .icon-block i.icon-database {
    font-size: 29px;
    margin: 3px 0 0;
}
.speciality-block .title {
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 0 12px -3px;
    letter-spacing: 0.075em;
}
.about-section {
    padding: 2px 0 102px;
}
.about-section .page-heading:after {
    margin-top: 8px;
}
.about-section .text-block {
    width: 45.7%;
    padding: 74px 28px 0 0;
}
.about-section .text-block h2 {
    margin-bottom: 27px;
}
.about-section .text-block p {
    margin-bottom: 1.85em;
}
.logo-gallery {
    background: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
    width: 53.5%;
    margin: 0 0 0 -100px;
    padding: 74px 6.5% 38px 75px;
}
.logo-gallery h2 {
    margin-bottom: 60px;
}
.logo-gallery .logo-slider {
    margin-left: -15px;
}
.logo-gallery .slick-list {
    padding-bottom: 18px;
}
.logo-slider .slide {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}
.logo-slider .col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}
.logo-slider .col:first-child {
    padding: 0 81px 0 0;
}
.logo-slider img {
    margin: 0 0 45px;
}
.logo-slider .slick-dots {
    padding-left: 29px;
}
.contact-section {
    padding: 0 0 83px;
}
.contact-section .container {
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.contact-section .drops-holder {
    bottom: 0;
}
.contact-section .drops-holder .drop1 {
    top: -185px;
    left: -243px;
}
.contact-section .drops-holder .drop2 {
    display: none;
}
.contact-section .contact-info {
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 43%;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    margin: 75px 0 0;
    padding: 15px 5.6%;
}
.contact-section .contact-info h2 {
    margin-bottom: 27px;
}
.contact-section address {
    font-size: 18px;
    padding: 0 0 43px;
}
.contact-section address span {
    display: block;
    margin: 0 0 7px;
}
.contact-section address a {
    color: #4d5a66;
}
.contact-section address a:hover {
    color: #ff9722;
}
.contact-section .social-networks {
    padding-left: 5px;
}
.social-networks {
    display: -ms-flexbox;
    display: flex;
}
.social-networks li {
    margin: 0 9px 0 0;
}
.social-networks a {
    color: #4d5a66;
    display: block;
    font-size: 32px;
    line-height: 1;
}
.social-networks a:hover {
    color: #c7ccdb;
}
.map-block {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
    width: 57%;
}
.map-block iframe {
    width: 100%;
}
.contact-holder {
    padding: 62px 0 177px;
}
.contact-holder .container {
    max-width: 1166px;
    position: relative;
}
.contact-holder .drops-holder {
    left: -92px;
    right: -92px;
}
.contact-holder .drops-holder .drop1 {
    top: -96px;
    right: -143px;
}
.contact-holder .drops-holder .drop2 {
    display: none;
}
.contact-holder .page-heading {
    margin-bottom: 99px;
}
.contact-holder .page-heading:after {
    margin-top: 14px;
}
.contact-form {
    position: relative;
    z-index: 5;
}
.services-section {
    padding: 0 0 53px;
}
.services-section .container {
    max-width: 1260px;
}
.services-section .services-heading {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.services-section .services-heading .drops-holder {
    z-index: 2;
}
.services-section .services-heading .drops-holder .drop1 {
    top: 361px;
    right: -15.4%;
    width: 28.6%;
}
.services-section .services-heading .drops-holder .drop2 {
    top: 326px;
    right: -11.1%;
    width: 48.6%;
}
.services-section .services-heading .drops-holder .drop3 {
    top: 101px;
    right: 19.3%;
    width: 50%;
}
.services-section .services-heading .drops-holder .drop4 {
    top: -50px;
    right: 37.7%;
    width: 27%;
}
.services-section .services-heading .drops-holder .drop5 {
    display: none;
}
.services-section .services-heading .text-block {
    padding: 65px 15px 0 5.8%;
    width: 41.4%;
    position: relative;
    z-index: 3;
}
.services-section .services-heading .page-heading:after {
    margin-top: 14px;
}
.services-section .services-heading h1 {
    font-size: 60px;
}
.services-section .services-heading .image-block {
    width: 58.6%;
    position: relative;
    z-index: 1;
}
.services-holder {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 5;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -120px -35px 0;
}
.services-holder .column {
    width: 50%;
    padding: 0 35px;
}
.services-holder .column:last-child {
    padding-top: 232px;
}
.services-holder .column:last-child .service-block {
    padding-right: 33%;
    padding-left: 14.5%;
}
.services-holder .drops-holder .drop1 {
    top: 34%;
    left: 10.4%;
    width: 56.8%;
}
.services-holder .drops-holder .drop2 {
    top: 34.5%;
    right: -3.9%;
    width: 41.9%;
}
.service-block {
    background: #fff;
    overflow: hidden;
    padding: 57px 13.1% 43px 32.4%;
    margin: 0 0 73px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.service-block .heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 46px;
    margin-left: -2px;
}
.service-block h2 {
    margin: 0;
    font: 300 30px/1.33 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: none;
    letter-spacing: 0;
}
.service-block .icon-block {
    width: 72px;
    min-width: 72px;
    height: 72px;
    margin: 0 19px 0 0;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ff9722;
    font-size: 34px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.service-block p {
    margin-bottom: 1.85em;
}
.note-section {
    padding: 15px 0 64px;
}
.note-section.project-note {
    padding-top: 0;
}
.note-section.references-note {
    margin-top: -26px;
    position: relative;
    z-index: 2;
}
.note-section.hosting-note .note-block {
    text-align: center;
    max-width: 100%;
    background: 0 0;
    padding: 40px 72px 36px;
}
.note-section.hosting-note .note-block .drop1 {
    display: none;
}
.note-section.hosting-note .button {
    padding: 13px 28px 10px;
}
.note-section > .container > .drops-holder .drop1 {
    left: -29.2%;
    top: -136px;
    width: 71.5%;
}
.note-section > .container > .drops-holder .drop2 {
    right: -3.2%;
    top: -86px;
    width: 33.6%;
}
.note-section > .container > .drops-holder .drop3 {
    right: -19.5%;
    top: 65px;
    width: 69.5%;
}
.note-block {
    position: relative;
    z-index: 3;
    max-width: 472px;
    margin: 0 auto;
    background: #fff;
    padding: 65px 72px 95px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.note-block .drops-holder .drop1 {
    right: 23px;
    top: 47px;
}
.note-block .h1 {
    display: block;
    line-height: 1.23;
    margin-bottom: 27px;
}
.note-block .button {
    min-width: 160px;
    margin: 0 0 0 4px;
}
.blog {
    font-size: 16px;
    line-height: 1.88;
    padding: 34px 0 0;
}
.blog p {
    margin-bottom: 4.5em;
}
.image {
    padding: 0 0 46px;
    margin-top: -4px;
}
.image img {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.07);
}
.image .source {
    font-size: 12px;
    font-weight: 400;
    color: rgba(77, 90, 102, 0.65);
    text-align: right;
    padding: 5px 5px 0;
}
.image .source a {
    color: rgba(77, 90, 102, 0.65);
}
.image .source a:hover {
    color: #ff9722;
}
.post-heading {
    padding: 0 0 91px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.post-heading > .drops-holder .drop1 {
    left: 12.6%;
    top: -58px;
    width: 27%;
}
.post-heading > .drops-holder .drop2 {
    left: 27.4%;
    top: 140px;
    width: 54.2%;
}
.post-heading .note-block {
    margin: 0 0 0 auto;
    max-width: 914px;
    padding: 60px 25% 81px 79px;
}
.post-heading .note-block .page-heading {
    margin: 0 0 20px 5px;
}
.post-heading .note-block .page-heading:after {
    margin-top: 15px;
}
.post-heading .note-block h1 {
    font-size: 39px;
    line-height: 1.29;
    font-weight: 300;
}
.post-heading .note-block .drops-holder .drop1 {
    right: -9.5%;
    top: 52px;
    width: 49.4%;
}
.post-holder {
    padding: 0 0 43px;
}
.post-holder .container {
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1130px;
}
.post-holder .heading {
    width: 20.7%;
    padding: 10px 0 0;
}
.post-holder .heading .page-heading {
    font-size: 14px;
    margin-bottom: 7px;
}
.post-holder .heading .page-heading:after {
    margin-top: 9px;
}
.post-holder .heading time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: rgba(77, 90, 102, 0.65);
    margin-bottom: 30px;
    letter-spacing: 0.025em;
}
.post-holder .post {
    width: 58.8%;
}
.blog-section {
    padding: 69px 0 0;
}
.blog-heading {
    padding-bottom: 31px;
}
.blog-article {
    position: relative;
    margin-bottom: 31px;
}
.blog-article:hover .description {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.25);
}
.blog-article .image-block {
    float: left;
    position: relative;
    z-index: 6;
    margin: 42px -102px 0 37px;
}
.blog-article .image-block img {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.blog-article .description {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
    padding: 45px 10% 47px 17.5%;
    transition: box-shadow 0.3s;
    position: relative;
    z-index: 5;
}
.blog-article .description p {
    max-width: 362px;
    margin-bottom: 1.6em;
}
.blog-article h2 {
    font: 300 24px/1.59 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: none;
    letter-spacing: 0.009em;
    margin-bottom: 12px;
    display: inline-block;
    vertical-align: top;
}
.blog-article h2 a {
    color: inherit;
}
.blog-article h2 a:hover {
    color: #ff9722;
}
.blog-article .page-heading {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.095em;
}
.blog-article .page-heading:after {
    margin-top: 9px;
}
.blog-article .page-heading a {
    color: inherit;
}
.blog-article .page-heading a:hover {
    color: #ff9722;
}
.blog-article time {
    display: block;
    letter-spacing: 0.025em;
}
.blog-article[class*="align"] + .blog-article:not([class*="align"]) {
    padding-top: 30px;
}
.blog-article .drops-holder .drop1 {
    top: 20.8%;
    left: -32.2%;
    width: 64.4%;
}
.blog-article.alignleft,
.blog-article.alignright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 96px;
}
.blog-article.alignleft .image-block,
.blog-article.alignright .image-block {
    float: none;
    z-index: 3;
    width: calc(48.6% + 44px + 145px);
    margin: 0 -44px 0 -145px;
}
.blog-article.alignleft .image-block img,
.blog-article.alignright .image-block img {
    box-shadow: none;
}
.blog-article.alignleft .description,
.blog-article.alignright .description {
    width: calc(51.4% + 150px);
    padding: 63px 5% 59px 150px;
    margin: 0 0 0 -150px;
}
.blog-article.alignleft .description p,
.blog-article.alignright .description p {
    margin-bottom: 3.7em;
}
.blog-article.alignleft h2,
.blog-article.alignright h2 {
    font-size: 30px;
    line-height: 1.27;
    margin-bottom: 24px;
    letter-spacing: 0;
}
.blog-article.alignleft .page-heading,
.blog-article.alignright .page-heading {
    margin-bottom: 6px;
}
.blog-article.alignleft .drops-holder,
.blog-article.alignright .drops-holder {
    z-index: 4;
}
.blog-article.alignleft .drops-holder .drop1,
.blog-article.alignright .drops-holder .drop1 {
    left: auto;
    bottom: auto;
    top: -68.6%;
    right: -18.6%;
    width: 56.6%;
}
.blog-article.alignleft .drops-holder .drop2,
.blog-article.alignright .drops-holder .drop2 {
    left: auto;
    bottom: auto;
    top: -48.2%;
    right: 24.1%;
    width: 40.1%;
}
.blog-article.alignright {
    -ms-flex-direction: row;
    flex-direction: row;
}
.blog-article.alignright .image-block {
    width: calc(49.2% + 40% - 47px);
    margin: 0 -40% 0 47px;
}
.blog-article.alignright .description {
    width: calc(50.8% + 153px);
    padding: 67px 153px 62px 10.3%;
    margin: 0 -153px 0 0;
}
.blog-article.alignright .drops-holder .drop1 {
    bottom: auto;
    right: auto;
    top: -28%;
    left: 15.9%;
    width: 55.4%;
}
.agency-section {
    padding: 72px 0 0;
}
.agency-section .agency-heading {
    padding-bottom: 76px;
}
.agency-section .agency-heading .drops-holder .drop1 {
    left: -23.2%;
    top: -36px;
    width: 61%;
}
.agency-section .agency-heading .drops-holder .drop2 {
    right: -12.8%;
    top: -131px;
    width: 57.5%;
}
.agency-section .agency-heading .drops-holder .drop3 {
    right: -23.2%;
    top: 120px;
    width: 38.5%;
}
.agency-section .agency-heading .block {
    max-width: 390px;
    font-size: 16px;
    line-height: 1.88;
}
.agency-section .agency-heading .block .button {
    min-width: 233px;
}
.timeline {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.46;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 112px 24px 0 0;
    width: 700px;
}
.timeline li {
    text-align: center;
    position: relative;
    width: 140px;
    margin: 4px 0 0;
}
.timeline li:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff9722;
    position: absolute;
    top: -44px;
    left: 26px;
    z-index: 5;
}
.timeline li:after {
    content: "";
    background: #e0e0e0;
    height: 1px;
    width: 180px;
    position: absolute;
    left: 28px;
    top: -38px;
}
.timeline li:nth-child(1) {
    margin: 66px 0 0;
}
.timeline li:nth-child(1):after {
    left: 25px;
    top: -69px;
    width: 187px;
    transform: rotate(-19.5deg);
}
.timeline li:nth-child(3):after {
    left: 22px;
    top: -85px;
    width: 196px;
    transform: rotate(-29deg);
}
.timeline li:nth-child(4) {
    margin: -92px 0 0;
}
.timeline li:nth-child(4):after {
    left: 22px;
    top: -87px;
    width: 196px;
    transform: rotate(-29deg);
}
.timeline .number {
    display: block;
    margin-bottom: 13px;
    font: 700 60px/1 "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    color: rgba(77, 90, 102, 0.12);
}
.timeline p {
    margin: 0 5px;
    letter-spacing: 0.05em;
}
.team-section {
    padding: 0 0 109px;
}
.team-section .container {
    -ms-flex-align: center;
    align-items: center;
    max-width: 808px;
}
.team-section .text-block {
    float: right;
    max-width: 216px;
    margin: -24px 0 0;
}
.team-section .text-block h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.team-section .text-block h2:after {
    margin-top: 9px;
}
.team-section .text-block .drops-holder .drop1 {
    top: 42px;
    right: -8.7%;
    width: 91.2%;
}
.team-holder {
    position: relative;
    float: left;
    padding: 0 0 0 7px;
}
.team-holder .drops-holder .drop1 {
    top: 304px;
    left: 203px;
}
.team-holder .drops-holder .drop2 {
    bottom: 27px;
    left: 104px;
}
.team-list {
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    width: 300px;
}
.team-list:nth-child(2) {
    width: 320px;
    margin: 37px 0 48px 64px;
}
.team-list:nth-child(2) li:nth-child(2) {
    clear: none;
    margin: -72px 0 57px 27px;
}
.team-list:nth-child(2) li:nth-child(3) {
    margin: 0 0 0 18px;
}
.team-list li {
    float: left;
    margin: 0 0 5px;
}
.team-list li:nth-child(2) {
    clear: both;
    margin-left: 20px;
    margin-top: 20px;
}
.team-list li:nth-child(3) {
    margin: -46px 0 0 28px;
}
.team-list a {
    display: block;
    position: relative;
    text-align: center;
    border-radius: 50%;
    border: 4px solid transparent;
    transition: border 0.3s;
}
.team-list a:hover {
    z-index: 5;
    border-color: #ff9722;
}
.team-list a:hover .name {
    opacity: 1;
    visibility: visible;
    color: #ff9722;
}
.team-list img {
    display: block;
    border-radius: 50%;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.team-list .name {
    position: absolute;
    left: -28px;
    right: -30px;
    bottom: -27px;
    text-align: center;
    letter-spacing: 0.075em;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.about-block {
    text-align: center;
    padding: 0 0 116px;
}
.about-block .container {
    max-width: 656px;
}
.about-block .page-heading {
    margin-bottom: 37px;
}
.about-block .page-heading:after {
    margin: 7px auto 0;
}
.clients-section {
    text-align: center;
    padding: 0 0 34px;
}
.clients-section .page-heading {
    margin-bottom: 44px;
}
.clients-section .page-heading:after {
    margin: 7px auto 0;
}
.clients-slider {
    padding: 0 20px;
}
.clients-slider .slide {
    text-align: center;
}
.clients-slider img {
    margin: 0 auto 62px;
}
.clients-slider .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    background: 0 0;
    border: none;
    margin: -38px 0 0;
    padding: 0;
    color: rgba(77, 90, 102, 0.25);
    transition: color 0.3s;
    font-size: 20px;
}
.clients-slider .slick-arrow:hover {
    color: #ff9722;
}
.clients-slider .slick-next {
    left: auto;
    right: 0;
}
.link-frame {
    text-align: center;
    margin: -7px 0 0;
    padding: 0 0 95px;
    text-transform: uppercase;
    font-weight: 700;
}
.link-frame a {
    display: inline-block;
    vertical-align: top;
    color: #516775;
    letter-spacing: 0.075em;
}
.link-frame a:hover {
    color: #ff9722;
}
.link-frame a i {
    margin: 0 13px 0 0;
}
.intro {
    padding: 34px 0 77px;
    position: relative;
}
.intro .container {
    max-width: 1166px;
}
.intro .inner {
    padding: 92px 0 106px 55px;
    position: relative;
    background: rgba(255, 255, 255, 0.89);
    z-index: 2;
    width: 681px;
    margin: 0 0 0 -45px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.intro .decor-image {
    position: absolute;
    top: -47px;
    left: 50%;
    margin-left: -245px;
    height: 362px;
    width: 582px;
    max-width: 100%;
    background-size: cover;
}
.intro .description {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1.2px;
}
.intro .description:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    height: 3px;
    width: 38px;
    background-color: #ff9722;
}
.intro .title {
    font-size: 44px;
    margin-bottom: 0;
    margin-left: -3px;
}
@media (max-width: 1125px) {
    .intro .title {
        font-size: 38px;
    }
}
.intro .drops-holder {
    max-width: 1200px;
    margin: 0 auto;
}
.intro .drop1,
.intro .drop2 {
    position: absolute;
}
.intro .drop1 {
    bottom: -193px;
    right: 50%;
    margin-right: 29px;
    width: 32%;
    z-index: 3;
}
.intro .drop2 {
    bottom: -82px;
    right: 0;
    width: 57.5%;
    z-index: 2;
}
.project-block {
    position: relative;
    z-index: 3;
    padding-bottom: 39px;
}
.project-block .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.project-block .left {
    width: 306px;
    padding-right: 89px;
}
.project-block .right {
    position: relative;
    margin-top: -160px;
    width: calc(100% - 306px);
    box-shadow: 0 -15px 80px -10px rgba(0, 0, 0, 0.4);
}
.project-block .right:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.005), #fff);
}
.project-block img {
    display: block;
}
.project-block .list-block {
    padding-bottom: 33px;
}
.project-block .page-heading {
    font-size: 14px;
    margin-bottom: 29px;
}
.project-block .page-heading:after {
    margin-top: 10px;
}
.project-block .custom-list {
    padding-top: 36px;
}
.custom-list li {
    padding-bottom: 27px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.custom-list li:last-child {
    padding-bottom: 0;
}
.custom-list li.hand i {
    font-size: 31px;
}
.custom-list i {
    width: 35px;
    color: #ff9722;
    font-size: 28px;
}
.custom-list span {
    width: calc(100% - 35px);
    padding-left: 7px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.masonry-gallery {
    margin: 0 -9px -18px;
}
.masonry-gallery .item {
    float: left;
    padding: 0 9px 18px;
    text-align: center;
}
.masonry-gallery .inner {
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.15);
}
.masonry-gallery .inner.mod {
    display: inline-block;
    border-radius: 24px;
    margin: 34px 0;
}
.masonry-gallery .inner.mod-large {
    margin-top: 138px;
}
.masonry-gallery img {
    display: block;
    margin: 0 auto;
}
.grid-sizer,
.masonry-gallery .item {
    width: 33.33%;
}
.intro-preferences {
    padding: 63px 0 130px;
    position: relative;
}
.intro-preferences .drop1 {
    display: none;
    position: absolute;
    bottom: 0;
    top: -50px;
    right: -84%;
    width: 220%;
    max-width: 300%;
    opacity: 0.7;
}
.intro-preferences .info-slideshow {
    padding-bottom: 0;
}
.intro-preferences .info-slideshow .container:after {
    top: 121px;
    background: url(../images/drop-info-slideshow-100.svg) no-repeat;
}
.intro-preferences .info-slideshow .container:before {
    bottom: -67px;
}
.intro-preferences .page-heading {
    font-size: 18px;
    margin-bottom: 9px;
}
.intro-preferences .page-heading:after {
    margin: 15px 0 0 3px;
}
.intro-preferences .title {
    font-size: 60px;
    margin-bottom: 0;
}
.intro-preferences .container {
    max-width: 1152px;
}
.intro-preferences .slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 17px;
}
.intro-preferences .text-block {
    position: relative;
    z-index: 2;
    padding: 79px 15% 139px 14.3%;
    margin: 127px 0 0 -65px;
    width: 55.8%;
    background: rgba(255, 255, 255, 0.89);
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.1);
}
.intro-preferences .button-holder {
    padding-top: 10px;
}
.link {
    font-size: 14px;
    font-family: "Merriweather Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.link:hover {
    color: #ff9722;
    text-decoration: underline;
}
.section-preferences {
    background-color: #ff9722;
}
.section-preferences .container {
    padding-top: 110px;
    padding-bottom: 70px;
}
.section-preferences .holder {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.section-preferences .image-decor {
    position: absolute;
    top: 0;
    left: -15px;
}
.section-preferences .drop1 {
    position: absolute;
    bottom: 7%;
    left: -35%;
}
.section-preferences .drop2 {
    position: absolute;
    bottom: 14%;
    right: -4%;
}
.section-preferences .image-block {
    width: 43%;
    text-align: center;
}
.section-preferences .content {
    width: 57%;
    padding: 58px 8% 0 16.2%;
    color: #fff;
}
.section-preferences .page-heading {
    margin-bottom: 16px;
    margin-left: -2px;
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.section-preferences .page-heading:after {
    background-color: #fff;
    margin: 12px 0 0 2px;
}
.section-preferences .inner {
    padding-bottom: 21px;
}
.section-preferences p {
    margin-bottom: 26px;
}
.section-preferences p:last-child {
    margin-bottom: 0;
}
.section-preferences .link {
    color: #fff;
}
.preferences-project {
    background-color: #4d5a66;
    margin-bottom: 39px;
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.14);
}
.preferences-project .container {
    padding-top: 188px;
    padding-bottom: 115px;
    max-width: 1153px;
}
.preferences-project .holder {
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.preferences-project .image-decor {
    position: absolute;
    top: 0;
    right: 13.6%;
}
.preferences-project .drop1 {
    position: absolute;
    top: 106px;
    right: 72px;
}
.preferences-project .drop2 {
    position: absolute;
    bottom: 14%;
    right: -4%;
}
.preferences-project .image-block {
    position: relative;
    width: 56.1%;
    text-align: center;
}
.preferences-project .picture {
    width: 100%;
}
.preferences-project .picture2 {
    position: absolute;
    bottom: -54px;
    right: 9%;
}
.preferences-project .content {
    width: 43.5%;
    padding: 18px 8% 0 8.4%;
    color: #fff;
}
.preferences-project .page-heading {
    margin-bottom: 16px;
    margin-left: -1px;
    font-size: 36px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.preferences-project .page-heading:after {
    margin: 12px 0 0 1px;
}
.preferences-project .inner {
    padding-bottom: 27px;
}
.preferences-project p {
    margin-bottom: 26px;
}
.preferences-project p:last-child {
    margin-bottom: 0;
}
.benefit-section {
    margin-bottom: 37px;
}
.benefit-section .drop1 {
    position: absolute;
    top: 12%;
    left: -21%;
    z-index: -1;
    width: 68%;
}
.benefit-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.benefit-section .col {
    padding: 0 71px 78px 0;
}
.benefit-section .col:last-child {
    padding-right: 0;
}
.benefit-section .col-7 {
    width: 58.3%;
}
.benefit-section .col-5 {
    width: 41.7%;
}
.benefit-section .col-4 {
    width: 33.33%;
    padding-right: 22px;
    padding-bottom: 132px;
}
.benefit-section .col-4 .page-heading {
    margin-bottom: 25px;
}
.benefit-section .col-8 {
    width: 66.66%;
}
.benefit-section .amount {
    display: inline-block;
    color: rgba(255, 151, 34, 0.21);
    font-size: 72px;
    font-family: "Roboto Slab", "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 700;
    line-height: 1;
    position: relative;
}
.benefit-section .amount sup {
    font-size: 30px;
    vertical-align: top;
    top: 1.7em;
    margin-left: 24px;
}
.benefit-section .amount.large {
    font-size: 200px;
    margin-bottom: 15px;
    margin-left: -3px;
}
.benefit-section .amount.medium {
    font-size: 99px;
    margin-top: 90px;
    margin-bottom: 26px;
    margin-left: -2px;
}
.benefit-section .amount.medium sup {
    top: 1em;
    margin-left: 8px;
}
.benefit-section .page-heading {
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: -1px;
    display: block;
}
.benefit-section .page-heading:after {
    margin: 7px 0 0 1px;
}
.benefit-section .page-heading.mod:after {
    display: none;
}
.benefit-section .info {
    padding-bottom: 12px;
}
.benefit-section .info.large {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}
.benefit-section .source {
    font-weight: 300;
}
.benefit-section .icon {
    margin-bottom: 2px;
    height: 68px;
    font-size: 37px;
    color: #ff9722;
}
.benefit-section .amount-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 42px 0 -27px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.benefit-section .amount-holder .item {
    width: 50%;
    padding: 0 13px 27px;
}
.benefit-section .amount-holder .inner {
    display: inline-block;
    text-align: center;
}
.benefit-section .amount-holder .page-heading {
    font-size: 14px;
    color: #4d5a66;
    padding-bottom: 0;
    padding-top: 13px;
    letter-spacing: 0;
    text-transform: none;
}
@media (max-width: 1199px) {
    .intro-slideshow .slide {
        padding-left: 25px;
    }
    .intro-slideshow .text-block {
        width: 37%;
    }
    .intro-slideshow .video-block {
        margin-right: 25px;
    }
    .intro-slideshow .slick-dots {
        left: 25px;
    }
    .statistics-list {
        margin-left: 30px;
    }
    .info-slideshow .text-block {
        padding-left: 3%;
    }
    .services-section .services-heading .text-block {
        padding: 42px 15px 0 7px;
        width: 44%;
    }
    .services-section .services-heading h1 {
        font-size: 50px;
    }
    .services-section .services-heading .image-block {
        width: 56%;
    }
    .services-holder {
        margin: -19px -20px 0;
    }
    .services-holder .column {
        padding: 0 20px;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 10%;
        padding-right: 10%;
    }
    .service-block {
        padding: 50px 10% 40px;
    }
    .agency-section .agency-heading .container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .agency-section .agency-heading .block {
        max-width: 430px;
        width: 100%;
    }
    .timeline {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-top: 60px;
    }
    .intro-preferences .text-block {
        margin-left: -30px;
        padding-left: 10%;
    }
}
@media (max-width: 1023px) {
    .h1,
    body.home h2,
    h1 {
        font-size: 30.03px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    textarea {
        height: 46px;
        padding: 13px 18px 12px;
        margin-bottom: 18px;
    }
    textarea {
        height: 174px;
        min-height: 174px;
    }
    form .col-holder {
        margin: 0 -7px;
    }
    form .col-holder .col {
        padding: 0 7px;
    }
    .captcha-holder {
        margin-bottom: 1px;
    }
    .captcha-holder .captcha {
        height: 46px;
        width: 37.5%;
    }
    .captcha-holder input[type="text"] {
        width: 57.1%;
    }
    #header {
        padding: 23px 0;
    }
    .fixed #header {
        padding: 10px 0 11px;
    }
    .fixed #header .logo {
        margin: 8px 0 0;
    }
    #header .container {
        display: block;
    }
    .logo {
        width: 95px;
        float: left;
        margin: 0 0 0 -1px;
    }
    .header-opener {
        display: -ms-flexbox;
        display: flex;
        margin: 7px 5px 0 0;
    }
    .fixed .header-opener {
        margin-top: 0;
    }
    .fixed.header-active .header-opener {
        margin-top: 3px;
    }
    .header-slide {
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s linear;
    }
    .header-active .header-slide {
        opacity: 1;
        visibility: visible;
    }
    .header-drop {
        padding: 121px 30px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-y: auto;
        overflow-x: hidden;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        position: relative;
        height: 100%;
        background: #f8f8f9;
    }
    .header-active .header-drop {
        transform: translateY(0);
    }
    .fixed.header-active .header-drop {
        padding-top: 93px;
    }
    .header-drop:before {
        content: "Menu";
        position: absolute;
        left: 23px;
        top: 37px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.075em;
    }
    .header-drop:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 44px;
        height: 54px;
        background: linear-gradient(to bottom, transparent 0, #000 100%);
        opacity: 0.07;
    }
    .fixed .header-drop:before {
        top: 25px;
    }
    .fixed .header-drop:after {
        top: 18px;
    }
    .header-drop .drops-holder {
        display: block;
    }
    .fixed.header-active .header-drop .drops-holder {
        top: -26px;
    }
    .header-drop .drops-holder {
        display: none;
    }
    .header-active .header-drop .drops-holder {
        display: block;
    }
    .header-drop .drops-holder object {
        max-width: none;
    }
    .nav-holder {
        width: 277px;
        margin: 0 auto;
    }
    .main-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 12px;
        font-weight: 800;
    }
    .main-nav li {
        margin: 0 0 38px;
    }
    .main-nav li.contact-link {
        margin-top: -4px;
    }
    .main-nav li.contact-link a {
        font-weight: 700;
        font-size: 14px;
        padding: 8px 10px 6px;
        border-radius: 21px;
    }
    .main-nav li.active a {
        color: #4d5a66;
    }
    .main-nav li.active a:before {
        width: 35px;
    }
    .main-nav a {
        color: #4d5a66;
        padding-bottom: 4px;
    }
    .main-nav a:before {
        height: 5px;
    }
    .main-nav a:hover:before {
        width: 35px;
    }
    .language-block {
        margin: -2px 0 50px;
        width: 100%;
    }
    .language-block .language-opener {
        display: none;
    }
    .language-block .language-slide {
        position: static;
        overflow: visible;
        max-height: 4000px;
    }
    .language-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        transform: translateY(0);
        padding: 0;
    }
    .language-list li {
        margin: 0 15px;
    }
    .language-list li.selected {
        display: block;
    }
    #footer .logo {
        margin-left: 12px;
    }
    .paging {
        padding: 56px 0 59px;
    }
    #wrapper {
        padding-top: 125px;
    }
    .heading-holder .container {
        padding: 0 37px;
    }
    .heading-holder .page-heading {
        margin-bottom: 18px;
    }
    .heading-holder h1,
    .heading-holder h2 {
        font-size: 30px;
        margin-bottom: 14px;
    }
    .intro-slideshow {
        padding: 63px 30px 119px;
    }
    .intro-slideshow .drops-holder {
        left: -81px;
        right: 0;
        top: 62px;
    }
    .intro-slideshow .drops-holder .drop1 {
        top: -93px;
        left: 0;
        width: 95.5%;
    }
    .intro-slideshow .drops-holder .drop2 {
        top: 97px;
        right: 4px;
        width: 27.4%;
    }
    .intro-slideshow .drops-holder .drop3 {
        top: 213px;
        right: -174px;
        width: 54%;
    }
    .intro-slideshow .drops-holder .drop4 {
        top: 109px;
        right: 283px;
        width: 33.5%;
    }
    .intro-slideshow .drops-holder .drop5 {
        top: -101px;
        right: -233px;
        width: 50.5%;
    }
    .intro-slideshow .slide {
        padding-left: 0;
    }
    .intro-slideshow .slide.slide3 .image-holder {
        margin: -25px -8px 0 0;
    }
    .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        margin-top: -25vmin;
    }
    .intro-slideshow .text-block {
        width: 43%;
        margin-left: -2px;
    }
    .intro-slideshow .page-heading {
        margin: 0 0 18px 1px;
    }
    .intro-slideshow .video-block {
        width: 188px;
        margin: -11px 68px 0 0;
        padding: 42px 7px 50px;
        border-radius: 28px;
    }
    .intro-slideshow .image-holder {
        margin: 0;
    }
    .intro-slideshow .slick-dots {
        left: -1px;
    }
    .hosting-intro .intro-slideshow {
        padding: 62px 0 104px;
    }
    .hosting-intro .intro-slideshow .container {
        padding: 0 30px;
    }
    .hosting-intro .intro-slideshow .slide {
        padding: 0;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder {
        width: 59.4%;
        margin: -81px 20px 0 0;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        width: 66%;
        margin-top: -35%;
        margin-right: -7%;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .text-block {
        width: 34%;
    }
    .hosting-intro h1,
    .hosting-intro h2 {
        font-size: 30px;
        margin-left: 0;
        margin-bottom: 74px;
    }
    .hosting-intro .button-holder {
        margin-top: 42px;
    }
    .hosting-intro .drops-holder {
        top: 112px;
    }
    .statistics-list {
        margin: -82px 0 81px 13px;
    }
    .statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
        margin-top: 97px;
    }
    .statistics-list li:nth-child(2) {
        margin-right: 7px;
    }
    .statistics-list li:nth-child(3) {
        margin-left: 0;
        margin-right: -44px;
    }
    .statistics-list .number sup {
        top: 0.8em;
        left: -4px;
    }
    .info-slideshow {
        padding-bottom: 109px;
    }
    .info-slideshow .slide {
        padding-top: 30px;
    }
    .info-slideshow .slide.slide1 .image-holder {
        margin: -11px -22px 0 0;
        width: 61.2%;
    }
    .info-slideshow .slide.slide2 .image-holder {
        margin: 0 5px 0 0;
    }
    .info-slideshow .slide.slide3 .container:before {
        left: 31%;
    }
    .info-slideshow .slide.slide3 .image-holder {
        margin: 0 5px 0 0;
        width: 52%;
    }
    .info-slideshow .container:before {
        width: 69px;
        height: 51px;
        bottom: 10px;
        left: 58%;
    }
    .info-slideshow .container:after {
        display: none;
    }
    .info-slideshow .text-block {
        padding: 0 0 0 1px;
        width: 39%;
    }
    .info-slideshow .subtitle,
    .info-slideshow h1 {
        margin-bottom: 26px;
    }
    .info-slideshow .subtitle {
        margin-bottom: 15px;
    }
    .info-slideshow .image1 {
        top: -21px;
        right: -12%;
        width: 61%;
    }
    .info-slideshow .image2 {
        top: 28%;
        width: 63%;
    }
    .info-slideshow .image3 {
        top: 41.3%;
        right: 3.7%;
        width: 23.4%;
    }
    .specialities-section .drops-holder {
        left: 0;
        right: 0;
    }
    .specialities-section .drops-holder .drop1 {
        top: 58px;
        left: -336px;
    }
    .specialities-section .drops-holder .drop2 {
        top: -141px;
        right: -239px;
    }
    .specialities-section .drops-holder .drop3 {
        top: 289px;
        right: -286px;
    }
    body.home .specialities-section h2 {
        margin-bottom: 72px;
    }
    .specialities-holder {
        padding: 0;
        margin: 0 -9px;
    }
    .specialities-holder .col {
        padding: 0 8px;
    }
    .speciality-block {
        padding: 0 0 62px;
    }
    .speciality-block .icon-block {
        width: 61px;
        min-width: 61px;
    }
    .about-section {
        padding: 27px 0 118px;
    }
    .about-section .text-block {
        width: 36.5%;
        padding: 48px 0 0;
    }
    .logo-gallery {
        width: 62.3%;
        margin-left: -30px;
        padding: 76px 53px 40px 62px;
    }
    .logo-gallery .slick-list {
        padding-bottom: 14px;
    }
    .logo-slider .col {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .logo-slider .col:first-child {
        padding-right: 58px;
    }
    .logo-slider .slick-dots {
        padding-left: 15px;
    }
    .logo-slider .slick-dots li {
        margin-right: 14px;
    }
    .contact-section {
        position: relative;
        z-index: 2;
    }
    .contact-section .drops-holder .drop1 {
        left: -245px;
    }
    .contact-section .contact-info {
        width: 44.8%;
        padding: 0 49px;
    }
    .map-block {
        width: 55.2%;
    }
    .contact-holder {
        padding: 62px 8px 90px;
    }
    .contact-holder .drops-holder {
        left: 0;
        right: 0;
    }
    .contact-holder .drops-holder .drop1 {
        width: 901px;
        max-width: none;
        right: auto;
        left: 96px;
        top: -129px;
    }
    .contact-holder .page-heading {
        margin-bottom: 66px;
    }
    .contact-form input[type="submit"] {
        margin: 0 0 0 auto;
        width: 183px;
        display: block;
    }
    .services-section {
        padding-top: 20px;
    }
    .services-section .services-heading .drops-holder .drop1 {
        top: 364px;
        right: -26.6%;
        width: 48.5%;
    }
    .services-section .services-heading .drops-holder .drop2 {
        width: 77%;
        right: -74.5%;
        top: 337px;
    }
    .services-section .services-heading .drops-holder .drop3 {
        right: -28.5%;
        width: 84.5%;
    }
    .services-section .services-heading .drops-holder .drop4 {
        right: 2.6%;
        width: 46%;
    }
    .services-section .services-heading .page-heading {
        margin-bottom: 18px;
    }
    .services-section .services-heading h1 {
        font-size: 30px;
    }
    .services-section .services-heading .image-block {
        width: 780px;
        margin-right: -511px;
    }
    .services-holder {
        margin: -120px -30px 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .services-holder .column {
        width: 70.2%;
        padding: 0;
    }
    .services-holder .column:last-child {
        width: 86.5%;
        padding-top: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 12.2%;
        padding-right: 12%;
    }
    .services-holder .drops-holder .drop1 {
        top: 33%;
        width: 93.88%;
        left: -66%;
    }
    .services-holder .drops-holder .drop2 {
        top: 37.2%;
        right: 2%;
        width: 69.14%;
    }
    .service-block {
        padding: 57px 13% 48px;
        margin-bottom: 38px;
    }
    .note-section.references-note {
        padding-top: 12px;
        margin-top: 0;
    }
    .note-section.hosting-note {
        padding-top: 6px;
    }
    .note-section.hosting-note .note-block {
        padding-top: 49px;
    }
    .note-section.hosting-note .h1 {
        font-size: 30px;
    }
    .note-section {
        padding-top: 19px;
    }
    .note-section > .container > .drops-holder .drop1 {
        width: 89.71%;
        left: -49%;
    }
    .note-section > .container > .drops-holder .drop2 {
        width: 41.93%;
        right: -16.5%;
    }
    .note-section > .container > .drops-holder .drop3 {
        width: 87.24%;
        right: -37.5%;
    }
    .note-block {
        margin-bottom: 5px;
    }
    .note-block .h1 {
        font-size: 39px;
    }
    .blog {
        padding: 0;
    }
    .blog p {
        margin-bottom: 3.7em;
    }
    .image {
        margin-top: -2em;
        padding-bottom: 56px;
    }
    .image .source {
        display: none;
    }
    .post-heading {
        padding-bottom: 58px;
    }
    .post-heading > .drops-holder .drop1 {
        left: -8.6%;
        top: -58px;
        width: 42.45%;
    }
    .post-heading > .drops-holder .drop2 {
        left: 14.4%;
        top: 140px;
        width: 84.64%;
    }
    .post-heading .note-block {
        max-width: 699px;
        padding: 60px 14% 77px 79px;
    }
    .post-heading .note-block .drops-holder .drop1 {
        right: -42.5%;
        top: 53px;
        width: 64%;
    }
    .post-holder {
        padding-bottom: 8px;
    }
    .post-holder .heading {
        width: 31%;
    }
    .post-holder .post {
        width: 67.8%;
    }
    .blog-section {
        padding-top: 62px;
    }
    .blog-heading {
        padding-bottom: 24px;
    }
    .blog-article {
        margin: 0 -30px 25px 0;
    }
    .blog-article .image-block {
        margin: 76px -102px 0 -6px;
    }
    .blog-article .description {
        padding: 45px 11% 32px 21.2%;
    }
    .blog-article .description p {
        max-width: none;
    }
    .blog-article h2 {
        margin-bottom: 4px;
    }
    .blog-article[class*="align"] + .blog-article:not([class*="align"]) {
        padding-top: 53px;
    }
    .blog-article .drops-holder .drop1 {
        top: auto;
        right: auto;
        width: 79%;
        bottom: -311px;
        left: -45.1%;
    }
    .blog-article.alignleft,
    .blog-article.alignright {
        margin-bottom: 59px;
    }
    .blog-article.alignleft .image-block,
    .blog-article.alignright .image-block {
        width: calc(34.8% + 95px + 105px);
        margin: 0 -95px 0 -105px;
    }
    .blog-article.alignleft .description,
    .blog-article.alignright .description {
        width: calc(65.2% + 150px);
        padding: 57px 6% 68px 168px;
        margin: 0 0 0 -150px;
    }
    .blog-article.alignleft .description p,
    .blog-article.alignright .description p {
        margin-bottom: 1.8em;
    }
    .blog-article.alignleft h2,
    .blog-article.alignright h2 {
        margin-bottom: 16px;
    }
    .blog-article.alignleft .page-heading,
    .blog-article.alignright .page-heading {
        margin-bottom: 7px;
    }
    .blog-article.alignleft .drops-holder .drop1,
    .blog-article.alignright .drops-holder .drop1 {
        width: 69.1%;
        top: -379px;
        right: -47%;
    }
    .blog-article.alignleft .drops-holder .drop2,
    .blog-article.alignright .drops-holder .drop2 {
        left: auto;
        bottom: auto;
        width: 48.9%;
        top: -262px;
        right: 5.2%;
    }
    .blog-article.alignright .image-block {
        width: calc(28.2% + 35% + 135px);
        margin: 0 -35% 0 -135px;
    }
    .blog-article.alignright .description {
        width: calc(71.8% + 153px);
        padding: 63px 180px 56px 8.4%;
        margin: 0 -153px 0 0;
    }
    .blog-article.alignright .description p {
        margin-bottom: 2.4em;
    }
    .blog-article.alignright h2 {
        margin-bottom: 24px;
    }
    .blog-article.alignright .drops-holder .drop1 {
        width: 67.4%;
        top: -198px;
        left: auto;
        bottom: auto;
        right: 6%;
    }
    .agency-section {
        padding-top: 62px;
    }
    .agency-section .agency-heading {
        padding-bottom: 83px;
    }
    .agency-section .agency-heading .drops-holder .drop1 {
        width: 95.18%;
        left: -40%;
        top: -84px;
    }
    .agency-section .agency-heading .drops-holder .drop2 {
        width: 89.71%;
        right: -22.6%;
        top: 30px;
    }
    .agency-section .agency-heading .drops-holder .drop3 {
        width: 60.16%;
        right: -38.6%;
        top: 282px;
    }
    .agency-section .agency-heading .block p {
        margin-left: 5px;
    }
    .timeline {
        padding: 77px 28px 0 3px;
    }
    .timeline li:before {
        left: 32px;
        top: -40px;
    }
    .timeline li:after {
        left: 36px;
        top: -35px;
    }
    .timeline li:nth-child(1) {
        margin: 69px 4px 0 0;
    }
    .timeline li:nth-child(1):after {
        left: 38px;
        top: -67px;
    }
    .timeline li:nth-child(3):after {
        left: 20px;
        top: -77px;
        width: 192px;
    }
    .timeline li:nth-child(4) {
        margin: -88px 0 0 -14px;
    }
    .timeline li:nth-child(4):after {
        left: 20px;
        top: -77px;
        width: 192px;
    }
    .team-section {
        padding-bottom: 91px;
    }
    .team-section .text-block {
        margin-right: 41px;
    }
    .team-section .text-block .drops-holder .drop1 {
        right: -3.7%;
        width: 96%;
    }
    .team-holder {
        padding: 0;
        margin-left: -3px;
    }
    .team-holder .drops-holder {
        left: -8px;
    }
    .about-block {
        padding-bottom: 73px;
    }
    .clients-section {
        padding-bottom: 36px;
    }
    .clients-slider {
        padding: 0 50px;
    }
    .intro {
        padding: 11px 0 56px;
    }
    .intro .inner {
        padding: 82px 25px 89px 68px;
        width: 696px;
    }
    .intro .decor-image {
        top: -32px;
        width: 362px;
        height: 227px;
        margin-left: -92px;
    }
    .intro .description {
        margin-bottom: 12px;
    }
    .intro .title {
        font-size: 30px;
    }
    .intro .drop1 {
        bottom: -43px;
        margin-right: -53px;
    }
    .intro .drop2 {
        bottom: 25px;
        right: -45px;
        width: 54.5%;
    }
    .project-block {
        padding-bottom: 0;
    }
    .project-block .container {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .project-block .left {
        width: 312px;
        padding-right: 25px;
    }
    .project-block .right {
        margin-top: -161px;
        width: 52.2%;
    }
    .project-block .list-block {
        padding-left: 7px;
    }
    .project-block .custom-list {
        padding-top: 3px;
    }
    .custom-list li {
        padding-bottom: 20px;
    }
    .masonry-gallery-holder {
        padding-top: 20px;
        padding-bottom: 101px;
    }
    .masonry-gallery {
        margin: 0 0 -50px;
    }
    .masonry-gallery .item {
        padding: 0 15px 50px;
    }
    .masonry-gallery .inner.mod {
        margin: 110px 0 0;
    }
    .masonry-gallery .inner.mod-large {
        margin-top: 0;
    }
    .masonry-gallery img {
        width: 100%;
    }
    .grid-sizer,
    .masonry-gallery .item {
        width: 50%;
    }
    .intro-preferences {
        padding: 63px 0 121px;
    }
    .intro-preferences .container {
        padding: 0 38px;
    }
    .intro-preferences .info-slideshow .container:after {
        bottom: auto;
        top: 10px;
        z-index: 2;
    }
    .intro-preferences .info-slideshow .container:before {
        bottom: -82px;
        left: 63.5%;
        width: 88px;
        height: 66px;
    }
    .intro-preferences .page-heading {
        margin-bottom: 17px;
    }
    .intro-preferences .title {
        font-size: 30px;
    }
    .intro-preferences .slide {
        padding-top: 0;
    }
    .intro-preferences .text-block {
        margin: 98px 0 0 -38px;
        padding: 44px 32% 70px 36px;
        width: 70.7%;
    }
    .section-preferences .container {
        padding-top: 136px;
        padding-bottom: 104px;
    }
    .section-preferences .image-decor {
        width: 82.5%;
        left: -20%;
    }
    .section-preferences .drop1 {
        bottom: 12%;
        left: -43%;
    }
    .section-preferences .drop2 {
        bottom: 1.5%;
        right: 7%;
    }
    .section-preferences .image-block {
        width: 52%;
        margin-top: -27px;
    }
    .section-preferences .image-block .picture {
        max-width: 245px;
    }
    .section-preferences .content {
        width: 48%;
        padding: 33px 36px 0 9px;
    }
    .preferences-project {
        margin-bottom: 22px;
    }
    .preferences-project .container {
        padding-top: 203px;
        padding-bottom: 219px;
    }
    .preferences-project .holder {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .preferences-project .image-decor {
        right: -24%;
        width: 90%;
    }
    .preferences-project .drop1 {
        display: none;
    }
    .preferences-project .image-block {
        width: 50.7%;
        padding-right: 26px;
        margin-top: -16px;
    }
    .preferences-project .picture2 {
        right: 16%;
        max-width: 154px;
        bottom: -88px;
    }
    .preferences-project .content {
        padding: 0 0 0 21px;
        width: 43.5%;
    }
    .benefit-section {
        margin-bottom: 0;
    }
    .benefit-section .drop1 {
        top: 9%;
        left: -21%;
        width: 84%;
    }
    .benefit-section .row.center {
        max-width: 593px;
        margin: 0 auto 38px;
    }
    .benefit-section .row.center .col {
        width: 100%;
        padding: 0 0 38px 110px;
        position: relative;
    }
    .benefit-section .row.center .icon {
        position: absolute;
        top: -12px;
        left: 0;
        width: 110px;
        text-align: center;
    }
    .benefit-section .row.bottom .col {
        width: 100%;
        padding-right: 0;
        padding-bottom: 75px;
    }
    .benefit-section .col {
        padding: 0 80px 97px 0;
    }
    .benefit-section .col-7 {
        width: 56%;
    }
    .benefit-section .col-5 {
        width: 44%;
    }
    .benefit-section .info {
        padding-bottom: 19px;
    }
    .benefit-section .icon {
        font-size: 48px;
    }
    .benefit-section .amount-holder {
        margin: 1px 0 -27px;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .benefit-section .amount-holder .item {
        padding: 0 0 27px;
        width: auto;
        min-width: 252px;
    }
}
@media (max-width: 767px) {
    #header .container,
    .about-section .container,
    .agency-section .agency-heading .container,
    .contact-section .container,
    .info-slideshow .container,
    .intro-slideshow .container,
    .post-holder .container,
    .team-section .container {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .page-heading:after {
        margin: 5px auto 0;
    }
    .h1,
    body.home h2,
    h1 {
        font-size: 26.013px;
        line-height: 1.47;
        margin-bottom: 10px;
    }
    .page-heading {
        text-align: center;
        display: block;
    }
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    textarea {
        margin-bottom: 20px;
        padding: 13px 17px 12px;
    }
    textarea {
        height: 145px;
        min-height: 145px;
    }
    form .col-holder {
        display: block;
        margin: 0;
    }
    form .col-holder .col {
        width: 100%;
        padding: 0;
    }
    .captcha-holder {
        display: block;
        margin: -3px 0 0;
    }
    .captcha-holder .captcha {
        width: 148px;
        margin-bottom: 14px;
    }
    .captcha-holder input[type="text"] {
        width: 100%;
    }
    #header {
        padding: 13px 0;
    }
    #header .container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .header-opener {
        margin-right: -2px;
    }
    .fixed .header-opener {
        margin-top: -1px;
    }
    .header-drop {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-drop:before {
        top: 30px;
    }
    .header-drop:after {
        top: 30px;
    }
    .header-drop .drops-holder .drop1 {
        width: 557px;
        right: -290px;
        top: 2px;
    }
    .header-drop .drops-holder .drop2 {
        width: 711px;
        left: -154px;
        top: 341px;
    }
    .main-nav li.contact-link {
        margin-top: 6px;
    }
    .main-nav li.active a:before {
        width: 38px;
    }
    .main-nav a:before {
        height: 3px;
    }
    .main-nav a:hover:before {
        width: 38px;
    }
    #footer {
        text-align: center;
    }
    #footer .logo {
        float: none;
        display: block;
        margin: 0 auto 14px;
    }
    .paging {
        padding: 6px 0 36px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .paging .prev {
        margin-right: 11px;
    }
    .paging .next {
        margin-left: 11px;
    }
    #wrapper {
        padding-top: 96px;
    }
    .container {
        padding: 0 15px;
    }
    .slick-slider .slick-dots {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .slick-slider .slick-dots li {
        margin: 0 8px;
    }
    .drops-holder object {
        max-width: none;
    }
    .heading-holder .container {
        padding: 0 15px;
    }
    .heading-holder .page-heading {
        margin-bottom: 23px;
    }
    .heading-holder h1,
    .heading-holder h2 {
        font-size: 26px;
        text-align: center;
    }
    .intro-slideshow {
        padding-top: 14px;
        padding-bottom: 58px;
    }
    .intro-slideshow .drops-holder {
        width: 688px;
        left: -117px;
        margin: 0 auto;
        top: 14px;
    }
    .intro-slideshow .drops-holder .drop1 {
        top: -71px;
        width: 688px;
    }
    .intro-slideshow .drops-holder .drop2 {
        top: 409px;
        right: 132px;
        width: 212px;
    }
    .intro-slideshow .drops-holder .drop3 {
        top: 491px;
        right: -30px;
        width: 418px;
    }
    .intro-slideshow .drops-holder .drop4 {
        top: 396px;
        right: auto;
        left: 42px;
        width: 260px;
    }
    .intro-slideshow .drops-holder .drop5 {
        top: 235px;
        right: -85px;
        width: 392px;
    }
    .intro-slideshow .slick-list {
        padding-bottom: 37px;
    }
    .intro-slideshow .slide.slide2 .image-holder {
        width: auto;
    }
    .intro-slideshow .slide.slide2 .image-holder img {
        max-width: 420px;
    }
    .intro-slideshow .slide.slide3 .text-block {
        width: auto;
    }
    .intro-slideshow .slide.slide3 .image-holder {
        margin: 0 auto;
        width: auto;
        max-width: 350px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
    .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        margin: -25vmin -8% 0 0;
        width: 84.2%;
    }
    .intro-slideshow .container {
        -ms-flex-align: center;
        align-items: center;
        display: block;
    }
    .intro-slideshow .text-block {
        width: 100%;
        text-align: center;
        margin: 0;
        padding-bottom: 10px;
    }
    .intro-slideshow .page-heading {
        margin: 0 0 23px;
    }
    .intro-slideshow .video-block {
        width: 204px;
        padding: 46px 6px 51px;
        margin: 0 auto;
    }
    .intro-slideshow .image-holder {
        margin: 0 -15px;
    }
    .intro-slideshow .image-holder img {
        margin: 0 auto;
    }
    .intro-slideshow .slick-dots {
        position: static;
        left: auto;
        top: auto;
    }
    .hosting-intro .intro-slideshow {
        padding: 13px 0 47px;
    }
    .hosting-intro .intro-slideshow .container {
        padding: 0 20px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder {
        margin: 0 -30px 0 -11px;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        max-width: none;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:first-child {
        max-width: 301px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .image-holder img:nth-child(2) {
        width: 117%;
        margin: -43px 0 0 -12px;
        max-width: 352px;
    }
    .hosting-intro .intro-slideshow .slide.slide3 .text-block {
        padding-bottom: 30px;
        width: auto;
    }
    .hosting-intro .page-heading {
        margin-bottom: 26px;
    }
    .hosting-intro h1,
    .hosting-intro h2 {
        font-size: 26px;
        margin-bottom: 51px;
    }
    .hosting-intro .button-holder {
        margin-top: 20px;
    }
    .hosting-intro .drops-holder {
        top: 13px;
    }
    .statistics-holder .decor-holder {
        margin: 0 -15px;
        padding: 0 15px 123px;
    }
    .statistics-holder .decor-holder:before {
        height: 160px;
    }
    .statistics-holder .drops-holder {
        width: 135px;
        height: 80px;
        padding: 0;
    }
    .statistics-holder .drops-holder:after,
    .statistics-holder .drops-holder:before {
        width: 320px;
        height: 320px;
        margin-top: -23px;
    }
    .statistics-holder .drops-holder:after {
        width: 204px;
        height: 204px;
    }
    .statistics-holder .drops-holder .drop1 {
        top: 36px;
        width: 18px;
    }
    .statistics-holder .drops-holder .drop2 {
        right: 0;
        width: 110px;
    }
    .statistics-holder .drops-holder .drop3 {
        right: 10px;
        width: 85px;
    }
    .statistics-holder .drops-holder .drop4 {
        top: 43px;
        left: 57px;
        width: 44px;
    }
    .statistics-list {
        font-size: 12px;
        line-height: 1.5;
        margin: -50px -14px 49px -3px;
    }
    .statistics-list li:nth-child(n + 2):nth-child(-n + 3) {
        margin-top: 40px;
    }
    .statistics-list li:nth-child(2) {
        margin-right: 0;
        margin-left: -7px;
    }
    .statistics-list li:nth-child(3) {
        margin-left: -2px;
        margin-right: -2px;
        width: 85px;
    }
    .statistics-list .number {
        font-size: 55px;
        margin: 0 0 -2px -1px;
    }
    .statistics-list .number sup {
        font-size: 26px;
        top: 0.6em;
        left: 0;
    }
    .info-slideshow {
        padding-bottom: 67px;
    }
    .info-slideshow .slick-list img {
        max-width: 420px;
        margin: 0 auto;
        display: block;
    }
    .info-slideshow .slide {
        padding-top: 20px;
    }
    .info-slideshow .slide.slide1 .image-holder {
        width: auto;
        margin: 0 -20px 0 -18px;
    }
    .info-slideshow .slide.slide2 .container:after {
        top: auto;
        bottom: 360px;
    }
    .info-slideshow .slide.slide2 .image-holder {
        width: auto;
        box-shadow: none;
        margin: 0 -15px;
    }
    .info-slideshow .slide.slide3 .container:before {
        display: none;
    }
    .info-slideshow .slide.slide3 .container:after {
        top: auto;
        bottom: 360px;
    }
    .info-slideshow .slide.slide3 .image-holder {
        width: auto;
        margin: 0 0 0 -15px;
    }
    .info-slideshow .container:before {
        width: 55px;
        height: 41px;
        bottom: 7px;
        left: 78px;
    }
    .info-slideshow .container:after {
        display: block;
        right: 15px;
        top: auto;
        bottom: 261px;
    }
    .info-slideshow .text-block {
        width: 100%;
        padding: 0 0 27px;
        text-align: center;
    }
    .info-slideshow .subtitle,
    .info-slideshow h1 {
        margin-bottom: 27px;
    }
    .info-slideshow .subtitle {
        margin-bottom: 15px;
    }
    .info-slideshow .subtitle:after {
        margin: 4px auto;
    }
    .info-slideshow .image1 {
        position: relative;
        top: 0;
        left: -14px;
        right: -14px;
        width: auto;
        max-width: 348px;
        margin: 0 auto;
    }
    .info-slideshow .image2 {
        top: auto;
        bottom: 259px;
        right: 3.7%;
        width: 94%;
        max-width: 350px;
    }
    .info-slideshow .image3 {
        top: auto;
        bottom: 2px;
        right: 1%;
        width: 70%;
        max-width: 224px;
    }
    .specialities-section {
        text-align: center;
    }
    .specialities-section .drops-holder .drop1 {
        width: 583px;
        left: -308px;
        top: 38px;
    }
    .specialities-section .drops-holder .drop2 {
        width: 333px;
        right: -112px;
        top: 208px;
    }
    .specialities-section .drops-holder .drop3 {
        width: 449px;
        right: -145px;
        top: 519px;
    }
    body.home .specialities-section h2 {
        margin-bottom: 52px;
    }
    .specialities-holder {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0 2px;
    }
    .specialities-holder .col {
        width: auto;
        padding: 0;
    }
    .speciality-block {
        text-align: left;
        padding-bottom: 21px;
    }
    .speciality-block .icon-block {
        width: 59px;
        min-width: 59px;
        margin-top: -4px;
    }
    .speciality-block .icon-block i.icon-reward {
        margin: 5px 0 0 2px;
    }
    .speciality-block .icon-block i.icon-hand {
        margin: -3px 0 0 6px;
    }
    .speciality-block .icon-block i.icon-database {
        margin: 2px 0 0 5px;
    }
    .speciality-block .title {
        margin: 0 0 13px -2px;
    }
    .about-section {
        padding: 9px 0 17px;
    }
    .about-section .text-block {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .about-section .text-block h2 {
        margin-bottom: 25px;
    }
    .logo-gallery {
        width: auto;
        margin: 0 -15px 52px;
        padding: 59px 15px 61px;
        text-align: center;
    }
    .logo-gallery h2 {
        margin-bottom: 40px;
    }
    .logo-gallery .logo-slider {
        margin: 0;
    }
    .logo-gallery .slick-list {
        padding-bottom: 9px;
    }
    .logo-slider .slide {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .logo-slider .col {
        -ms-flex-align: center;
        align-items: center;
    }
    .logo-slider .col:first-child {
        padding-right: 0;
    }
    .logo-slider img {
        margin-bottom: 48px;
    }
    .logo-slider .slick-dots {
        padding-left: 0;
    }
    .contact-section {
        margin: 0 -15px;
        padding-bottom: 54px;
    }
    .contact-section .drops-holder .drop1 {
        width: 703px;
        left: -255px;
        top: -257px;
    }
    .contact-section .drops-holder .drop2 {
        display: block;
        width: 557px;
        left: 31px;
        bottom: -150px;
    }
    .contact-section .contact-info {
        width: auto;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 20px;
        z-index: 5;
        padding: 75px 20px 79px;
    }
    .contact-section .contact-info h2 {
        margin-bottom: 28px;
    }
    .contact-section address {
        text-align: center;
        padding-bottom: 23px;
    }
    .social-networks {
        padding-left: 9px;
    }
    .social-networks li {
        margin-right: 9px;
    }
    .map-block {
        width: 100%;
        margin-top: -128px;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
    }
    .contact-holder {
        padding: 14px 7px 56px;
    }
    .contact-holder .drops-holder .drop1 {
        display: none;
    }
    .contact-holder .drops-holder .drop2 {
        display: block;
        width: 688px;
        left: 50%;
        top: -60px;
        transform: translateX(-50%);
        margin-left: 58px;
    }
    .contact-holder .page-heading {
        margin-bottom: 32px;
    }
    .contact-form input[type="submit"] {
        display: block;
        width: 100%;
        margin: 0;
    }
    .services-section {
        padding-top: 14px;
    }
    .services-section .services-heading {
        display: block;
    }
    .services-section .services-heading .drops-holder .drop1 {
        width: 342px;
        right: auto;
        left: -86px;
        top: 358px;
    }
    .services-section .services-heading .drops-holder .drop2 {
        display: none;
    }
    .services-section .services-heading .drops-holder .drop3 {
        width: 293px;
        right: auto;
        left: -92px;
        top: 182px;
    }
    .services-section .services-heading .drops-holder .drop4 {
        width: 149px;
        right: auto;
        left: -69px;
        top: 114px;
    }
    .services-section .services-heading .drops-holder .drop5 {
        display: block;
        width: 688px;
        left: -130px;
        top: -70px;
    }
    .services-section .services-heading .text-block {
        width: auto;
        padding: 0 0 26px;
    }
    .services-section .services-heading .page-heading {
        margin-bottom: 23px;
    }
    .services-section .services-heading h1 {
        text-align: center;
        font-size: 26px;
    }
    .services-section .services-heading .image-block {
        width: auto;
        margin: 0 -15px;
    }
    .services-holder {
        margin: 0 -15px;
    }
    .services-holder .column {
        width: auto;
    }
    .services-holder .column:last-child {
        width: 100%;
    }
    .services-holder .column:last-child .service-block {
        padding-left: 38px;
        padding-right: 38px;
    }
    .services-holder .drops-holder .drop1 {
        width: 721px;
        left: 45px;
        top: 85%;
    }
    .services-holder .drops-holder .drop2 {
        width: 531px;
        right: auto;
        left: -39px;
        top: 26.8%;
    }
    .service-block {
        padding: 37px 38px 18px;
        margin: 0 -15px;
        background: 0 0;
        box-shadow: 0 20px 54px -20px rgba(0, 0, 0, 0.12);
    }
    .service-block .heading {
        padding-bottom: 23px;
    }
    .service-block h2 {
        font-size: 24px;
    }
    .note-section.project-note {
        padding-bottom: 40px;
    }
    .note-section.references-note {
        padding-top: 19px;
    }
    .note-section.hosting-note {
        padding-top: 18px;
    }
    .note-section.hosting-note .note-block {
        max-width: none;
        padding: 55px 24px 63px;
    }
    .note-section.hosting-note .h1 {
        font-size: 26px;
        max-width: 260px;
    }
    .note-section {
        padding: 20px 0 46px;
    }
    .note-section .container {
        max-width: 472px;
        margin: 0 auto;
    }
    .note-section > .container > .drops-holder .drop1 {
        width: 711px;
        left: auto;
        right: -67px;
        top: -359px;
    }
    .note-section > .container > .drops-holder .drop2 {
        display: none;
    }
    .note-section > .container > .drops-holder .drop3 {
        width: 557px;
        left: 6px;
        top: 80px;
    }
    .note-block {
        background: 0 0;
        margin: 0 -15px;
        padding: 60px 20px 70px;
        text-align: center;
    }
    .note-block .drops-holder {
        display: none;
    }
    .note-block .h1 {
        font-size: 26px;
        line-height: 1.54;
        margin: 0 auto 28px;
        max-width: 180px;
    }
    .note-block .button {
        min-width: 233px;
    }
    .blog p {
        margin-bottom: 3.45em;
    }
    .image {
        margin: -4px -17px 0;
        padding-bottom: 53px;
    }
    .image img {
        display: block;
        max-width: 420px;
        margin: 0 auto;
    }
    .post-heading {
        padding-bottom: 39px;
        max-width: 420px;
    }
    .post-heading > .drops-holder .drop1 {
        left: -129px;
        top: -8px;
        width: 326px;
    }
    .post-heading > .drops-holder .drop2 {
        left: auto;
        top: 202px;
        width: 650px;
        right: -282px;
    }
    .post-heading .note-block {
        padding: 63px 30px 59px;
        margin: 0 -15px;
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.11);
    }
    .post-heading .note-block .page-heading {
        margin: 0 0 23px;
    }
    .post-heading .note-block h1 {
        font-weight: 100;
        font-size: 26px;
        line-height: 1.47;
    }
    .post-heading .note-block .drops-holder {
        display: block;
    }
    .post-heading .note-block .drops-holder .drop1 {
        width: 450px;
        right: -347px;
        top: -31px;
    }
    .post-holder .container {
        display: block;
    }
    .post-holder .heading {
        width: auto;
        text-align: center;
        padding-bottom: 31px;
    }
    .post-holder .heading time {
        margin-bottom: 19px;
    }
    .post-holder .heading .social-networks {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .post-holder .post {
        width: auto;
        padding: 0 2px;
    }
    .blog-section {
        padding-top: 14px;
    }
    .blog-heading {
        padding-bottom: 26px;
    }
    .blog-article {
        margin: 0 -15px 48px;
    }
    .blog-article:hover .description {
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.25);
    }
    .blog-article .image-block {
        float: none;
        margin: 0 0 -54px;
        text-align: center;
    }
    .blog-article .description {
        padding: 48px 15px 62px;
        text-align: center;
        z-index: 8;
    }
    .blog-article .description p {
        margin-bottom: 2.35em;
    }
    .blog-article h2 {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .blog-article .page-heading {
        letter-spacing: 0.08em;
        margin-bottom: 6px;
    }
    .blog-article time {
        text-align: center;
    }
    .blog-article[class*="align"] + .blog-article:not([class*="align"]) {
        padding-top: 75px;
    }
    .blog-article .drops-holder {
        z-index: 7;
    }
    .blog-article .drops-holder .drop1 {
        width: 582px;
        left: -347px;
        right: auto;
        bottom: auto;
        top: 15.2%;
    }
    .blog-article.alignleft,
    .blog-article.alignright {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .blog-article.alignleft .image-block,
    .blog-article.alignright .image-block {
        width: auto;
        max-width: 420px;
        margin: 0 auto;
    }
    .blog-article.alignleft .description,
    .blog-article.alignright .description {
        width: 100%;
        margin: 0;
        background: 0 0;
        padding: 48px 15px 53px;
    }
    .blog-article.alignleft .description p,
    .blog-article.alignright .description p {
        margin-bottom: 2.25em;
    }
    .blog-article.alignleft h2,
    .blog-article.alignright h2 {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .blog-article.alignleft .drops-holder .drop1,
    .blog-article.alignright .drops-holder .drop1 {
        width: 450px;
        top: -280px;
        right: -359px;
    }
    .blog-article.alignleft .drops-holder .drop2,
    .blog-article.alignright .drops-holder .drop2 {
        bottom: auto;
        width: 424px;
        top: -169px;
        right: auto;
        left: -226px;
    }
    .blog-article.alignright {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .blog-article.alignright .image-block {
        max-width: 420px;
        margin: 0 auto;
    }
    .blog-article.alignright .description {
        width: 100%;
        margin: 0;
        padding: 48px 15px 53px;
    }
    .blog-article.alignright .drops-holder .drop1 {
        width: 324px;
        top: -69px;
        right: auto;
        left: -126px;
        display: none;
    }
    .agency-section {
        padding-top: 14px;
    }
    .agency-section .agency-heading {
        padding-bottom: 26px;
    }
    .agency-section .agency-heading .drops-holder .drop1 {
        width: 731px;
        left: 45%;
        transform: translateX(-50%);
        top: auto;
        bottom: -61%;
    }
    .agency-section .agency-heading .drops-holder .drop2 {
        width: 688px;
        right: auto;
        left: 58%;
        transform: translateX(-50%) rotate(47deg);
        top: 1px;
    }
    .agency-section .agency-heading .drops-holder .drop3 {
        width: 462px;
        right: auto;
        left: 82%;
        top: 659px;
        transform: translateX(-50%);
    }
    .agency-section .agency-heading .block {
        text-align: center;
        padding-bottom: 89px;
        margin: 0 auto;
    }
    .agency-section .agency-heading .block p {
        margin: 0 0 20px;
    }
    .timeline {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        width: auto;
        padding: 0;
    }
    .timeline li {
        margin: 0;
        width: 160px;
        padding: 0 0 33px 34px;
    }
    .timeline li:before {
        left: 2px;
        top: 25px;
    }
    .timeline li:after {
        left: 7px;
        top: 26px;
        bottom: -26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(1) {
        margin: 0;
    }
    .timeline li:nth-child(1):after {
        left: 7px;
        top: 26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(3) {
        margin: 0;
    }
    .timeline li:nth-child(3):after {
        left: 7px;
        top: 26px;
        width: 1px;
        height: auto;
        transform: rotate(0);
    }
    .timeline li:nth-child(4) {
        margin: 0;
    }
    .timeline li:nth-child(4):after {
        display: none;
    }
    .timeline .number {
        font-size: 50px;
        margin-bottom: 9px;
    }
    .timeline p {
        margin: 0;
    }
    .team-section {
        padding-bottom: 56px;
    }
    .team-section .text-block {
        float: none;
        max-width: none;
        margin: 0;
        text-align: center;
        position: relative;
    }
    .team-section .text-block .drops-holder .drop1 {
        width: 737px;
        right: -26%;
        top: -184px;
    }
    .team-holder {
        margin: 0;
        padding: 0 4px;
        float: none;
    }
    .team-holder .frame {
        max-width: 282px;
        margin: 0 auto;
        position: relative;
    }
    .team-holder .drops-holder .drop1 {
        width: 28px;
        top: 219px;
        left: 150px;
    }
    .team-holder .drops-holder .drop2 {
        width: 32px;
        bottom: -14px;
        left: 77px;
    }
    .team-list {
        width: 220px;
    }
    .team-list:nth-child(2) {
        margin: 20px 0 100px 46px;
    }
    .team-list:nth-child(2) li:nth-child(2) {
        margin: -71px 0 59px 17px;
    }
    .team-list:nth-child(2) li:nth-child(3) {
        margin-left: 10px;
    }
    .team-list li {
        width: 129px;
        margin-bottom: 19px;
    }
    .team-list li:nth-child(2) {
        width: 86px;
        margin-left: 35px;
    }
    .team-list li:nth-child(3) {
        width: 86px;
        margin: -51px 0 0 -3px;
    }
    .team-list .name {
        bottom: -31px;
        left: -28px;
        right: -28px;
    }
    .about-block {
        padding-bottom: 45px;
    }
    .about-block .page-heading {
        margin-bottom: 26px;
    }
    .clients-section {
        margin: 0 -20px;
        padding: 59px 20px 40px;
        box-shadow: 0 -20px 54px -20px rgba(0, 0, 0, 0.12);
    }
    .clients-section .page-heading {
        margin-bottom: 39px;
    }
    .clients-slider img {
        margin-bottom: 47px;
    }
    .link-frame {
        margin: 0;
        padding-bottom: 50px;
    }
    .intro {
        text-align: center;
        padding: 0 0 44px;
    }
    .intro .container {
        padding: 0 0 42px;
    }
    .intro .inner {
        width: 100%;
        padding: 50px 25px 54px;
        margin: 0 auto;
        max-width: 472px;
    }
    .intro .decor-image {
        height: 100%;
        width: 100%;
        top: 0;
        margin-left: 0;
        left: 0;
    }
    .intro .description {
        padding-bottom: 11px;
        margin-bottom: 8px;
    }
    .intro .description:after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .intro .title {
        font-size: 36px;
        font-weight: 300;
    }
    .intro .drop1 {
        bottom: 0;
        top: -50px;
        right: -84%;
        margin-right: 0;
        width: 220%;
        max-width: 300%;
        z-index: 2;
        opacity: 0.7;
    }
    .intro .drop2 {
        bottom: -55%;
        right: -90%;
        width: 184%;
        max-width: 200%;
    }
    .project-block {
        padding-bottom: 41px;
    }
    .project-block .left {
        width: 100%;
        padding-bottom: 57px;
        padding-right: 0;
    }
    .project-block .right {
        margin: 0 auto;
        width: calc(100% - 6px);
        max-width: 370px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    }
    .project-block .right:after {
        display: none;
    }
    .project-block .list-block {
        text-align: center;
        padding-left: 0;
        padding-bottom: 55px;
    }
    .project-block .list-block:last-of-type {
        padding-bottom: 50px;
    }
    .project-block .page-heading {
        margin-bottom: 19px;
    }
    .project-block .custom-list {
        padding-top: 0;
        padding-left: 9px;
    }
    .custom-list li {
        padding-bottom: 27px;
    }
    .masonry-gallery-holder {
        padding-top: 0;
        margin: 0 auto;
        padding-bottom: 66px;
        max-width: 320px;
    }
    .masonry-gallery-holder .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .masonry-gallery .item {
        padding: 0 0 34px;
    }
    .masonry-gallery .inner.mod {
        margin: 0;
    }
    .masonry-gallery .inner.mod-large {
        margin-top: 0;
    }
    .grid-sizer,
    .masonry-gallery .item {
        width: 100%;
    }
    .intro-preferences {
        padding: 14px 0 0;
        text-align: center;
    }
    .intro-preferences .drop1 {
        display: block;
    }
    .intro-preferences .container {
        padding: 0;
    }
    .intro-preferences .info-slideshow .container {
        padding-bottom: 272px;
    }
    .intro-preferences .info-slideshow .container:after {
        top: auto;
        bottom: 166px;
        left: 77px;
    }
    .intro-preferences .info-slideshow .container:before {
        bottom: 183px;
        left: 41px;
        width: 55px;
    }
    .intro-preferences .page-heading {
        position: relative;
        padding-bottom: 7px;
        margin-bottom: 34px;
    }
    .intro-preferences .page-heading:after {
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .intro-preferences .title {
        font-size: 26px;
    }
    .intro-preferences .slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 33px;
    }
    .intro-preferences .text-block {
        width: 100%;
        margin: 0;
        padding: 37px 23px 46px;
    }
    .section-preferences .container {
        padding-top: 46px;
        padding-bottom: 50px;
    }
    .section-preferences .image-decor {
        width: 211%;
        left: -32%;
        max-width: 700px;
    }
    .section-preferences .drop1 {
        width: 682px;
        max-width: none;
        left: auto;
        right: 47px;
        bottom: 21%;
    }
    .section-preferences .image-block {
        width: 100%;
        text-align: left;
        padding: 0 15px 90px;
        margin: 0;
    }
    .section-preferences .image-block .picture {
        margin: 0;
        max-width: 150px;
    }
    .section-preferences .content {
        width: 100%;
        padding: 0 10px 0;
        text-align: center;
    }
    .section-preferences .page-heading:after {
        display: none;
    }
    .section-preferences .page-heading {
        font-size: 30px;
        margin-bottom: 21px;
    }
    .section-preferences .inner {
        padding-bottom: 25px;
    }
    .preferences-project {
        margin-bottom: 50px;
    }
    .preferences-project .container {
        padding-top: 89px;
        padding-bottom: 58px;
    }
    .preferences-project .holder {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .preferences-project .image-decor {
        min-height: 456px;
        right: 0;
        left: 0;
        width: 100%;
    }
    .preferences-project .drop1 {
        display: block;
        top: 52%;
        right: 20%;
    }
    .preferences-project .image-block {
        min-height: 451px;
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 0 0 4px;
        text-align: left;
        margin: 0 0 81px;
    }
    .preferences-project .picture {
        width: 163%;
        max-width: 466px;
    }
    .preferences-project .picture2 {
        right: 44%;
        max-width: 159px;
        bottom: -19px;
    }
    .preferences-project .content {
        width: 100%;
        padding: 0;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }
    .preferences-project .page-heading {
        font-size: 30px;
        margin-left: 0;
    }
    .preferences-project .page-heading:after {
        margin: 14px auto 0;
    }
    .benefit-section .container {
        padding: 0;
    }
    .benefit-section .drop1 {
        top: auto;
        bottom: 23%;
        width: 197%;
        max-width: none;
        left: -4%;
    }
    .benefit-section .row {
        text-align: center;
        padding-bottom: 14px;
    }
    .benefit-section .row.center {
        background-color: #fff;
        box-shadow: 0 0 54px rgba(0, 0, 0, 0.07);
        margin: 0;
        max-width: 100%;
        padding-top: 38px;
        padding-bottom: 23px;
    }
    .benefit-section .row.center .col {
        padding: 0 22px 22px;
    }
    .benefit-section .row.center .icon {
        position: relative;
        top: 0;
        width: 100%;
    }
    .benefit-section .row.bottom {
        padding-top: 71px;
    }
    .benefit-section .row.bottom .col {
        padding-right: 22px;
    }
    .benefit-section .row.bottom .col:last-child {
        padding-bottom: 0;
    }
    .benefit-section .col {
        width: 100%;
        padding: 0 22px 57px;
    }
    .benefit-section .col:last-child {
        padding-right: 22px;
    }
    .benefit-section .amount {
        font-size: 72px;
    }
    .benefit-section .amount sup {
        font-size: 19px;
    }
    .benefit-section .amount sup {
        top: 1.2em;
        margin-left: 15px;
    }
    .benefit-section .amount.large {
        font-size: 80px;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .benefit-section .amount.medium {
        font-size: 80px;
    }
    .benefit-section .amount.medium {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 29px;
    }
    .benefit-section .amount.medium sup {
        font-size: 30px;
        text-outline: 0.8em;
    }
    .benefit-section .page-heading {
        margin-left: 0;
        line-height: 1.5;
        margin-bottom: 17px;
    }
    .benefit-section .page-heading:after {
        margin: 4px auto 0;
    }
    .benefit-section .info {
        padding-bottom: 14px;
    }
    .benefit-section .info.large {
        line-height: 1.48;
    }
    .benefit-section .icon {
        font-size: 37px;
        margin-bottom: -1px;
    }
    .benefit-section .amount-holder {
        margin: 16px 0 -14px;
    }
    .benefit-section .amount-holder .item {
        width: 100%;
    }
}
.nojs {
    background: #fff5ce;
    border-bottom: 1px solid #fbc900;
    color: #b00000;
    font-size: 0.8em;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.frm-error {
    display: block;
    text-align: left;
    font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: red;
    padding-bottom: 12px;
}
.frm-success {
    display: block;
    text-align: left;
    font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #0c0;
    padding-bottom: 12px;
}
.frm-label-err {
    color: red;
}
.frm-label-error,
frm-input-error {
    color: red;
}
.browserupgrade {
    background: #ff0;
    color: red;
}
.clients-slider img {
    opacity: 0.7;
}
h2 a {
    color: inherit;
    transition: none;
}
.masonry-gallery img.iphone {
    max-width: 164px;
}
.info-slideshow .slide.slide2 .image-holder img {
    max-width: 593px;
}
.info-slideshow .slide.slide2 .button-holder,
.info-slideshow .slide.slide3 .button-holder {
    padding-top: 10px;
}
.info-slideshow .slide.slide3 .button-holder {
    padding-bottom: 40px;
}
@media (min-width: 1200px) {
    .services-holder .column.first {
        margin-top: 100px;
    }
}
#wrapper .preloader {
    background: #fff no-repeat center;
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2500;
}
#wrapper .preloader a.load-more {
    position: absolute;
    top: 45%;
    left: 45%;
}
.white {
    color: #fff;
}
.intro-slideshow #slick-slide01,
.intro-slideshow #slick-slide02 {
    opacity: 0;
}
.intro-slideshow .drops-holder .drop1,
.services-section .services-heading .drops-holder .drop4 {
    -webkit-animation: movedrop1 30s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: movedrop1 30s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}
.contact-section .drops-holder .drop1,
.intro-slideshow .drops-holder .drop2,
.note-section .drops-holder .drop2 {
    -webkit-animation: rotation-anti 55s infinite linear;
    animation: rotation-anti 55s infinite linear;
}
.intro-slideshow .drops-holder .drop3 {
    -webkit-animation: rotation 45s infinite linear;
    animation: rotation 45s infinite linear;
}
.intro-slideshow .drops-holder .drop4 {
    -webkit-animation: movedrop4 35s infinite ease-in;
    animation: movedrop4 35s infinite ease-in;
}
.agency-section .agency-heading .drops-holder .drop1,
.blog-article .drops-holder .drop2,
.intro-slideshow .drops-holder .drop5,
.services-section .services-heading .drops-holder .drop1 {
    -webkit-animation: rotation 65s infinite linear;
    animation: rotation 65s infinite linear;
}
.agency-section .team-section .drops-holder .drop1,
.services-holder .drops-holder .drop1,
.statistics-holder .drops-holder .drop4 {
    -webkit-animation: rotation 40s linear infinite both;
    animation: rotation 40s linear infinite both;
}
.agency-section .team-section .drops-holder .drop2,
.services-holder .drops-holder .drop1,
.statistics-holder .drops-holder .drop3 {
    -webkit-animation: rotation-anti 40s linear infinite both;
    animation: rotation-anti 40s linear infinite both;
}
.contact-holder .drops-holder .drop1,
.note-section .drops-holder .drop1 {
    -webkit-animation: movedrop1 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: movedrop1 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}
.agency-section .team-section .text-block .drops-holder .drop1,
.benefit-section .drop1,
.note-section .drops-holder .drop3,
.specialities-section .drops-holder .drop1 {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-animation: float 6s ease-in infinite both;
    animation: float 6s ease-in infinite both;
}
.agency-section .agency-heading .drops-holder .drop2,
.blog-article .drops-holder .drop1,
.services-section .services-heading .drops-holder .drop2,
.services-section .services-heading .drops-holder .drop3,
.specialities-section .drops-holder .drop2 {
    -webkit-transform: translatex(0);
    transform: translatex(0);
    -webkit-animation: floatx 6s ease-in infinite both;
    animation: floatx 6s ease-in infinite both;
}
.agency-section .agency-heading .drops-holder .drop3,
.specialities-section .drops-holder .drop3 {
    -webkit-transform: translatey(0);
    transform: translatey(0);
    -webkit-animation: float 6s ease-in infinite both;
    animation: float 6s ease-in infinite both;
}
.hosting-intro .intro-slideshow .slide3 img:first-child,
.intro-slideshow #slick-slide02 img:first-child {
    -webkit-animation: slideInRight 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: slideInRight 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hosting-intro .intro-slideshow .slide3 img:nth-child(2),
.intro-slideshow #slick-slide02 img:first-child {
    -webkit-animation: slideInRight 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation: slideInRight 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes movedrop1 {
    35% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
    55% {
        -webkit-transform: translate(0, -30px) rotate(10deg);
        transform: translate(0, -30px) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(-50px, 0) rotate(-15deg);
        transform: translate(-50px, 0) rotate(-15deg);
    }
}
@keyframes movedrop1 {
    35% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
    55% {
        -webkit-transform: translate(0, -30px) rotate(10deg);
        transform: translate(0, -30px) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(-50px, 0) rotate(-15deg);
        transform: translate(-50px, 0) rotate(-15deg);
    }
}
@-webkit-keyframes movedrop4 {
    35% {
        -webkit-transform: translate(-50px, 0) rotate(-30deg);
        transform: translate(-50px, 0) rotate(-30deg);
    }
    55% {
        -webkit-transform: translate(-30px, 0) rotate(10deg);
        transform: translate(-30px, 0) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
}
@keyframes movedrop4 {
    35% {
        -webkit-transform: translate(-50px, 0) rotate(-30deg);
        transform: translate(-50px, 0) rotate(-30deg);
    }
    55% {
        -webkit-transform: translate(-30px, 0) rotate(10deg);
        transform: translate(-30px, 0) rotate(10deg);
    }
    85% {
        -webkit-transform: translate(0, -50px) rotate(0);
        transform: translate(0, -50px) rotate(0);
    }
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@-webkit-keyframes floatx {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    50% {
        -webkit-transform: translatex(20px);
        transform: translatex(20px);
    }
    100% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes floatx {
    0% {
        -webkit-transform: translatex(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(20px);
        transform: translatey(20px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
to {
    transform: rotate(359deg);
}
to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
to {
    transform: rotate(0);
}
.intro-slideshow h1 span,
.intro-slideshow h2 span {
    display: block;
}
body.home .page-heading {
    display: block;
}