@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,700i,900&subset=latin-ext,latin);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext,latin);
a, blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6,
html, iframe, img, input, li, object, ol, p, pre, select, span, textarea,
ul {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box
}

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

audio, canvas, video {
    display: inline-block
}

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

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

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

button, html, input, select, textarea {
    font-family: sans-serif
}

body > iframe {
    display: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

a {
    text-decoration: none
}

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

ol, ul {
    list-style: none
}

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

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    min-height: 30px;
    max-height: 400px;
    resize: vertical
}

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

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

input[type=search] {
    -webkit-appearance: textfield
}

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

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

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

small {
    font-size: 85%
}

strong, th {
    font-weight: 700
}

td, td img {
    vertical-align: top
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0
}

html {
    height: 100%
}

body {
    font: 12px / 1.2 Arial, sans-serif;
    background: #fff;
    height: 100%;
    width: 100%
}

input, select, textarea {
    color: #444;
    font: 12px Arial, sans-serif
}

a:link {
    -webkit-tap-highlight-color: #478FB2
}

a {
    color: #4aa6bd
}

a:hover {
    color: #036
}

::-webkit-input-placeholder {
    color: #878a8c
}

::-moz-placeholder {
    color: #878a8c;
    opacity: 1
}

::-moz-selection {
    color: #fff;
    background: #0078AE
}

::selection {
    color: #fff;
    background: #0078AE
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

.foot-area a:not(.btn-simple), .header a, .text-lnk {
    transition: color .3s ease-out, background-color .3s ease-out;
    cursor: pointer
}

.clearfix:after, .clearfix:before, .container:after, .container:before,
.f-row:after, .f-row:before, .nav:after, .nav:before {
    content: "";
    display: table
}

.clearfix:after, .container:after, .f-row:after, .nav:after {
    clear: both
}

.hidden {
    display: none;
    visibility: hidden
}

.no-marg {
    margin: 0 !important
}

.no-marg-b {
    margin-bottom: 0 !important
}

.no-pad {
    padding: 0 !important
}

.no-pad-b {
    padding-bottom: 0 !important
}

.no-pad-t {
    padding-top: 0 !important
}

.no-bg {
    background: none !important
}

.no-bd {
    border: none !important
}

.fl-l {
    float: left !important
}

.fl-r {
    float: right !important
}

.a-center {
    text-align: center
}

.a-left {
    text-align: left
}

.a-right {
    text-align: right
}

.clear {
    clear: both
}

.d-block {
    display: block !important
}

.d-none, .show-in-desktop, .show-in-mobile, .show-in-tablet {
    display: none
}

.d-block-mobile, .d-block-tablet {
    display: inline
}

.t-holder {
    display: table;
    width: 100%
}

.t-cell {
    display: table-cell;
    vertical-align: middle
}

.ir {
    border: 0;
    font: 0 / 0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent
}

.wrapper {
    height: auto !important
}

.frame {
    max-width: 980px;
    margin: 0 auto;
    min-width: 268px
}

.frame-wide {
    max-width: 1144px
}

.header {
    padding: 23px 0 21px;
    border-top: 5px solid #0078ae;
    position: relative;
    background: #fff;
    box-shadow: 0 3px 3px rgba(132, 136, 138, .1)
}

.header .frame {
    position: relative
}

.header-shadow {
    -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 5px 5px -5px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 5px 5px -5px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.logo {
    float: left;
    position: absolute;
    top: 0;
    left: 0
}

.logo a {
    background: url(../images/logo.png) no-repeat;
    display: block;
    height: 65px;
    width: 360px;
    font: 0 / 0 serif;
    color: transparent
}

.logo img {
    display: none
}

.head-r-side {
    float: right
}

.head-top {
    float: right;
    text-align: right;
    max-width: 615px;
    padding-top: 10px
}

.ht-nav {
    float: right;
    font: 0 / 0 Arial
}

.additional-nav {
    display: inline-block;
    vertical-align: middle
}

.ht-nav li {
    display: inline-block;
    padding: 0 2px 0 5px
}

.ht-nav li a {
    color: #878a8c
}

.ht-nav li:first-child {
    border: none
}

.ht-simplemenu li:first-child em.arrow {
    background: 0 0
}

.ht-simplemenu em.arrow {
    width: 4px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
    background: url(../images/sprite.png) -44px 0 no-repeat
}

.ht-simplemenu .phone em {
    background: url(../images/sprite.png) no-repeat;
    width: 21px;
    height: 21px;
    margin: 0 5px 0 0;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: top
}

.ht-simplemenu .phone {
    font: 700 16px / 20px Roboto, arial, sans-serif;
    color: #5a6063;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 9px;
    padding: 2px 0 3px 15px;
    border-left: 1px solid #dadada
}

.ht-simplemenu .phone:hover {
    color: #5a6063
}

.search-line {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 9px;
    border-left: 1px solid #dadada;
    margin: -5px 0 0 12px
}

.ht-simplemenu .search {
    background: url(../images/sprite.png) -23px 0 no-repeat;
    width: 21px;
    height: 21px;
    margin: 2px 5px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    color: transparent;
    overflow: hidden;
    text-align: left
}

.ht-simplemenu .search:hover {
    background: url(../images/sprite.png) -300px 0 no-repeat
}

.separate-border {
    background: url(../images/sprite.png) -50px 0 no-repeat;
    width: 1px;
    height: 25px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: bottom
}

.additional-nav li a, .additional-nav li span {
    float: left;
    font: 13px / 25px Arial
}

.btn-raq {
    border-left: 1px solid #DADADA;
    color: #90c404 !important;
    padding-right: 2px !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-weight: 900
}

.btn-raq:after {
    content: "»";
    font: 900 26px / 14px Roboto, Arial, sans-serif;
    padding-left: 6px;
    vertical-align: -2px;
    position: relative;
    left: 0;
    transition: left .2s linear
}

.btn-raq:hover:after {
    left: 2px
}

.hm-advancedmenu {
    float: right;
    padding: 30px 0 0
}

.header .hm-advancedmenu .active a, .header .hm-advancedmenu li:hover > a {
    color: #0078ae !important
}

.header .nav {
    clear: both;
    text-align: left;
    font: 14px / 35px Roboto-m, Arial, sans-serif;
    float: right
}

.header .nav > li {
    float: left;
    position: relative
}

.header .nav > li > a {
    color: #5a6063;
    display: block;
    font: 500 14px / 25px Roboto, Arial, sans-serif;
    padding: 0 13px 11px;
    text-transform: uppercase
}

.header .nav > li.no-link > a {
    cursor: default
}

.header .nav > li.active a {
    color: #389fd8 !important;
    position: relative
}

.header .nav > li.active:before {
    background: url(../images/sprite.png) -250px 0 no-repeat;
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 13px;
    margin-left: -2px;
    height: 7px;
    content: ''
}

.h-animated .nav > li.active:before {
    display: none
}

.header .nav > li:first-child {
    border-left: medium none
}

.header .nav li:nth-child(1) {
    max-width: 99px
}

.header .nav li:nth-child(2) {
    max-width: 91px
}

.header .nav li:nth-child(3) {
    max-width: 82px
}

.header .nav li:nth-child(4) {
    max-width: 94px
}

.header .nav li:nth-child(5) {
    max-width: 87px
}

.header .active a, .header a:hover {
    color: #009ddc !important
}

.nav .p-box {
    width: 0;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap;
    transition: all .2s ease-out
}

.header .open-m-menu, .mm-opening .header .open-m-menu {
    display: none
}

.menu-title .open-m-menu {
    float: right;
    margin: 9px 0 0
}

.open-m-menu {
    float: left;
    margin: -3px 17px 0 0;
    position: relative;
    overflow: hidden;
    width: 54px;
    height: 36px;
    cursor: pointer;
    border-right: 1px solid #dadada
}

.open-m-menu span {
    display: block;
    position: absolute;
    top: 15px;
    left: 12px;
    right: 12px;
    height: 5px;
    border-radius: 3px;
    background: #0078ae;
    transition: transform .3s
}

.open-m-menu span:after, .open-m-menu span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #0078ae;
    border-radius: 3px;
    content: ""
}

.open-m-menu span:before {
    top: -9px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: transform .3s, width .3s, top .3s
}

.open-m-menu span:after {
    bottom: -9px;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: transform .3s, width .3s, bottom .3s
}

.open-m-menu:focus {
    outline: 0
}

.menu-title {
    border-top: 5px solid #0078ae;
    width: 205px;
    height: 62px;
    background: #fff;
    font: 500 17px / 59px Roboto, sans-serif;
    color: #0078ae;
    text-transform: uppercase;
    padding: 0 0 0 26px
}

.search-field {
    float: left;
    width: 0;
    overflow: hidden;
    transition: all .4s linear
}

.search-field input[type=text] {
    width: 110px;
    padding: 5px 5px 4px;
    font: 12px / 15px Arial, Helvetica, sans-serif;
    color: #5a6063;
    border: 1px solid #ccc;
    margin: 0 4px 0 0
}

.search-active .search-field {
    width: 110px
}

.nav-submenu {
    -webkit-transform: translateX(-49.9%)
}

.header .nav > li:hover .nav-submenu {
    opacity: 1;
    visibility: visible
}

.nav-submenu:before {
    -webkit-transform: translateX(-50%) rotate(45deg)
}

.mobnav-sublevel {
    margin: 10px 0 25px;
    font-size: 16px;
    background: rgba(255, 255, 255, .1);
    display: none
}

.sub .drop-open .mobnav-sublevel {
    display: block
}

.mobnav-sublevel a {
    color: #fff;
    display: block;
    padding: 7px 15px;
    border-top: 1px solid #0ae;
    transition: all .1s linear
}

.mobnav-sublevel li:last-child a {
    border-bottom: 1px solid #0ae
}

.mobnav-sublevel li:hover a {
    border-color: #fff;
    background: rgba(255, 255, 255, .08)
}

.mobnav-sublevel li:hover + li a {
    border-top-color: #fff
}

.foot-area .tag {
    font: 400 12px / 11px Arial, sans-serif;
    color: #9a9a9a;
    text-transform: uppercase;
    margin: 0 0 8px;
    padding: 0 0 0 8px;
    border-left: solid 2px #0087bd
}

.foot-area .btn-raq {
    font-size: 17px;
    border-left: 0;
    transition: color .3s ease-out
}

.foot-area .btn-raq:after {
    font-size: 28px
}

.foot-area .btn-raq:hover, .foot-area .btn-raq:hover:after {
    color: #0078ae !important
}

.foot-area .ttl {
    display: block;
    color: #0477ae;
    margin-bottom: 20px;
    font: 700 36px / 1.3 Roboto, Arial, Helvetica, Sans-Serif;
    letter-spacing: -1px
}

.subscribe-form {
    background: #f4f4f4;
    border-radius: 4px;
    position: relative;
    max-width: 664px;
    margin: 0 auto
}

.subscribe-form input[type=text] {
    background: 0 0;
    border-radius: 4px;
    border: 0;
    padding: 0 174px 0 29px;
    color: #767676;
    font: 400 italic 18px / 53px Roboto, sans-serif;
    width: 100%;
    height: 53px
}

.subscribe-form input[type=text]::-webkit-input-placeholder {
    color: #777
}

.subscribe-form input[type=text]::-moz-placeholder {
    color: #777
}

.subscribe-form .btn-simple {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    white-space: nowrap;
    min-width: 158px;
    margin: 0;
    text-shadow: none;
    color: #fff !important;
    font-size: 17px;
    padding: 15px 40px;
    cursor: pointer;
    height: 53px
}

.subscribe-form .btn-simple:after {
    border-color: #fff
}

.subscribe .message {
    font-weight: 700;
    padding: 10px 0;
    color: #D02525
}

.subscribe .thank-you-message {
    font-weight: 700;
    font-size: 20px;
    padding: 10px 0;
    color: #aad15a
}

.subscribe {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    padding: 40px 20px 0;
    text-align: center;
    min-height: 210px;
    overflow: hidden
}

.foot-area .f-post-mob {
    display: none
}

.f-post {
    position: relative;
    background: #f6f6f6;
    padding: 60px 0 20px;
    border-top: 3px solid #e8e8e8
}

.f-post .frame {
    max-width: 1586px
}

.f-post .t-holder {
    table-layout: fixed
}

.f-post .divider {
    display: table-cell;
    width: 2.5%
}

.f-post .t-cell {
    display: table-cell;
    width: 48.75%;
    vertical-align: top;
    text-align: center;
    padding-bottom: 23px
}

.f-post .info {
    margin-bottom: 20px
}

.f-post-item {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    padding: 23px;
    position: relative
}

.whitepaper-post:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -5px;
    background: url(../images/home/foot-post-whitepaper.jpg) no-repeat;
    width: 299px;
    height: 87px
}

.foot-area .f-post .tag {
    color: #009ddc
}

.f-post .txt {
    padding-left: 35px;
    position: relative;
    z-index: 2
}

.f-post .blog-post .visual {
    text-align: center
}

.f-post .whitepaper-post .visual {
    text-align: center
}

.f-post .blog-post .txt {
    padding: 0 35px 0
}

.f-post .whitepaper-post .txt {
    padding: 0 35px 0 0
}

.f-post a {
    color: #0078ae
}

.f-post h6 {
    color: #0078ae;
    font: 700 28px / 1.15 Roboto, Arial, Helvetica, Sans-Serif
}

.blog-post h6 {
    border-bottom: 1px solid #d8d9d9;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.whitepaper-post h6 {
    border-bottom: 1px solid #d8d9d9;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.f-post .txt, .f-post .visual {
    display: inline-block;
    width: 49.7%;
    vertical-align: middle
}

.download-lnk {
    color: #90c404 !important;
    text-transform: uppercase;
    font: 700 17px / 1.15 Roboto, Arial, Helvetica, Sans-Serif
}

.download-lnk .icon {
    top: -5px;
    position: relative;
    display: inline-block;
    width: 6px;
    height: 9px;
    background: #90c404;
    margin-left: 9px;
    transition: all .2s linear
}

.download-lnk .icon:after, .download-lnk .icon:before {
    content: "";
    position: absolute;
    transition: border-color .2s linear
}

.download-lnk .icon:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #90c404;
    bottom: -4px;
    left: 50%;
    margin-left: -6px
}

.download-lnk .icon:before {
    bottom: -8px;
    left: -4px;
    width: 12px;
    height: 2px;
    border: solid #90c404;
    border-width: 0 1px 2px
}

.download-lnk:hover {
    color: #0078ae !important
}

.download-lnk:hover .icon {
    background-color: #0078ae;
    top: -2px
}

.download-lnk:hover .icon:before {
    border-color: #0078ae
}

.download-lnk:hover .icon:after {
    border-top-color: #0078ae
}

.socials-box {
    position: relative
}

.socials-box:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: #0f1217
}

.socials-box .frame {
    position: relative;
    z-index: 2;
    max-width: 1578px;
    background: #00a3de;
    border-radius: 5px;
    text-align: center;
    padding: 50px 20px;
    margin: 0 auto
}

.socials-box .ttl {
    color: #fff
}

.socials {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #5cc2e9;
    max-width: 1444px;
    margin: 0 auto
}

.socials .item {
    background: rgba(37, 37, 37, .1);
    border-left: 1px solid #5cc2e9;
    display: table-cell;
    height: 73px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font: 700 25px / 1.2 Roboto, Arial, Helvetica, Sans-Serif;
    transition: background .2s ease-out
}

.socials .item:first-child {
    border-left: none
}

.socials .icn {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    background-image: url(../images/home/socials.png)
}

.socials .soc-gp .icn {
    width: 27px;
    height: 29px;
    background-position: 0 2px
}

.socials .soc-in .icn {
    width: 28px;
    height: 25px;
    background-position: -29px 0
}

.socials .soc-fb .icn {
    width: 15px;
    height: 30px;
    background-position: -59px 0
}

.socials .soc-inst .icn {
    width: 27px;
    height: 28px;
    background-position: -76px 1px
}

.socials .soc-tw .icn {
    width: 31px;
    height: 27px;
    background-position: -105px 1px
}

.socials .soc-subscr .icn {
    width: 24px;
    height: 26px;
    background-position: -138px 2px
}

.socials .soc-gp:hover {
    background-color: #dd4b39
}

.socials .soc-in:hover {
    background-color: #007bb5
}

.socials .soc-fb:hover {
    background-color: #3b5998
}

.socials .soc-inst:hover {
    background-color: #e95950
}

.socials .soc-tw:hover {
    background-color: #55acee
}

.socials .soc-subscr:hover {
    background-color: #fbb345
}

.location-area {
    position: relative;
    width: 100%;
    background-color: #05679c;
    padding: 87px 20px 166px;
    margin-bottom: -121px;
    color: #fff;
    line-height: 1.4
}

.location-area .frame {
    max-width: 1578px;
    border-radius: 5px;
    padding: 25px;
    border: 1px solid rgba(86, 207, 255, .3);
    border-top: none;
    position: relative;
    z-index: 2
}

.location-ttl {
    display: block;
    position: relative;
    text-align: center;
    font: 700 36px Roboto, Arial, Helvetica, Sans-Serif;
    margin-top: -80px
}

.location-ttl svg {
    display: inline-block;
    width: 50px;
    height: 60px;
    fill: #fff;
    opacity: .2;
    position: relative;
    top: 17px;
    margin-right: 3px
}

.location-ttl span {
    display: inline-block
}

.location-ttl span:after, .location-ttl span:before {
    content: "";
    height: 26px;
    width: 41%;
    position: absolute;
    top: 76%;
    border: rgba(86, 207, 255, .3) solid;
    border-width: 1px 0 0
}

.location-ttl span:after {
    left: -25px;
    border-radius: 5px 0 0
}

.location-ttl span:before {
    right: -25px;
    border-radius: 0 5px 0 0
}

.location-subttl {
    display: block;
    font-size: 28px
}

.location-area .t-holder {
    border-top: 13px solid transparent
}

.location-cell {
    vertical-align: top;
    width: 25%;
    position: relative;
    transition: width .5s linear;
    overflow: hidden
}

.location-cell:not(:first-child):not(.loc-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: rgba(86, 207, 255, .3)
}

.location-cell.loc-active {
    width: 50%
}

.location-cell.loc-active:before {
    background: 0 0
}

.loc-visual {
    transition: all .5s linear;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 390px;
    width: 0;
    overflow: hidden;
    text-align: right
}

.loc-visual img {
    max-width: 999px
}

.loc-txt {
    padding: 23px 35px 23px 0;
    float: right;
    width: 345px
}

.loc-houston .loc-txt {
    width: 355px
}

.loc-active .loc-visual {
    width: 363px
}

.loc-contact {
    display: inline-block
}

.loc-houston .loc-contact {
    margin-top: -4px
}

.link-more {
    font: 900 14px / 25px Roboto, Arial, sans-serif;
    color: #90c404 !important;
    text-transform: uppercase;
    padding-right: 0 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-more:hover {
    color: #036 !important
}

.link-more:after {
    font: 900 24px / 14px Roboto, Arial, sans-serif;
    padding-left: 5px;
    vertical-align: -2px;
    content: "\bb"
}

.loc-contact, .loc-contact .link-more {
    font: 700 17px Roboto, Arial, Helvetica, Sans-Serif
}

.loc-contact .link-more:after {
    transition: padding-left .2s linear;
    font-size: 30px
}

.loc-contact .link-more, .loc-phone, .loc-phone > a {
    color: #fff !important
}

.loc-contact .link-more:hover:after {
    padding-left: 7px
}

.loc-phone:after {
    content: "";
    display: inline-block;
    height: 21px;
    width: 1px;
    background: rgba(255, 255, 255, .24);
    margin-right: 20px;
    position: relative;
    top: 5px;
    right: -11px
}

.loc-phone svg {
    display: inline-block;
    width: 23px;
    height: 23px;
    fill: #fff;
    position: relative;
    top: 6px
}

.loc-address {
    padding: 8px 0 13px;
    font-style: normal;
    display: block;
    font-size: 17px
}

.bfm-awards {
    background: #fff;
    text-align: center;
    padding: 55px 0 40px;
    max-width: 1103px;
    margin: 0 auto
}

.foot-area .bfm-awards {
    border-bottom: 3px solid #e8e8e8
}

.bfm-awards .ttl {
    text-align: center;
    font: 300 27px / 36px Roboto, sans-serif;
    color: #5a6063;
    margin: 0 0 40px;
    display: block
}

.bfm-awards .ttl span {
    display: block;
    font: 700 50px / 45px Roboto, sans-serif;
    color: #0078ae;
    padding-bottom: 9px
}

.bfm-awards .ttl strong {
    font-family: Roboto, sans-serif;
    font-weight: 700
}

.bfm-awards .ttl em.mobile-wrap {
    font-style: normal
}

.bfm-awards-list {
    display: table;
    width: 100%;
    padding: 0 0 27px
}

.bfm-awards-list .item {
    display: table-cell;
    width: 33.3%;
    text-align: center;
    font: 400 15px Roboto, sans-serif;
    color: #5a6063
}

.bfm-awards-list .item strong {
    font-family: Roboto, sans-serif;
    font-weight: 700
}

.bfm-awards-list img {
    display: block;
    margin: 20px auto 0
}

.bfm-awards .txt {
    font: 700 38px 'Roboto Condensed', sans-serif;
    color: #0078ae;
    padding: 0 0 20px
}

.bfm-awards .txt span {
    font: italic normal 28px Georgia, serif;
    color: #5a6063
}

.bfm-awards .btn-green {
    float: none;
    display: inline-block;
    font-size: 21px;
    padding: 12px 40px 14px;
    border-radius: 22px
}

.rd-holder {
    overflow: hidden;
    background: #f6f6f6;
    position: relative;
    padding: 50px 0
}

.rd-holder:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 2px 10px rgba(0, 0, 0, .05)
}

.rd-holder .ready-discuss {
    text-align: center
}

.f-menu-wrapper {
    color: #798185;
    font: 300 16px Roboto, sans-serif
}

.f-menu-wrapper .t-cell {
    vertical-align: top;
    white-space: nowrap
}

.f-menu-content {
    background: #101417;
    padding: 32px 0 36px
}

.f-menu-content .fmc-list li {
    display: inline-block;
    margin: 10px 10px 0
}

.f-menu-content .fmc-list a {
    color: #798185;
    font: 500 14px / 14px Roboto, Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    transition: color .2s linear
}

.f-menu-content .fmc-list .active a, .f-menu-content .fmc-list a:hover {
    color: #fff
}

.fmc-contact .loc-phone svg {
    fill: #798185
}

.fmc-contact .loc-phone, .fmc-contact .loc-phone > a {
    color: #798185 !important
}

.fmc-contact .loc-phone:hover svg {
    fill: #fff
}

.fmc-contact .loc-phone:hover > a {
    color: #fff !important
}

.fmc-contact .loc-phone:after {
    display: none
}

.fmc-contact {
    text-align: right
}

.fmc-contact li {
    display: inline-block
}

.fmc-contact {
    width: 40%
}

.fmc-list {
    width: 60%
}

.fmc-contact li:not(:first-child):before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 1px;
    background: #646b6e;
    margin: 0 15px 0 10px;
    position: relative;
    top: 1px
}

.fmc-copyright {
    color: #798185;
    background: #161b20;
    font: 300 14px / 14px Roboto, Arial, Helvetica, Sans-Serif;
    text-align: center;
    padding: 20px 0 20px
}

.fmc-copyright a {
    color: #798185;
    position: relative;
    display: inline-block
}

.fmc-copyright a:after {
    content: "";
    height: 1px;
    margin: 2px auto 0;
    width: 100%;
    display: block;
    background-color: #798185;
    transition: width .3s linear
}

.fmc-copyright a:hover {
    color: #fff
}

.fmc-copyright a:hover:after {
    width: 0;
    background: #fff
}

.frame-alt {
    max-width: 1580px;
    margin: 0 auto;
    min-width: 320px;
    position: relative;
    z-index: 3
}

.home-slider-wrapper {
    padding-top: 104px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 4
}

.hs-demo {
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 32%
}

.slider-activated .hs-demo {
    opacity: 0;
    transition: opacity .4s, z-index 0s .4s;
    z-index: -1
}

.hs-left .btn-raq {
    display: inline-block;
    font: 500 18px / 1.3 Roboto, Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 3;
    margin: 30px 0 40px;
    padding: 0 !important;
    border: none;
    text-transform: uppercase;
    transition: color .3s ease-out
}

.hs-left .btn-raq:after {
    font-size: 30px
}

.hs-left .btn-raq:hover {
    color: #0078ae !important
}

.home-slider {
    position: absolute;
    top: 0;
    left: 43%;
    opacity: 0;
    transition: opacity .4s;
    cursor: pointer
}

.home-slider.activated {
    opacity: 1
}

.home-slider img {
    display: block;
    max-width: none
}

.home-slider .slides {
    width: 100%
}

.home-slider .slides > li {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .5s, transform .5s;
    transition: -webkit-transform .5s, transform .5s
}

.home-slider .slides > li.flex-active-slide {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.home-slider .slides > li.deactive-next {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.home-slider .slides > li.active-next {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.home-slider .slides > li.deactive-prev {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.home-slider .slides > li.active-prev {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: none
}

.mobile-mode .home-slider .slides > li {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.hs-items-desc {
    padding-top: 116px;
    position: absolute;
    top: 195px;
    left: 55px;
    font: 300 17px / 24px Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #878a8c;
    z-index: 3;
    -webkit-background-size: 100%;
    background: rgba(255, 255, 255, .75);
    border-radius: 50%;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .07);
    width: 343px;
    height: 343px
}

.active-item-3 .hs-items-desc {
    background: 0 0;
    box-shadow: none;
    z-index: 1
}

.hs-items-logo {
    width: 100%;
    position: absolute;
    bottom: 263px;
    left: 0
}

.hs-items-logo img {
    display: inline-block;
    position: absolute;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .4s
}

.hs-items-logo img.active {
    position: relative;
    opacity: 1;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.hs-items-logo .logo-paul {
    top: 20px
}

.hs-items-logo .logo-baldor {
    top: 17px
}

.hs-item-text {
    display: none;
    width: 270px;
    max-width: 100%;
    margin: 0 auto
}

.hs-item-text.active {
    display: block
}

.home-slider .hs-btn {
    display: inline-block;
    margin-top: 15px;
    font: 700 16px Roboto, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: color .3s
}

.home-slider .hs-btn .icon {
    display: inline-block;
    position: relative;
    top: -11px;
    font-size: 27px;
    vertical-align: top
}

.hs-control-nav {
    position: absolute;
    left: 50%;
    bottom: 40px;
    line-height: 13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hs-control-nav ul {
    display: inline-block
}

.hs-control-nav .control-nav-item, .hs-control-nav li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 8px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    background: #D1D1D1;
    background-clip: content-box;
    box-shadow: inset 0 0 3px #D1D1D1;
    cursor: pointer;
    transition: box-shadow .3s, background-color .3s
}

.hs-control-nav .control-nav-item:before, .hs-control-nav li:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    box-sizing: border-box
}

.hs-control-nav .control-nav-item:after, .hs-control-nav li:after {
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    background: 0 0
}

.hs-control-nav .control-nav-item:hover:before, .hs-control-nav li:hover:before {
    width: 240%;
    height: 240%;
    top: -70%;
    left: -70%;
    border-color: #90C404;
    box-shadow: inset 0 0 3px #90C404
}

.hs-control-nav .control-nav-item.flex-active, .hs-control-nav li.flex-active {
    background: #90C404;
    box-shadow: inset 0 0 3px #90C404, 0 0 0 3px #90C404
}

.hs-control-nav .control-nav-item.flex-active:before, .hs-control-nav li.flex-active:before {
    display: none
}

.active-item-3 .hs-direction-nav .next:after, .hs-direction-nav .next,
.hs-direction-nav .prev, .init-slider:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczNTc1MzMzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczNTc1MzQzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzM1NzUzMTNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzM1NzUzMjNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pviz9a0AAALMSURBVHjatFc9SFtRFH55eVYxSAYpmElEsKUu0sFJHJykYIcq0tIhUIcOKSIdOmRxsSYdRCguKSTSoZQW2sGOBdeODk4dtW8sBRfB0OT1e+n34Hi47zfxhI/knpx7/u4579yXW/n+28pAb4E7wArX34CfwGZaRXYG4+vAC2ASaBOT5K3ftAP3gBaQA/YFf5+8FmVuxIEx4AtQAM6AQ/HfIXkFyowN2oEgurtc15j6gNrkWZQJsjQwB7aANf4+V9HLLJzz9xr3DMSBBeCNWOvoTVmwuGehXwcmgM/AkIi+FSHfElkY4t6JrA7kgU9ASfDqIdHLLNTFukQd+SwO+ClcFOtfQDPBkTUpG9CiOsJEDqwCLxWvFhN9WC1Y1LWa1IEZRiHbyE0YvcyCq9q4Sd2RDowCX4Gi4u8mjF5mYVfxitQ9GuXAO2BW8dyYyo/qCFfxZmnD6EAFeGpQ5J/nVQYHrgy1YNFGRTtwH9gzCKc9+7haCGiPNnsOjAAfgWGDYD1j9DILdQN/mDZHnMKfs7Ld+etXZxfF2kW95li1Hj7T/ld/lJuGto7QCYWeH/hMN++UbRhvYHHwPxueY3leHrB735bnn9VUH9anejqu63SY+QPfti2m3ZFBwS1gpw8HdqhD01EwLQMH/BQ9AU4Mwo+BuQzG57hX0wltdXQbXgIPDVVrh7RTHNUMzxmXNi7DHkS+wAPgQvGXgaUUxpe4R9IFdbtxs+AUeGR49NYSXrNyhoy1qfM06TQ8Bp5Z13twPmyiGSbpvFh71HWc9j7wAagq3mvAidjjUEZSlboyXcn8p1hDjeqNCPkNNXIbIU/CVJfSTZW+bT1SxSjfVscY+6qWxAFdQKWQK/eWuD+GFXLm9wLdQq+AcfH/OHlRrdz3q5lUXFQFWiXP2OuDfDmVqfUH1W2iEtXrVkzbpCW/uJ4DZXF9+wG8D+v1KPonwAAQBLPUY6tK2wAAAABJRU5ErkJggg==)
}

.hs-direction-nav .next, .hs-direction-nav .prev {
    width: 16px;
    height: 33px;
    position: absolute;
    top: 151px;
    cursor: pointer;
    transition: opacity .3s
}

.hs-direction-nav .next:hover, .hs-direction-nav .prev:hover {
    opacity: .7
}

.hs-direction-nav .prev {
    left: 13px
}

.hs-direction-nav .next {
    right: 13px;
    background-position: -16px 0
}

.preload-imgs {
    width: 35.8779%;
    height: 57.473%;
    position: absolute;
    top: 10.6317%;
    left: 24.6183%
}

.preload-imgs .img {
    width: 41.7553%;
    height: 42.0912%;
    position: absolute;
    opacity: 0;
    transition: opacity 1s linear
}

.preload-imgs.ready .img {
    opacity: 1
}

.preload-imgs.loaded .img {
    opacity: 1;
    transition: none
}

.preload-imgs .img-1 {
    top: 13.941%;
    left: 0;
    transition-delay: .4s
}

.preload-imgs .img-2 {
    top: 0;
    left: 43.883%
}

.preload-imgs .img-3 {
    top: 43.1635%;
    left: 58.5106%;
    transition-delay: 1s
}

.preload-imgs .img-4 {
    top: 57.6408%;
    left: 15.1596%;
    transition-delay: 1.6s
}

.active-item-3 .hs-direction-nav .next, .init-slider {
    width: 138px;
    height: 138px;
    margin: -80px 0 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -150px;
    background: #fff;
    box-shadow: -2px -2px 7px rgba(0, 0, 0, .1);
    opacity: 0;
    transition: opacity .3s, right .6s
}

.active-item-3 .hs-direction-nav .next:after, .init-slider:after {
    content: "";
    display: block;
    width: 16px;
    height: 33px;
    margin-top: -16.5px;
    position: absolute;
    top: 50%;
    left: 23px;
    background-position: -16px 0;
    transition: left .3s
}

.active-item-3 .hs-direction-nav .next:hover:after, .init-slider:hover:after {
    left: 33px
}

.active-item-3 .hs-direction-nav .next {
    right: -700px;
    opacity: 1;
    transition: opacity 1s
}

.animation-end .init-slider {
    right: -81px;
    opacity: 1;
    transition: opacity 1s, right .3s
}

.home-slider-wrapper .home-slider-content {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.home-slider-content .hs-left {
    width: 52%;
    padding-top: 50px;
    padding-bottom: 10px;
    background: url(../images/bg/home-slider-shadow.png) 0 100% no-repeat;
    min-height: 420px
}

.hs-left .hsl-header {
    font: 300 28px / 32px Roboto, Arial, Helvetica, Sans-Serif;
    color: #0078AE;
    position: relative;
    z-index: 3
}

.hs-left .hsl-subcaption {
    font: 300 22px / 1.35 Roboto, Arial, Helvetica, Sans-Serif;
    padding: 22px 60px 0 0;
    color: #444
}

.hs-left .hsl-subcaption strong {
    font: 500 22px / 1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-left .general-text {
    font: 400 32px / 1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-left .general-text strong {
    font-family: Roboto, Arial, Helvetica, Sans-Serif;
    font-weight: 700
}

.hs-left .general-text h1 {
    font: 500 65px / 1.3 Roboto, Arial, Helvetica, Sans-Serif
}

.hs-sub-row {
    background: 0 0;
    padding: 29px 0 41px
}

.hs-sub-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 57px 0 0;
    max-height: 52px
}

.home-company-logos-wrapper {
    padding: 39px 0 37px;
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px #fff;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 1) 100%)
}

.home-company-logos-content .divider {
    display: none
}

.home-company-logos-content {
    width: 100%;
    text-align: center
}

.home-company-logos-content li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin: 0 2.5%;
    color: transparent;
    position: relative
}

.home-company-logos-content li:first-child {
    margin-left: 0
}

.home-company-logos-content li:last-child {
    margin-right: 0
}

.client-logo-item:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 69px;
    z-index: 2;
    content: "";
    opacity: 0;
    transition: opacity .4s
}

.client-logo-item, .client-logo-item:before {
    background-image: url(../images/home/logos-sprite.png);
    background-repeat: no-repeat
}

.cl-pg, .cl-pg:before {
    background-position: -145px 0;
    width: 81px;
    height: 36px
}

.cl-pg:before {
    background-position: -145px -51px
}

.cl-at, .cl-at:before {
    background-position: 0 0;
    width: 105px;
    height: 48px
}

.cl-at:before {
    background-position: 0 -50px
}

.cl-nasa, .cl-nasa:before {
    background-position: -258px 0;
    width: 71px;
    height: 58px
}

.cl-nasa:before {
    background-position: -258px -73px
}

.cl-canon, .cl-canon:before {
    background-position: 0 -104px;
    width: 109px;
    height: 23px
}

.cl-canon:before {
    background-position: 0 -132px
}

.cl-nfl, .cl-nfl:before {
    background-position: -378px 0;
    width: 48px;
    height: 63px
}

.cl-nfl:before {
    background-position: -378px -73px
}

.cl-ea, .cl-ea:before {
    background-position: -117px -93px;
    width: 125px;
    height: 46px
}

.cl-ea:before {
    background-position: -117px -142px
}

.cl-toys, .cl-toys:before {
    background-position: -300px -142px;
    width: 124px;
    height: 33px
}

.cl-toys:before {
    background-position: -300px -179px
}

.btn-green {
    float: right;
    font: 900 18px / 18px Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 9px 40px 11px;
    text-shadow: 0 -1px 0 #447523;
    box-shadow: 0 -1px 0 #c9e973, 0 1px 0 #5e8900;
    border-radius: 18px;
    background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
    transition: all .4s linear
}

.btn-green:hover {
    color: #fff;
    background-position: 0 -200%;
    background-size: 100% 200%
}

.section-title {
    text-align: center;
    margin: 0 0 36px
}

.section-title h2 {
    font: 300 57px / 1 Roboto, sans-serif;
    color: #fff;
    margin: 0 0 10px
}

.section-title h2 span {
    font-family: Roboto, sans-serif;
    font-weight: 900
}

.section-title h2 strong {
    font-family: Roboto, sans-serif;
    font-weight: 700
}

.section-title p {
    font-size: 17px;
    line-height: 1.4;
    color: #74c9ef;
    text-shadow: 0 -1px 0 #00374f
}

#menu {
    visibility: hidden
}

body .mm-menu {
    visibility: visible !important
}

.jq-verisign-container, .mobile-panel-menu {
    display: none
}

html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging.mm-front .mm-menu,
html.mm-opened.mm-dragging.mm-next .mm-menu {
    transition-duration: 0s
}

html.mm-accelerated.mm-opening #mm-blocker, html.mm-accelerated.mm-opening .mm-page {
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

html.mm-opened #mm-blocker, html.mm-opened .mm-page {
    transition: none .4s ease;
    -webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform;
    transition-property: top, right, bottom, left, margin, border, transform;
    border: none solid transparent;
    margin: 0;
    left: 0;
    top: 0
}

html.mm-opening #mm-blocker, html.mm-opening .mm-page {
    border: none solid rgba(1, 1, 1, 0);
    margin: 0 0 0 -65px;
    left: 270px
}

.mm-menu, .mm-menu .mm-inner, html.mm-opened .mm-page {
    box-sizing: border-box
}

html.mm-opened, html.mm-opened body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.mm-opened body {
    position: relative
}

.mm-menu {
    display: none;
    width: 270px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABBAMAAADk0HnAAAAAD1BMVEXS1NTs7e3y8/P4+Pj8/Px+wEtqAAAADElEQVR42mNwVmQAAAEPAGUt8fqkAAAAAElFTkSuQmCC) 200px 0 repeat-y
}

.mm-menu.mm-opened {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mm-menu.mm-opened ~ .mm-menu.mm-opened {
    display: none
}

.mm-inner {
    width: 100%;
    padding: 0 65px 0 0
}

.mm-menu ul {
    width: 100%
}

.mob-menus > ul > li {
    border-bottom: 1px solid #f6f6f6
}

.mob-menus > ul > li > a {
    display: block;
    color: #5a6063;
    font: 500 17px / 1.2 Roboto, sans-serif;
    text-transform: uppercase;
    padding: 18px 10px 16px 26px
}

.mob-menus > ul > li > a:hover {
    color: #0078ae
}

.mob-menus .secondary-menu li a {
    color: #878a8c;
    font: 16px / 1.2 Arial, Helvetica, sans-serif;
    text-transform: none
}

html.mm-opened .mm-page {
    height: 100%;
    position: absolute
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: #fff;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999
}

html.mm-opened #mm-blocker {
    display: block
}

html.mm-iphone-addressbar body {
    padding-bottom: 60px
}

.mob-menus {
    width: 205px;
    box-shadow: inset 0 2px 1px 0 #f3f3f3
}

.mob-menus .sub {
    position: relative;
    padding: 10px 10px 0;
    display: none;
    background: url(../images/mobile-drop.png)
}

.mob-menus .drop-open .sub {
    display: block
}

.mob-menus .sub:after {
    position: absolute;
    top: -7px;
    left: 60px;
    width: 13px;
    height: 7px;
    content: "";
    background: url(../images/sprite.png) -250px 0 no-repeat
}

.mob-menus .sub > li {
    border: 0;
    padding: 0 0 9px
}

.mob-menus .sub > li > a {
    display: block;
    background: #0087bd;
    text-shadow: 0 -1px 0 #004c6e;
    border: 1px solid #00618a;
    border-color: #005b81 #006f9c #00618a #00648d;
    box-shadow: 1px 1px 0 0 #008fcd;
    border-radius: 4px;
    padding: 8px 15px;
    color: #fff;
    font: 700 17px / 1 Roboto, sans-serif;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

.mob-menus .sub > li > a:hover {
    color: #fff;
    background: #0ae
}

.mob-menus .sub > li > a:before {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 5px;
    height: 100%;
    background: #0ae;
    content: "";
    border-radius: 0 0 3px 3px
}

.shadow:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDwAAAAICAQAAAC/xyfAAAAJlklEQVR42u1bTY8kORF9z5nV3bN8roTEhQMHrvz/38GNIwcuCAkWEDPTXWk/DumPsNPOzKr+YHe1NdKoq8qODIfDES9euAiiej3g9/gdfoZnBFxxxRUBwoJAYYEH4DHhE77BBcACD4/AACFAIGZcMAHmMw9ixgQCBAQhIAAIICe4qIDiP4AkHABFjbR+SwKovwEAUXHU+h3A8n1cW8iSmJdLI4GVTJkRjLOaKdW48tfCdRghTpjLiiCmUWUFoqJGrFZB0CHOBMh1RXFVZLX23noVNVdX62TtuB1ZfzaDhM6LPYntkGy/kZS+CCrPZn5/4sW+TB0pWu1zsuWpBx1+2K67P1O7Tzm5+p9eY7OfsCfv3b0Uso4VwOD8WdkaL4d78nXiaUpy1A8Iu4vg9sO9ZwYrhDYkNXJYrU8lJKXYqBxJZd+tXwmAi6tbYyzjgWLOQ9UhE0AEeKPqrPHOFh0FgNLQI9idqjxX3Rkyh1/GmdIo13yZYmowVmWzSyE+j6J5XvpGQsw0ycYBHpID4OCMbT0WCBMIB8LBCfC4YokZdv1swoQZwBWf8QUeE4AJMwinGYTDBRdc4PCI/+Kv+AteOudgY70HfIvf4td4AhDg8YIrPBau6gZ4eDg84AnzChwYECLICFFBR5eTbN5yAsSUjanibXHpCXp0ExqtQ29TnHVmGZBxlFLUPI8N6CHYnrehxCvtpk8VvAHTyZyiKYL1rfWYxVNitE/asftsbpI+T0U+KJpZxpLNgeJxKBaPbXLy++o5rgJR2gjQUCo7oOr+PMbTmr/2xbOWegNtvm+ghu+qoCpH1YeZa3BmTuNpbd+p9wDuqqBO8rtzjRodPe3pI1XnSaa4kA1HGmqjVHqFvJM5UsokMQFCsPqpFI/BoiLM2oJSwog8hIB7UE3VeG4XdFjlUAWMmGIsxUO1PpIBibraq86vJSElCd74VyIDVuIgKGX0FYw4OEBCwIKveEHAhAkuzpo14YIHTHAAvuI7/A3/3ICOg8RxibzGN/glLnCYsHIeAR4LV/gRAEwgJky4pBqfZaPT4lbGouIPCncRE3Iaa10yZBSi9N5wBqmm1k4gEwA3LCzUcQ6y3syR+3Q9kIn3QOY3LM5cQUVJr84UJhk6kZGFKZhEbSgyDMqIkalWx900ypPVNse20FFG5DEH8TYJlsOdGdd63GMk9AqdOrHtbFX7fnjnVsn6nsm/FW+01Jvey7qtp4i7hAJvFaw30W1wYnUXQDoYpy3L02MHUsqnlLOENjsXgYsqbZXygnIVnaREHl2hOlOXbMywz140nAzP8EsNfmKDvrh7vtMnQYMyq+XiZdkOh6r8lqv0z4X+mnPyTKupImNix7poUYJYcIWHh+ABuAg5Zq3AYwbhEXDFv/E5ciHXob/wXNxweMKv8IQZD5jxiMcoITEgAZ5pMxMls/41IaxK0hBpUSYzgbQmR9r0Gz91th5nMZ01dntwXIXtXIQSgm1noNGm5z7OjCCYGYtxgi6me2E9aorQyll9a86BLfCxqNayOlXQYDmm2CNDzMFsIfpmNl8Zpqk3DOyKntF1Tu7DzjsASpeB0N3ybqXhf2qxvB/YurUR0jYKdLcPqKpbb4JcVXpWV6+b4Ixu87QN56izc1IrZAB2ZEdlkJDbxKWyZ5cvKHq5XOuXBkdp3FdMvmzaCzsxsxfhdVBVOACSDDAIQ89jNds0UOIKQx5XYFWrXynCU9merJ0aTrC8+WpHKc9K0AtVXvBa87WPedxmdACY5DLDsc56xjMWvGDBV/wLXytmaWw83hNRHR5wwRyT6SM+4RMuCCAuUUEX2y7BtNlU9bMKSGFemiA4zAB9NNtkgEnqfAWocAXGvKE52owMQ0nukyGXti3aBEhoWMUet+maIDBqwhTg88yty2UsaZsdDUBa/3dm7nobpDRlWGleeCJ2wKWxGdtAMOIvtI9lRuxvduyRkwk7lRCOWj3j6NfS2zR3f86yCTr6pmoOvh3d8HaQg+/NJnwQULh7DXeEOZ292TFGx8P0z6F0dZ8Yun660ujHWrIDGcYAi4eMh4ZnC8NVrKmPOdyMYJGaBkfMCLLJ2EZAI191+RhyM6Vuqzxpj1vYvmeUNajAugBFTUFaW8jCIQ5suHqItwyLWEEuGa7f7ltAaHJjGmdyqBaETaZlzkA0+hQw6GJ7JcQVXiE4XPEFX/AMAfBYcMVLD2ocHtn5tWTa36ukOoOYcMHjetEEQNCEGRNmOAQoXkpZzfyATybNFuKLupjGQ7miyZiIPQRlOZYdmSINhIz5ymWkdPyDmVMvbzJ8RNxGKs+rIQ1jIlcVugpWLWOd0TRh9c90GXIkScw9UEToturEhqAjthc3LRhB5JvqHqDLBFodBG1SFuvkXB/5Nni6fJjsxV4akJn7k9yGLWH/6qlemTLrGz9tBNmT7W7IbbfK0Q2I5P71/xhYE71q33vvwivYqrMzN3sumjOnQ1p//Bewrf7ZsKLYKQXaOrtmfFl5tE3qtlCs2AxxY1k2TwlNgnUNpAom5sWCVdsVE9eqRAkR1ChDhDLn56IBAnaFrrN6mluJ9X2+LRtiW+al8R8atlmm3KFqwGQvt7KO5uZnEQGoyknmLOBz3HJ55gLBpTuDmS8iCOpiwOdcWWEd8wUv8RbieoWCcAhY4LHA567Cgmdc4SEslU1+88ogM39UhPhz56xNuMRNmqq6fsJUUqaIRzxhzs7kAcyD9EDMDXgoiczHjZija/UQ+wY2aGUnZkzN9aRxuujfJHnAxWDxp47+qZ7+R9VMnAydaNCpEHUqsKIOe/NGW0Ugsb12oOoQ8LjmN6CqBmWuaxh268txy0sbPkE3pwGeqJ975On2d1N769hLWNOrD9Z41eFH2hBxbyrtFk6KN8ndI+lbX2OMWTV7wDu8uPYqVkntuCHK3LpobcTq9x4jriQ04IEDT0+QYmv9ZaOTz4nQY6nvwhk7e2P3gG9lC5/T8FMje4bMBxNXXCtueN+TpmblDi7+KmTL5dZRvAY0MHPYiQDE0qR9uyuL2QGHBV/xXP0Ew6ero3G8j2Dp2uz6+vrDB1Ut84fFlA8rw/7Eo+DmBtXH+LaA68CZ2wLqEz5V0EX35JvhMZsbwEV8Rw0SqwZkbwEPOr2qxwERa3BU5xhbhslWMu/lPFPD3PyQmAGdbCv98F98U1n8v2lfsyz+3Z7nDHvgO9X0eVaIeK5OX+jefyggZxQ5Clzoz/6Fbl1hG6kDFvznTT2/jvFfRncUTkvbi/G9TFO3dkavP/7orn79Dy3WumKe8M0UAAAAAElFTkSuQmCC) 50% 0 / auto 100% no-repeat;
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6
}

.btn-simple {
    display: inline-block;
    font: 900 18px / 18px Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 9px 40px;
    text-shadow: 0 -1px 0 #447523;
    border-radius: 18px;
    background: 0 0 / 100% 100% #95c906;
    background: -moz-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
    background: -webkit-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
    background: -ms-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
    background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear
}

.btn-simple:hover {
    color: #fff;
    background-position: 0 -200%;
    background-size: 100% 200%
}

.link-arrow {
    font: 700 16px Roboto, sans-serif;
    color: #90c404;
    display: inline-block;
    margin: 32px 0 0;
    position: relative;
    text-transform: uppercase
}

.link-arrow:before {
    content: "";
    width: 108%;
    height: 3px;
    background: #e8e8e8;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition: all .3s linear;
    opacity: 0
}

.link-arrow:hover {
    color: #90c404
}

.link-arrow:hover:before {
    background: #90c404
}

.link-arrow:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #90c404;
    border-width: 3px 3px 0 0;
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    left: 8px;
    top: -1px
}

.rd-box {
    max-width: 1103px;
    background: #fff;
    margin: -85px auto;
    position: relative;
    z-index: 3;
    border: 1px solid #dedede;
    border-radius: 5px;
    text-align: center;
    padding: 50px 20px
}

.foot-area {
    background-color: #fff
}

.rd-box-holder {
    background: #fff;
    padding: 40px 20px 50px
}

.rd-box.stream {
    margin: 0 auto
}

.rd-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #009ddc;
    height: 3px;
    border-radius: 0 4px 4px 0
}

.rd-box .txt {
    color: #009ddc;
    font: 700 42px / 1.3 'Roboto Condensed', sans-serif;
    display: inline-block
}

.rd-box .btn-simple {
    display: inline-block;
    margin: 0 0 0 70px;
    border-radius: 5px;
    font-size: 17px;
    text-transform: uppercase;
    text-shadow: none;
    padding: 17px 20px;
    min-width: 250px;
    position: relative;
    top: -5px;
    color: #fff
}

.rd-box .btn-simple:hover {
    color: #fff
}

.rd-box .btn-simple:after {
    border-color: #fff
}

.de-blog-title a {
    color: #0078ae;
    transition: color .4s
}

.de-blog-title a:hover {
    color: #009ddc
}

.de-blog-item {
    margin: 0 0 20px;
    border: 1px solid #d9dadb;
    position: relative;
    min-height: 0;
    transition: min-height .3s linear;
    height: 50%;
    display: flex;
    flex-direction: column
}

.de-blog-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #009ddc;
    z-index: 2
}

.de-blog-img {
    display: block;
    margin: 20px;
    position: relative;
    overflow: hidden;
    max-height: 50%
}

.de-blog-img .overflow {
    display: block;
    box-sizing: border-box;
    transition: margin .4s linear
}

.de-blog-item img {
    transition: all .4s linear;
    position: relative;
    max-height: 257px
}

.de-blog-item:hover .overflow {
    margin: 0
}

.de-text {
    position: relative;
    padding: 5px 20px 50px;
    flex-grow: 1
}

.de-text-frame {
    padding: 0 24px;
    text-align: left;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.de-blog-title {
    font: 700 22px / 30px Roboto, sans-serif;
    text-transform: capitalize;
    color: #0078ae
}

.read-more-anim {
    display: none
}

.lead-box {
    background-color: #fff;
    position: relative;
    padding: 80px 0
}

.lead-box .frame {
    max-width: 1600px
}

.lead-box .section-title h2 {
    color: #0078ae;
    font-size: 50px
}

.lead-box .section-title h2 strong {
    font-family: Roboto, sans-serif;
    font-weight: 500
}

.lead-box .ttl {
    position: relative;
    margin: 7px 0 30px
}

.lead-box .ttl:after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 9px;
    background: #90c404
}

.lead-box h3 {
    font: 700 40px / 1 Roboto, sans-serif;
    color: #0078ae;
    background: #fff;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 60px;
    position: relative;
    z-index: 2
}

.lead-sections {
    display: table;
    width: 100%;
    table-layout: fixed
}

.lead-col {
    width: 33.3%;
    display: table-cell;
    vertical-align: top;
    padding: 0 11px
}

.lead-col .t-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 15px
}

.lead-col .divider {
    display: none
}

.lead-box .tag {
    font: 400 12px / 11px Arial, sans-serif;
    color: #9a9a9a;
    text-transform: uppercase;
    margin: 0 0 8px;
    padding: 0 0 0 8px;
    border-left: solid 2px #0087bd
}

.lead-box img {
    display: block;
    width: 100%;
    transition: opacity .4s
}

.lead-col .btn-raq {
    font-size: 17px;
    border-left: 0;
    transition: color .3s ease-out
}

.lead-col .btn-raq:after {
    font-size: 28px
}

.lead-col .btn-raq:hover, .lead-col .btn-raq:hover:after {
    color: #0078ae !important
}

.lead-col .shadow {
    position: relative;
    padding-bottom: 35px
}

.lead-col .shadow:before {
    top: 100%;
    background-size: 130% 10px
}

.go-next-step {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-width: 5px;
    border-style: solid;
    border-radius: 50%;
    z-index: 20
}

.step-color-white {
    background: #fff
}

.step-color-light-grey {
    background: #f1f3f2
}

.step-color-dark {
    background: #13181d
}

.step-border-white {
    border-color: #fff
}

.step-border-blue {
    border-color: #0090c1
}

.step-border-light-grey {
    border-color: #f9f9f9
}

.gns-arrow {
    width: 56px;
    height: 28px;
    position: absolute;
    top: 36%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear
}

.go-next-step:hover .gns-arrow {
    -webkit-transform: translate(0, 8px);
    transform: translate(0, 8px)
}

.gs-arrow-left {
    fill: #4FBAEE
}

.gs-arrow-right {
    fill: #5AA6C8
}

.full-services-section {
    padding: 94px 10px;
    background: #fff;
    box-shadow: inset 0 4px 78px rgba(0, 0, 0, .1);
    position: relative
}

.full-services-section h2 {
    font: 300 50px / 1.1 Roboto, sans-serif;
    color: #0078ae;
    text-align: center;
    margin: 0 0 50px
}

.full-services-section h2 span {
    font-family: Roboto, sans-serif;
    font-weight: 500
}

.fss-frame {
    max-width: 980px;
    margin: 0 auto
}

.services-tabs {
    margin: 0 0 24px;
    position: relative;
    font-size: 0;
    line-height: 0
}

.services-tabs:before {
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 74%;
    height: 22px;
    content: "";
    background: linear-gradient(to bottom, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%);
    z-index: 1
}

.services-tabs li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    position: relative;
    z-index: 2;
    padding: 192px 0 0
}

.fss-step-number {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 176px;
    height: 176px
}

.fss-step-number strong {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: inset 0 3px 4px rgba(0, 0, 0, .2);
    content: "";
    z-index: 1;
    transition: all .2s
}

.active .fss-step-number strong {
    width: 176px;
    height: 176px
}

li:nth-child(2) .fss-step-number strong:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 3px;
    height: 22px;
    content: "";
    background: linear-gradient(to bottom, #d5d5d5 0, #dedede 10%, #e5e5e5 14%, #f1f1f1 29%, #f6f6f6 38%, #f8f8f8 48%, #f8f8f8 81%, #f6f6f6 90%, #f1f1f1 100%)
}

li:first-child .fss-step-number strong:after {
    right: 0
}

li:last-child .fss-step-number strong:after, li:nth-child(2) .fss-step-number strong:after {
    left: 0
}

li:nth-child(2) .fss-step-number strong:before {
    right: 0
}

.fss-step-number em {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 118px;
    height: 118px;
    background: #fff;
    color: #a0a0a0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    font: 700 57px / 118px Roboto, sans-serif;
    text-align: center;
    z-index: 2;
    transition: all .2s
}

.active .fss-step-number em {
    color: #fff;
    background: rgba(136, 186, 0, 1);
    width: 142px;
    height: 142px;
    line-height: 142px
}

.fss-active-1 li:nth-child(1) .fss-step-number em, .fss-active-2 li:nth-child(1) .fss-step-number em,
.fss-active-2 li:nth-child(2) .fss-step-number em {
    background: #0078ae;
    color: #fff
}

a:hover .fss-step-number em {
    color: #fff;
    background: rgba(136, 186, 0, 1)
}

.tab-text {
    font: 700 24px / 1.1 Roboto, sans-serif;
    color: #a0a0a0;
    text-align: center;
    display: block;
    padding: 0 40px
}

.active .tab-text {
    color: #88ba00
}

.fss-active-1 li:nth-child(1) .tab-text, .fss-active-2 li:nth-child(1) .tab-text,
.fss-active-2 li:nth-child(2) .tab-text {
    color: #0078ae
}

.progress-filler {
    margin: 0 0 60px;
    height: 17px;
    background: #0078ae;
    border-radius: 4px;
    position: relative
}

.progress-indicator {
    display: block;
    width: 33.33%;
    height: 17px;
    background: #88ba00;
    border-radius: 4px;
    transition: width .4s
}

.fss-active-1 .progress-indicator {
    width: 66.66%
}

.fss-active-2 .progress-indicator {
    width: 100%
}

.progress-active {
    position: absolute;
    top: 100%;
    margin-left: -22px;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 16px solid #88ba00;
    transition: left .4s
}

.fss-active-0 .progress-active {
    left: 16.3%
}

.fss-active-1 .progress-active {
    left: 50%
}

.fss-active-2 .progress-active {
    left: 83.5%
}

.tabs-content {
    padding: 0 46px
}

.tabs-column {
    float: left;
    width: 57.8%;
    font-size: 17px;
    line-height: 1.6;
    color: #5a6063
}

.tabs-column:first-child {
    width: 42.1%;
    padding: 0 48px 0 0;
    font: 700 33px / 1.2 Roboto, sans-serif;
    color: #0078ae
}

.tabs-content p {
    margin: 0 0 28px
}

.tabs-content a {
    font-weight: 700;
    color: #0078ae
}

.tabs-content a:hover {
    color: #88ba00
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .4)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .9)
}

.feat-expanded-section {
    padding: 90px 0 60px;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAllBMVEUVGh8UGR4WGyATGB0XHCEZHiMYHSIaHyQbICUSFxwUGR0YHSETGBwXHCAYHCETFxwVGh4ZHiIUGB0ZHSIWGx8SFxsaHyMbICQVGR4WGh8XGyAaHiMRFhsVGyARFRoRFhoQFRkSFhsUGBwTGR4UGh4UGh8VGiAaICQcISYQFBkSFhoSGB0TGR0UGR8VGR0WGh4XHSIZHyTRdQMyAAACMElEQVQYGQXBBYIkRxADQCmpqJmHFo7N9v8/5wgYkhD5j2sguqCKEziAeijEQZNkzrlnq42GLP/x0Dy2PRDEoZAAqhR5kIwq5jru/XvByQ5Ya88ByWEW2jgUQ88BvTp8x97dJpb873Qf1eyD47To0jAhFDyBfhxshgdNDKlmzZirFy/CWOCo1ldQ2AEiP0mcFPif1IdUmGC63W9D+hHmkiRqU8chDaFzATC8K7NebQPTB2SGMgTiVAQWf7t1qa0DAut1XlF6XT8HhLgaYKYvIbVA3DY0VSaZ4JRRdoDp5bxzdayaGHQxCfHJ1PphQVlmTiaUA53G1HUrRAOQjWSgu783OnNS5/y0j+3LDTMCzql7CGwnzvrkKHIGmYvqCmVW6NYRuN2OSNr6p5nDcOcvsRp6XIb0A1fnSsvCBEECmGy7emXXY4Sj5urWED1mxvfGjMRB0zXUYTJBk3G5q7IzW0WYBGOCwDto5gT8ROKq7pNPYQnHGH8N9Z/fBumfUkBkQhrMi8g8siSUsHHXNL7RURIdzkg661xOxpTVikhmKj3xALcgeXUcFuDX2NEV9K7boAQbjM61/d7vGZmNB5LMVRB4CEaclV9D3/9eyKQLV77q/fW2PaDMUNegM5keOsCQPk3vS1vi0zV9Ryw7TqhgXGYqB+u/OUp11Kd/fcP2ZbdqJbU9xDW9zJwZmTatJQwaGb05ZSMY33qemCxBkG8KhzqSONOms6SSSoiwiTFzoON/83IeUYnE+XAAAAAASUVORK5CYII=);
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.feat-expanded-section .section-title {
    margin-bottom: 15px
}

.section-title.in-dark p {
    color: #758288;
    font-size: 20px
}

.feat-section-frame {
    max-width: 1582px;
    margin: 0 auto
}

.feat-section-frame .ready-discuss {
    background: rgba(255, 255, 255, .03);
    text-align: center;
    padding: 45px 0 50px;
    margin: 50px 6px 0
}

.feat-gallery-images .slide-item {
    display: none;
    position: relative;
    overflow: hidden;
    outline: transparent solid 1px;
    width: 100%;
    height: 835px;
    color: #fff
}

.feat-gallery-images .slide-item.active-slide-item {
    display: block
}

.feat-gallery-images .slide-item.active-slide-item.no-transform,
.feat-gallery-images .slide-item.active-slide-item.start-load {
    -webkit-clip-path: none;
    clip-path: none
}

.feat-expanded-section .tab-lnk {
    display: inline-block;
    vertical-align: top
}

.feat-expanded-section .tab-lnk > a {
    display: inline-block;
    height: auto;
    width: 100%
}

.feat-expanded-section .exp-bg {
    background-color: #000;
    padding: 15px 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 19px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.feat-expanded-section .feat-section-frame {
    position: relative
}

.feat-expanded-section .exp-bg.aol {
    background-image: url(../images/projects/bg/bg-aol.jpg)
}

.feat-expanded-section .exp-bg.epicreads {
    background-image: url(../images/projects/bg/bg-epicreads.jpg)
}

.feat-expanded-section .exp-bg.johnjay {
    background-image: url(../images/projects/bg/bg-johnjay.jpg)
}

.feat-expanded-section .exp-bg.nfl {
    background-image: url(../images/projects/bg/bg-nfl.jpg)
}

.feat-expanded-section .exp-bg.paulstuart {
    background-image: url(../images/projects/bg/bg-paul.jpg)
}

.feat-expanded-section .exp-bg.amf {
    background-image: url(../images/projects/bg/bg-amf.jpg)
}

.feat-expanded-section .exp-bg.nuna {
    background-image: url(../images/projects/bg/bg-nuna.jpg)
}

.feat-expanded-section .exp-bg.serviceking {
    background-image: url(../images/projects/bg/bg-serviceking.jpg)
}

.feat-expanded-section .exp-bg.engel {
    background-image: url(../images/projects/bg/bg-engel.jpg)
}

.button-close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 59px;
    height: 67px;
    background-color: #b20000;
    transition: background .3s;
    border-radius: 0 0 3px 3px;
    box-shadow: inset -1px -1px rgba(0, 0, 0, .3), inset 1px 0 #c43a3a, 1px 1px rgba(255, 255, 255, .2);
    color: #fff;
    z-index: 5
}

.button-close:active, .button-close:hover {
    background-color: #900101
}

.button-close:after, .button-close:before {
    content: "";
    width: 36px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .2s
}

.button-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.feat-content .btn-raq {
    text-transform: uppercase;
    color: #009ddc !important;
    font: 700 17px Roboto, sans-serif;
    margin-top: 7px;
    display: inline-block;
    border: none
}

.feat-content {
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.feat-brand {
    text-indent: -9999px;
    overflow: hidden;
    text-align: center;
    height: 178px;
    position: absolute;
    width: calc(100% - 416px);
    top: 7px;
    right: 0;
    max-width: 953px
}

.feat-brand:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.engel .feat-brand:after {
    background: url(../images/projects/logos/logo-engel.png) no-repeat;
    width: 287px;
    height: 68px
}

.serviceking .feat-brand:after {
    background: url(../images/projects/logos/logo-serviceking.png) no-repeat;
    width: 202px;
    height: 71px
}

.aol .feat-brand:after {
    background: url(../images/projects/logos/logo-aol.png) no-repeat;
    width: 319px;
    height: 89px
}

.nuna .feat-brand:after {
    background: url(../images/projects/logos/logo-nuna.png) no-repeat;
    width: 278px;
    height: 48px
}

.epicreads .feat-brand:after {
    background: url(../images/projects/logos/logo-epicreads.png) no-repeat;
    width: 236px;
    height: 65px
}

.johnjay .feat-brand:after {
    background: url(../images/projects/logos/logo-johnjay.png) no-repeat;
    width: 129px;
    height: 93px
}

.nfl .feat-brand:after {
    background: url(../images/projects/logos/logo-nfl.png) no-repeat;
    width: 91px;
    height: 123px
}

.paulstuart .feat-brand:after {
    background: url(../images/projects/logos/logo-paul.png) no-repeat;
    width: 215px;
    height: 36px
}

.amf .feat-brand:after {
    background: url(../images/projects/logos/logo-amf.png) no-repeat;
    width: 141px;
    height: 109px
}

.feat-txt h5 {
    font: 300 22px / 1.3 Roboto, sans-serif;
    margin-bottom: 25px;
    color: #fff
}

.feat-txt p {
    margin-bottom: 25px
}

.feat-txt ul li {
    line-height: 1.5;
    padding-left: 19px
}

.feat-txt ul li:before {
    content: "»";
    display: inline-block;
    font-size: 19px;
    color: #009ddc;
    text-indent: -19px
}

.feat-txt-holder {
    position: relative;
    overflow: hidden;
    padding: 185px 0 0;
    margin-right: 50px;
    z-index: 3
}

.feat-txt {
    padding: 46px 46px 24px 454px;
    position: relative;
    box-sizing: border-box;
    border: solid #4a4a4a;
    border-width: 0 1px 1px 0;
    background: #1f1f1f;
    color: silver;
    font-size: 16px;
    line-height: 1.7;
    z-index: 3;
    max-width: 953px
}

.feat-txt .btn-holder br {
    display: none
}

.feat-content .btn-holder {
    border-top: 1px solid #3d3d3d;
    margin: 40px 0 0;
    padding: 24px 0 0
}

.feat-gallery {
    position: relative;
    z-index: 4;
    float: left;
    max-width: 728px;
    margin: 53px 63px 0 0;
    min-height: 850px
}

.feat-gallery-images {
    position: absolute;
    top: 0;
    left: 100%;
    width: 514px;
    z-index: 4;
    overflow: hidden
}

.feat-gallery-images .mCSB_inside > .mCSB_container {
    margin-right: 0
}

.feat-gallery-images .mCSB_scrollTools {
    width: 0;
    overflow: hidden
}

.feat-gallery-images .slide-item.no-transform {
    overflow: visible
}

.feat-gallery-images .active-slide-item .slide-item-inner:after {
    content: "";
    width: 80%;
    width: calc(100% - 36px);
    height: 250px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    transition: opacity .1s linear;
    z-index: 4
}

.feat-gallery-images .loaded.slide-item-inner .img-slide {
    background-color: transparent
}

.feat-gallery-images .start-load .slide-item-inner .img-slide, .feat-gallery-images .start-load .slide-item-inner:after {
    opacity: 0
}

.feat-gallery-images .slide-item-inner .img-slide, .feat-gallery-images .slide-item-inner:after {
    opacity: 1
}

.feat-gallery-images .slide-item.no-transform .slide-item-inner:after {
    display: none
}

.start-load .slide-item-inner {
    overflow: visible
}

.slide-item-inner .img-loader:after {
    top: 270px
}

.slide-item-inner .img-loader {
    height: 835px
}

.slide-item-inner {
    padding-right: 36px;
    position: relative;
    overflow: hidden;
    z-index: 4
}

.feat-gallery-images .no-transform .slide-item-inner {
    overflow: visible
}

.expand-shape-wrap {
    position: absolute;
    top: 0;
    left: -1000000%
}

.no-transform .slide-item-inner img {
    max-width: 470px
}

.slide-img-wr {
    position: relative;
    text-align: center;
    -webkit-backface-visibility: hidden
}

.feat-gallery-images .slide-item.scroll .slide-item-inner, .feat-gallery-images .slide-item:first-child .slide-item-inner,
.slide-item-inner {
    max-height: 850px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slide-item-inner .mCSB_inside > .mCSB_container {
    cursor: ns-resize
}

.feat-expanded-section .img-side {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: skewY(-20deg);
    transform: skewY(-20deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.feat-expanded-section .img-side-block + img {
    margin-left: 8px;
    max-width: 470px
}

.feat-expanded-section .start-load .img-side-block {
    left: 9px;
    opacity: 0
}

.feat-expanded-section .img-side-block {
    width: 9px;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    left: 0;
    opacity: 1;
    transition: left .2s linear
}

.feat-expanded-section .img-side-block:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2)
}

.feat-expanded-section .img-side-block img {
    max-width: none;
    width: 100000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.feat-expanded-section .img-body {
    width: 100%;
    width: calc(100% - 9px);
    margin-left: 9px
}

.feat-gallery-thumbs {
    float: left;
    width: 213px;
    margin: 132px 0 0;
    padding: 33px 0;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 3
}

.feat-gallery-thumbs:after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 30%;
    left: 100%;
    top: 0
}

.feat-gallery-thumbs > a {
    display: inline-block;
    box-shadow: 3px 3px #939392;
    margin: 6px 0 6px 12px;
    transition: all .3s;
    position: relative;
    background: #dedede
}

.feat-gallery-thumbs > a:before {
    content: "";
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -12px;
    opacity: 0;
    border-left: 12px solid #88ba00;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    transition: all .3s
}

.feat-gallery-thumbs > a.active, .feat-gallery-thumbs > a:hover {
    box-shadow: 0 1px #fff, 6px 6px #88ba00
}

.feat-gallery-thumbs > a.active {
    -webkit-transform: translate(-3px, -3px);
    transform: translate(-3px, -3px)
}

.feat-gallery-thumbs > a.active:before {
    opacity: 1
}

.feat-expanded-section img {
    transition: all .5s ease
}

.load-start img {
    opacity: 0 !important;
    position: absolute;
    transition: .3s
}

.first-loaded > img:first-child, .loaded img {
    opacity: 1 !important;
    position: static
}

.expanded-mode .main-image {
    cursor: pointer;
    margin-bottom: 7px;
    position: relative
}

.slide-item.start-draw img {
    opacity: 0 !important
}

.industry-section {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAvAC0DASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECB//EACUQAAEDAgYBBQAAAAAAAAAAAAEAESExQQJRYXGBkTISQrHB8f/EABYBAQEBAAAAAAAAAAAAAAAAAAABBv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AOZizNZK4XOS0HaaOFmR11K1TDLL6ygkhqQyE1QWGzqgRHCYi/ZUFBtCuKpbNAHkHrCg8aWVG2Se1tPtQA79/CCSIvRCZd3qgzs4QLHJlMQkuboaTMW3VI2qUDQs0JDbhAH1kKWn9lBo35kKASOFS19VJcaMqJBEUZUgTF1CXEgUntUgF/VYkKD/2Q==);
    position: relative;
    padding: 95px 0 100px;
    margin-top: -1px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.industry-section a {
    color: #fff
}

.industry-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.industry-section .frame {
    max-width: 1060px;
    min-width: 287px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff
}

.industry-section h2 {
    font: 500 50px / 1.1 Roboto, sans-serif;
    margin-bottom: 10px
}

.industry-section .subheading {
    font-size: 20px;
    margin-bottom: 20px
}

.industry-section .content {
    border-radius: 0 0 10px 10px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .03) 12%, rgba(0, 0, 0, .16) 39%, rgba(0, 0, 0, .17) 51%, rgba(0, 0, 0, .18) 100%)
}

.industry-section .list {
    font: 700 24px / 1.1 Roboto, sans-serif;
    padding: 43px 0 0
}

.industry-section .list li {
    display: inline-block;
    vertical-align: top
}

.industry-section .list a {
    display: inline-block;
    padding: 26px 17px;
    position: relative;
    transition: all .3s linear
}

.industry-section .list a:before {
    content: "";
    background: url(../images/home/ico-industries.png) no-repeat;
    display: block;
    min-height: 61px;
    margin: 0 auto 14px
}

.industry-section .list .b2b:before {
    width: 62px;
    height: 51px;
    background-position: -3px -3px
}

.industry-section .list .ecommerce:before {
    width: 51px;
    height: 58px;
    background-position: -69px -3px
}

.industry-section .list .b2c:before {
    width: 51px;
    height: 48px;
    background-position: -124px -3px
}

.industry-section .list .enterprise:before {
    width: 53px;
    height: 52px;
    background-position: -179px -3px
}

.industry-section .list .education:before {
    width: 64px;
    height: 52px;
    background-position: -235px -3px
}

.industry-section .list .startups:before {
    width: 38px;
    height: 61px;
    background-position: -371px -3px
}

.industry-section .list .profit:before {
    width: 57px;
    height: 49px;
    background-position: -311px -3px
}

.industry-section .list a:active, .industry-section .list a:hover {
    background: rgba(0, 157, 220, .25);
    box-shadow: inset 4px 4px 10px -4px rgba(0, 0, 0, .3);
    border-radius: 3px
}

.industry-expand-list {
    padding: 15px 30px 25px;
    display: none
}

.industry-expand-list ul {
    display: inline-block;
    font-size: 15px
}

.industry-expand-list li {
    text-align: left;
    width: 31.9%;
    margin: 1px .5% 0;
    background: rgba(0, 0, 0, .18);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box
}

.industry-expand-list a {
    display: block;
    padding: 11px 15px 11px 22px;
    transition: all .3s linear
}

.industry-expand-list a:before {
    content: "\bb";
    padding-left: 6px;
    font-size: 19px;
    position: relative;
    left: -9px;
    color: #009ddc
}

.industry-expand-list a:active, .industry-expand-list a:hover {
    padding-left: 32px;
    background: #88ba00
}

.industry-expand-list a:active:before, .industry-expand-list a:hover:before {
    color: #fff
}

.button {
    background: #fff;
    color: #0078ae;
    font: 700 18px / 1 Roboto, sans-serif;
    border-radius: 25px;
    padding: 16px 12px;
    box-sizing: border-box;
    display: inline-block;
    box-shadow: 1px 1px #065c8b;
    position: relative;
    width: 260px;
    text-align: center;
    transition: width .3s linear;
    white-space: nowrap
}

.button.close {
    padding-right: 45px;
    box-shadow: 0 3px #065c8b;
    width: 180px
}

.button.close:after {
    content: "";
    border-radius: 50%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .9);
    width: 28px;
    height: 28px;
    position: absolute;
    top: 10px;
    right: 15px
}

.button.close:before {
    content: "";
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #0078ae;
    top: 21px;
    right: 23px
}

.industry-section .button {
    color: #0078ae;
    position: relative;
    bottom: -25px
}

.solutions-section {
    background: linear-gradient(to bottom, #f9f9f9 0, #fdfdfd 82%, #fff 83%, #fefefe 100%);
    text-align: center;
    padding: 58px 0 90px;
    position: relative
}

.solutions-section h2 {
    font: 500 36px / 1.3 Roboto, sans-serif;
    color: #0078ae;
    margin: 0 0 70px
}

.solutions-section .item {
    display: inline-block;
    vertical-align: top;
    padding: 0 29px;
    margin-bottom: 20px;
    position: relative;
    font: 700 16px / 1.2 Roboto, sans-serif
}

.solutions-section h3 a {
    display: block;
    font-size: 23px;
    position: relative;
    z-index: 22
}

.solutions-section .t-cell {
    width: 126px;
    height: 116px;
    padding-left: 2px;
    transition: all .1s linear
}

.solutions-section h3 .ico {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto -15px;
    border-radius: 50%;
    width: 126px;
    height: 126px;
    background: linear-gradient(to bottom, #f6f6f4 0, #f6f6f4 38%, #fafaf8 64%, #fbfbf9 100%);
    border: 3px solid #fff;
    transition: all .05s linear;
    z-index: 4
}

.solutions-section .ico .ico-consulting {
    display: inline-block;
    width: 53px;
    fill: #71970d
}

.solutions-section .ico .ico-design {
    display: inline-block;
    width: 51px;
    fill: #f18f0e
}

.solutions-section .ico .ico-dev {
    display: inline-block;
    width: 58px;
    fill: #862e9f
}

.solutions-section .ico .ico-marketing {
    display: inline-block;
    width: 61px;
    fill: #009ddc
}

.solutions-section h3 .txt {
    display: block;
    position: relative;
    z-index: 5
}

.solutions-section .ico svg {
    height: 115px;
    width: 115px
}

.solutions-section .ico .ico-mobile {
    width: 87px;
    fill: #aa4141
}

.solutions-section .consulting h3 .ico {
    box-shadow: -3px -3px 5px rgba(95, 128, 7, .13)
}

.solutions-section .design h3 .ico {
    box-shadow: -3px -3px 5px rgba(212, 123, 6, .13)
}

.solutions-section .dev h3 .ico {
    box-shadow: -3px -3px 5px rgba(160, 41, 189, .13)
}

.solutions-section .onl-marketing h3 .ico {
    box-shadow: -3px -3px 5px rgba(108, 186, 216, .13)
}

.solutions-section .mobile h3 .ico {
    box-shadow: -3px -3px 5px rgba(151, 19, 13, .13)
}

.solutions-section .consulting a {
    color: #71970d
}

.solutions-section .design a {
    color: #f18f0e
}

.solutions-section .dev a {
    color: #862e9f
}

.solutions-section .mobile a {
    color: #aa4141
}

.solutions-section .onl-marketing a {
    color: #009ddc
}

.sw-logo-hold svg {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.sw-description {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font: 400 17px / 1.5 Roboto, Arial, sans-serif;
    color: #5a6063;
    width: 415px
}

.wma-anim {
    width: 53px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-49%, -57%) scale(0.55);
    -webkit-transform: translate(-50%, -57%) scale(0.53)
}

.wma-anim .sq {
    position: absolute;
    background-color: #AA4141;
    width: 18px;
    height: 18px
}

.wma-anim .sq:nth-child(odd) {
    left: 6px
}

.wma-anim .sq:nth-child(even) {
    left: 29px
}

.wma-anim .sq01, .wma-anim .sq02 {
    top: 6px
}

.wma-anim .sq03, .wma-anim .sq04 {
    top: 29px
}

.wma-anim .sq05, .wma-anim .sq06 {
    top: 51px
}

@keyframes sq01Move {
    0%, 13% {
        left: 6px
    }

    33% {
        left: 59px;
        transform: translateY(0)
    }

    33.2% {
        left: -29px;
        transform: translateY(-100px)
    }

    46% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 54% {
        left: 6px
    }
}

@keyframes sq02Move {
    0% {
        left: 29px
    }

    5% {
        left: 59px;
        transform: translateY(0)
    }

    5.5% {
        left: -29px;
        transform: translateY(-100px)
    }

    27% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 33% {
        left: 29px
    }
}

@keyframes sq05Move {
    0%, 17% {
        left: 6px
    }

    37% {
        left: 59px;
        transform: translateY(0)
    }

    37.5% {
        left: -29px;
        transform: translateY(-100px)
    }

    50% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 58% {
        left: 6px
    }
}

@keyframes sq06Move {
    0%, 8% {
        left: 29px
    }

    14% {
        left: 59px;
        transform: translateY(0)
    }

    14.5% {
        left: -29px;
        transform: translateY(-100px)
    }

    33% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 42% {
        left: 29px
    }
}

@keyframes sq07Move {
    0%, 13% {
        left: 6px
    }

    37% {
        left: 59px;
        transform: translateY(0)
    }

    37.5% {
        left: -29px;
        transform: translateY(-100px)
    }

    53% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 63% {
        left: 6px
    }
}

@keyframes sq08Move {
    0% {
        left: 29px
    }

    7% {
        left: 59px;
        transform: translateY(0)
    }

    7.5% {
        left: -29px;
        transform: translateY(-100px)
    }

    37% {
        left: -29px;
        transform: translateY(0)
    }

    100%, 46% {
        left: 29px
    }
}

.img-loader {
    width: 100%;
    height: 470px;
    position: relative;
    transition: .5s;
    z-index: 1
}

.first-loaded > .img-loader {
    position: absolute;
    opacity: .5
}

.loaded > .img-loader {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.img-loader:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: loaderAnim 1.5s steps(28) infinite;
    animation: loaderAnim 1.5s steps(28) infinite;
    background: url(../images/loader-sprite.png) no-repeat
}

@-webkit-keyframes loaderAnim {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -2800px
    }
}

@keyframes loaderAnim {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -2800px
    }
}

.scroll-arrow-wrap {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .08);
    z-index: 20;
    background: #fff
}

.scroll-arrow {
    width: 36px;
    height: 16px;
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: transform .2s linear
}

.scroll-arrow-wrap:hover .scroll-arrow {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px)
}

.scroll-arrow-right {
    fill: #009ddc
}

.scroll-arrow-left {
    fill: #00b2fa
}

.slide-area {
    display: none
}

.scroll-arrow-wrap + .content-section, .scroll-arrow-wrap + .dark-section,
.scroll-arrow-wrap + .slider-section:not(.process-section) {
    padding-top: 80px
}

@media only screen and (max-width:1700px) {
    .lead-box .frame {
        padding: 0 10px
    }
}

@media only screen and (max-width:1600px) {
    .f-menu-wrapper .frame-alt {
        padding: 0 20px
    }

    .f-post {
        padding: 60px 20px 20px
    }

    .socials-box {
        padding: 0 20px
    }

    .location-subttl {
        font-size: 24px
    }

    .location-cell .loc-txt {
        width: 300px;
        padding-right: 20px
    }

    .loc-phone {
        display: block;
        margin-bottom: 10px
    }

    .loc-phone:after {
        display: none
    }

    .loc-visual {
        right: 330px
    }

    .location-cell:not(:first-child)::before {
        left: 6%
    }

    .location-ttl span:after, .location-ttl span:before {
        width: 39%
    }

    .f-menu-wrapper .loc-phone {
        display: inline-block;
        margin: 0
    }
}

@media only screen and (max-width:1500px) {
    .loc-visual img {
        width: 290px;
        height: auto
    }

    .loc-active .loc-visual {
        width: 290px
    }

    .location-cell .loc-txt {
        padding: 0 20px 0 0
    }

    .location-subttl {
        font-size: 22px
    }

    .loc-address {
        padding: 4px 0 6px
    }

    .location-cell:before {
        display: none
    }

    .loc-phone {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:1400px) {
    .loc-visual {
        right: 320px
    }
}

@media only screen and (max-width:1300px) {
    .f-menu-content .fmc-list a {
        font-size: 13px;
        line-height: 2
    }

    .f-menu-content .fmc-list li {
        margin: 4px 7px 0
    }

    .f-menu-wrapper {
        font-size: 15px
    }

    .f-post h6 {
        font-size: 24px
    }

    .f-post .divider {
        width: 1.5%
    }

    .f-post .txt {
        width: 60.25%;
        padding-left: 17px
    }

    .f-post .visual {
        width: 38.25%
    }

    .f-post .blog-post .txt {
        padding-left: 35px
    }

    .f-post .whitepaper-post .txt {
        padding-left: 17px
    }

    .location-area .t-holder {
        -webkit-transform: scale(.85) translateX(-9%);
        transform: scale(.85) translateX(-9%);
        margin: -10px auto -20px;
        width: 118%
    }

    .loc-address {
        font-size: 20px
    }

    .loc-visual {
        margin-top: -10px;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%)
    }

    .location-ttl span:after, .location-ttl span:before {
        width: 37%
    }
}

@media only screen and (max-width:1170px) {
    .feat-txt-holder {
        margin-right: 0
    }

    .socials .item {
        font-size: 20px;
        height: 63px
    }

    .socials .icn {
        margin: -2px 4px 0 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .location-area .t-holder {
        -webkit-transform: scale(.8) translateX(-13%);
        transform: scale(.8) translateX(-13%);
        margin: -19px auto -29px;
        width: 126%
    }

    .rd-box {
        margin: -85px 20px
    }

    .f-menu-wrapper .t-cell, .f-menu-wrapper .t-holder {
        display: block;
        width: 100%;
        text-align: center;
        white-space: normal
    }

    .f-menu-content .fmc-list a {
        line-height: 14px
    }

    .f-menu-wrapper .fmc-contact {
        padding-top: 20px
    }
}

@media only screen and (max-width:1090px) {
    .solutions-section .item {
        padding: 0 24px
    }

    .industry-section {
        padding: 50px 0 120px
    }

    .industry-section .frame {
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 30px
    }

    .industry-section h2 {
        font-size: 45px;
        margin-bottom: 7px
    }

    .industry-section .subheading {
        font-size: 18px;
        margin-bottom: 10px
    }

    .industry-section .list {
        padding: 10px 0 0;
        font-size: 18px
    }

    .industry-section .list a {
        padding: 15px 10px
    }

    .industry-section .list a:before {
        transform: scale(.75);
        -webkit-transform: scale(0.75);
        margin-bottom: 6px
    }
}

@media only screen and (max-width:1024px) {
    .de-blog-img {
        margin: 10px
    }

    .de-text {
        padding: 0 10px 40px
    }

    .de-blog-title {
        line-height: 28px
    }

    .de-text-frame {
        padding: 0 12px
    }

    .lead-box h3 {
        font-size: 32px;
        padding-right: 30px
    }

    .lead-box .frame {
        padding: 0 10px
    }

    .lead-col {
        padding: 0 8px
    }

    .feat-expanded-section .exp-bg {
        background-size: 1400px auto
    }

    .feat-gallery {
        float: none;
        max-width: 657px;
        margin: 50px auto 0
    }

    .feat-gallery-thumbs {
        margin-top: 86px;
        padding: 20px 0;
        max-width: 186px;
        border: none;
        width: auto
    }

    .feat-gallery-thumbs:after {
        display: none
    }

    .feat-gallery-thumbs > a {
        max-width: 140px
    }

    .feat-gallery-thumbs > a:before {
        right: auto;
        left: -12px;
        margin-top: -9px;
        border-left: none;
        border-right: 9px solid #88ba00;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent
    }

    .feat-gallery-thumbs > a.active, .feat-gallery-thumbs > a:hover {
        box-shadow: 0 1px #fff, -4px 4px #88ba00
    }

    .feat-txt {
        border-right: none;
        padding: 46px 46px 24px;
        max-width: 100%
    }

    .feat-gallery-images {
        float: left;
        margin-right: -46px;
        position: static
    }

    .feat-content {
        position: relative
    }

    .feat-brand {
        width: 100%;
        max-width: 100%;
        top: 4px;
        height: 132px
    }

    .feat-brand:after {
        -webkit-transform: scale(0.7) translate(-71%, -51%);
        transform: scale(.7) translate(-71%, -51%);
        margin-left: 240px
    }

    .johnjay .feat-brand:after {
        margin-left: 233px
    }

    .aol .feat-brand:after, .engel .feat-brand:after {
        margin-left: 196px
    }

    .button-close {
        width: 49px;
        height: 57px
    }

    .button-close:after, .button-close:before {
        width: 33px
    }

    .feat-txt-holder {
        clear: both;
        padding: 0;
        position: static;
        margin-right: 0;
        max-width: 100%
    }

    .feat-section-frame h2 {
        font-size: 45px
    }

    .feat-expanded-section .tab-lnk {
        display: inline-block;
        vertical-align: bottom;
        width: 31%;
        height: auto;
        max-width: 353px;
        margin: 0 6px
    }

    .home-slider-content .hs-left {
        padding-left: 20px;
        background-size: 370px auto
    }

    .hs-left .hsl-header {
        font-size: 22px;
        line-height: 1.3
    }

    .hs-left .hsl-subcaption {
        padding: 32px 70px 12px 0;
        line-height: 1.2
    }

    .hs-left .hsl-subcaption, .hs-left .hsl-subcaption strong {
        font-size: 20px
    }

    .hs-left .btn-raq {
        font-size: 16px;
        margin: 30px 0
    }

    .hs-sub-row {
        padding: 30px 10px;
        margin-bottom: 20px
    }

    .hs-sub-item {
        margin: 0 0 0 30px
    }

    .hs-left .general-text h1 {
        font-size: 57px
    }

    .hs-left .general-text, .hs-left .general-text strong {
        font-size: 32px
    }

    .home-company-logos-wrapper {
        padding: 25px 0
    }

    .solutions-section {
        padding: 38px 0 55px
    }

    .solutions-section h2 {
        font-size: 40px
    }

    .solutions-section h3 a {
        font-size: 20px;
        line-height: 1.1
    }

    .solutions-section .item {
        min-width: 18%
    }

    .solutions-section h3 .t-cell {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    .solutions-section h3 .ico {
        margin-bottom: -19px
    }

    .go-next-step {
        width: 80px;
        height: 80px;
        top: -40px
    }

    .gns-arrow {
        width: 47px;
        height: 24px
    }

    .active-item-3 .hs-control-nav, .active-item-3 .hs-items-desc, .active-item-3 .hs-items-logo,
    .active-item-3 .hs-items-texts {
        display: none
    }

    .f-post .txt, .f-post .visual, .f-post-item {
        vertical-align: top
    }

    .foot-area .ttl, .location-ttl {
        font-size: 30px;
        line-height: 1.1
    }

    .location-ttl {
        margin-top: -76px
    }

    .f-post {
        padding: 40px 20px 20px
    }

    .bfm-awards {
        padding-top: 43px
    }

    .bfm-awards .ttl {
        font-size: 24px
    }

    .bfm-awards .ttl span {
        font-size: 45px;
        padding-bottom: 0
    }

    .location-area .t-holder {
        display: block;
        -webkit-transform: none;
        transform: none;
        margin: 20px 0 0;
        width: 100%
    }

    .location-area .location-cell {
        display: table;
        width: 100%;
        margin-bottom: 40px;
        overflow: visible
    }

    .location-area .location-cell:last-child {
        margin-bottom: 0
    }

    .location-cell .loc-txt {
        padding: 0 0 0 20px;
        float: none;
        width: auto;
        vertical-align: middle;
        display: table-cell
    }

    .loc-phone, .loc-phone:after {
        display: inline-block
    }

    .location-area .loc-visual {
        margin-top: 0;
        width: 200px;
        -webkit-transform: none;
        transform: none;
        text-align: left;
        vertical-align: middle;
        position: static;
        display: table-cell
    }

    .location-area {
        padding-top: 70px
    }

    .loc-visual img {
        width: auto;
        max-width: 100%
    }

    .location-area .location-cell:not(:first-child):after {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(86, 207, 255, .3)
    }

    .location-ttl span::after, .location-ttl span::before {
        width: 35%
    }
}

@media only screen and (max-width:980px) {
    .home-company-logos-content li {
        margin: 0 1.7%
    }

    .hs-left .general-text h1 {
        font-size: 48px
    }

    .hs-left .general-text, .hs-left .general-text strong {
        font-size: 25px
    }

    .hs-left .hsl-subcaption, .hs-left .hsl-subcaption strong {
        font-size: 18px
    }

    .d-block-tablet {
        display: block
    }

    .img-loader {
        height: 390px
    }

    .header {
        padding-left: 10px;
        padding-right: 10px
    }

    .logo a {
        width: 236px;
        height: 40px;
        background: url(../images/logo-tablet.png) no-repeat
    }

    .logo img {
        height: 38px !important;
        width: 228px !important
    }

    .h-animated .nav .p-box {
        display: none
    }

    .socials .item {
        font-size: 16px;
        line-height: 1.9;
        height: 50px
    }

    .socials .icn {
        margin: 2px -3px 0 0;
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    .socials .soc-fb .icn {
        margin: 0
    }

    .f-menu-content .fmc-list {
        float: none;
        text-align: center
    }

    .f-menu-content .fmc-list li {
        display: inline;
        float: none;
        white-space: nowrap
    }

    .fmc-copyright {
        float: none;
        text-align: center
    }

    .fmc-copyright .mobile-sep {
        display: block;
        height: 10px
    }

    .fmc-copyright .madeinusa {
        display: none;
    }

    .rd-box {
        padding: 40px 20px 20px;
        margin: -125px 20px
    }

    .rd-box .txt {
        font-size: 30px;
        padding-bottom: 25px
    }

    .rd-box .btn-simple {
        margin-left: 20px
    }
}

@media only screen and (max-width:900px) {
    .full-services-section {
        padding: 70px 10px 60px
    }

    .full-services-section h2 {
        font-size: 45px;
        margin: 0 0 25px
    }

    .lead-box .section-title h2 {
        font-size: 45px
    }

    .services-tabs {
        margin: 0 0 15px
    }

    .services-tabs:before {
        top: 59px;
        height: 18px
    }

    .services-tabs li {
        padding-top: 150px
    }

    .fss-step-number {
        width: 140px;
        height: 140px
    }

    .fss-step-number strong {
        width: 122px;
        height: 122px
    }

    .active .fss-step-number strong {
        width: 140px;
        height: 140px
    }

    .fss-step-number strong:after, li:nth-child(2) .fss-step-number strong:before {
        height: 18px
    }

    .fss-step-number em {
        width: 94px;
        height: 94px;
        line-height: 94px
    }

    .active .fss-step-number em {
        width: 115px;
        height: 115px;
        line-height: 115px
    }

    .progress-filler {
        margin: 0 0 36px
    }

    .progress-filler, .progress-indicator {
        height: 14px
    }

    .progress-active {
        margin-left: -18px;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 13px solid #88ba00
    }

    .tab-text {
        font-size: 20px;
        padding: 0
    }

    .tabs-content {
        padding: 0 17px
    }

    .tabs-column, .tabs-column:first-child {
        float: none;
        width: 100%;
        padding: 0
    }

    .tabs-content p {
        margin: 0 0 20px
    }

    .f-menu-content .fmc-list {
        float: none;
        text-align: center
    }

    .f-menu-content .fmc-list li {
        display: inline;
        float: none;
        white-space: nowrap
    }

    .fmc-copyright .mobile-sep {
        display: block;
        height: 10px
    }
}

@media only screen and (max-width:880px) {
    .home-company-logos-content li {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin: 0 .7%
    }

    .img-loader {
        height: 330px
    }

    .hs-demo {
        left: 40%
    }

    #header-anim {
        width: 550px;
        height: auto;
        margin-bottom: -5px
    }

    .home-slider-wrapper {
        padding-top: 0
    }

    .home-slider-content .hs-left {
        padding-top: 40px;
        padding-left: 25px;
        min-height: 0;
        background-position: 100% 100%
    }

    .hs-left .hsl-header {
        color: #0179AE;
        font-size: 21px;
        line-height: 26px
    }

    .hs-left .hsl-subcaption {
        font-size: 17px;
        line-height: 26px;
        color: #596163
    }

    .hs-sub-row {
        padding-left: 25px
    }

    .hs-left .btn-raq {
        margin-top: 25px
    }

    .hs-sub-item {
        height: auto
    }

    .hs-sub-item.hs-item-ima {
        width: 160px
    }

    .hs-sub-item.hs-item-google {
        width: 101px
    }

    .home-slider {
        width: 63%;
        left: 40%
    }

    .slider-activated .hs-demo {
        display: none
    }

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

    .preload-imgs {
        top: 12.7%
    }

    .wrapper {
        padding-top: 62px
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        padding: 10px 0 9px;
        border-width: 3px 0 0
    }

    .header .frame {
        position: static
    }

    .logo {
        position: static;
        background: none !important
    }

    .mm-opening .logo {
        margin-left: 22px
    }

    .header .nav > li {
        position: static
    }

    .additional-nav, .header .nav a, .header .nav > li > a {
        display: none
    }

    .header .nav li .link-arrow {
        position: absolute;
        top: 10px;
        right: 8px;
        display: inline-block;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 8px;
        font-size: 17px
    }

    .head-top {
        margin-right: 197px;
        padding-top: 0
    }

    .ht-simplemenu .phone {
        padding: 8px 0 4px 13px;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 600 !important;
        margin-top: 0
    }

    .ht-simplemenu .phone em {
        width: 27px;
        height: 27px;
        margin-top: -4px;
        margin-right: 2px;
        background-position: -156px -1px
    }

    .ht-simplemenu .search {
        width: 29px;
        height: 29px;
        background-position: -125px 0;
        margin: 4px 0 0;
        position: relative
    }

    .hm-advancedmenu {
        padding: 0
    }

    .header .open-m-menu {
        display: block
    }

    .menu-title {
        border-width: 3px 0 0
    }

    .search-line {
        margin-top: -1px;
        margin-left: 0;
        padding-bottom: 2px
    }

    .search-field {
        right: 0;
        bottom: 9px;
        padding: 7px 22px 0;
        position: absolute;
        display: none;
        border-top: 1px solid #dadada
    }

    .search-active {
        padding-bottom: 50px !important
    }

    .search-field input[type=text] {
        width: 360px
    }

    .search-active .search-field {
        display: block;
        width: 100%
    }

    .ht-simplemenu .search:hover {
        background-position: -514px -284px
    }

    .section-title {
        margin-bottom: 48px
    }

    .section-title h2 {
        margin: 0 0 12px
    }

    .header .nav > li.active:before {
        display: none
    }

    .industry-section h2 {
        font-size: 43px
    }

    .industry-section .list {
        font-size: 16px
    }

    .industry-section .frame {
        padding: 0 20px
    }

    .industry-expand-list {
        padding: 15px
    }

    .industry-expand-list li {
        width: 48%
    }

    .industry-section .list a {
        padding: 12px 6px
    }

    .industry-section .list a:before {
        margin-bottom: 4px;
        -webkit-transform: scale(0.65);
        transform: scale(.65)
    }
}

@media only screen and (max-width:830px) {
    .location-ttl span::after, .location-ttl span::before {
        width: 30%
    }

    .loc-visual img {
        max-width: 300px
    }
}

@media only screen and (max-width:800px) {
    .de-blog-title {
        font-size: 20px
    }

    .go-next-step {
        width: 66px;
        height: 66px;
        top: -33px
    }

    .gns-arrow {
        width: 38px;
        height: 20px
    }

    .f-post .download-lnk {
        white-space: nowrap
    }

    .f-post .blog-post .txt {
        padding: 0
    }

    .f-post .whitepaper-post .txt {
        padding: 0
    }

    .f-post .txt, .f-post .visual {
        display: block;
        width: 100%;
        position: relative;
        z-index: 2;
        padding: 0
    }

    .f-post .visual {
        text-align: center;
        margin-bottom: 20px
    }

    .loc-phone {
        display: block
    }

    .loc-phone:after {
        display: none
    }
}

@media only screen and (min-width:787px) {
    .feat-expanded-section .txt-tab-lnk.tab-lnk {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 60px 0 0;
        cursor: default;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-width:786px) {
    .feat-expanded-section .tab-lnk {
        width: 47%
    }
}

@media only screen and (max-width:768px) {
    .lead-col .shadow {
        padding-bottom: 0
    }

    .lead-col .shadow:before {
        display: none
    }

    .lead-sections {
        display: block
    }

    .lead-col {
        display: table;
        width: 100%;
        margin-bottom: 20px
    }

    .lead-col:last-child {
        margin-bottom: 0
    }

    .lead-col .t-holder {
        display: table;
        margin-bottom: 5px;
        table-layout: fixed
    }

    .de-blog-item:first-child + .divider {
        display: table-cell;
        width: 2%
    }

    .de-blog-item {
        display: table-cell;
        vertical-align: top;
        width: 48%;
        margin-bottom: 0
    }

    .de-text {
        padding-bottom: 25px
    }

    .animation-end .init-slider {
        display: none
    }

    .home-slider .slides img {
        width: 100%
    }

    .hs-demo {
        display: inline-block;
        padding-top: 65px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 80px
    }

    .preload-imgs {
        width: 35.878%;
        height: 51.473%;
        top: 22.9%
    }

    .home-slider-content .hs-left {
        width: 100%;
        float: none;
        padding: 30px 0 0;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
        background-image: none
    }

    .home-slider-content .hs-left:after {
        content: "";
        display: table;
        width: 100%;
        clear: both
    }

    .hs-left .hsl-subcaption {
        display: none
    }

    .hs-left .hsl-header {
        padding-right: 25px;
        padding-bottom: 20px;
        padding-left: 25px;
        font-size: 18px;
        line-height: 23px
    }

    .home-slider {
        width: 100%;
        left: 0;
        position: static;
        margin-bottom: 0;
        height: 328px
    }

    .active-item-3 li {
        height: 0
    }

    .active-item-3 .slides > li.flex-active-slide, .home-slider.activated {
        height: auto
    }

    .home-slider .slides:after {
        content: "";
        display: table;
        width: 100%;
        clear: both
    }

    .slider-activated .home-slider {
        display: block
    }

    .home-slider:after {
        content: "";
        display: table;
        width: 100%;
        clear: both
    }

    .hs-items-desc {
        width: 100%;
        height: auto;
        margin-top: -100px;
        padding-top: 90px;
        position: relative;
        top: 0;
        left: 0;
        font: 300 12px / 18px Roboto, Arial, Helvetica, sans-serif;
        text-align: center;
        color: #878a8c;
        z-index: 11;
        background: 0 0;
        box-shadow: none
    }

    .active-item-3 .hs-items-desc {
        margin: 0;
        padding: 0
    }

    .active-item-3 .hs-direction-nav .next, .active-item-3 .hs-direction-nav .prev {
        top: -195px
    }

    .hs-item-text {
        width: 190px;
        padding-top: 20px
    }

    .hs-items-texts {
        margin-bottom: 40px
    }

    .hs-items-logo {
        bottom: auto;
        top: 0
    }

    .home-slider .hs-btn {
        margin-top: 10px
    }

    .hs-direction-nav .next, .hs-direction-nav .prev {
        width: 94px;
        height: 94px;
        border-radius: 50%;
        top: 80px;
        background: #fff
    }

    .hs-direction-nav .next:after, .hs-direction-nav .prev:after {
        content: "";
        width: 15px;
        height: 32px;
        margin-top: -16px;
        position: absolute;
        top: 50%;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczNTc1MzMzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczNTc1MzQzQUI1MTFFNUJENTE4OTE4RTE4QzE5RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzM1NzUzMTNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzM1NzUzMjNBQjUxMUU1QkQ1MTg5MThFMThDMTlGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pviz9a0AAALMSURBVHjatFc9SFtRFH55eVYxSAYpmElEsKUu0sFJHJykYIcq0tIhUIcOKSIdOmRxsSYdRCguKSTSoZQW2sGOBdeODk4dtW8sBRfB0OT1e+n34Hi47zfxhI/knpx7/u4579yXW/n+28pAb4E7wArX34CfwGZaRXYG4+vAC2ASaBOT5K3ftAP3gBaQA/YFf5+8FmVuxIEx4AtQAM6AQ/HfIXkFyowN2oEgurtc15j6gNrkWZQJsjQwB7aANf4+V9HLLJzz9xr3DMSBBeCNWOvoTVmwuGehXwcmgM/AkIi+FSHfElkY4t6JrA7kgU9ASfDqIdHLLNTFukQd+SwO+ClcFOtfQDPBkTUpG9CiOsJEDqwCLxWvFhN9WC1Y1LWa1IEZRiHbyE0YvcyCq9q4Sd2RDowCX4Gi4u8mjF5mYVfxitQ9GuXAO2BW8dyYyo/qCFfxZmnD6EAFeGpQ5J/nVQYHrgy1YNFGRTtwH9gzCKc9+7haCGiPNnsOjAAfgWGDYD1j9DILdQN/mDZHnMKfs7Ld+etXZxfF2kW95li1Hj7T/ld/lJuGto7QCYWeH/hMN++UbRhvYHHwPxueY3leHrB735bnn9VUH9anejqu63SY+QPfti2m3ZFBwS1gpw8HdqhD01EwLQMH/BQ9AU4Mwo+BuQzG57hX0wltdXQbXgIPDVVrh7RTHNUMzxmXNi7DHkS+wAPgQvGXgaUUxpe4R9IFdbtxs+AUeGR49NYSXrNyhoy1qfM06TQ8Bp5Z13twPmyiGSbpvFh71HWc9j7wAagq3mvAidjjUEZSlboyXcn8p1hDjeqNCPkNNXIbIU/CVJfSTZW+bT1SxSjfVscY+6qWxAFdQKWQK/eWuD+GFXLm9wLdQq+AcfH/OHlRrdz3q5lUXFQFWiXP2OuDfDmVqfUH1W2iEtXrVkzbpCW/uJ4DZXF9+wG8D+v1KPonwAAQBLPUY6tK2wAAAABJRU5ErkJggg==)
    }

    .hs-direction-nav .prev {
        left: -58px;
        box-shadow: 2px -2px 7px rgba(0, 0, 0, .1)
    }

    .hs-direction-nav .prev:after {
        right: 15px
    }

    .hs-direction-nav .next {
        right: -56px;
        box-shadow: -2px -2px 7px rgba(0, 0, 0, .1)
    }

    .hs-direction-nav .next:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 17px
    }

    .hs-control-nav {
        bottom: -15px
    }

    .hs-items-logo img {
        max-width: 50%
    }

    .hs-items-logo .logo-baldor {
        max-width: 40%
    }

    .hs-left .btn-raq {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -76px
    }

    .home-slider-wrapper .home-slider-content {
        z-index: 11
    }

    .solutions-section .show-in-mobile {
        display: block
    }

    .solutions-section .item {
        min-height: 155px
    }

    .industry-section:after {
        background: linear-gradient(to bottom, #026c9c 0, #0779ab 14%, #0c88bc 25%, #0d86bb 25%, #1196ce 42%, #0f90c7 87%, #108dc3 100%)
    }

    .header {
        padding-bottom: 13px
    }

    .home-company-logos-content li {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        margin: 0
    }

    .client-logo-item {
        overflow: hidden
    }

    .hs-left .general-text h1 {
        font-size: 33px
    }

    .hs-left .general-text, .hs-left .general-text strong {
        font-size: 20px
    }

    .solutions-section h2 {
        font-size: 30px;
        margin-bottom: 30px
    }

    .solutions-section h3 a {
        font-size: 18px
    }

    .solutions-section h3 .ico {
        margin-bottom: -16px
    }

    .hs-sub-row {
        text-align: center;
        padding: 70px 0 30px;
        margin-bottom: 0;
        background: url(../images/bg/home-slider-shadow.png) 50% 0 no-repeat;
        z-index: 10;
        position: relative
    }

    .hs-sub-item {
        margin: 0 15px
    }

    .logo {
        margin-top: 3px
    }

    .logo a {
        width: 177px;
        height: 30px;
        background: url(../images/logo-mobile.png) no-repeat
    }

    .head-top {
        margin-right: 196px
    }

    .ht-simplemenu .phone {
        padding-left: 7px
    }

    .search-field {
        padding-right: 7px;
        padding-left: 7px
    }

    .bfm-awards {
        padding: 30px 0 0
    }

    .bfm-awards .ttl {
        font: 300 20px Roboto, sans-serif
    }

    .bfm-awards .ttl span {
        font-size: 30px;
        line-height: normal
    }

    .bfm-awards-list {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-top: -25px
    }

    .bfm-awards-list br {
        display: block
    }

    .bfm-awards-list .item {
        padding: 0 10px
    }

    .rd-holder .ready-discuss {
        padding: 0 0 40px
    }

    .socials .item {
        font-size: 0;
        line-height: 0
    }

    .socials .icn {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin: 0
    }

    .socials-box .frame {
        padding: 30px 10px
    }

    .f-menu-content .fmc-list li {
        margin: 0 6px 10px;
        display: inline-block
    }

    .f-menu-content .fmc-list li:last-child {
        margin-right: 0
    }

    .fmc-contact {
        font-size: 14px
    }

    .fmc-contact li {
        padding: 0 10px
    }

    .fmc-copyright {
        padding-bottom: 20px
    }

    .fmc-contact li:not(:first-child):before {
        display: none
    }

    .location-ttl svg {
        width: 30px;
        height: 40px;
        top: 10px
    }

    .location-ttl {
        margin-top: -60px
    }

    .location-subttl {
        font-size: 20px
    }

    .loc-address, .loc-contact, .loc-contact .link-more {
        font-size: 16px
    }

    .loc-contact .link-more:after {
        font-size: 27px
    }

    .loc-visual img {
        max-width: 250px
    }

    .rd-box-holder {
        padding: 40px 20px
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    .feat-expanded-section .txt-tab-lnk {
        padding: 0;
        margin: 0 6px;
        position: relative;
        max-height: 276px
    }

    .feat-expanded-section .txt-tab-lnk img {
        height: 100% !important;
        width: 100% !important;
        display: block;
        text-indent: -9999px;
        overflow: hidden
    }

    .feat-expanded-section .txt-tab-lnk .holder {
        position: absolute;
        top: 50%;
        margin-top: -72px;
        left: 0;
        width: 100%
    }

    .feat-expanded-section .txt-tab-lnk .txt {
        font-size: 29px;
        line-height: 1.2
    }

    .feat-expanded-section .txt-tab-lnk .btn-green {
        font-size: 19px
    }
}

@media only screen and (max-width:755px) {
    .img-loader {
        height: 470px
    }

    .show-in-mobile {
        display: inline
    }

    .feat-expanded-section {
        padding: 60px 0 30px
    }

    .feat-expanded-section h2 {
        font-size: 30px
    }

    .section-title.in-dark p {
        font-size: 14px
    }
}

@media only screen and (min-width:850px) and (max-width:1300px) {
    .read-more-anim span {
        bottom: 10px;
        right: 10px;
        font-size: 13px
    }

    .aol .feat-brand:after, .engel .feat-brand:after, .nuna .feat-brand:after {
        -webkit-transform: scale(.7) translate(-72%, -75%);
        transform: scale(.7) translate(-72%, -75%)
    }
}

@media only screen and (max-width:1024px) and (min-width:680px) {
    .aol .feat-brand:after, .engel .feat-brand:after {
        -webkit-transform: scale(.5) translate(-71%, -71%);
        transform: scale(.5) translate(-71%, -71%)
    }

    .nuna .feat-brand:after {
        -webkit-transform: scale(.55) translate(-71%, -35%);
        transform: scale(.55) translate(-71%, -35%);
        margin-left: 209px
    }
}

@media only screen and (max-width:700px) {
    .industry-section {
        padding: 25px 0 80px
    }

    .industry-section h2 {
        font-size: 30px
    }

    .industry-section .subheading {
        font-size: 14px;
        line-height: 1.6
    }

    .industry-section .list {
        padding: 0
    }

    .industry-expand-list li {
        width: 100%
    }

    .industry-section .list a {
        padding: 8px 6px;
        font-size: 14px
    }

    .industry-section .list a:before {
        margin-bottom: 0;
        min-height: 58px;
        -webkit-transform: scale(0.58);
        transform: scale(0.58)
    }

    .button {
        padding: 13px 12px;
        font-size: 16px
    }

    .button.close:after {
        top: 7px;
        right: 10px
    }

    .button.close:before {
        right: 18px;
        top: 18px
    }

    .industry-section .button {
        bottom: -20px
    }
}

@media only screen and (max-width:680px) {
    .home-company-logos-wrapper .home-company-logos-content li {
        margin: 0 -4px
    }

    .home-company-logos-content .cl-toys {
        left: 5px
    }

    .feat-expanded-section .exp-bg {
        background-size: 1000px auto
    }

    .feat-expanded-section .exp-bg.aol {
        background-size: 700px auto
    }

    .feat-content {
        text-align: center
    }

    .feat-gallery-images, .feat-txt-holder {
        text-align: left
    }

    .feat-brand {
        height: 100px
    }

    .feat-brand:after {
        -webkit-transform: scale(.6) translate(-83%, -83%);
        transform: scale(.6) translate(-83%, -83%)
    }

    .feat-txt-holder .feat-brand:after {
        margin-left: 0
    }

    .feat-gallery {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        margin: 60px -26px 0;
        display: inline-block
    }

    .full-services-section {
        padding: 50px 6px 40px
    }

    .full-services-section h2 {
        font-size: 30px;
        margin: 0 0 20px
    }

    .lead-col .t-holder {
        margin-bottom: 0
    }

    .lead-col .btn-raq {
        font-size: 14px
    }

    .lead-col .btn-raq:after {
        font-size: 22px;
        bottom: 1px
    }

    .lead-box h3 {
        font-size: 22px
    }

    .lead-box .section-title {
        margin-bottom: 30px
    }

    .lead-box {
        padding: 60px 0 40px
    }

    .lead-box .section-title h2 {
        font-size: 30px
    }

    .services-tabs {
        margin: 0 0 15px
    }

    .services-tabs:before {
        top: 34px;
        width: 74%;
        height: 12px
    }

    .services-tabs li {
        padding-top: 84px
    }

    .fss-step-number {
        width: 78px;
        height: 78px
    }

    .fss-step-number strong {
        width: 66px;
        height: 66px
    }

    .active .fss-step-number strong {
        width: 78px;
        height: 78px
    }

    .fss-step-number strong:after, li:nth-child(2) .fss-step-number strong:before {
        height: 12px;
        margin-top: -6px
    }

    .fss-step-number em {
        width: 52px;
        height: 52px;
        font-size: 33px;
        line-height: 52px
    }

    .active .fss-step-number em {
        width: 64px;
        height: 64px;
        line-height: 64px
    }

    .tab-text {
        font-family: Roboto, Sans-Serif;
        font-weight: 500;
        font-size: 13px;
        padding: 0
    }

    .progress-filler {
        margin: 0 0 20px
    }

    .progress-active {
        margin-left: -13px;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 10px solid #88ba00
    }

    .tabs-content {
        padding: 0 10px
    }

    .tabs-column {
        font-size: 13px
    }

    .tabs-column:first-child {
        font-size: 19px
    }

    .feat-expanded-section .tab-lnk {
        width: 47%
    }

    .img-loader {
        height: 270px
    }

    .download-lnk .icon {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        width: 5px;
        top: -3px
    }

    .download-lnk, .foot-area .btn-raq {
        font-size: 14px
    }

    .foot-area .btn-raq:after {
        font-size: 22px;
        bottom: 1px
    }

    .location-area .loc-visual {
        display: none
    }

    .loc-phone, .loc-phone:after {
        display: inline-block
    }

    .location-area {
        text-align: center
    }

    .location-area .t-holder {
        margin: 0
    }
}

@media only screen and (max-width:646px) {
    .lead-box img {
        margin-bottom: 0
    }

    .home-company-logos-wrapper .home-company-logos-content li {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        margin: 0 -14px
    }

    .home-company-logos-content .cl-nfl {
        left: 5px
    }

    .home-company-logos-content .cl-toys {
        left: 8px
    }

    .feat-txt .btn-holder {
        text-align: center;
        padding: 15px 0 10px;
        margin-top: 20px
    }

    .feat-txt .btn-raq {
        margin: 0 0 15px
    }

    .feat-txt .btn-holder br {
        display: block
    }

    .feat-txt .btn-green {
        float: none;
        display: inline-block
    }

    .feat-txt {
        padding: 15px;
        font-size: 13px
    }

    .feat-txt p {
        margin-bottom: 10px
    }

    .feat-txt h5 {
        font-size: 17px;
        margin-bottom: 10px
    }

    .button-close {
        width: 39px;
        height: 47px
    }

    .button-close:after, .button-close:before {
        width: 24px;
        height: 3px
    }

    .feat-gallery {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin: 23px -56px -56px
    }

    .wrapper {
        padding-top: 102px
    }

    .header {
        border-top: 0;
        padding-top: 59px;
        padding-bottom: 0;
        height: 102px;
        transition: top .4s ease-out
    }

    .head-r-side {
        float: none !important
    }

    .head-top {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: 44px;
        background: #0078ae;
        float: none;
        padding: 4px 0 0
    }

    .ht-nav li {
        padding: 0
    }

    .ht-simplemenu .phone {
        border-left: 0;
        margin-right: 12px;
        color: #fff
    }

    .ht-simplemenu .phone:hover {
        color: #fff !important
    }

    .ht-simplemenu .phone em {
        background-position: -268px 0
    }

    .search-line {
        border: 0
    }

    .header .nav li .link-arrow {
        top: 7px;
        color: #FFF !important;
        right: auto;
        left: 7px;
        font-size: 13px;
        padding: 3px 22px 3px 12px !important;
        box-shadow: 0 -1px 0 #c9e973, 0 1px 0 #5e8900;
        border-radius: 18px;
        background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%) 0 0 / 100% 100%;
        transition: all .4s linear;
        text-shadow: none
    }

    .header .nav li .link-arrow:hover {
        background-position: 0 -200%;
        background-size: 100% 200%;
        color: #fff !important
    }

    .header .nav li .link-arrow:after, .header .nav li .link-arrow:hover:after {
        border-color: #fff !important
    }

    .ht-simplemenu .search {
        position: absolute;
        right: 15px;
        bottom: -42px;
        width: 23px;
        height: 24px;
        background-position: -222px 0;
        margin: 0;
        overflow: visible
    }

    .ht-simplemenu .search:before {
        border-left: 1px solid #dadada;
        content: "";
        height: 36px;
        position: absolute;
        top: -6px;
        left: -14px;
        width: 0
    }

    .menu-title {
        border-width: 44px 0 0;
        height: 101px
    }

    .menu-title .open-m-menu {
        margin-top: 14px
    }

    .search-active {
        padding-bottom: 102px !important
    }

    .search-field {
        bottom: -105px
    }

    .h-animated {
        top: -41px
    }

    .ht-simplemenu .search:hover {
        background-position: -570px -287px
    }

    .mm-opened .b-animated .wrapper {
        padding-top: 61px
    }

    html.mm-opened .b-animated .menu-title {
        height: 61px;
        border-top-width: 3px
    }

    .section-title {
        margin-bottom: 24px
    }

    .de-text-frame {
        padding: 10px
    }

    .foot-area .ttl.f-post-mob {
        display: block;
        text-align: center
    }

    .foot-area .btn-raq.f-post-mob {
        display: inline-block;
        margin: 0 0 20px 20px
    }

    .f-post .t-holder.info {
        display: block
    }

    .f-post .divider, .f-post-desk {
        display: none
    }

    .f-post-item {
        overflow: hidden;
        display: block;
        width: 100%;
        margin-bottom: 20px
    }

    .bfm-awards-list {
        -webkit-transform: scale(.67);
        transform: scale(.67);
        width: 130%;
        margin: -25px -15% 0
    }

    .foot-area .ttl, .location-ttl {
        font-size: 24px
    }

    .socials .item {
        height: 43px
    }

    .socials .icn {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .rd-box-holder {
        padding: 30px 10px
    }

    .rd-box {
        border-radius: 4px;
        padding: 20px 10px;
        margin: -150px 10px
    }

    .rd-box .txt {
        font-size: 20px;
        display: block
    }

    .rd-box .btn-simple {
        margin-left: 0;
        font-size: 16px;
        min-width: 0;
        padding: 12px 40px 12px 30px
    }
}

@media only screen and (max-width:600px) {
    .solutions-section h2 {
        font-size: 23px
    }

    .d-block-tablet {
        display: inline
    }

    .d-block-mobile {
        display: block
    }

    .solutions-section .item {
        padding: 0 9px
    }

    .feat-gallery {
        -webkit-transform: scale(.68);
        transform: scale(.68);
        margin: -30px -106px -110px
    }

    .bfm-awards .txt {
        font-size: 23px;
        line-height: 24px
    }

    .bfm-awards .txt span {
        font-size: 22px
    }

    .subscribe {
        padding: 50px 20px 100px
    }

    .subscribe-form {
        width: auto;
        height: 54px
    }

    .subscribe-form .btn-simple {
        width: 156px;
        position: static;
        float: none;
        display: block;
        margin: 18px auto 0
    }

    .subscribe-form input[type=text] {
        padding: 0 16px;
        font-size: 17px
    }

    .subscribe .message {
        padding: 90px 0 0;
        margin: 0 0 -80px
    }

    .f-menu-content .fmc-list a {
        font-size: 13px
    }
}

@media only screen and (max-width:480px) {
    .de-blog-item {
        display: block;
        margin-bottom: 15px
    }

    .de-blog-item:first-child + .divider, .lead-col .divider {
        display: none
    }

    .de-blog-item {
        width: 100%
    }

    .de-blog-title {
        font-size: 18px
    }

    .de-text {
        padding-bottom: 10px
    }

    .feat-gallery {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        margin: -60px -140px -146px
    }

    .feat-expanded-section .tab-lnk {
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    .feat-home .tab-lnk {
        display: none
    }

    .feat-home .tab-lnk.show-in-mobile {
        display: block
    }

    .feat-expanded-section .txt-tab-lnk {
        max-width: 100%
    }

    .feat-section-frame .ready-discuss {
        margin: 30px 0 0;
        padding: 20px 0
    }

    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
        transition: top .4s ease-out
    }

    .search-field input[type=text] {
        width: 100%
    }

    .search-active {
        padding-bottom: 84px !important
    }

    .search-field {
        bottom: -90px
    }

    .h-animated {
        top: -41px
    }

    .home-company-logos-wrapper {
        padding: 10px 0
    }

    .home-company-logos-content {
        width: 286px;
        margin: 0 auto;
        position: relative
    }

    .home-company-logos-wrapper .home-company-logos-content li {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        margin: 0 -15px
    }

    .home-company-logos-content .divider {
        display: block
    }

    .home-company-logos-content .cl-nfl {
        left: 0
    }

    .home-company-logos-content .divider + li {
        margin-left: 10px
    }

    .hs-sub-item:first-child {
        margin-left: 0
    }

    .hs-sub-item:last-child {
        margin-right: 0
    }

    .hs-item-ima {
        max-width: 180px
    }

    .hs-item-google {
        max-width: 84px
    }

    .section-title {
        margin-bottom: 32px
    }

    .section-title h2 {
        font-size: 32px
    }

    .bfm-awards-list {
        width: 100%;
        display: block;
        margin: -35px 0 -10px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .bfm-awards-list .item {
        display: block;
        width: 100%;
        padding: 0 0 25px
    }

    .bfm-awards-list .item:last-child {
        padding-bottom: 0
    }

    .bfm-awards-list img {
        margin-top: 5px
    }

    .f-menu-content .fmc-list {
        margin-bottom: 10px
    }

    .f-menu-content .fmc-list li {
        display: inline-block;
        margin: 0 0 25px;
        width: 49%
    }

    .fmc-copyright {
        margin-top: 0
    }

    .loc-phone {
        display: block
    }

    .loc-phone:after {
        display: none
    }

    .location-area {
        padding: 40px 20px 140px
    }

    .location-area .frame {
        padding: 20px 15px 15px
    }

    .location-ttl span:after, .location-ttl span:before {
        right: -15px;
        top: 87%;
        width: 15%
    }

    .location-ttl span:after {
        right: auto;
        left: -15px
    }

    .location-area .location-cell {
        margin-bottom: 20px
    }

    .location-area .location-cell:not(:first-child):after {
        top: -10px
    }
}

@media only screen and (max-width:420px) {
    .feat-gallery {
        -webkit-transform: scale(.46);
        transform: scale(.46);
        margin: -128px -173px -200px
    }
}

@media screen and (max-width:500px) and (orientation :landscape) {
    .wrapper {
        padding-top: 90px
    }

    .mm-opened .b-animated .wrapper {
        padding-top: 50px
    }

    .header {
        height: 90px;
        padding-top: 50px
    }

    .ht-simplemenu .search {
        bottom: -34px
    }

    .search-field {
        bottom: -84px
    }

    .menu-title {
        height: 90px
    }

    .menu-title .open-m-menu {
        margin-top: 8px
    }

    html.mm-opened .b-animated .menu-title {
        height: 50px;
        border-top-width: 3px
    }
}

@media only screen and (max-width:380px) {
    .feat-expanded-section .tab-lnk {
        max-width: 287px
    }

    .feat-expanded-section .txt-tab-lnk {
        max-width: 100%
    }

    .solutions-section .item {
        padding: 0;
        margin: 0 0 -10px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media only screen and (max-width:320px) {
    .hsl-subcaption {
        display: none
    }
}

@media only screen and (max-height:600px) {
    .header .nav .nav-submenu > li:hover {
        position: static
    }

    .header .nav .nav-sublevel {
        transition: none
    }
}

@media only screen and (min-width:850px) {
    .de-blog-img .overflow {
        margin: -23px -23px 0
    }

    .de-text {
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s
    }

    .read-more-anim {
        display: block;
        width: 100%;
        height: 0;
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        overflow: hidden;
        text-align: right;
        transition: height .4s
    }

    .read-more-anim:hover {
        color: #fff
    }

    .de-blog-item:hover .read-more-anim {
        height: 68px
    }

    .read-more-anim:before {
        position: absolute;
        top: 100%;
        right: -4%;
        width: 222%;
        height: 61px;
        content: "";
        background: #009ddc;
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        outline: transparent solid 1px
    }

    .de-blog-item:hover .read-more-anim:before {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }

    .read-more-anim span {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 5;
        text-transform: uppercase;
        font: 700 14px / 1 Roboto, sans-serif;
        display: inline-block
    }

    .read-more-anim span:after {
        content: "»";
        padding-left: 5px;
        font-size: 24px;
        line-height: 1;
        position: relative;
        top: 2px
    }
}

@media only screen and (min-width:850px) and (max-width:1024px) {
    .de-text {
        padding-bottom: 30px
    }

    .read-more-anim span {
        bottom: 6px;
        right: 5px;
        font-size: 12px
    }
}

@media only screen and (min-width:756px) and (max-width:1024px) {
    .show-in-tablet {
        display: inline
    }
}

@media only screen and (min-width:769px) {
    .industry-section:after {
        background: url(../images/home/bg-industry.jpg) 50% 0 no-repeat fixed
    }
}

@media only screen and (min-width:881px) {
    .logo {
        top: 20px;
        left: 10px;
        background: url(../images/logo-desktop.png) no-repeat;
        width: 360px;
        height: 60px;
        transition: all .1s ease-out
    }

    .logo a {
        background: 0 0;
        display: block;
        height: 100%
    }

    .logo img {
        display: none
    }

    .head-top {
        padding-top: 12px
    }

    .header {
        padding: 0;
        border-top: 4px solid #0078ae;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 60
    }

    .top-page-panel {
        padding: 42px 10px 12px
    }

    .header .frame {
        padding: 0 10px 11px;
        height: 100px;
        transition: height .2s ease-out
    }

    .head-r-side {
        position: relative;
        transition: margin .4s ease-out
    }

    .additional-nav {
        padding-top: 1px
    }

    .nav .phone em {
        background: url(../images/sprite.png) no-repeat;
        width: 21px;
        height: 21px;
        margin: 2px 5px 0 0;
        display: inline-block;
        font-size: 0;
        line-height: 0;
        vertical-align: top
    }

    .nav .phone {
        font: 700 16px / 25px Roboto, arial, sans-serif;
        color: #5a6063;
        display: block;
        margin: 0;
        padding: 0 13px;
        border-left: 1px solid #dadada
    }

    .nav .phone:hover {
        font-family: Roboto, Arial, Helvetica, Sans-Serif !important;
        font-weight: 500
    }

    .additional-nav li a, .additional-nav li span {
        font: 12px / 25px Arial
    }

    .hm-advancedmenu {
        padding: 21px 0 0
    }

    .ht-nav li {
        padding: 0 3px 0 6px
    }

    .ht-simplemenu .search {
        margin: 2px 4px 0 5px
    }

    .home-slider-wrapper {
        padding-top: 105px;
        background: #fbfbfb
    }

    #main {
        padding-top: 116px
    }

    .header.h-animated {
        border-top-color: #fff
    }

    .h-animated .logo {
        top: 10px;
        width: 228px;
        height: 38px;
        background-size: 228px 38px
    }

    .h-animated .head-r-side {
        margin-top: -45px;
        transition: all .4s ease-out
    }

    .h-animated .nav > .link > a {
        padding: 0 8px 11px;
        transition: all 0s ease-out
    }

    .h-animated > .frame {
        height: 67px;
        transition: all .2s ease-out
    }

    .h-animated .nav .p-box {
        visibility: visible;
        width: 161px;
        transition: width .3s ease-out
    }
}

@media only screen and (min-width:1025px) {
    .section-title.alt h2 {
        font-size: 48px
    }

    .section-title.alt h2 strong {
        font-family: Roboto, sans-serif;
        font-weight: 500
    }

    .section-title.in-dark.alt p {
        font-size: 32px;
        font-family: Roboto, sans-serif;
        font-weight: 300
    }

    .client-logo-item:hover:before {
        opacity: 1
    }

    .solutions-section .ico .show-in-mobile, .solutions-section .ico .show-in-tablet {
        display: none
    }

    .solutions-section .item.mobile:hover .sq01 {
        animation: sq01Move 2.4s ease infinite
    }

    .solutions-section .item.mobile:hover .sq02 {
        animation: sq02Move 2.4s ease infinite
    }

    .solutions-section .item.mobile:hover .sq03 {
        animation: sq05Move 2.4s ease infinite
    }

    .solutions-section .item.mobile:hover .sq04 {
        animation: sq06Move 2.4s ease infinite
    }

    .solutions-section .item.mobile:hover .sq05 {
        animation: sq07Move 2.4s ease infinite
    }

    .solutions-section .item.mobile:hover .sq06 {
        animation: sq08Move 2.4s infinite ease
    }

    .an-nuna {
        background: url(../images/projects/nuna/bg.png) 0 100% no-repeat;
        transition: background-position .2s
    }

    .an-nuna .mouth {
        background: url(../images/projects/nuna/mouth.png);
        width: 40px;
        height: 31px;
        position: absolute;
        top: 87px;
        left: 312px;
        visibility: hidden;
        transition: left .2s
    }

    .an-nuna:before {
        content: "";
        background: url(../images/projects/nuna/arm-l.png);
        width: 199px;
        height: 103px;
        position: absolute;
        top: 140px;
        left: 202px;
        -webkit-transition: all .13s linear;
        transition: all .13s linear;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        z-index: 2
    }

    .an-nuna:after {
        content: "";
        background: url(../images/projects/nuna/arm-r.png);
        width: 55px;
        height: 99px;
        position: absolute;
        top: 90px;
        left: 181px;
        -webkit-transition: all .13s linear;
        transition: all .13s linear;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        z-index: 1
    }

    .an-nuna .an-brand {
        background: url(../images/projects/nuna/logo.png);
        width: 178px;
        height: 31px;
        position: absolute;
        bottom: 49px;
        right: 43px
    }

    .an-nuna:hover {
        background-position: 100% 100%
    }

    .an-nuna:hover:before {
        -webkit-transform: rotate(11deg) translateX(-33px) translateY(-30px);
        transform: rotate(11deg) translateX(-33px) translateY(-30px)
    }

    .an-nuna:hover:after {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
        left: 160px;
        top: 80px
    }

    .an-nuna:hover .mouth {
        visibility: visible;
        left: 294px
    }

    .an-paul {
        background: url(../images/projects/paul/bg.png) 85% 0 no-repeat;
        transition: background-position .3s
    }

    .an-paul:before {
        content: "";
        background: url(../images/projects/paul/hand.png);
        width: 173px;
        height: 414px;
        position: absolute;
        top: 25px;
        left: 239px;
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .an-paul:after {
        content: "";
        background: url(../images/projects/paul/logo.png);
        width: 196px;
        height: 33px;
        position: absolute;
        bottom: 46px;
        left: 33px
    }

    .an-paul:hover {
        background-position: 0 0
    }

    .an-paul:hover:before {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        left: 285px;
        top: 28px
    }

    .an-aol {
        background: url(../images/projects/aol/bg.png) 50% 100% no-repeat;
        -webkit-transition: background-position .3s;
        transition: background-position .3s
    }

    .an-aol:before {
        content: "";
        background: url(../images/projects/aol/girl.png);
        width: 247px;
        height: 231px;
        position: absolute;
        bottom: 47px;
        left: -16px;
        transition: bottom .5s, left .8s
    }

    .an-aol .man {
        position: absolute;
        top: 40px;
        right: 0;
        width: 263px;
        height: 246px;
        -webkit-transition: top .5s, right .8s, transform .8s;
        transition: top .5s, right .8s, transform .8s;
        overflow: hidden
    }

    .an-aol .man:after {
        content: "";
        background: url(../images/projects/aol/man.png);
        width: 263px;
        height: 246px;
        position: absolute;
        top: 0;
        right: -75px;
        transition: right .8s
    }

    .an-aol .an-brand {
        background: url(../images/projects/aol/logo.png);
        width: 156px;
        height: 87px;
        position: absolute;
        bottom: 33px;
        right: 27px
    }

    .an-aol:hover {
        background-position: 100% 100%;
        overflow: visible
    }

    .an-aol:hover:before {
        bottom: 30px;
        left: -45px
    }

    .an-aol:hover .man {
        top: 20px;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    .an-aol:hover .man:after {
        right: 5px
    }

    .an-serviceking {
        background: url(../images/projects/serviceking/bg.png) 0 100% no-repeat;
        transition: background-position .3s linear;
        overflow: hidden
    }

    .an-serviceking:before {
        content: "";
        background: url(../images/projects/serviceking/man.png) no-repeat;
        width: 270px;
        height: 368px;
        position: absolute;
        bottom: -20px;
        right: 65px;
        transition: all .3s linear;
        -webkit-transform: rotate(11deg) translateY(-9px);
        transform: rotate(11deg) translateY(-9px);
        z-index: 1
    }

    .an-serviceking:after {
        content: "";
        background: url(../images/projects/serviceking/logo.png) no-repeat;
        width: 210px;
        height: 93px;
        position: absolute;
        bottom: 19px;
        right: 29px;
        z-index: 2
    }

    .an-serviceking:hover {
        background-position: 100% 100%
    }

    .an-serviceking:hover:before {
        right: 120px;
        -webkit-transform: none;
        transform: none
    }

    .an-engel {
        background: url(../images/projects/engel/bg.png) 0 100% no-repeat;
        transition: background-position .3s linear;
        overflow: hidden
    }

    .an-engel:after {
        content: "";
        background: url(../images/projects/engel/logo.png) no-repeat;
        width: 269px;
        height: 114px;
        position: absolute;
        bottom: 42px;
        right: 0;
        z-index: 2
    }

    .an-engel:hover {
        background-position: 100% 100%
    }

    .an-epicreads {
        background: url(../images/projects/epicreads/bg.png) 0 25px no-repeat;
        transition: all .4s
    }

    .an-epicreads:before {
        content: "";
        background: url(../images/projects/epicreads/logo.jpg) 53% 43% no-repeat #000;
        width: 100%;
        height: 200px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 4;
        transition: all .4s
    }

    .an-epicreads .an-books {
        background: url(../images/projects/epicreads/books.jpg);
        width: 207px;
        height: 242px;
        position: absolute;
        top: 80px;
        left: 68px;
        z-index: 3;
        transition: all .4s
    }

    .an-epicreads .an-book-left {
        background: url(../images/projects/epicreads/book-left.png);
        width: 56px;
        height: 259px;
        position: absolute;
        top: 37px;
        left: 27px;
        z-index: 2;
        transition: all .6s
    }

    .an-epicreads .an-book-right {
        background: url(../images/projects/epicreads/book-right.png);
        width: 68px;
        height: 325px;
        position: absolute;
        top: 39px;
        right: 197px;
        z-index: 2;
        transition: all .6s
    }

    .an-epicreads:hover {
        background-position: 0 13px
    }

    .an-epicreads:hover:before {
        height: 167px
    }

    .an-epicreads:hover .an-books {
        top: 68px
    }

    .an-epicreads:hover .an-book-left {
        top: 28px;
        left: 14px
    }

    .an-epicreads:hover .an-book-right {
        top: 30px;
        right: 171px
    }

    .an-johnjay {
        overflow: hidden
    }

    .an-johnjay .an-bg {
        background: url(../images/projects/johnjay/bg.jpg) 100% 100% no-repeat;
        transition: all .3s;
        position: absolute;
        bottom: 0;
        left: -48px;
        width: 563px;
        height: 394px;
        z-index: 1
    }

    .an-johnjay .an-bg:before {
        content: "";
        background: url(../images/projects/johnjay/people.png) no-repeat;
        width: 378px;
        height: 154px;
        position: absolute;
        bottom: 6px;
        left: 178px
    }

    .an-johnjay:after {
        content: "";
        background: url(../images/projects/johnjay/logo.png);
        width: 203px;
        height: 159px;
        position: absolute;
        bottom: 269px;
        left: 25px;
        transition: all .7s;
        z-index: 2
    }

    .an-johnjay:hover .an-bg {
        left: 0
    }

    .an-johnjay:hover .an-bg:before {
        background: url(../images/projects/johnjay/people.gif) 20px 25px no-repeat;
        width: 459px;
        height: 207px;
        left: 130px
    }

    .an-johnjay:hover:after {
        bottom: 189px
    }

    .an-uspolo {
        background: url(../images/projects/uspolo/bg.jpg) -33px 100% no-repeat;
        transition: background-position .7s;
        overflow: hidden
    }

    .an-uspolo:before {
        content: "";
        background: url(../images/projects/uspolo/girl.png) 0 100%;
        width: 309px;
        height: 434px;
        position: absolute;
        bottom: 0;
        right: -33px;
        transition: all .7s;
        z-index: 2
    }

    .an-uspolo:after {
        content: "";
        background: url(../images/projects/uspolo/logo.gif) 32px 50% no-repeat #fff;
        width: 100%;
        height: 111px;
        position: absolute;
        bottom: 50px;
        left: 0;
        z-index: 1
    }

    .an-uspolo:hover {
        background-position: 0 100%
    }

    .an-uspolo:hover:before {
        right: 0
    }

    .an-amf {
        overflow: hidden
    }

    .an-amf .bg {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -59%;
        width: 118%;
        height: 100%;
        background: url(../images/projects/amf/bg.png) 50% 0 / 100% auto no-repeat;
        transition: all .2s linear
    }

    .an-amf:before {
        content: "";
        background: url(../images/projects/amf/girl.png);
        width: 138px;
        height: 273px;
        position: absolute;
        right: -55px;
        bottom: 28px;
        transition: all .33s;
        z-index: 2
    }

    .an-amf:after {
        content: "";
        background: url(../images/projects/amf/people.png);
        width: 356px;
        height: 321px;
        position: absolute;
        left: -8px;
        bottom: -52px;
        transition: all .3s;
        z-index: 3
    }

    .an-amf .an-brand {
        background: url(../images/projects/amf/logo.png) no-repeat;
        width: 148px;
        height: 114px;
        position: absolute;
        bottom: 19px;
        right: 37px;
        z-index: 4
    }

    .an-amf:hover .bg {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .an-amf:hover:before {
        bottom: 59px;
        right: -17px
    }

    .an-amf:hover:after {
        bottom: 0;
        left: 5px
    }

    .an-nfl {
        overflow: hidden;
        -webkit-transition: all 2s ease-out;
        transition: all 2s ease-out
    }

    .an-nfl:after, .an-nfl:before {
        content: "";
        width: 100%;
        height: 88%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/projects/nfl/bg.jpg) 50% 50% no-repeat;
        -webkit-transition: all 2s ease-out;
        transition: all 2s ease-out;
        z-index: 1
    }

    .an-nfl:after {
        z-index: 2;
        background: rgba(90, 201, 1, .1);
        transition: opacity .5s ease;
        opacity: 0
    }

    .an-nfl:before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .an-nfl:hover:before {
        -webkit-transform: scale(.85) translate(-55px, 41px);
        transform: scale(.85) translate(-55px, 41px);
        width: 120%;
        height: 104%
    }

    .an-nfl:hover:after {
        opacity: 1
    }

    .an-nfl .an-brand {
        width: 100px;
        height: 138px;
        position: absolute;
        bottom: 47px;
        right: 53px
    }

    .an-nfl .an-brand:before {
        content: "";
        background: url(../images/projects/nfl/logo.png);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3
    }

    .an-nfl .an-brand:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -4px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        box-shadow: 0 0 34px 57px rgba(255, 255, 255, .7);
        opacity: 0;
        z-index: 1;
        transition: opacity .7s .5s ease-out
    }

    .an-nfl:hover .an-brand:after {
        opacity: 1
    }

    .an-nfl .an-person {
        content: "";
        background: url(../images/projects/nfl/person.png);
        width: 377px;
        height: 478px;
        position: absolute;
        top: -6px;
        left: 19px;
        -webkit-transition: all .7s ease-out;
        transition: all .7s ease-out;
        z-index: 3;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .an-nfl:hover .an-person {
        left: -30px;
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    .feat-expanded-section .tab-lnk {
        width: 515px;
        height: 448px;
        margin: 0 5px;
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        cursor: pointer;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .feat-expanded-section .an-item {
        display: block;
        height: 100%;
        position: relative
    }

    .solutions-section .consulting {
        padding-left: 0
    }

    .solutions-section .mobile-apps {
        padding-right: 0
    }

    .show-in-desktop {
        display: inline
    }

    .home-slider-wrapper {
        background: url(../images/home/bg-home-top.jpg) 50% 28px no-repeat #fff
    }

    .f-post .download-lnk {
        white-space: nowrap
    }

    .bg-houston {
        background-image: url(../images/home/bg-houston.jpg)
    }

    .bg-charlotte {
        background-image: url(../images/home/bg-charlotte.jpg)
    }

    .bg-seattle {
        background-image: url(../images/home/bg-seattle.jpg)
    }

    .location-area .bg {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 100%;
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width:1598px) and (min-width:1025px) {
    .feat-expanded-section .tab-lnk {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        margin: -23px
    }
}

@media only screen and (max-width:1434px) and (min-width:1025px) {
    .feat-expanded-section .tab-lnk {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        margin: -35px
    }
}

@media only screen and (max-width:1357px) and (min-width:1025px) {
    .feat-expanded-section .tab-lnk {
        -webkit-transform: scale(.76);
        transform: scale(.76);
        margin: -57px
    }
}

@media only screen and (max-width:1230px) and (min-width:1025px) {
    .feat-expanded-section .tab-lnk {
        -webkit-transform: scale(.68);
        transform: scale(.68);
        margin: -76px
    }

    .feat-expanded-section .txt-tab-lnk {
        margin: 60px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .feat-txt p {
        margin-bottom: 10px
    }

    .feat-txt h5 {
        font-size: 19px;
        margin-bottom: 15px
    }

    .feat-content .btn-holder {
        margin-top: 20px
    }

    .feat-content .btn-green {
        padding: 9px 15px 11px;
        font-size: 15px
    }

    .feat-content .btn-raq {
        font-size: 14px
    }
}

@media only screen and (max-width:1115px) and (min-width:1025px) {
    .feat-expanded-section .tab-lnk {
        -webkit-transform: scale(.62);
        transform: scale(.62);
        margin: -84px -94px
    }

    .feat-expanded-section .txt-tab-lnk {
        margin: 60px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .feat-txt {
        padding: 24px 24px 24px 430px
    }
}

@media only screen and (max-width:880px) and (-webkit-min-device-pixel-ratio:2) {
    .logo a {
        background: url(../images/logo-tablet-2x.png) 0 0 / 238px 40px no-repeat;
        width: 238px;
        height: 40px
    }
}

@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2) {
    .logo a {
        background: url(../images/logo-mobile-2x.png) 0 0 / 180px 30px no-repeat;
        height: 30px;
        width: 180px
    }
}

@media only screen and (min-width:881px) and (-webkit-min-device-pixel-ratio:2) {
    .logo {
        background: url(../images/logo-desktop-x2.png) 0 0 / 360px 60px no-repeat
    }

    .simple-header.h-animated .logo {
        top: 20px;
        width: 360px;
        height: 60px;
        background-size: 360px 60px
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .solutions-section h3 svg {
        height: 70px
    }
}

@media all and (min-width:1026px) and (max-width:1600px) {
    .header.nw-header {
        padding: 0 4.7vw
    }
}

@media (max-width:1300px) and (min-width:1026px) {
    .header.nw-header {
        padding: 0 3.5vw
    }
}

@media print {
    * , :after, :before, :first-letter, :first-line {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .fade-anim {
        opacity: 1 !important
    }

    .btm-scroll {
        opacity: 1 !important;
        tranform: translate (0, 0) !important
    }

    .logo img {
        display: block
    }

    .location-cell {
        width: 100% !important
    }

    .feat-expanded-section .show-in-tablet {
        display: block !important
    }

    .btn-top, .foot-area, .go-next-step, .home-slider, .industry-section,
    .jq-tab-box, .lead-box, .mobile-panel-menu, .nw-header--menu, .services-tabs,
    .top-page-panel, .video-frame {
        display: none !important
    }

    .top-section .ttl br, .top-section h1 br {
        display: none
    }

    .top-section .s-left {
        height: auto;
        width: 100%;
        padding: 60px 0 0;
        text-align: center
    }

    .nw-header + #main.has-no-sub {
        padding-top: 0
    }

    .home-slider-content .hs-left, .tabs-column {
        width: 100%
    }
}

.nw-container {
    max-width: 1582px;
    margin: 0 auto
}

.nw-container:after {
    content: '';
    display: block;
    clear: both
}

.nw-container.pd {
    max-width: 1622px;
    padding: 0 20px
}

.nw-container.narrow {
    max-width: 1152px
}

#main {
    background: #fff
}

.f--nw-container {
    display: -ms-flexbox;
    display: flex;
    max-width: 1582px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nw--wide-container {
    max-width: 1822px;
    margin: 0 auto
}

.nw-header.header > .nw--container-xl {
    max-width: 1582px;
    margin: 0 auto
}

.nw--b__section {
    max-width: 1368px;
    margin: 0 auto
}

.sec-ttl .descr .subhead-descr {
    text-align: center;
    color: #009ddc;
    font-size: 24px;
    font-family: roboto-medium-webfont, Arial, sans-serif;
    margin-bottom: 25px
}

.sand, .sand .txt-slider {
    background: #f6f6f6
}

.slider-head {
    padding-top: 80px
}

@media all and (max-width:767px) {
    .slider-head {
        padding-top: 40px
    }
}

.rd-box-holder.tr-top {
    margin-top: -100px;
    padding: 0
}

.scroll-btn--wrp {
    position: relative;
    height: 0
}

.scroll-btn--wrp .nxt-anchor {
    height: 69px;
    position: absolute;
    left: 50%;
    top: -35px;
    z-index: 9;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 69px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-btn--wrp .nxt-anchor svg {
    width: 36px;
    height: 16px;
    transition: transform .2s linear
}

@media all and (max-width:1025px) {
    .top-section.nw--top-section .top--col-left, .top-section.nw--top-section .top--col-right {
        position: static;
        width: 100%;
        float: none;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto
    }

    .top-section.nw--top-section .top--col-left .ttl br, .top-section.nw--top-section .top--col-right .ttl br {
        display: none;
        text-align: center;
        font-size: 55px
    }

    .top-section.nw--top-section .top--col-left .btn-holder, .top-section.nw--top-section .top--col-left p,
    .top-section.nw--top-section .top--col-right .btn-holder, .top-section.nw--top-section .top--col-right p {
        text-align: center
    }

    .top-section.nw--top-section .top--col-left {
        margin-bottom: 30px
    }

    .top-section.nw--top-section .top--col-right {
        margin-bottom: 0
    }
}

.tl-title--text {
    font-weight: 700;
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif;
    font-size: 40px;
    text-align: center
}

.container-xx {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px
}

.container-xx.no-pd {
    max-width: 1100px;
    padding: 0
}

.pd-top--container {
    padding-top: 80px
}

.pmp-rd {
    margin: -120px auto
}

.nw--inner-container {
    max-width: 1350px;
    margin: 0 auto
}

.bfb {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif !important
}

.sm-pd--b {
    padding: 80px 0 60px;
    margin-bottom: 60px;
    border-bottom: 3px solid #009ddc
}

@media all and (max-width:1025px) {
    .sm-pd--b {
        margin-bottom: 30px
    }
}

.sm-pd--b .ns-see-more {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

.sm-pd--b .ns-see-more a {
    margin-left: 7px
}

@media all and (max-width:767px) {
    .sm-pd--b .ns-see-more a {
        display: block;
        margin-left: 0
    }
}

.nw-container-12 {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px
}

.va-pd {
    padding: 0 20px
}

.brand-list {
    min-height: 200px
}

.brand-list img {
    height: 0
}

.brand-list img:first-child {
    height: auto !important
}

.brand-list img:first-child.ac:not(.active-slide-img) {
    height: 0 !important
}

.bbt {
    border-bottom: 3px solid #e8e8e8
}

.nw-header {
    /* box-shadow: none; */
    z-index: 99999;
    padding: 0
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header .search-line {
        -ms-transform: translateY(18px);
        transform: translateY(18px)
    }
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header .logo {
        -ms-transform: translateX(58px);
        transform: translateX(58px)
    }
}

@media all and (min-width:646px) and (max-width:768px) {
    .nw-header.header {
        height: 60px
    }
}

@media all and (min-width:646px) and (max-width:768px) {
    .nw-header.header.search-active {
        height: 100px
    }
}

.nw-header.header .nav li .link-arrow {
    font-size: 14px;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    margin: 0;
    color: #90c404;
    border-left: 1px solid #DADADA
}

@media all and (min-width:646px) and (max-width:882px) {
    .nw-header.header .nav li .link-arrow {
        line-height: 35px
    }
}

.nw-header.header .nav li .link-arrow:after {
    transition: border-color .3s ease-out;
    border-width: 2px 2px 0 0
}

.nw-header.header .nav li .link-arrow:hover:after {
    border-color: #0078ae
}

@media all and (max-width:1025px) and (min-width:882px) {
    .nw-header.header .nav li .link-arrow {
        position: absolute;
        top: -31px;
        right: 6px;
        display: inline-block;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 8px;
        font-size: 15px;
        width: 170px
    }

    .nw-header.header .ht-simplemenu {
        margin-right: 190px
    }
}

@media all and (max-width:1025px) and (min-width:882px) and all and (max-width:1025px) {
    .nw-header .open-m-menu {
        visibility: visible;
        display: block
    }
}

@media all and (max-width:1025px) {
    .nw-header .nav li:not(:last-child) {
        display: none
    }
}

.nw-header + #main {
    transition: all 1s
}

@media only screen and (min-width:881px) {
    .nw-header + #main {
        padding-top: 74px
    }
}

@media all and (min-width:1025px) {
    .nw-header + #main {
        padding-top: 203px
    }
}

@media all and (min-width:1025px) {
    .nw-header + #main.has-no-sub {
        padding-top: 150px
    }
}

@media all and (min-width:1025px) {
    .nw-header + #main.not-menu-page {
        padding-top: 102px
    }
}

@media all and (max-width:1600px) and (min-width:1026px) {
    .nw-header {
        padding: 0 4.7vw
    }
}

@media all and (max-width:1300px) and (min-width:1026px) {
    .nw-header {
        padding: 0 3.5vw
    }
}

@media all and (max-width:1025px) {
    .nw-header {
        padding-top: 0 !important
    }
}

@media all and (max-width:768px) {
    .nw-header .head-top {
        margin-right: 170px
    }
}

@media all and (max-width:1025px) {
    .nw-header .additional-nav {
        display: none
    }
}

.nw-header .additional-nav li a, .nw-header .additional-nav li span {
    font-size: 12px
}

.nw-header .ht-simplemenu .phone {
    font-size: 15px;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

@media all and (max-width:768px) {
    .nw-header .ht-simplemenu .phone {
        padding-right: 15px
    }
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header .ht-simplemenu .phone {
        -ms-transform: translateY(18px);
        transform: translateY(18px)
    }
}

@media all and (min-width:881px) {
    .nw-header .nw-header--menu {
        width: 75%
    }
}

@media all and (min-width:881px) {
    .nw-header.header .head-r-side {
        width: 100%
    }
}

.nw-header.header.h-animated .head-top {
    border-bottom: none !important
}

@media all and (min-width:862px) and (max-width:1025px) {
    .nw-header.header.h-animated .logo {
        margin-top: 5px
    }
}

@media all and (min-width:881px) {
    .nw-header.header.h-animated > .nw--container-xl {
        height: 66px
    }
}

@media all and (max-width:767px) {
    .nw-header.header.h-animated > .nw--container-xl {
        height: 60px
    }
}

@media all and (min-width:1286px) {
    .nw-header.header.h-animated .nw-header--menu {
        width: calc(100% - 300px)
    }
}

.nw-header.header.h-animated .logo {
    height: 38px;
    width: 230px;
    background-size: cover;
    margin-top: 0
}

@media all and (min-width:1400px) {
    .nw-header.header.h-animated .logo {
        width: 260px;
        height: 43px
    }
}

@media all and (min-width:1026px) {
    .nw-header.header.h-animated .logo {
        margin-top: 13px
    }
}

.nw-header.header > .nw--container-xl {
    padding: 0
}

@media all and (min-width:1026px) {
    .nw-header.header > .nw--container-xl {
        height: 97px
    }
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header.header > .nw--container-xl {
        height: 70px
    }
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header.header > .nw--container-xl .open-m-menu {
        visibility: visible;
        display: block;
        -ms-transform: translateY(18px);
        transform: translateY(18px)
    }
}

.nw-header.header .nav > li:not(.not-tr).active:before {
    bottom: -8px;
    margin-left: -12px;
    background: 0 0;
    height: 0;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #018fcf
}

.nw-header.header .nav > li a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 14px
}

.nw-header.header .nav > li:nth-child(n) {
    max-width: 100%
}

.nw-header.header .nav > li:nth-child(5) a {
    padding-right: 25px
}

.nw-header.header .nav > li:nth-child(7) a {
    padding-left: 25px
}

@media only screen and (min-width:881px) {
    .nw-header .ht-nav li {
        padding: 0 16px 0 6px
    }

    .nw-header .ht-simplemenu em.arrow {
        margin: 9px 18px 0 0
    }

    .nw-header .head-top {
        width: 100%;
        max-width: 100%;
        padding: 9px 0;
        margin-bottom: 10px
    }

    .nw-header .hm-advancedmenu {
        float: none
    }

    .nw-header .nw-header--menu {
        float: right
    }
}

.nw-header .logo {
    position: static;
    float: left;
    margin-top: 27px;
    height: 38px;
    width: 230px;
    background-size: cover
}

@media all and (min-width:1400px) {
    .nw-header .logo {
        width: 260px;
        height: 43px
    }
}

@media all and (min-width:882px) and (max-width:1026px) {
    .nw-header .logo {
        position: absolute;
        margin-top: -5px
    }
}

@media all and (max-width:862px) {
    .nw-header .logo {
        width: 177px
    }
}

@media all and (max-width:881px) {
    .nw-header .logo {
        margin-top: 0
    }
}

@media all and (min-width:1281px) {
    .nw-header .nw-header--menu {
        width: calc(100% - 360px);
        transition: all .1s
    }

    .nw-header .logo {
        width: 360px;
        height: 60px
    }

    .nw-header .header.h-animated .logo {
        top: 10px;
        width: 228px !important;
        height: 38px !important;
        background-size: 228px 38px !important
    }
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu {
    position: absolute;
    top: 35px;
    left: 50%;
    height: 0;
    background: #fff;
    -ms-transform: translateX(-49.9%);
    transform: translateX(-49.9%);
    transition: all .3s linear;
    min-width: 200px;
    border: solid #009ddc;
    border-width: 3px 0;
    box-shadow: 0 3px 3px 1px #d5dfe4;
    z-index: 2;
    opacity: 0;
    display: block;
    visibility: hidden
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #009ddc;
    position: absolute;
    top: -7px;
    left: 50%;
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: -1
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu li {
    max-width: 100%;
    border: none;
    z-index: 9;
    background: #fff
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu li a {
    display: block;
    color: #5a6063;
    font: 14px / 1.2 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 14px 25px !important;
    transition: all .3s linear
}

.header .nav > li {
    padding-bottom: 10px
}

.header .nav > li:not(.active):hover .nav-submenu {
    height: auto
}

.header .nav > li:not(.active):hover .nav-submenu li:hover a {
    color: #009ddc
}

@media all and (min-width:1025px) {
    .nw-header > .nw--container-xl {
        overflow: visible
    }
}

@media only screen and (max-width:980px) {
    .s--top-page-panel.static-sublevel.top-page-panel {
        padding: 22px 5px 5px
    }
}

@media all and (max-width:646px) {
    .open-m-menu {
        transition: none
    }

    .mm-opened .open-m-menu {
        transition: none;
        margin-top: 9px !important;
        border-right: none
    }
}

@media all and (min-width:882px) and (max-width:1026px) {
    .mm-opened .nw--container-xl .open-m-menu {
        display: none !important
    }
}

@media all and (max-width:662px) {
    .nw-header.header.h-animated .logo {
        width: 177px
    }
}

@media all and (max-width:646px) {
    .header {
        padding-top: 55px !important
    }
}

@media all and (max-width:695px) {
    .nw-header.header.h-animated .logo {
        width: 177px !important
    }
}

@media only screen and (min-width:1025px) {
    .header.h-animated .head-r-side {
        margin-top: -65px
    }
}

@media all and (max-width:1025px) {
    .header.h-animated .head-r-side {
        margin-top: 0
    }
}

@media all and (max-width:880px) and (min-width:646px) {
    .nw-header.header > .nw--container-xl {
        padding-top: 10px
    }
}

@media all and (max-width:882px) {
    .nw--container-xl .open-m-menu {
        margin-top: 9px !important;
        -ms-transform: translateY(-9px);
        transform: translateY(-9px)
    }
}

@media all and (min-width:1026px) {
    .nw--container-xl .open-m-menu {
        display: none
    }
}

@media all and (min-width:1026px) and (max-width:1281px) {
    .h-animated.nw-header.header .nav > li a {
        padding: 0 8px
    }

    .h-animated.nw-header.header .nav > li.p-box {
        width: 130px
    }
}

@media all and (min-width:1026px) and (max-width:1101px) {
    .h-animated.nw-header.header .nav > li a {
        font-size: 13px
    }
}

.nw-menu--wrp {
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1582px;
    background: #018fcf;
    padding: 6px 20px 2px;
    border-radius: 6px;
    position: relative;
    z-index: 30
}

@media all and (max-width:1600px) {
    .nw-menu--wrp {
        max-width: 1420px
    }
}

@media all and (max-width:1281px) {
    .nw-menu--wrp {
        max-width: 1154px
    }
}

@media all and (max-width:1024px) {
    .nw-menu--wrp {
        max-width: 938px
    }
}

.nw-menu--wrp .n-nav--list {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1376px;
    margin: 0
}

.nw-menu--wrp .n-nav--list li a {
    box-shadow: none !important
}

.nw-menu--wrp .n-nav--list > li {
    margin: 0 !important;
    position: relative;
    border-radius: 5px 5px 0 0 !important;
    border-right: 2px solid transparent
}

.nw-menu--wrp .n-nav--list > li:first-child {
    border-radius: 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li:last-child {
    border-radius: 0 5px 0 0 !important;
    border: none
}

.nw-menu--wrp .n-nav--list > li > a {
    margin: 0 !important;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li > a.active {
    padding: 0
}

.nw-menu--wrp .n-nav--list > li:hover {
    background: #252525;
    color: #018fcf;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li.active {
    background: #0078ae;
    color: #fff;
    text-shadow: none;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li.active a {
    color: #fff
}

.nw-menu--wrp:not(.service-menu) .n-nav--list > li:hover {
    background: #0078ae
}

.nw-menu--wrp:not(.service-menu) .n-nav--list > li:hover a {
    color: #fff !important
}

.s--top-page-panel {
    margin: 0 auto;
    background: #fff;
    padding: 0
}

@media all and (min-width:1025px) {
    .s--top-page-panel {
        position: fixed;
        left: 0;
        right: 0;
        top: 100px;
        z-index: 999
    }

    .s--top-page-panel:after {
        position: absolute;
        width: 300%;
        background: #fff;
        left: 0;
        right: 0;
        z-index: 99;
        top: 70px;
        height: 100%
    }
}

@media all and (max-width:1025px) {
    .s--top-page-panel {
        display: none
    }
}

@media all and (max-width:1600px) {
    .s--top-page-panel {
        padding: 0 4.7vw
    }
}

@media all and (max-width:1300px) and (min-width:1026px) {
    .s--top-page-panel {
        padding: 0 3.5vw
    }
}

.s--top-page-panel .tpp-nav {
    position: relative;
    float: none;
    width: 100%
}

.s--top-page-panel .tpp-nav > li {
    float: none;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: 100%;
    border-radius: 0 !important;
    margin: 0 !important;
    border-right: 1px solid #0178ad;
    border-top: none !important;
    background: #018fcf
}

.s--top-page-panel .tpp-nav > li.active > .sublevel {
    background: #252525
}

.s--top-page-panel .tpp-nav > li.active > .sublevel ul {
    max-width: 100%
}

.s--top-page-panel .tpp-nav > li.active > .sublevel ul li:before {
    top: 100%
}

.s--top-page-panel .tpp-nav > li > .sublevel {
    padding: 0 38px 38px 35px !important;
    right: 0
}

.s--top-page-panel .tpp-nav > li a {
    font-size: 16px;
    background: 0 0 !important;
    min-height: 35px;
    font-weight: 700;
    border-radius: 0;
    text-transform: uppercase;
    border: none;
    text-shadow: none !important;
    padding: 16px 15px !important;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media all and (max-width:1281px) {
    .s--top-page-panel .tpp-nav > li a {
        font-size: 13px;
        padding: 15px 10px !important
    }
}

@media all and (max-width:1101px) {
    .s--top-page-panel .tpp-nav > li a {
        font-size: 12px;
        padding: 15px 10px !important
    }
}

.s--top-page-panel .tpp-nav > li a .nw-icon {
    margin-right: 20px
}

.s--top-page-panel .tpp-nav > li a:before {
    content: none
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel {
    width: 100%;
    top: 100%;
    background: #252525;
    transition: opacity .5s ease;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0 !important;
    pointer-events: none;
    overflow: hidden;
    box-shadow: none
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transition: all .3s;
    background: #252525;
    margin-right: -20px
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li {
    width: calc(25% - 22px);
    min-width: 10%;
    max-width: calc(25% - 22px);
    position: relative;
    border-top: none;
    height: 152px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 20px 0 0;
    background: #2F2F2F;
    opacity: 0
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(1) {
    transition: opacity .4s;
    transition-delay: .5s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(2) {
    transition: opacity .4s;
    transition-delay: .55s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(3) {
    transition: opacity .4s;
    transition-delay: .6s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(4) {
    transition: opacity .4s;
    transition-delay: .65s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(5) {
    transition: opacity .4s;
    transition-delay: .7s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(6) {
    transition: opacity .4s;
    transition-delay: .75s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(7) {
    transition: opacity .4s;
    transition-delay: .8s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(8) {
    transition: opacity .4s;
    transition-delay: .85s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(9) {
    transition: opacity .4s;
    transition-delay: .9s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(10) {
    transition: opacity .4s;
    transition-delay: .95s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(11) {
    transition: opacity .4s;
    transition-delay: 1s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(12) {
    transition: opacity .4s;
    transition-delay: 1.05s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:before {
    width: 100%;
    height: 2px;
    content: '';
    display: block !important;
    bottom: 0;
    position: absolute;
    background: #009ddc;
    z-index: 3
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: transform .4s;
    background: #fff
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover:after {
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover:before {
    height: 5px
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover a img {
    opacity: 1;
    -ms-transform: scale(.73) translateY(-54%);
    transform: scale(.73) translateY(-54%)
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover .nw-menu-text {
    color: #0078ae
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a {
    background: 0 0 !important;
    position: relative;
    overflow: visible;
    z-index: 1;
    height: 100%;
    font-weight: 700;
    font-size: 20px;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    left: 0;
    text-align: center
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a img {
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: .5;
    max-width: auto;
    display: block;
    transition: all .4s ease
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a .nw-menu-text {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0 20px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    left: 0;
    z-index: 3;
    text-align: center
}

@media all and (max-width:1281px) {
    .s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a .nw-menu-text {
        font-size: 17px
    }
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a:before {
    content: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel {
    background: #fff;
    padding: 9px 0 !important;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition: padding .4s ease
}

.s--top-page-panel .tpp-nav > li.active .sublevel:after {
    content: "";
    position: absolute;
    width: 300%;
    left: -100%;
    background: #fff;
    height: 100%;
    z-index: -1;
    top: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 35px;
    min-width: inherit;
    border-top: none;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li:after {
    transition: opacity .3s;
    position: absolute;
    left: 1px;
    content: '';
    background: #009ddc;
    height: 2px;
    bottom: -9px;
    width: calc(100% + 2px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
    opacity: 0
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li.active:after,
.s--top-page-panel .tpp-nav > li.active .sublevel ul li:hover:after {
    opacity: 1
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li:not(:last-child) {
    border-right: 1px solid #e3e3e3
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li:before {
    content: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
    padding: 0 30px !important;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    min-height: 35px;
    text-transform: uppercase
}

@media all and (max-width:1281px) {
    .s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
        font-size: 12px;
        padding: 0 15px !important
    }
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li a:before {
    content: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel img {
    display: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel .nw-menu-text {
    color: #018fcf;
    text-align: center
}

.s--top-page-panel .tpp-nav > li.active .sublevel .nw-menu-text br {
    display: none
}

.s--top-page-panel .tpp-nav > li:hover .sublevel {
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1 !important;
    pointer-events: all
}

.s--top-page-panel .tpp-nav > li:hover .sublevel ul {
    transform: translate3d(0, 0, 0)
}

.s--top-page-panel .tpp-nav > li:hover .sublevel ul li {
    opacity: 1
}

.s--top-page-panel .tpp-nav > li.hover .sublevel {
    transform: translate3d(0, 0, 0) scaleY(1)
}

.s--top-page-panel .tpp-nav > li:not(.active):hover a {
    color: #018fcf
}

.s--top-page-panel .tpp-nav > li:not(.active):hover a svg {
    fill: #018fcf
}

body.b-animated .s--top-page-panel {
    top: 70px;
    background: #fff
}

body.b-animated .s--top-page-panel .tpp-nav > li a {
    padding: 11px 15px !important
}

body.b-animated .s--top-page-panel:after {
    background: 0 0
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel {
    padding: 5px 0 !important
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li {
    min-height: 14px
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li:after {
    bottom: -5px
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
    min-height: 14px;
    padding: 5px 30px !important
}

body.b-animated .s--top-page-panel .nw-menu--wrp {
    padding-top: 0
}

@media all and (max-width:980px) {
    .s--top-page-panel.static-sublevel.top-page-panel {
        padding: 20px 20px 0
    }

    .s--top-page-panel.static-sublevel.top-page-panel .ttl {
        font-size: 38px
    }

    .s--top-page-panel.static-sublevel.top-page-panel .tpp-nav .sublevel,
    .s--top-page-panel.static-sublevel.top-page-panel .tpp-nav ul {
        width: 100%
    }
}

@media all and (max-width:1170px) {
    .s--top-page-panel.static-sublevel .tpp-nav .active .sublevel {
        opacity: 1;
        visibility: visible;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 2;
        padding: 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .s--top-page-panel.static-sublevel .active .active:after {
        content: "";
        height: 1px;
        width: 100%;
        background: #90c404;
        position: absolute;
        bottom: -1px;
        left: 1px
    }
}

.top-page-panel .tpp-nav li > ul.drop-sm {
    position: absolute;
    top: 43px;
    left: 50%;
    width: 100%;
    -ms-transform: translateX(-49.9%);
    transform: translateX(-49.9%);
    transition: all .1s linear;
    padding: 0;
    border-bottom: 3px solid #009ddc;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.top-page-panel .tpp-nav li > ul.drop-sm:after {
    content: "";
    position: absolute;
    top: -8px;
    background: 0 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: border .2s;
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff
}

.top-page-panel .tpp-nav li > ul.drop-sm li {
    margin: 0
}

.top-page-panel .tpp-nav li > ul.drop-sm li:hover a {
    color: #009ddc !important;
    background: #fff !important
}

.top-page-panel .tpp-nav li > ul.drop-sm li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #5a6063 !important;
    transition: all .2s;
    padding: 0 17px
}

.top-page-panel .tpp-nav li > ul.drop-sm li a:before {
    content: none
}

.top-page-panel .tpp-nav li.drop-sm--item {
    position: relative
}

.top-page-panel .tpp-nav li.drop-sm--item:hover > ul.drop-sm {
    opacity: 1;
    visibility: visible
}

.top-page-panel .tpp-nav li.drop-sm--item:hover > ul.drop-sm li:hover a {
    color: #fff;
    position: relative;
    z-index: 2
}

body.b-animated .top-page-panel .tpp-nav li > ul.drop-sm {
    top: 33px
}

.s--top-page-panel.nav-sm--drop .tpp-nav > li.drop-sm--item .drop-sm a {
    display: block;
    color: #009ddc !important;
    font: 14px / 1.3 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 27px 25px !important;
    transition: all .1s linear;
    text-align: center;
    width: 100%
}

.s--top-page-panel.nav-sm--drop .tpp-nav > li.drop-sm--item:hover ul li:hover a {
    color: #252a30 !important
}

@media all and (min-width:1026px) {
    .tnx-top--panel {
        padding-top: 70px
    }
}

.hover-drop {
    display: none !important
}

@media all and (min-width:1026px) {
    .case-pg.b-animated .top-page-panel {
        display: block !important
    }
}

.nav-submenu {
    position: absolute;
    top: 35px;
    left: 50%;
    -ms-transform: translateX(-49.9%);
    transform: translateX(-49.9%);
    transition: all .1s linear;
    width: auto;
    border: solid #009ddc;
    border-width: 3px 0;
    box-shadow: 0 3px 3px 1px #d5dfe4;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.header .nav > li:not(.active):hover .nav-submenu {
    opacity: 1;
    visibility: visible
}

.nav-submenu:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #009ddc;
    position: absolute;
    top: -7px;
    left: 50%;
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: 1
}

.header .nav .nav-submenu > li {
    background-color: #fff;
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

.header .nav .nav-submenu li:not(:first-child) {
    border-top: 1px solid #e3e3e3
}

.nav-submenu li > a {
    display: block;
    color: #009ddc;
    font: 17px / 1.3 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 18px 25px !important;
    transition: all .1s linear
}

.header .hm-advancedmenu .nav-submenu > li:hover > a {
    background-color: #0ae;
    color: #fff !important;
    position: relative;
    z-index: 2
}

.nav-sublevel {
    background-color: #fafafa;
    border-left: 5px solid #0ae;
    position: absolute;
    top: 0;
    left: 100%;
    box-shadow: 0 1px 2px 2px rgba(213, 223, 228, .7);
    transition: all .3s linear;
    z-index: 1;
    width: auto;
    visibility: hidden;
    opacity: 0
}

.header .nav .nav-sublevel > li {
    background-color: #fafafa;
    max-width: 100%;
    transition: background-color .1s linear, opacity .1s linear
}

.nav-sublevel li > a {
    color: #5a6063;
    padding: 15px 25px;
    font: 15px / 1.3 roboto-regular-webfont, Arial, Helvetica, Sans-Serif;
    transition: all .2s linear
}

.header .nav-sublevel > li:hover > a {
    color: #90c404 !important;
    background: #fff
}

.header .nav .nav-sublevel li:hover + li {
    border-color: #90c404
}

.header .nav .nav-submenu > li:hover .nav-sublevel {
    visibility: visible;
    opacity: 1
}

img.pixel {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    top: 1359px;
    z-index: 999;
    opacity: .5;
    pointer-events: none;
    height: auto;
    margin-left: 0;
    max-width: none
}

.svg-arrow-link {
    transition: color .3s;
    color: #009ddc;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 24px
}

.svg-arrow-link .svg-ico {
    position: relative;
    left: 0;
    -ms-transform: scale(1.1, .5);
    transform: scale(1.1, .5)
}

.svg-arrow-link .svg-ico * {
    fill: #009ddc
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .svg-arrow-link {
        letter-spacing: -.5px;
        font-size: 21px;
        line-height: 25px
    }
}

@media only screen and (max-width:766px) {
    .svg-arrow-link {
        font-size: 19px;
        line-height: 23px
    }
}

.svg-arrow-link:hover {
    color: #fff !important
}

.svg-arrow-link:hover .svg-ico * {
    fill: #fff
}

.blue-link {
    text-transform: uppercase;
    color: #018fcf;
    font-weight: 700;
    display: inline-block
}

@media only screen and (min-width:768px) {
    .blue-link {
        font-size: 17px;
        line-height: 21px
    }
}

@media only screen and (max-width:766px) {
    .blue-link {
        font-size: 12px;
        line-height: 16px
    }
}

.blue-link:after {
    transition: transform .3s;
    content: "»";
    display: inline-block;
    position: relative;
    top: 2px;
    padding-left: 6px;
    font-size: 26px;
    line-height: 30px
}

.blue-link:hover:after {
    transform: translate3d(3px, 0, 0)
}

.main-green-button {
    white-space: nowrap;
    text-align: center;
    transition: background-position .4s, background-size .4s;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    background: #a2d90c;
    background: linear-gradient(to bottom, #a2d90c 0, #89bb00 100%);
    border: none
}

@media only screen and (min-width:768px) {
    .main-green-button {
        font-size: 17px;
        line-height: 21px;
        padding: 17px 20px;
        min-width: 250px
    }
}

@media only screen and (max-width:766px) {
    .main-green-button {
        font-size: 14px;
        line-height: 18px;
        padding: 12px;
        min-width: 175px
    }
}

.main-green-button:before {
    content: "";
    width: 108%;
    height: 3px;
    background: #e8e8e8;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition: all .3s linear;
    opacity: 0
}

.main-green-button:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #fff;
    border-width: 3px 3px 0 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    left: 8px;
    top: -1px
}

.main-green-button .svg-ico {
    width: 16px;
    height: 16px;
    margin-left: 7px
}

.main-green-button:hover {
    background-position: 0 -200%;
    background-size: 100% 200%;
    color: #fff
}

.main-green-button:hover:before {
    background: #90c404
}

.green-arrow-link {
    position: relative;
    color: #90c404;
    letter-spacing: .4px;
    padding-right: 17px;
    text-transform: uppercase;
    white-space: nowrap
}

.green-arrow-link:after {
    transition: border-color .3s;
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #90c404;
    border-width: 3px 3px 0 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    left: 8px;
    top: -1px
}

.green-arrow-link:hover {
    color: #018fcf
}

.green-arrow-link:hover:after {
    border-color: #018fcf
}

.green-arrow-link-animation {
    display: -ms-inline-flexbox;
    display: inline-flex;
    transition: border-radius .3s, color .3s;
    overflow: hidden;
    position: relative;
    color: #90c404;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 1;
    box-shadow: inset 0 -2px 0 #5a6063;
    padding: 7px 10px
}

@media only screen and (min-width:768px) {
    .green-arrow-link-animation {
        font-size: 19px;
        line-height: 23px
    }
}

@media only screen and (max-width:766px) {
    .green-arrow-link-animation {
        font-size: 14px;
        line-height: 18px
    }
}

.green-arrow-link-animation:after, .green-arrow-link-animation:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #90c404
}

.green-arrow-link-animation:before {
    transition: transform .3s;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    top: 0;
    z-index: -1
}

.green-arrow-link-animation:after {
    transition: transform .3s .2s;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    height: 2px;
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.green-arrow-link-animation:hover {
    transition: color .3s .2s;
    border-radius: 5px;
    color: #fff
}

.green-arrow-link-animation:hover:before {
    transition: transform .3s .2s;
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.green-arrow-link-animation:hover:after {
    transition: transform .3s;
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.green-arrow-link-animation:hover span {
    transform: translate3d(0, 0, 0)
}

.green-arrow-link-animation:hover span:after {
    border-color: #fff;
    transition: border-color .3s .2s
}

.green-arrow-link-animation span {
    transition: transform .3s ease-in-out;
    transform: translate3d(-10px, 0, 0);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.green-arrow-link-animation span:after {
    transition: border-color .3s;
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #90c404;
    border-width: 3px 3px 0 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-left: 5px
}

.plus-link {
    transition: color .3s;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.plus-link:after {
    transition: color .3s, border-color .3s;
    content: '+';
    border-radius: 100%;
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    font-weight: 400
}

.plus-link.pl-white {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px
}

@media only screen and (min-width:1154px) {
    .plus-link.pl-white {
        padding-bottom: 12px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .plus-link.pl-white {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:766px) {
    .plus-link.pl-white {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 8px
    }
}

.plus-link.pl-white:after {
    text-align: center;
    border-color: rgba(255, 255, 255, .45);
    font-weight: 400;
    color: #fff;
    text-indent: 1px
}

@media only screen and (min-width:1154px) {
    .plus-link.pl-white:after {
        width: 18px;
        height: 18px;
        font-size: 20px;
        line-height: 18px;
        margin-left: 8px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .plus-link.pl-white:after {
        width: 15px;
        height: 15px;
        font-size: 14px;
        line-height: 16px;
        margin-left: 1px
    }
}

@media only screen and (max-width:766px) {
    .plus-link.pl-white:after {
        width: 12px;
        height: 12px;
        font-size: 12px;
        line-height: 12px;
        margin-left: 3px
    }
}

.plus-link.pl-white:before {
    transition: background .3s, opacity .3s;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #fff;
    opacity: .2
}

.plus-link.pl-white:hover {
    color: #018fcf
}

.plus-link.pl-white:hover:after {
    border-color: #018fcf;
    color: #018fcf
}

.plus-link.pl-white:hover:before {
    background: #018fcf;
    opacity: 1
}

.plus-link.pl-blue {
    text-transform: none;
    color: #018fcf
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .plus-link.pl-blue {
        letter-spacing: -.5px;
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:766px) {
    .plus-link.pl-blue {
        font-size: 19px;
        line-height: 23px;
        padding-bottom: 8px
    }
}

.plus-link.pl-blue:after {
    margin-left: 3px;
    border-color: #018fcf;
    color: #018fcf
}

@media only screen and (min-width:1154px) {
    .plus-link.pl-blue:after {
        width: 25px;
        height: 25px;
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .plus-link.pl-blue:after {
        width: 21px;
        height: 21px;
        font-size: 19px;
        line-height: 21px
    }
}

@media only screen and (max-width:766px) {
    .plus-link.pl-blue:after {
        width: 21px;
        height: 21px;
        font-size: 19px;
        line-height: 21px
    }
}

.plus-link.pl-blue:hover {
    color: #90c404
}

.plus-link.pl-blue:hover:after {
    border-color: #90c404;
    color: #90c404
}

@-moz-document url-prefix() {
    .plus-link.pl-white:after {
        line-height: 17px
    }
}

.red-close-btn {
    background: #b20000;
    position: absolute;
    top: 0;
    z-index: 10;
    box-shadow: 1px 1px 0 #801a1b, -1px 0 0 #a8abac;
    cursor: pointer;
    transition: background .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:1154px) {
    .red-close-btn:hover {
        background: #900
    }
}

@media only screen and (min-width:768px) {
    .red-close-btn {
        right: 1.7%;
        width: 60px;
        height: 68px;
        border-radius: 0 0 4px 4px
    }
}

@media only screen and (max-width:766px) {
    .red-close-btn {
        right: 3.7%;
        width: 32px;
        height: 31px
    }
}

.red-close-btn .svg-ico {
    margin-top: 9px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width:768px) {
    .red-close-btn .svg-ico {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-width:766px) {
    .red-close-btn .svg-ico {
        width: 22px;
        height: 22px
    }
}

.red-close-btn .svg-ico * {
    fill: #fff
}

@media only screen and (max-width:766px) {
    .red-close-btn .svg-ico * {
        filter: none !important
    }
}

.svg-ico {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.svg-ico * {
    transition: fill .3s;
    max-width: 100%;
    max-height: 100%
}

.svg-ico svg {
    vertical-align: middle;
    width: inherit;
    height: inherit
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-flex.f-align-left {
    -ms-flex-align: start;
    align-items: flex-start
}

.d-flex.f-align-right {
    -ms-flex-align: end;
    align-items: flex-end
}

.d-flex.f-align-center {
    -ms-flex-align: center;
    align-items: center
}

.d-flex.f-just-center {
    -ms-flex-pack: center;
    justify-content: center
}

.break-desck, .break-mob, .break-tab {
    display: none
}

.ttl-line {
    overflow: hidden
}

.ttl-line.f-align-center {
    text-align: center
}

.ttl-line.f-align-right {
    text-align: right
}

.ttl-line:after, .ttl-line:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: rgba(86, 207, 255, .3);
    position: relative
}

.ttl-line:before {
    margin-left: -100%;
    left: -14px
}

.ttl-line:after {
    margin-right: -100%;
    right: -14px
}

.shad-round {
    position: relative;
    background: #fff;
    padding-bottom: 20px
}

.shad-round:before {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    top: 50%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 10px
}

.banner-container {
    position: relative;
    font-family: Roboto, sans-serif;
    overflow: hidden
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .banner-container {
        zoom: .8
    }
}

@media only screen and (min-width:1154px) {
    .banner-container {
        margin-top: 100px
    }
}

@media only screen and (min-width:880px) {
    .banner-container {
        margin-top: 101px
    }
}

.banner-container .bb-title-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
        max-width: 1655px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 1.5vw 2vw 0
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container {
        padding: 5.5vw 0 3vw;
        width: 522px;
        margin: 0 auto
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container {
        padding: 9vw 4vw 14vw 5vw;
        width: 522px;
        margin: 0 auto
    }
}

.banner-container .bb-title-container .bb-title {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 600
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .bb-title {
        font-size: 63px;
        line-height: 56px;
        letter-spacing: .6px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .bb-title {
        font-size: 45px;
        line-height: 40px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .bb-title {
        font-size: 26px;
        line-height: 24px
    }
}

.banner-container .bb-title-container .bb-title span {
    display: block
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .bb-title span:nth-child(2) {
        padding-left: 3vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .bb-title span:nth-child(2) {
        padding-left: 5vw
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .bb-title span:nth-child(2) {
        padding-left: 7vw
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .bb-title span:nth-child(3) {
        padding-left: 5vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .bb-title span:nth-child(3) {
        padding-left: 9vw
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .bb-title span:nth-child(3) {
        padding-left: 12vw
    }
}

.banner-container .bb-title-container .blue-sub-title {
    position: relative;
    z-index: 1;
    color: #009ddc
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .blue-sub-title {
        padding-left: 5vw;
        font-size: 44px;
        line-height: 48px;
        letter-spacing: .5px;
        margin-bottom: 21px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .blue-sub-title {
        font-size: 31px;
        line-height: 38px;
        letter-spacing: .6px;
        padding-left: 9vw;
        margin-bottom: 7px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .blue-sub-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        padding-left: 13vw;
        margin-bottom: 7px
    }
}

.banner-container .bb-title-container .blue-sub-title:before {
    content: '&';
    position: absolute;
    left: 0;
    bottom: 100%;
    color: transparent;
    font-style: italic;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #00b4fc
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .blue-sub-title:before {
        font-size: 128px;
        margin: 0 0 25px 13px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .blue-sub-title:before {
        font-size: 91px;
        margin: 0 0 12px 6px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .blue-sub-title:before {
        font-size: 50px;
        margin: 0 0 9px 5px
    }
}

.banner-container .bb-title-container .blue-sub-title span {
    font-weight: 300;
    font-style: italic
}

.banner-container .bb-title-container .blue-sub-title strong {
    font-weight: 700;
    font-style: italic
}

.banner-container .bb-title-container .bb-link {
    pointer-events: all
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-title-container .bb-link {
        padding-left: 100px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .bb-title-container .bb-link {
        padding-left: 9vw
    }
}

@media only screen and (max-width:766px) {
    .banner-container .bb-title-container .bb-link {
        padding-left: 13vw
    }
}

.banner-container .ts-close-btn {
    background: #b20000;
    position: absolute;
    top: 0;
    right: 1.7%;
    width: 60px;
    height: 68px;
    z-index: 10;
    box-shadow: 1px 1px 0 #801a1b, -1px 0 0 #a8abac;
    border-radius: 0 0 4px 4px;
    cursor: pointer;
    transition: background .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner-container .ts-close-btn .svg-ico {
    margin-top: 9px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 40px;
    height: 40px
}

.banner-container .ts-close-btn .svg-ico * {
    fill: #fff
}

.banner-container .ts-close-btn:hover {
    background: #900
}

@media only screen and (min-width:1154px) {
    .banner-container .bb-awards {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .bb-awards {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .bc-anchor {
        position: relative;
        width: 64px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFN0QxRTQyNjBCQjExRTdCREIzQTFCMkFERTUxMjRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFN0QxRTQzNjBCQjExRTdCREIzQTFCMkFERTUxMjRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0U3RDFFNDA2MEJCMTFFN0JEQjNBMUIyQURFNTEyNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0U3RDFFNDE2MEJCMTFFN0JEQjNBMUIyQURFNTEyNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz427XLRAAABYklEQVR42uTXPy8EQRjH8Zm5UIiEoFLZikQhQqEUolAT7TXn3gPdeRvCC7hTUSiQKJRENESDSkciEg3Z8Z3Lc/5cbs8ce3G7+0s+V2w2d88z8+xcVltrb5RSk3hS2Uofzg0fAbagM9S8lp4DIxeWsJGhBShJz0rZz4RYhUq5gvRazdcFcHlDPsXN56XHj5i60chhG8UUjn1Rnvvct6u2cdyIlKBTsOtaegkbNRq1ALVU0J/g5l3t5WYN6uoqNM8tVnCasJGfRln+5iNjPL7IfcEJ1tGdgMZdjWtSc/Dj3ba1XGG+g0d+Tmr0jmlxdcdwiB1MdNCuu1oqOJIa/WN/H3eq7mHmH3fc/fZu1AnvE59D0Cdn2JTJeGjzbg9iGQU56P72UhDTAtTyimPs4wCXCGN4cRnHAhYxi67Y3opiXoD6PMp0XOAad7iXKXnGi9zXg14MYRgjGJVnewoD7SrwXYABALZRFsGOjKCOAAAAAElFTkSuQmCC) 0 0 / cover no-repeat;
        margin: -16px auto 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        align-items: flex-end;
        z-index: 1
    }

    .banner-container .bc-anchor:after, .banner-container .bc-anchor:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100vw;
        background: #fff
    }

    .banner-container .bc-anchor:before {
        right: 100%
    }

    .banner-container .bc-anchor:after {
        left: 100%
    }

    .banner-container .bc-anchor .svg-ico {
        cursor: pointer;
        width: 55px;
        height: 55px;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        padding: 7px 0
    }

    .banner-container .bc-anchor .svg-ico * {
        fill: #018fcf
    }

    .banner-container .bc-anchor .svg-ico:hover * {
        fill: #90c404
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .bc-anchor {
        display: none
    }
}

.banner-container .banner-backgrounds {
    position: relative;
    z-index: 1;
    margin-bottom: -1px
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-backgrounds {
        padding-bottom: 114px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-backgrounds {
        padding-bottom: 108px
    }
}

.banner-container .banner-backgrounds .gallery-top {
    pointer-events: none
}

.banner-container .banner-backgrounds .gallery-top .swiper-wrapper {
    height: auto
}

.banner-container .banner-backgrounds .gallery-top .swiper-slide {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .gallery-top .swiper-slide {
        height: 669px
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .gallery-top .swiper-slide {
        height: 100%
    }
}

.banner-container .banner-backgrounds .gallery-top .bbc-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
    transition: opacity .3s ease;
    filter: blur(5px)
}

.banner-container .banner-backgrounds .gallery-top .swiper-lazy-loaded .bbc-thumb-image {
    opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination {
        top: 0;
        right: 0 !important;
        left: auto !important;
        width: 140px !important;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 19px
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination {
        position: relative
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination {
        padding: 0 3.3%
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination {
        padding: 0 3.3%
    }
}

.banner-container .banner-backgrounds .swiper-pagination-bullet {
    position: relative;
    border-radius: 0;
    z-index: 1;
    opacity: 1
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet {
        width: 100%;
        height: 135px;
        margin: 1.5px 0;
        background: #fff
    }

    .banner-container .banner-backgrounds .swiper-pagination-bullet:after {
        pointer-events: none;
        transition: transform .3s ease-in-out, opacity .3s;
        opacity: 1;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: #202020
    }
}

@media only screen and (min-width:1154px) and only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet:after {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet {
        width: auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 .5%;
        background: #202020
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet {
        height: 79px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet {
        height: 64px
    }
}

.banner-container .banner-backgrounds .swiper-pagination-bullet img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: 75%;
    max-height: 75%;
    opacity: 0
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet img {
        transition: opacity .3s
    }
}

.banner-container .banner-backgrounds .swiper-pagination-bullet .bullet-img {
    opacity: 1;
    z-index: 3
}

.banner-container .banner-backgrounds .swiper-pagination-bullet .bullet-img-active {
    opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    border-style: solid
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet:before {
        transition: transform .3s ease-in-out, opacity .3s;
        transform: translate3d(12px, 0, 0);
        top: 50%;
        right: 100%;
        margin-top: -6px;
        border-width: 12px 12px 12px 0;
        border-color: transparent #fff transparent transparent
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet:before {
        opacity: 0;
        bottom: 100%;
        left: 50%;
        margin-left: -8px;
        border-width: 0 8px 8px;
        border-color: transparent transparent #fff
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet-active:after {
        opacity: 0
    }
}

@media only screen and (min-width:1154px) and only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet-active:after {
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet-active {
        background: #fff
    }
}

.banner-container .banner-backgrounds .swiper-pagination-bullet-active .bullet-img {
    opacity: 0
}

.banner-container .banner-backgrounds .swiper-pagination-bullet-active .bullet-img-active {
    opacity: 1
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet-active:before {
        transform: translate3d(0, 0, 0)
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-backgrounds .swiper-pagination-bullet-active:before {
        opacity: 1
    }
}

.banner-container .banner-bg-container {
    background: #070808
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-bg-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }
}

.banner-container .banner-round-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .banner-container .banner-round-container {
        right: 15.4vw !important
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10.4vw;
        z-index: 3;
        padding-bottom: 11px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container {
        margin-bottom: -13px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container {
        margin-bottom: -11px
    }
}

.banner-container .banner-round-container .brc-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    max-width: 100%
}

.banner-container .banner-round-container .descr {
    font-weight: 500;
    margin-bottom: 8px
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .descr {
        font-size: 24px
    }
}

.banner-container .banner-round-container .descr + p {
    margin-top: 15px
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-round-container .descr {
        margin: 0 auto
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .descr {
        width: 70%;
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .descr {
        width: 80%;
        font-size: 15px;
        line-height: 19px
    }
}

.banner-container .banner-round-container .note {
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .note {
        font-size: 21px;
        line-height: 25px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .note {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .note {
        font-size: 13px;
        line-height: 17px
    }
}

.banner-container .banner-round-container strong.brc-big {
    font-weight: 500;
    display: block
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container strong.brc-big {
        font-size: 133px;
        line-height: 137px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container strong.brc-big {
        font-size: 95px;
        line-height: 99px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container strong.brc-big {
        font-size: 71px;
        line-height: 75px
    }
}

.banner-container .banner-round-container strong.brc-big span {
    font-weight: 300
}

.banner-container .banner-round-container strong.brc-middle {
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container strong.brc-middle {
        font-size: 57px;
        line-height: 57px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container strong.brc-middle {
        font-size: 50px;
        line-height: 50px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container strong.brc-middle {
        font-size: 32px;
        line-height: 36px
    }
}

.banner-container .banner-round-container strong.brc-middle span {
    font-weight: 300
}

.banner-container .banner-round-container .swiper-container {
    background: rgba(0, 0, 0, .75);
    border-radius: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .swiper-container {
        width: 524px;
        height: 524px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .swiper-container {
        width: 44.4vw;
        height: 44.4vw
    }
}

@media only screen and (min-width:768px) {
    .banner-container .banner-round-container .swiper-container {
        box-shadow: 0 0 0 9px rgba(255, 255, 255, .13)
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .swiper-container {
        width: 91vw;
        height: 91vw;
        max-width: 400px;
        max-height: 400px;
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .13)
    }
}

.banner-container .banner-round-container .swiper-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .swiper-slide {
        padding: 10% 12% 12%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .swiper-slide {
        padding: 8%
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .swiper-slide {
        padding: 9% 9% 12%
    }

    .banner-container .banner-round-container .swiper-slide:last-child .brc-icon {
        height: 55px
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-round-container .brc-icon {
        max-width: 55%
    }

    .banner-container .banner-round-container .brc-icon img {
        max-width: 100%;
        max-height: 100%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .brc-icon {
        height: 48px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .brc-icon {
        height: 36px
    }
}

.banner-container .banner-round-container .brc-icon img {
    width: auto
}

.banner-container .banner-round-container .brc-details-button {
    padding-left: 14px
}

.banner-container .banner-round-container .swiper-button-next,
.banner-container .banner-round-container .swiper-button-prev {
    background-image: none
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .swiper-button-next,
    .banner-container .banner-round-container .swiper-button-prev {
        height: 42px
    }

    .banner-container .banner-round-container .swiper-button-next:hover * ,
    .banner-container .banner-round-container .swiper-button-prev:hover * {
        fill: #90c404
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-round-container .swiper-button-next,
    .banner-container .banner-round-container .swiper-button-prev {
        display: none
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-round-container .swiper-button-next,
    .banner-container .banner-round-container .swiper-button-prev {
        height: 28px;
        margin-top: -17px
    }
}

.banner-container .banner-round-container .swiper-button-next * ,
.banner-container .banner-round-container .swiper-button-prev * {
    fill: #fff
}

.banner-container .banner-round-container .swiper-button-prev {
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .swiper-button-prev {
        left: 1vw
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-round-container .swiper-button-prev {
        left: 0
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-round-container .swiper-button-next {
        right: 1vw
    }
}

@media only screen and (max-width:1153px) {
    .banner-container .banner-round-container .swiper-button-next {
        right: 0
    }
}

.banner-container .banner-round-container .plus-link {
    pointer-events: all
}

.banner-container .banner-round-container .plus-link.pl-active {
    color: #018fcf
}

.banner-container .banner-round-container .plus-link.pl-active:after {
    content: '-';
    border-color: #018fcf;
    color: #018fcf
}

.banner-container .banner-round-container .plus-link.pl-active:before {
    background: #018fcf;
    opacity: 1
}

.banner-container .banner-tabs-slider {
    position: relative;
    transition: height .3s ease-in-out;
    overflow: hidden
}

.banner-container .banner-tabs-slider.tsc-hidden {
    height: 0
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-tabs-slider:not(.tsc-hidden) {
        height: 760px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-tabs-slider:not(.tsc-hidden) {
        height: 600px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-tabs-slider:not(.tsc-hidden) {
        height: 522px
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-tabs-slider .inner-tabs-slider, .banner-container .banner-tabs-slider .tabs-slider-container,
    .banner-container .banner-tabs-slider section {
        height: 760px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-tabs-slider .inner-tabs-slider, .banner-container .banner-tabs-slider .tabs-slider-container,
    .banner-container .banner-tabs-slider section {
        height: 600px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-tabs-slider .inner-tabs-slider, .banner-container .banner-tabs-slider .tabs-slider-container,
    .banner-container .banner-tabs-slider section {
        height: 522px
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-tabs-slider .swiper-slide:last-child .sc-logo {
        margin-top: -98px
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-tabs-slider .tabs-pagination-slider .swiper-wrapper {
        -ms-transform: none !important;
        transform: none !important
    }
}

@media only screen and (min-width:1154px) {
    .banner-container .banner-tabs-slider > .swiper-container {
        height: 760px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .banner-container .banner-tabs-slider > .swiper-container {
        height: 600px
    }
}

@media only screen and (max-width:766px) {
    .banner-container .banner-tabs-slider > .swiper-container {
        height: 522px
    }
}

.banner-container .hide {
    display: none !important
}

.tabs-slider-container {
    background: linear-gradient(to right, #1b3244 0, #182d40 4%, #1b2e3f 4%, #192c3d 4%, #1a2d3e 5%, #162b3c 6%, #192c3d 6%, #192a3c 9%, #182939 10%, #152735 17%, #142632 17%, #132330 21%, #152232 21%, #11212e 22%, #14222f 22%, #14222d 23%, #132031 23%, #13212e 23%, #102230 24%, #132030 24%, #13212c 24%, #13212e 25%, #10202d 25%, #12202b 26%, #111f28 27%, #111f2c 27%, #101c28 29%, #131b26 29%, #101d26 30%, #0e1c25 31%, #121c26 31%, #101a24 31%, #111b27 31%, #0f1923 32%, #0f1923 33%, #0e1621 34%, #0e1822 34%, #0d181e 34%, #0d1720 35%, #0f1a20 35%, #0c161f 35%, #0d161f 36%, #0c151a 37%, #0d141c 37%, #0b121a 38%, #0d111c 38%, #0d1216 38%, #0e121b 38%, #0e121b 38%, #0d1218 38%, #0d1218 39%, #091016 39%, #0b1218 39%, #0c0f18 40%, #0b0e15 40%, #0b1016 41%, #0a0f13 41%, #080b10 45%, #0a0b0d 46%, #050a0d 48%, #08090d 48%, #07080a 50%, #09080d 50%, #05090c 50%, #060709 53%, #050507 54%, #040404 54%, #020307 60%, #030303 60%, #020202 64%, #020202 100%)
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .inner-tabs-slider {
        padding-bottom: 132px
    }
}

.tabs-slider-container .swiper-slide {
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .8
    }

    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
        background: #fff
    }

    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        background: #000
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .8
    }

    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
        background: #fff
    }

    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        background: #000
    }
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after,
    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .8
    }

    .tabs-slider-container .swiper-slide.fix-black .tsc-slide-bg:after {
        background: #fff
    }

    .tabs-slider-container .swiper-slide.fix-white .tsc-slide-bg:after {
        background: #000
    }
}

.tabs-slider-container .swiper-slide.swiper-slide-active .sc-images-text img,
.tabs-slider-container .swiper-slide.swiper-slide-active .sc-statistics .sc-stat-item {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.tabs-slider-container .tsc-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .tsc-slide-bg {
        background-position: 50%
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .tsc-slide-bg {
        background-position: 55%
    }
}

.tabs-slider-container .tsc-slide-bg.swiper-lazy-loaded .tsc-thumb-image {
    opacity: 0
}

.tabs-slider-container .tsc-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    transition: opacity .3s ease;
    filter: blur(10px)
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .tsc-thumb-image {
        background-position: 50%
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .tsc-thumb-image {
        background-position: 55%
    }
}

.tabs-slider-container .pagination-progress-container {
    position: absolute;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .pagination-progress-container {
        bottom: 72px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .pagination-progress-container {
        bottom: 17px
    }
}

.tabs-slider-container .pagination-progress {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 11px
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .pagination-progress {
        width: 82vw;
        min-width: 1024px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .pagination-progress {
        width: 95vw;
        min-width: 0
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .pagination-progress {
        width: 90vw
    }
}

.tabs-slider-container .pagination-progress:after {
    content: '';
    position: absolute;
    top: 11px;
    height: 5px;
    width: 100%;
    left: 0;
    right: 0;
    background: #dedede;
    z-index: -1
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .pagination-progress:after {
        display: none
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .pagination-progress .pp-line {
        transition: width .3s ease-in-out;
        margin-top: -1px;
        position: relative;
        width: 200px;
        height: 5px;
        background: #90c404
    }

    .tabs-slider-container .pagination-progress .pp-line:not(.pp-dragged) {
        transition: transform .3s ease-in-out, width .3s ease-in-out
    }

    .tabs-slider-container .pagination-progress .pp-line:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 13px 10px;
        border-color: transparent transparent #90c404
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .pagination-progress .pp-line {
        display: none
    }
}

.tabs-slider-container .swiper-pagination {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #5a6063;
    border-radius: 0 0 5px 5px;
    bottom: 0 !important
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-pagination {
        overflow: hidden;
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .swiper-pagination {
        font-size: 16px;
        line-height: 20px
    }
}

.tabs-slider-container .tabs-pagination-slider {
    background: #fff
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .tabs-pagination-slider {
        border-radius: 5px;
        border: 1px solid #dedede
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-slide, .tabs-slider-container .swiper-wrapper {
        height: auto !important
    }
}

.tabs-slider-container .swiper-button-next, .tabs-slider-container .swiper-button-prev {
    transition: transform .3s ease-in-out;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-next, .tabs-slider-container .swiper-button-prev {
        background: #fff;
        border: 1px solid #e4e4e4;
        width: 45px;
        height: 75px;
        margin-top: -102px
    }

    .tabs-slider-container .swiper-button-next:before, .tabs-slider-container .swiper-button-prev:before {
        transition: opacity .3s;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #90c404;
        opacity: 0;
        z-index: -1
    }

    .tabs-slider-container .swiper-button-next:hover:before, .tabs-slider-container .swiper-button-prev:hover:before {
        opacity: 1
    }

    .tabs-slider-container .swiper-button-next:hover * , .tabs-slider-container .swiper-button-prev:hover * {
        fill: #fff
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-button-next, .tabs-slider-container .swiper-button-prev {
        background: 0 0;
        top: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 17px;
        height: 90px;
        width: 70px
    }
}

.tabs-slider-container .swiper-button-next .svg-ico, .tabs-slider-container .swiper-button-prev .svg-ico {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-next .svg-ico, .tabs-slider-container .swiper-button-prev .svg-ico {
        padding: 15px 10px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-button-next .svg-ico, .tabs-slider-container .swiper-button-prev .svg-ico {
        height: 25px;
        width: 25px
    }
}

.tabs-slider-container .swiper-button-next * , .tabs-slider-container .swiper-button-prev * {
    fill: #5a6063
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-next {
        right: 0;
        border-radius: 6px 0 0 6px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-button-next {
        right: 5vw
    }
}

.tabs-slider-container .swiper-button-prev .svg-ico {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-prev {
        left: 0;
        border-radius: 0 6px 6px 0
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-button-prev {
        left: 5vw
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-button-disabled {
        pointer-events: none;
        opacity: .8
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-disabled.swiper-button-next {
        transform: translate3d(100%, 0, 0)
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-button-disabled.swiper-button-prev {
        transform: translate3d(-100%, 0, 0)
    }
}

.tabs-slider-container .swiper-pagination-bullet {
    transition: color .3s;
    position: relative;
    width: auto;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    background: 0 0;
    opacity: 1;
    color: #5a6063;
    margin: 0 !important;
    padding: 15px 10px
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-pagination-bullet {
        min-height: 118px;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .tabs-slider-container .swiper-pagination-bullet:not(:last-child):after {
        content: '';
        position: absolute;
        -ms-flex-item-align: baseline;
        align-self: baseline;
        top: 21px;
        bottom: 21px;
        width: 1px;
        background: #e4e4e4;
        right: 1px
    }

    .tabs-slider-container .swiper-pagination-bullet:hover {
        color: #90c404
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-pagination-bullet {
        min-height: 88px;
        margin: 0 !important;
        padding: 15px 15%
    }
}

.tabs-slider-container .swiper-pagination-bullet-active {
    background: 0 0
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .swiper-pagination-bullet-active {
        color: #90c404
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .swiper-pagination-bullet-active {
        color: #5a6063
    }
}

.tabs-slider-container .slide-content {
    height: 100%;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    width: 82vw;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .slide-content {
        font-size: 20px;
        line-height: 32px
    }
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .slide-content {
        width: 98vw
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .slide-content {
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 16vh
    }
}

.tabs-slider-container .slide-content .sc-title {
    font-family: Roboto, sans-serif;
    letter-spacing: -1px;
    display: block
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .slide-content .sc-title {
        font-size: 45px;
        line-height: 49px;
        font-weight: 500;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .slide-content .sc-title {
        font-size: 26px;
        line-height: 28px;
        font-weight: 300;
        margin-bottom: 14px
    }
}

.tabs-slider-container .slide-content .sc-description p {
    margin-bottom: 16px
}

.tabs-slider-container .sc-statistics {
    text-align: center
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics {
        width: 100vw
    }
}

.tabs-slider-container .sc-statistics .sc-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.tabs-slider-container .sc-statistics .sc-stat-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-stat-container {
        padding: 19px 0
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-container {
        -ms-flex-align: center;
        align-items: center
    }
}

.tabs-slider-container .sc-statistics .sc-stat-item {
    position: relative;
    transition: transform .5s ease-in-out, opacity .5s;
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    margin-bottom: 3%
}

.tabs-slider-container .sc-statistics .sc-stat-item:not(:last-child):after {
    content: '';
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 0;
    width: 1px;
    background: #dadada;
    opacity: .25
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-stat-item:nth-child(4n):after {
        display: none
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-stat-item:nth-child(2n):after {
        display: none
    }
}

.tabs-slider-container .sc-statistics .sc-stat-data {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 8px
}

.tabs-slider-container .sc-statistics .sc-stat-text {
    font-weight: 500
}

.tabs-slider-container .sc-statistics .sc-small {
    padding: 0 4%
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-small {
        width: 22.8%
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-small {
        width: 50%
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
        font-size: 84px;
        line-height: 88px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
        font-size: 70px;
        line-height: 74px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-data {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
        font-size: 23px;
        line-height: 33px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
        font-size: 21px;
        line-height: 26px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-small .sc-stat-text {
        font-size: 14px;
        line-height: 18px
    }
}

.tabs-slider-container .sc-statistics .sc-large {
    padding: 0 7%
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-large {
        width: 48%
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-large {
        width: 100%
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-large .sc-stat-data {
        font-size: 152px;
        line-height: 156px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-large .sc-stat-data {
        font-size: 50px;
        line-height: 54px
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-large .sc-stat-text {
        font-size: 30px;
        line-height: 41px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-large .sc-stat-text {
        font-size: 20px;
        line-height: 24px
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom {
    padding: 1.4vw 0 0
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
        padding: 58px 8.5vw 77px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
        width: 50%;
        padding: 5vw
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item {
        width: 55%;
        padding: 10px 0
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item:after {
    opacity: .5
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-item:after {
        top: auto;
        left: 0;
        bottom: 0;
        height: 1px;
        width: auto
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
    font-weight: 700;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    margin-bottom: 20px
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
        font-size: 60px;
        line-height: 60px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
        font-size: 44px;
        line-height: 48px
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data {
        font-size: 27px;
        line-height: 27px
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data strong {
    position: relative
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
    position: absolute;
    right: 100%;
    font-size: 13px;
    line-height: 17px;
    margin-right: 13px
}

@media only screen and (min-width:768px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
        top: 27px
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-data span {
        top: 10px
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
    position: relative;
    font-weight: 700;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 22px
}

@media only screen and (min-width:768px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
        padding: 29px 0
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text {
        padding: 10px 0
    }
}

.tabs-slider-container .sc-statistics .sc-stat-custom .sc-stat-text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 40%;
    right: 40%;
    height: 2px;
    background: #000
}

.tabs-slider-container .sc-short-description {
    padding: 2vw 0 7vw;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-slider-container .sc-short-description:not([style="justify-content: flex-start;"]) .sc-container {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.tabs-slider-container .sc-short-description .sc-container {
    height: 100%;
    max-width: 670px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-short-description .sc-container {
        padding: 0 40px
    }
}

.tabs-slider-container .sc-short-description .sc-title:first-child {
    margin-top: 6.5vw
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-short-description .sc-title:first-child {
        font-size: 47px;
        line-height: 51px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-short-description .sc-title:first-child {
        font-size: 35px;
        line-height: 39px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-short-description .sc-logo {
        max-width: 55%;
        margin: 0 auto 27px
    }
}

@media only screen and (min-width:768px) {
    .tabs-slider-container .sc-short-description .sc-logo {
        margin-bottom: 67px
    }
}

@media only screen and (max-width:766px) {
    .tabs-slider-container .sc-short-description .sc-logo {
        margin-bottom: 15px
    }
}

.tabs-slider-container .sc-short-description .sc-link .green-arrow-link-animation {
    box-shadow: inset 0 -2px 0 #90c404
}

.tabs-slider-container .sc-short-description .sc-link .green-arrow-link-animation span {
    transform: translate3d(0, 0, 0)
}

.tabs-slider-container .sc-images-text .sc-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 26px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-images-text .sc-container {
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-images-text .sc-description-container {
        position: relative;
        width: 735px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: auto 0;
        padding: 0 3.5% 0 4.5%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        z-index: 1
    }
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-images-text .sc-images-container {
        position: relative;
        width: 53.3%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .sc-images-text .sc-images-container {
        zoom: .8
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .tabs-slider-container .sc-images-text .sc-images-container {
        opacity: .5
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-images-text .sc-images-container {
        display: none
    }
}

.tabs-slider-container .sc-images-text img {
    transition: transform .7s ease-in-out, opacity .7s;
    transform: translate3d(200px, 0, 0);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

.tabs-slider-container .sc-blockquote {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-top: 5px
}

.tabs-slider-container .sc-blockquote .sc-container {
    max-width: 1100px
}

.tabs-slider-container .sc-blockquote blockquote {
    font-weight: 400
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-blockquote blockquote {
        font-size: 31px;
        line-height: 45px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-blockquote blockquote {
        font-size: 14px;
        line-height: 18px
    }
}

.tabs-slider-container .sc-blockquote blockquote p {
    position: relative;
    margin-bottom: 22px
}

.tabs-slider-container .sc-blockquote blockquote p:after, .tabs-slider-container .sc-blockquote blockquote p:before {
    font-family: Arial, sans-serif;
    color: #000
}

.tabs-slider-container .sc-blockquote blockquote p:before {
    content: '“';
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 6px
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-blockquote blockquote p:before {
        font-size: 185px;
        line-height: 96px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-blockquote blockquote p:before {
        font-size: 55px;
        line-height: 31px
    }
}

.tabs-slider-container .sc-blockquote blockquote p:after {
    position: relative;
    display: inline-block;
    content: '“';
    -ms-transform: scale(-1);
    transform: scale(-1);
    width: 0
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-blockquote blockquote p:after {
        -ms-transform: scale(-4);
        transform: scale(-4);
        right: -70px;
        top: 0
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-blockquote blockquote p:after {
        -ms-transform: scale(-3);
        transform: scale(-3);
        right: -25px;
        top: -7px
    }
}

.tabs-slider-container .sc-blockquote strong {
    display: block;
    margin-bottom: 9px
}

@media only screen and (min-width:1154px) {
    .tabs-slider-container .sc-blockquote strong {
        font-size: 28px;
        line-height: 32px
    }
}

@media only screen and (max-width:1153px) {
    .tabs-slider-container .sc-blockquote strong {
        font-size: 20px;
        line-height: 24px
    }
}

.tabs-slider-container .sc-blockquote span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .5px
}

.round-services-container {
    font-family: Roboto, sans-serif;
    max-width: 1545px;
    margin: 0 auto
}

@media only screen and (min-width:1154px) {
    .round-services-container {
        padding: 75px 0 49px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container {
        padding: 6vw 0 2.25vw
    }
}

@media only screen and (max-width:766px) {
    .round-services-container {
        padding: 10vw 0 2.25vw
    }
}

.round-services-container .rsl-title {
    color: #0078ae;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    text-align: center;
    letter-spacing: -.8px
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-title {
        font-size: 45px;
        line-height: 51px;
        padding-right: 18px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-title {
        font-size: 36px;
        line-height: 41px
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-title {
        font-size: 27px;
        line-height: 28px;
        padding: 0 8%
    }
}

.round-services-container .rsl-title h2 {
    font-weight: 500;
    display: block;
    letter-spacing: -1.3px
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-title h2 {
        font-size: 50px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-title h2 {
        font-size: 40px
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-title h2 {
        font-size: 29px
    }
}

.round-services-container .rsl-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-list {
        padding: 54px 1% 45px;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item {
        opacity: 0
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(1) {
        transform: translate3d(200%, 0, 0)
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(2) {
        transform: translate3d(100%, 0, 0)
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(3) {
        opacity: 0;
        -ms-transform: scale(1.8);
        transform: scale(1.8)
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(4) {
        transform: translate3d(-100%, 0, 0)
    }

    .round-services-container .rsl-list:not(.rsl-visible) .rsl-item:nth-child(5) {
        transform: translate3d(-200%, 0, 0)
    }

    .round-services-container .rsl-list.rsl-visible {
        transform: translate3d(0, 0, 0)
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-list {
        padding: 47px 0;
        max-width: 680px;
        margin: 0 auto
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-list {
        padding: 11px 0 5px
    }
}

.round-services-container .rsl-item {
    position: relative;
    border-radius: 100%;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-item {
        transition: transform .5s ease-in-out, opacity .5s;
        width: 11vw;
        height: 11vw;
        min-width: 232px;
        min-height: 232px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .round-services-container .rsl-item {
        min-width: 200px;
        min-height: 200px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-item {
        width: 200px;
        height: 200px;
        margin: 0 18px
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-item {
        width: 145px;
        height: 145px;
        margin: 0 2%
    }

    .round-services-container .rsl-item:not(:last-child) {
        margin-top: 15px
    }
}

.round-services-container .rsl-item .rsl-data-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70%
}

.round-services-container .rsl-item strong {
    transition: color .3s
}

.round-services-container .rsl-item .svg-ico * {
    transition: fill .3s, stroke .3s
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-item .svg-ico {
        width: 85px;
        height: 85px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-item .svg-ico {
        width: 75px;
        height: 75px
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-item .svg-ico {
        width: 60px;
        height: 60px
    }
}

.round-services-container .rsl-item .srl-text {
    max-width: 100%;
    margin: 4px 0 22px
}

@media only screen and (min-width:1154px) {
    .round-services-container .rsl-item .srl-text {
        font-size: 27px;
        line-height: 31px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .round-services-container .rsl-item .srl-text {
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (max-width:766px) {
    .round-services-container .rsl-item .srl-text {
        font-size: 16px;
        line-height: 19px
    }
}

.round-services-container .rsl-item .rsl-circle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.round-services-container .rsl-item .rsl-circle .rsl-circle-shadow {
    transition: transform .3s ease-in-out, opacity .3s;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2;
    -ms-transform: scale(.97);
    transform: scale(.97);
    z-index: -1
}

.round-services-container .rsl-item .rsl-circle .round-icon {
    display: block;
    transition: transform .5s ease-in-out
}

.round-services-container .rsl-item .rsl-circle .round-icon, .round-services-container .rsl-item .rsl-circle svg {
    width: 100%;
    height: 100%
}

.round-services-container .rsl-item .rsl-circle * {
    pointer-events: none
}

.round-services-container .rsl-item .rsl-circle-bg, .round-services-container .rsl-item .rsl-circle-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 100%
}

.round-services-container .rsl-item .rsl-circle-border {
    opacity: .2
}

.round-services-container .rsl-item .rsl-circle-bg {
    transition: transform .3s ease-in-out, opacity .3s ease;
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    overflow: hidden
}

.round-services-container .rsl-item .rsl-circle-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: transform .2s .3s ease-in-out, opacity .2s .3s;
    transform: rotate(45deg) translate3d(-100%, 0, 0);
    background: rgba(255, 255, 255, .13);
    background: linear-gradient(to right, rgba(255, 255, 255, .13) 0, rgba(255, 255, 255, .13) 77%, rgba(255, 255, 255, .5) 92%, rgba(255, 255, 255, 0) 100%)
}

.round-services-container .rsl-item:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.round-services-container .rsl-item:hover strong {
    transition: color .3s .2s;
    color: #fff !important
}

.round-services-container .rsl-item:hover .rsl-circle-shadow {
    -ms-transform: scale(1.05) rotate(-180deg);
    transform: scale(1.05) rotateZ(-180deg)
}

.round-services-container .rsl-item:hover .round-icon {
    transition: transform .3s ease-in-out;
    -ms-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2)
}

.round-services-container .rsl-item:hover .rsl-circle-bg {
    transition: transform .3s .2s ease-in-out, opacity .3s ease .2s;
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1)
}

.round-services-container .rsl-item:hover .rsl-circle-bg:after {
    opacity: 1;
    transform: rotate(45deg) translate3d(100%, 0, 0)
}

.round-services-container .rsl-item:hover .svg-ico * {
    transition: fill .3s, stroke .3s;
    fill: #fff !important;
    stroke: #fff !important
}

.awards-container {
    pointer-events: all;
    position: relative
}

@media only screen and (min-width:1154px) {
    .awards-container {
        padding: 100px 5% 0;
        min-width: 800px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .awards-container {
        padding: 100px 0 0;
        min-width: 40vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .awards-container {
        padding: 42px 5% 13px
    }
}

@media only screen and (max-width:766px) {
    .awards-container {
        padding: 42px 0 13px
    }
}

.awards-container:before {
    content: '';
    position: absolute;
    left: -8%;
    right: -8%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .06) 6%, rgba(255, 255, 255, .23) 16%, rgba(255, 255, 255, .28) 22%, rgba(255, 255, 255, .28) 79%, rgba(255, 255, 255, .23) 85%, rgba(255, 255, 255, .07) 94%, rgba(255, 255, 255, .02) 98%, rgba(255, 255, 255, .02) 100%)
}

@media only screen and (min-width:1154px) {
    .awards-container:before {
        top: 55px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .awards-container:before {
        top: 23px
    }
}

@media only screen and (max-width:766px) {
    .awards-container:before {
        top: 22px
    }
}

.awards-container .swiper-wrapper {
    height: auto
}

@media only screen and (min-width:768px) {
    .awards-container .swiper-wrapper {
        -ms-transform: none !important;
        transform: none !important;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.awards-container .swiper-slide {
    text-align: center;
    height: auto
}

@media only screen and (min-width:768px) {
    .awards-container .swiper-slide {
        width: auto !important
    }
}

.awards-container .ai-text {
    font-size: 14px;
    line-height: 18px
}

@media only screen and (min-width:1154px) {
    .awards-container .ai-text {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .awards-container .ai-text {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:766px) {
    .awards-container .ai-text {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:766px) {
    .awards-container .swiper-button-next, .awards-container .swiper-button-prev {
        background-image: none;
        height: 28px;
        margin-top: -17px
    }

    .awards-container .swiper-button-next * , .awards-container .swiper-button-prev * {
        fill: #fff
    }
}

@media only screen and (min-width:768px) {
    .awards-container .swiper-button-next, .awards-container .swiper-button-prev {
        display: none
    }
}

.awards-container .swiper-button-prev {
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 7vw
}

.awards-container .swiper-button-next {
    right: 7vw
}

.home-new-section {
    background: #fff;
    font-family: Roboto, sans-serif;
    overflow: hidden
}

.projects-portfolio {
    background: #181d22
}

@media only screen and (min-width:1154px) {
    .projects-portfolio {
        padding: 4.76vw 0
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio {
        padding: 8.6vw 15px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio {
        padding: 12.6vw 15px 11vw
    }
}

.projects-portfolio .pp-title {
    text-align: center;
    color: #fff
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title {
        margin-bottom: 3.6vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title {
        padding: 0 3%;
        margin-bottom: 7.5vw
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title {
        margin-bottom: 10vw
    }
}

.projects-portfolio .pp-title h2 {
    font-family: Roboto, sans-serif;
    font-weight: 500
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title h2 {
        font-size: 50px;
        line-height: 54px;
        letter-spacing: -1.2px;
        margin-bottom: 13px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-title h2 {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -1px;
        margin-bottom: 13px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title h2 {
        font-size: 41px;
        line-height: 44px;
        letter-spacing: -1.2px;
        margin-bottom: 21px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 13px
    }
}

.projects-portfolio .pp-title .descr {
    font-family: Roboto, sans-serif;
    opacity: .5;
    font-weight: 300;
    margin-bottom: 15px
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-title .descr {
        font-size: 28px;
        line-height: 32px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-title .descr {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-title .descr {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -.4px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-title .descr {
        font-size: 17px;
        line-height: 21px;
        padding: 0 4%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-projects-list {
        max-width: 1545px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-projects-list {
        width: 90vw
    }
}

.projects-portfolio .pp-load-more {
    color: #fff;
    font-weight: 300;
    text-align: center
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-load-more {
        font-size: 24px;
        line-height: 28px;
        padding: 2.74vw 0 4vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-load-more {
        font-size: 20px;
        line-height: 24px;
        padding: 3.4vw 0 5.8vw
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-load-more {
        font-size: 18px;
        line-height: 22px;
        padding: 5.4vw 0 10.5vw
    }
}

.projects-portfolio .pp-load-more a {
    font-weight: 700;
    color: #018fcf
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-load-more a {
        margin-left: 10px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-load-more a {
        display: block;
        margin-top: 1px
    }
}

.projects-portfolio .pp-pl-item {
    transition: z-index .5s;
    position: relative;
    color: #fff
}

.projects-portfolio .pp-pl-item:nth-child(1) {
    z-index: 4
}

.projects-portfolio .pp-pl-item:nth-child(2) {
    z-index: 3
}

.projects-portfolio .pp-pl-item:nth-child(3) {
    z-index: 2
}

.projects-portfolio .pp-pl-item:nth-child(4) {
    z-index: 1
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item {
        min-height: 528px;
        margin-bottom: 1.1vw
    }

    .projects-portfolio .pp-pl-item:before {
        pointer-events: none;
        transition: opacity .5s;
        opacity: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        background: rgba(0, 0, 0, .5)
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item {
        min-height: 400px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item {
        margin-bottom: 1.4%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item {
        width: 49.4%
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item {
        margin-bottom: 2vw
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item:nth-child(2n + 1) .project-expanded-section {
        margin-left: 101.5%
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .pp-pl-item:nth-child(2n) .project-expanded-section {
        margin-left: -1.5%
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .project-expanded-section {
        left: -50vw
    }
}

.projects-portfolio .pp-pl-item .pp-images-container {
    pointer-events: none
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 528px
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 400px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 252px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-images-container {
        height: 52vw
    }
}

.projects-portfolio .pp-pl-item .pp-image-main, .projects-portfolio .pp-pl-item .pp-images-container,
.projects-portfolio .pp-pl-item .pp-main-image-block, .projects-portfolio .pp-pl-item .pp-main-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.projects-portfolio .pp-pl-item .pp-main-image-block {
    transition: transform .5s ease-in-out
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-main-image-block {
        transform: translateZ(-1000px)
    }
}

.projects-portfolio .pp-pl-item .pp-main-image-container {
    transition: transform .5s ease-in-out;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image {
    position: relative;
    overflow: hidden;
    width: 12px;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: #000;
    transition: transform .5s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-main-perspective-image .pp-image {
    width: 763px;
    right: auto
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-main-image-wrapper .pp-image-main {
    left: -10px
}

.projects-portfolio .pp-pl-item .pp-image-main {
    transition: transform .3s linear, opacity .3s
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item:hover {
        z-index: 5
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-image-block {
        transform: translate3d(-4%, 0, 0) scale(1.02)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-image-container {
        transform: perspective(300px) rotateY(4deg)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-perspective-image {
        transform: perspective(300px) rotateY(-40deg)
    }

    .projects-portfolio .pp-pl-item:hover .pp-main-perspective-image .pp-image {
        opacity: .7
    }

    .projects-portfolio .pp-pl-item:hover .pp-image-main {
        transition: transform 5s .4s linear, opacity .5s;
        transform: translate3d(-14%, 0, 0)
    }

    .projects-portfolio .pp-pl-item:hover .pp-image-perspective {
        opacity: 1;
        transform: perspective(1000px) rotateY(0)
    }
}

.projects-portfolio .pp-pl-item.pp-active {
    z-index: 6
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item.pp-item-hovered:not(.pp-active):before {
        opacity: 1
    }
}

.projects-portfolio .pp-pl-item .pp-item-container {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.projects-portfolio .pp-pl-item .pp-item-container * {
    pointer-events: none
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, -60px, 0) !important;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        height: 528px;
        padding: 0 8%
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link {
        transition: color .3s .4s
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link:after {
        transition: color .3s .4s, border-color .3s .4s
    }

    .projects-portfolio .pp-pl-item .pp-item-container .plus-link:before {
        transition: background .3s .4s, opacity .3s .4s;
        display: none
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover {
        transform: translate3d(-5%, 0, 0) !important
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image {
        transform: translate3d(100px, 0, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-image:before {
        transform: scale(3) translate3d(10%, -15%, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
        transform: perspective(300px) rotateY(3deg) translate3d(0, 0, 0) !important
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-top {
        transform: translate3d(0, 0, 0)
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-text {
        opacity: 1
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link {
        color: #90c404
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:after {
        border-color: #90c404;
        color: #90c404
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .plus-link:before {
        background: #90c404;
        opacity: 1
    }
}

@media only screen and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 400px
    }

    .projects-portfolio .pp-pl-item .pp-item-container:hover .pp-description {
        transform: perspective(300px) rotateY(9deg) translate3d(0, 0, 0) !important
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        padding: 0 5%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 252px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-item-container {
        height: 52vw
    }
}

.projects-portfolio .pp-pl-item .pp-image-perspective {
    transition: transform .5s ease-in-out, opacity .5s;
    opacity: 0;
    position: absolute;
    top: -5.5%;
    right: -9%;
    width: auto;
    height: 107%;
    z-index: 2;
    -ms-transform-origin: 80% 50%;
    transform-origin: 80% 50%;
    transform: perspective(1000px) rotateY(-60deg)
}

.projects-portfolio .pp-pl-item .pp-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    overflow: hidden
}

.projects-portfolio .pp-pl-item .pp-image:before {
    transition: transform .4s ease-in-out;
    -ms-transform: scale(2);
    transform: scale(2);
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%)
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        margin-bottom: 38px
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        margin-bottom: 7px
    }

    .projects-portfolio .pp-pl-item .pp-logo img {
        max-width: 100%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        width: 125px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-logo {
        width: 110px
    }
}

.projects-portfolio .pp-pl-item .pp-item-title {
    font-family: Roboto, sans-serif;
    letter-spacing: -.6px;
    margin-bottom: 18px
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-weight: 500;
        font-size: 28px;
        line-height: 32px
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-weight: 400
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .pp-pl-item .pp-item-title {
        font-size: 16px;
        line-height: 20px
    }
}

.projects-portfolio .pp-pl-item .pp-description {
    position: relative;
    z-index: 2;
    line-height: 26px;
    font-size: 16px;
    padding-bottom: 7%
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-description {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, 100%, 0);
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .pp-pl-item .pp-description {
        zoom: .8
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-top {
        transition: transform .4s ease-in-out;
        transform: translate3d(0, -100%, 0)
    }
}

.projects-portfolio .pp-pl-item .pp-text p {
    transition: transform .3s .2s ease-in-out
}

.projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
    margin-bottom: 25px
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .pp-pl-item .pp-text p:not(:last-child) {
        display: none
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .pp-pl-item .pp-text {
        transition: opacity .7s .1s;
        opacity: 0
    }
}

.projects-portfolio .project-expanded-section {
    position: relative;
    z-index: 1;
    background: #000;
    display: none;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section {
        width: 100vw;
        left: -50vw;
        margin-top: 1.1vw
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section {
        width: 100%;
        margin-top: 2vw
    }
}

.projects-portfolio .project-expanded-section .pes-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.projects-portfolio .project-expanded-section .pes-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1;
    flex: 1 1;
    max-width: 1582px;
    margin: 0 auto
}

@media only screen and (min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:192dpi) and (min-width:1154px) and (max-width:1419px), only screen and (min-resolution:2dppx) and (min-width:1154px) and (max-width:1419px) {
    .projects-portfolio .project-expanded-section .pes-container {
        zoom: .8
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-container {
        padding-top: 80px
    }
}

.projects-portfolio .project-expanded-section .pes-slider {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    z-index: 2
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-slider {
        width: 45.4%
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-slider {
        width: 70%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-slider {
        max-height: 850px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-slider {
        height: 780px
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-description {
        position: relative;
        width: 39%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-description {
        width: 100%
    }
}

.projects-portfolio .project-expanded-section .pes-logo {
    transition: opacity .3s .3s ease-in-out;
    opacity: 0;
    height: 178px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-logo {
        position: absolute;
        top: 0;
        right: 3.5%
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-logo {
        width: 22%
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-logo {
        left: 0;
        height: 80px
    }
}

.projects-portfolio .project-expanded-section .pes-logo .pes-logo-container {
    max-height: 95%;
    max-width: 80%
}

.projects-portfolio .project-expanded-section .pes-logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-logo img {
        max-height: 45px
    }
}

.projects-portfolio .project-expanded-section .pes-content {
    position: relative;
    background: #1f1f1f;
    border: solid #4a4a4a;
    border-width: 0 1px 1px 0;
    margin-bottom: auto;
    color: silver;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.projects-portfolio .project-expanded-section .pes-content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
    background: inherit;
    border: inherit;
    border-right: 0;
    z-index: -1
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-content {
        min-height: 0 !important
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-content {
        padding: 48px 9% 20px;
        font-size: 16px;
        line-height: 27px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-content {
        padding: 20px 6%;
        font-size: 13px;
        line-height: 18px
    }
}

.projects-portfolio .project-expanded-section .pr-title {
    font-weight: 300;
    color: #fff;
    display: block
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pr-title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pr-title {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section p {
        text-align: justify;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section p {
        text-align: justify;
        margin-bottom: 10px
    }
}

.projects-portfolio .project-expanded-section .pes-tabs-bar {
    position: relative;
    z-index: 3
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-tabs-bar {
        width: 15.6%
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-tabs-bar {
        width: 26%;
        max-width: 200px
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-tabs-bar {
        padding: 178px 0
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tabs-bar {
        padding-top: 55px
    }
}

.projects-portfolio .project-expanded-section .pes-tabs-container {
    background: #fff
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-tabs-container {
        padding: 58px 55px 33px 30px
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-tabs-container {
        padding: 20px 16px 10px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tabs-container {
        padding: 8px
    }
}

.projects-portfolio .project-expanded-section .pes-tab {
    position: relative;
    transition: transform .3s;
    opacity: 1 !important;
    background: #fff;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-tab {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tab {
        margin-bottom: 10px
    }
}

.projects-portfolio .project-expanded-section .pes-tab img {
    max-width: 100%
}

.projects-portfolio .project-expanded-section .pes-tab:before {
    transition: transform .3s ease-in-out, background .3s;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    content: '';
    position: absolute;
    top: 2px;
    bottom: -2px;
    left: 2px;
    right: -2px;
    background: #5a6063;
    z-index: -1
}

.projects-portfolio .project-expanded-section .pes-tab:after {
    transition: transform .3s, opacity .3s;
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-tab:after {
        transform: translate3d(-100%, 0, 0);
        left: 100%;
        margin: -12px 0 0 5px;
        border-left: 12px solid #90c404;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tab:after {
        transform: translate3d(100%, 0, 0);
        right: 100%;
        margin: -9px 0 0 5px;
        border-right: 5px solid #90c404;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active {
        transform: translate3d(-3px, -3px, 0)
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active {
        transform: translate3d(-1px, -1px, 0)
    }
}

.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:after {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
.projects-portfolio .project-expanded-section .pes-tab:hover:before {
    background: #90c404
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
    .projects-portfolio .project-expanded-section .pes-tab:hover:before {
        transform: translate3d(3px, 3px, 0)
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-tab.swiper-pagination-bullet-active:before,
    .projects-portfolio .project-expanded-section .pes-tab:hover:before {
        transform: translate3d(translate3d(-4px, -1px, 0))
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .swiper-container,
    .projects-portfolio .project-expanded-section .swiper-slide, .projects-portfolio .project-expanded-section .swiper-wrapper {
        height: auto
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .swiper-container,
    .projects-portfolio .project-expanded-section .swiper-slide, .projects-portfolio .project-expanded-section .swiper-wrapper {
        height: 780px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .swiper-container,
    .projects-portfolio .project-expanded-section .swiper-slide, .projects-portfolio .project-expanded-section .swiper-wrapper {
        height: 430px
    }
}

@media only screen and (max-width:766px) and (orientation:landscape) {
    .projects-portfolio .project-expanded-section .swiper-container,
    .projects-portfolio .project-expanded-section .swiper-slide, .projects-portfolio .project-expanded-section .swiper-wrapper {
        height: 650px
    }
}

.projects-portfolio .project-expanded-section .swiper-wrapper {
    position: relative;
    width: 74.2%
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-scroll-bar {
        height: 930px
    }
}

@media only screen and (max-width:1153px) {
    .projects-portfolio .project-expanded-section .pes-scroll-bar {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.projects-portfolio .project-expanded-section .pes-scroll-bar:after {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 250px;
    bottom: -1px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    transition: opacity .1s linear;
    z-index: 4
}

.projects-portfolio .project-expanded-section .pes-scroll-wrapper {
    overflow: hidden;
    max-height: 100%
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .pes-scroll-wrapper {
        padding-top: 53px
    }
}

.projects-portfolio .project-expanded-section .pes-scroll-wrapper:not(.mCS_no_scrollbar) {
    cursor: ns-resize
}

.projects-portfolio .project-expanded-section .scroll-image-container {
    position: relative;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .scroll-image-container {
        padding-left: 10px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .scroll-image-container {
        padding-left: 5px
    }
}

.projects-portfolio .project-expanded-section .scroll-image-container > img {
    width: 100%
}

.projects-portfolio .project-expanded-section .perspective-image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -ms-transform: skewY(-20deg);
    transform: skewY(-20deg);
    z-index: -1
}

@media only screen and (min-width:768px) {
    .projects-portfolio .project-expanded-section .perspective-image {
        width: 11px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .perspective-image {
        width: 5px
    }
}

.projects-portfolio .project-expanded-section .perspective-image img {
    height: 100%;
    max-width: none
}

.projects-portfolio .project-expanded-section .mCSB_inside > .mCSB_container {
    margin-right: 0
}

.projects-portfolio .project-expanded-section .mCSB_scrollTools {
    opacity: 0 !important
}

.projects-portfolio .project-expanded-section .pes-sub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #3d3d3d;
    padding: 24px 0 0
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-sub {
        margin: auto 0 0
    }
}

@media only screen and (min-width:1154px) {
    .projects-portfolio .project-expanded-section .pes-sub .green-arrow-link-animation {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-sub .green-arrow-link-animation {
        font-size: 12px;
        line-height: 16px
    }
}

@media only screen and (max-width:766px) {
    .projects-portfolio .project-expanded-section .pes-sub .blue-link {
        font-size: 11px;
        line-height: 15px
    }

    .projects-portfolio .project-expanded-section .pes-sub .blue-link:after {
        font-size: 23px;
        line-height: 0
    }
}

.projects-portfolio .project-expanded-section .red-close-btn {
    right: 0
}

.projects-portfolio .project-expanded-section.pes-expanded {
    z-index: 10
}

.projects-portfolio .project-expanded-section.pes-expanded .pes-logo {
    opacity: 1
}

.wwu-extra-padding {
    overflow: visible
}

.wwu-extra-padding:last-child .work-with-us-container {
    height: auto
}

@media only screen and (min-width:1154px) {
    .wwu-extra-padding + * > div {
        padding-top: 70px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .wwu-extra-padding + * > div {
        padding-top: 150px
    }
}

@media only screen and (max-width:766px) {
    .wwu-extra-padding + * > div {
        padding-top: 60px !important
    }
}

.work-with-us-container {
    position: relative;
    z-index: 1;
    height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .work-with-us-container {
        padding: 0 2vw
    }
}

@media only screen and (max-width:766px) {
    .work-with-us-container {
        padding: 0 4.5vw
    }
}

.work-with-us-container .wwu-block {
    border: 1px solid #dedede;
    border-bottom: 0;
    border-radius: 3px;
    box-shadow: inset 0 -3px 0 #009ddc;
    background: #fff;
    width: 100%;
    max-width: 1100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:1154px) {
    .work-with-us-container .wwu-block {
        margin-top: 7px;
        padding: 3vw
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .work-with-us-container .wwu-block {
        margin-top: -9px;
        padding: 5vw 7.5vw
    }
}

@media only screen and (max-width:766px) {
    .work-with-us-container .wwu-block {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 7vw 3.5vw
    }
}

.work-with-us-container strong {
    color: #009ddc;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif
}

@media only screen and (min-width:1154px) {
    .work-with-us-container strong {
        font-size: 42px;
        line-height: 1.3
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .work-with-us-container strong {
        font-size: 26px;
        line-height: 30px
    }
}

@media only screen and (max-width:766px) {
    .work-with-us-container strong {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

.work-with-us-container .main-green-button {
    top: 0
}

@media only screen and (min-width:768px) {
    .work-with-us-container .main-green-button {
        margin-left: 3vw;
        min-width: 250px
    }
}

@media only screen and (min-width:767px) and (max-width:1153px) {
    .industry-section {
        padding: 95px 0 100px
    }
}

.industry-section:after {
    background-attachment: scroll
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}