@import url(https://fonts.googleapis.com/css?family=Lato:400,600,700,800,900|Montserrat:400,600,700&display=swap);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
.slick-initialized .slick-slide,
.slick-slide img,
.tabs-whitepaper .switch-tabs .tabs-content .single-tab.active,
details,
img,
main {
    display: block
}

.popup-container .super-slide .main-nav .slide-dots .slick-list,
button,
hr,
input {
    overflow: visible
}

.popup-container.video .super-slide .main-nav {
    display: none;
}

img,
legend {
    max-width: 100%
}

progress,
sub,
sup {
    vertical-align: baseline
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

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

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

.slick-slider,
legend {
    box-sizing: border-box
}

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

a {
    background-color: transparent;
    cursor: pointer
}

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

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

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

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

summary {
    display: list-item
}

.concept-flow .slider-flow .single-flow .info-action,
.concept-flow .slider-flow .slick-dots li button,
.portfolio .block .img-container img.mobile,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.tabs-whitepaper .switch-tabs .tabs-content .single-tab,
.tabs-whitepaper .top-info .info-action,
[hidden],
template {
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.container,
.for-scroll-pos,
.preloader .inside-preload,
.slick-track {
    margin-left: auto;
    margin-right: auto
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

header {
    position: absolute;
    z-index: 45;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 57px;
    padding-bottom: 15px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.bottom-section-footer .form-and-contact,
.bottom-section-footer .form-and-contact .form .inline,
.download-portfolio .list,
.tabs-whitepaper .switch-tabs .tabs-content .list,
header .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.concept-flow .slider-flow .single-flow .list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.concept-flow .slider-flow .single-flow .list .item {
    flex: 0 0 calc(33.33% - 20px); /* Do not grow, do not shrink, base width is 33.33% */
}

header .logo {
    max-width: 277px;
    position: relative;
    z-index: 45;
}

header .toggle-popup {
    width: 27px;
    height: 27px;
    margin-top: 2px;
    margin-right: 1px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 45
}

header .toggle-popup .dot {
    width: 5px;
    height: 5px;
    margin: 2px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

header .toggle-popup .dot:first-child:after,
header .toggle-popup .dot:nth-child(3):after,
header .toggle-popup .dot:nth-child(7):after,
header .toggle-popup .dot:nth-child(9):after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.concept-flow .slider-flow .slick-dots li.slick-active,
.concept-flow .slider-flow .slick-dots li:hover,
.popup-form .inside-form,
.portfolio .block.ligh-bg:hover,
.portfolio .block:hover,
header .toggle-popup:hover .dot,
header .toggle-popup:hover .dot:after {
    background-color: #34c759
}

header .toggle-popup .dot:first-child:after {
    left: 0;
    top: 0;
    transform: rotate(45deg)
}

header .toggle-popup .dot:nth-child(3):after {
    right: 0;
    top: 0;
    transform: rotate(-45deg)
}

header .toggle-popup .dot:nth-child(7):after {
    left: 0;
    bottom: 0;
    transform: rotate(135deg)
}

header .toggle-popup .dot:nth-child(9):after {
    right: 0;
    bottom: 0;
    transform: rotate(-135deg)
}

.preloader,
header.opened .toggle-popup .dot:after {
    background-color: #000535
}

header .logo svg path {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s
}

header.opened .logo svg path {
    fill: #FFFFFF;
}

/* .bottom-section-footer .form-and-contact .contacts .socials a svg path,
.bottom-section-footer .form-and-contact .contacts .socials a:hover svg rect,
header.opened .logo svg path,
header.opened .logo svg path.slesh {
    fill: #000535
} */

.bottom-section-footer .form-and-contact .contacts .socials a:hover svg {
    background-color: #34c759;
}

.bottom-section-footer .form-and-contact .contacts .socials a:hover svg path {
    fill: #000535;
}

header.opened+.popup-form {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    top: 8px;
    right: 0;
    opacity: 1
}

.bottom-section-footer .form-and-contact .contacts .socials a svg path,
.bottom-section-footer .form-and-contact .contacts .socials a svg rect,
header.opened .toggle-popup {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.concept-flow .navs .nav-item:hover,
header.opened .toggle-popup .dot {
    background-color: transparent
}

.concept-flow .navs .nav-item:after,
.concept-flow .navs .nav-item:hover:before,
.portfolio .block.ligh-bg:hover .action .arrow img,
.portfolio .block:hover .action .arrow img,
header.opened .toggle-popup .dot:nth-child(2n),
header.opened .toggle-popup .dot:nth-child(5),
header.opened .toggle-popup:hover .dot:nth-child(2n),
header.opened .toggle-popup:hover .dot:nth-child(5) {
    opacity: 0
}

header.opened .toggle-popup .dot:first-child:after,
header.opened .toggle-popup:hover .dot:first-child:after {
    width: 19px;
    left: -2px;
    top: 5px
}

header.opened .toggle-popup .dot:nth-child(3):after,
header.opened .toggle-popup:hover .dot:nth-child(3):after {
    width: 19px;
    right: -2px;
    top: 5px
}

header.opened .toggle-popup .dot:nth-child(7):after,
header.opened .toggle-popup:hover .dot:nth-child(7):after {
    width: 19px;
    left: -2px;
    bottom: 5px
}

header.opened .toggle-popup .dot:nth-child(9):after,
header.opened .toggle-popup:hover .dot:nth-child(9):after {
    width: 19px;
    right: -2px;
    bottom: 5px
}

header.opened .toggle-popup:hover {
    transform: rotate(10deg)
}

.popup-form {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    top: 72px;
    right: 34px;
    overflow: hidden;
    z-index: 44;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

.popup-form .inside-form {
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    min-height: 500px;
    display: flex;
    align-items: center
}

.popup-form .inside-form .text {
    padding-bottom: 170px;
    position: relative;
    z-index: 2
}

.popup-form .inside-form .text a,
.popup-form .inside-form .text h5,
.popup-form .inside-form .text p {
    color: #000535;
    margin: 0;
    letter-spacing: -.02em
}

.popup-form .inside-form .text p {
    line-height: 41px;
    margin-bottom: 4px;
    font-size: 1.875rem
}

.popup-form .inside-form .text h5 {
    line-height: 74px;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 3.4375rem
}

.popup-form .inside-form .text a {
    line-height: 81px;
    border-bottom: 4px solid #000535;
    text-decoration: none;
    padding-bottom: 8px;
    font-weight: 900;
    font-size: 3.75rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.popup-form .inside-form .text a:hover {
    color: #fff;
    border-color: #fff
}

.popup-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 888
}

.popup-container.opened {
    display: flex
}

.popup-container.only-nav .super-slide .big-slider {
    margin-bottom: 0
}

.popup-container.only-nav .super-slide .main-nav {
    height: 0
}

.popup-container.only-nav .super-slide .main-nav .navs {
    margin-right: -51px;
    margin-top: -98px
}

.popup-container .slick-list,
.popup-container .slick-track,
.popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slick-slider {
    height: 100%
}

.popup-container .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 30, 32, .9);
    z-index: 1
}

.popup-container .super-slide {
    z-index: 2;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 95vh;
    max-width: 95vw;
    width: 1220px;
    position: relative
}

.popup-container .super-slide .close {
    width: 49px;
    height: 49px;
    background-color: #505050;
    background-image: url(../img/green-close-ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: -51px;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.popup-container .super-slide .close:hover,
.popup-container .super-slide .main-nav .description-nav .navs .nav-item:hover {
    background-color: #fff
}

.popup-container .super-slide .big-slider {
    max-height: calc(95vh - 100px);
    margin-bottom: -4px
}

.popup-container .super-slide .big-slider .slide-item {
    margin: -2px
}

.popup-container .super-slide .big-slider .slide-item img {
    max-height: calc(95vh - 96px);
    max-width: calc(100% + 4px)
}

.bottom-section-footer .form-and-contact .form .action-error,
.concept-flow .slider-flow,
.popup-container .super-slide .big-slider .slick-slide {
    position: relative
}

.popup-container .super-slide .big-slider .slick-active {
    z-index: 999
}

.popup-container .super-slide .main-nav {
    display: flex;
    flex-direction: row;
    height: 100px;
    position: relative;
    z-index: 2
}

.popup-container .super-slide .main-nav .slide-dots {
    width: 50.4%;
    flex: 0 0 50.4%;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #505050
}

.popup-container .super-slide .main-nav .slide-dots .small-slide-nav {
    max-width: calc(100% - 20px);
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    height: 100%
}

.bottom-section-footer .form-and-contact .form .action-error .error.show,
.concept-flow .navs .nav-item:hover:after,
.concept-flow .slider-flow .single-flow .list .item:hover .download,
.download-portfolio .list .item:hover .download,
.popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slick-slide.slick-current.slick-active .slide-item,
.portfolio .block.ligh-bg:hover .action .arrow img.hover,
.portfolio .block:hover .action .arrow img.hover,
.project-gallery .project-gallery-list .single:hover .action {
    opacity: 1
}

.popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slick-slide.slick-current.slick-active .slide-item:after {
    height: 2px
}

.popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slide-item {
    padding-left: 5px;
    padding-right: 5px;
    opacity: .3;
    height: 100px;
    width: calc(100% - 10px);
    position: relative;
    display: flex;
    align-items: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

.popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slide-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    height: 0;
    background-color: #34c759;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.popup-container .super-slide .main-nav .description-nav {
    flex-grow: 1;
    background-color: #323138;
    display: flex
}

.popup-container .super-slide .main-nav .description-nav .text-info {
    padding-left: 27px;
    align-self: center
}

.popup-container .super-slide .main-nav .description-nav .text-info h5 {
    color: #fff;
    line-height: 20px;
    font-weight: 900;
    margin: 0 0 6px;
    font-size: 1.25rem
}

.popup-container .super-slide .main-nav .description-nav .text-info span {
    color: #a6a6a6;
    line-height: 16px;
    font-size: 1rem
}

.popup-container .super-slide .main-nav .description-nav .navs {
    display: flex;
    flex-direction: column;
    width: 49px;
    height: 100px;
    justify-content: space-between;
    margin-left: auto
}

.popup-container .super-slide .main-nav .description-nav .navs .nav-item {
    width: 49px;
    height: 49px;
    background-color: #34c759;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.concept-flow .navs .nav-item.next:before,
.popup-container .super-slide .main-nav .description-nav .navs .nav-item.next {
    background-image: url(../img/right-arr.svg)
}

.concept-flow .navs .nav-item.prev:before,
.popup-container .super-slide .main-nav .description-nav .navs .nav-item.prev {
    background-image: url(../img/left-arr.svg)
}

@media only screen and (max-width:1350px) {
    .popup-container {
        padding-right: 51px;
        padding-left: 2.5vw;
        width: calc(97.5vw - 51px)
    }

    .popup-container .super-slide {
        max-width: 100%;
        width: calc(100% - 30px)
    }
}

.concept-flow,
.download-portfolio,
.portfolio,
.project-gallery,
.satisfied-clients,
.tabs-whitepaper,
body {
    overflow-x: hidden
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.preloader .inside-preload {
    position: absolute;
    top: calc(50% - 50px);
    width: 100px;
    left: 0;
    right: 0;
    animation: 2s infinite preloaderAnim
}

@-webkit-keyframes preloaderAnim {

    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.85714);
        -moz-transform: scale(.85714);
        -ms-transform: scale(.85714);
        -o-transform: scale(.85714);
        transform: scale(.85714)
    }
}

@-moz-keyframes preloaderAnim {

    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.85714);
        -moz-transform: scale(.85714);
        -ms-transform: scale(.85714);
        -o-transform: scale(.85714);
        transform: scale(.85714)
    }
}

@-o-keyframes preloaderAnim {

    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.85714);
        -moz-transform: scale(.85714);
        -ms-transform: scale(.85714);
        -o-transform: scale(.85714);
        transform: scale(.85714)
    }
}

@keyframes preloaderAnim {

    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.85714);
        -moz-transform: scale(.85714);
        -ms-transform: scale(.85714);
        -o-transform: scale(.85714);
        transform: scale(.85714)
    }
}

@media only screen and (min-width:1680px) {
    .portfolio {
        padding-bottom: 150px
    }
}

body {
    margin: 0;
    font-family: Poppins, sans-serif
}

body.hide-scroll {
    overflow: hidden
}

.btn {
    background-color: #34c759;
    letter-spacing: .01em;
    color: #000535;
    height: 45px;
    border: 1px solid #34c759;
    line-height: 41px;
    text-decoration: none;
    display: inline-block;
    padding-left: 21px;
    padding-right: 21px;
    font-weight: 900;
    cursor: pointer;
    font-size: 1rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.btn:hover {
    color: #34c759;
    background-color: transparent
}

a.btn {
    line-height: 44px
}

.scroll-next {
    cursor: pointer
}

.container {
    max-width: 1400px;
    width: calc(100% - 30px);
    padding-left: 15px;
    padding-right: 15px
}

.for-scroll-pos {
    height: 0;
    left: 0;
    right: 0;
    position: fixed;
    top: 33.5vh;
    z-index: 1
}

.scroll-page-pos {
    width: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 0
}

.scroll-page-pos .number {
    width: 35px;
    height: 35px;
    text-align: center
}

.scroll-page-pos .number span {
    color: #34c759;
    font-weight: 600;
    font-size: 1rem
}

.scroll-page-pos .line {
    width: 1px;
    height: 82px;
    background-color: #34c759
}

.scroll-page-pos .text {
    width: 35px;
    height: 35px;
    margin-top: 10px
}

.scroll-page-pos .text span {
    color: #fff;
    letter-spacing: .01em;
    text-transform: uppercase;
    display: block;
    width: 35px;
    white-space: nowrap;
    direction: rtl;
    transform: rotate(-90deg) translateX(-100%);
    font-size: .9375rem
}

.first-and-second {
    position: relative;
    padding-bottom: 110px;
    left: 0;
    top: 0;
    right: 0;
    background-color: #000535
}

.first-and-second .for-scroll-pos {
    max-width: 1486px;
    position: absolute;
    top: 28%
}

.first-and-second .lines {
    width: 10px;
    position: absolute;
    left: 0;
    top: 109px;
    bottom: 308px;
    background-color: #34c759;
    z-index: 1
}

.first-and-second .lines:after,
.first-and-second .lines:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0
}

.first-and-second .lines:before {
    height: 25%;
    top: 0;
    background-color: #e0a326
}

.first-and-second .lines:after {
    height: 11%;
    bottom: 0;
    background-color: #e80a41
}

.first-and-second .bottom-section {
    position: absolute;
    padding-top: 50px;
    bottom: 0;
    padding-bottom: 11px;
    left: 0;
    right: 0;
    background-color: #000535;
    z-index: 3;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.first-and-second .bottom-section.set-fixed {
    position: fixed;
    top: 100vh;
    bottom: auto;
    z-index: 99;
    padding-bottom: 52px
}

.first-and-second .bottom-section.set-fixed.animate {
    top: calc(100vh - 159px)
}

.first-and-second .bottom-section .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.first-and-second .bottom-section .line {
    height: 1px;
    background-color: #515056;
    flex-grow: 1;
    margin-left: 55px;
    margin-right: 16px
}

.first-and-second .bottom-section p {
    color: #fff;
    line-height: 19px;
    margin: 0 0 0 -89px;
    font-size: 1rem
}

.first-and-second .bottom-section a {
    color: #fff;
    text-decoration: none;
    line-height: 23px;
    font-size: 1.125rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.first-and-second .bottom-section a span {
    font-weight: 700;
    color: #34c759
}

.bottom-section-footer .form-and-contact .contacts .link span,
.bottom-section-footer .form-and-contact .contacts .link:hover,
.first-and-second .bottom-section a:hover,
.first-display h2 span {
    color: #34c759
}

.bottom-section-footer .form-and-contact .contacts .link:hover span,
.first-and-second .bottom-section a:hover span,
.tabs-whitepaper .switch-tabs .tabs-nav .item-nav.active p,
.tabs-whitepaper .switch-tabs .tabs-nav .item-nav:hover p {
    color: #fff
}

.first-and-second.show-second .first-display .content {
    filter: blur(10px);
    opacity: 0
}

.first-and-second.show-second .second-display .content {
    filter: blur(0px);
    opacity: 1;
    top: 0
}

.bottom-section .container,
.bottom-section-footer .container,
.satisfied-clients .container {
    max-width: 1220px
}

.first-display,
.second-display {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center
}

.first-display .content,
.second-display .content {
    max-width: 1225px;
    width: 100%;
    margin-bottom: 56px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s
}

.first-display {
    padding-top: 226px
}

.first-display .content {
    filter: blur(0px);
    opacity: 1
}

.first-display h2 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    line-height: 114px;
    margin: 0;
    letter-spacing: -.015em;
    font-size: 8.125rem
}

.second-display .text {
    color: #fff;
    letter-spacing: -.02em;
    line-height: 54px;
    margin: 0 0 15px;
    font-size: 2.75rem
}

.portfolio {
    background-color: #000535;
    position: relative;
    z-index: 2
}

.portfolio .container {
    max-width: 1600px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.portfolio .col-50 {
    flex: 0 0 calc(50% - 2px);
    margin-left: 1px;
    margin-bottom: 2px;
    align-self: stretch;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.portfolio .col-50 .block:first-child,
.portfolio .for-small-elements .block.small:first-child {
    margin-left: 0
}

.portfolio .for-small-elements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: 1
}

.portfolio .for-small-elements .block.small {
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 0;
    flex: 0 0 calc(50% - 1px);
    display: block
}

.portfolio .block.small.smaller,
.portfolio .block.small:last-child,
.portfolio .for-small-elements .block.small:last-child {
    margin-right: 0
}

.portfolio .block {
    background-color: #3b3b3b;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.portfolio .block.ligh-bg:hover .action .go,
.portfolio .block.ligh-bg:hover .action a,
.portfolio .block.ligh-bg:hover .info-action h5,
.portfolio .block:hover .action .go,
.portfolio .block:hover .action a,
.portfolio .block:hover .info-action h5 {
    color: #000535
}

.download-portfolio .for-scroll-pos .number span,
.download-portfolio .for-scroll-pos .text span,
.portfolio .block.ligh-bg:hover .info-action span,
.portfolio .block:hover .info-action span {
    color: #3b3b3b
}

.portfolio .block.ligh-bg {
    background-color: #505050
}

.portfolio .block .inside {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.portfolio .block:not(.small) .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.portfolio .block .img-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 42px;
    flex-grow: 1;
    order: 1
}

.portfolio .block .img-container img {
    transition: 1.5s;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s
}

.portfolio .block .info-action {
    margin-top: auto;
    margin-bottom: 3px;
    order: 2
}

.portfolio .block .info-action h5 {
    color: #fff;
    line-height: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    font-size: 1.25rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.portfolio .block .info-action span {
    color: #a6a6a6;
    line-height: 16px;
    font-size: 1rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.portfolio .block .action {
    border-top: 1px solid #8c8c8c;
    margin-top: 10px;
    padding-top: 17px;
    order: 3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.portfolio .block .action .go,
.portfolio .block .action a {
    text-decoration: none;
    font-weight: 600;
    color: #34c759;
    cursor: pointer;
    font-size: 1rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.portfolio .block .action .arrow {
    width: 25px;
    height: 10px;
    cursor: pointer;
    position: relative
}

.concept-flow .slider-flow .single-flow .list .item img,
.portfolio .block .action .arrow svg,
.project-gallery .project-gallery-list .single img,
.tabs-whitepaper .switch-tabs .tabs-content .list .item img {
    width: 100%
}

.bottom-section-footer .bottom .nav .inside a,
.portfolio .block .action .arrow img {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.portfolio .block .action .arrow .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    opacity: 0
}

.portfolio .block.big {
    margin-right: 1px;
    margin-bottom: 2px;
    flex: 0 0 50%
}

.portfolio .block.big+.for-small-elements {
    margin-left: 1px
}

.portfolio .block.big .inside {
    padding: 55px 40px 60px 38px
}

.portfolio .block.horizontal {
    margin-left: 1px;
    margin-bottom: 2px
}

.portfolio .block.horizontal .inside {
    padding: 55px 38px 60px 40px
}

.portfolio .block.small {
    margin-right: 2px;
    margin-bottom: 2px;
    flex: 0 0 calc(25% - 2px);
    display: flex;
    flex-direction: column
}

.portfolio .block.small.biger {
    flex: 0 0 25%
}

.portfolio .block.small .inside {
    padding: 41px 38px 60px 40px
}

.download-portfolio {
    background-color: #fff;
    padding: 100px 0 130px;
    z-index: 4;
    position: relative
}

.awards-and-recognitions,
.bottom-section-footer,
.concept-flow,
.project-gallery,
.satisfied-clients,
.tabs-whitepaper {
    background-color: #000535
}

.concept-flow .container,
.download-portfolio .container,
.tabs-whitepaper .container {
    max-width: 1220px;
    position: relative
}

.download-portfolio .list .item {
    flex: 0 0 21.3%;
    background-color: #fff;
    position: relative
}

.download-portfolio .list .item img {
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

.concept-flow .slider-flow .single-flow .list .item .download,
.download-portfolio .list .item .download,
.project-gallery .project-gallery-list .single .action {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 30, 32, .85);
    z-index: 2;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.download-portfolio .list .item .download p {
    color: #fff;
    font-size: 1.5625rem
}

.download-portfolio .list .item.soon {
    border: 1px dashed #505050;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none
}

.download-portfolio .list .item.soon p {
    color: #444;
    line-height: 30px;
    letter-spacing: .01em;
    font-size: 1.5625rem
}

.download-portfolio .list .item.text .inside {
    max-width: 209px;
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.download-portfolio .list .item.text .inside h6 {
    color: #2cb34a;
    margin: 0 0 25px;
    font-weight: 800;
    line-height: 31px;
    font-size: 1.625rem
}

.download-portfolio .list .item.text .inside .line {
    height: 1px;
    background-color: #505050;
    margin-bottom: 25px
}

.download-portfolio .list .item.text .inside p {
    color: #505050;
    margin: 0;
    line-height: 20px;
    font-size: 1rem
}

.concept-flow .slider-flow .single-flow .list .item .text-card .btn,
.download-portfolio .list .item.text .inside .btn {
    margin-top: auto;
    align-self: baseline;
    padding-left: 36px;
    padding-right: 36px
}

.download-portfolio .list .item.text .inside .btn:hover {
    border-color: #000535;
    color: #000535
}

.download-portfolio .for-scroll-pos {
    position: absolute;
    top: 100px;
    width: 1486px;
    max-width: calc(100% - 30px)
}

.download-portfolio .for-scroll-pos .text {
    margin-top: 0
}

.download-portfolio .for-scroll-pos .line {
    background-color: #3b3b3b
}

.tabs-whitepaper {
    position: relative;
    z-index: 2;
    padding: 128px 0
}

.tabs-whitepaper .for-scroll-pos {
    position: absolute;
    top: 276px;
    width: 1486px;
    max-width: calc(100% - 30px)
}

.tabs-whitepaper .top-info {
    display: flex;
    flex-direction: row;
    margin-bottom: 49px
}

.tabs-whitepaper .top-info .left-side {
    flex: 0 0 44%
}

.tabs-whitepaper .top-info .left-side .infuse {
    color: #fff;
    letter-spacing: -.02em;
    font-weight: 600;
    line-height: 61px;
    margin-left: -6px;
    margin-bottom: 11px;
    margin-top: 0;
    font-size: 2.8125rem
}

.tabs-whitepaper .top-info .left-side .btn {
    padding-left: 15px;
    padding-right: 15px
}

.tabs-whitepaper .top-info .right-side {
    flex-grow: 1;
    padding-top: 6px;
    padding-left: 2px
}

.tabs-whitepaper .top-info .right-side p {
    color: #fff;
    font-weight: 900;
    line-height: 24px;
    margin: 0;
    font-size: 1.25rem
}

.tabs-whitepaper .top-info .right-side span {
    color: #fff;
    opacity: .7;
    margin-top: 9px;
    font-weight: 400;
    display: block;
    line-height: 19px;
    font-size: 1rem
}

.tabs-whitepaper .switch-tabs {
    background-color: #3c3c3c;
    position: relative;
    padding-left: 57px;
    min-height: 430px
}

.tabs-whitepaper .switch-tabs:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: -1;
    bottom: 0;
    background-color: #3c3c3c
}

.tabs-whitepaper .switch-tabs .progress-line {
    width: calc(50vw + 610px);
    position: absolute;
    left: 0;
    bottom: 0
}

.tabs-whitepaper .switch-tabs .progress-line .line {
    width: 0;
    height: 5px;
    background-color: #34c759
}

.tabs-whitepaper .switch-tabs .tabs-nav {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #8c8c8c;
    padding-top: 25px
}

.tabs-whitepaper .switch-tabs .tabs-nav .line-pos {
    width: 33.33333%;
    position: absolute;
    bottom: -1px;
    height: 1px;
    background-color: #fff;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.tabs-whitepaper .switch-tabs .tabs-nav .item-nav {
    flex: 0 0 33.33333%;
    position: relative;
    padding: 14px 0;
    cursor: pointer
}

.tabs-whitepaper .switch-tabs .tabs-nav .item-nav:first-child.active~.line-pos {
    left: 0
}

.tabs-whitepaper .switch-tabs .tabs-nav .item-nav:nth-child(2).active~.line-pos {
    left: 33.33333%
}

.tabs-whitepaper .switch-tabs .tabs-nav .item-nav:nth-child(3).active~.line-pos {
    left: 66.66666%
}

.tabs-whitepaper .switch-tabs .tabs-nav .item-nav p {
    color: #8c8c8c;
    font-weight: 600;
    margin: 0;
    letter-spacing: -.02em;
    line-height: 27px;
    font-size: 1.25rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.tabs-whitepaper .switch-tabs .tabs-content {
    margin-top: 41px
}

.tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    display: none;
    padding-top: 19px;
    padding-bottom: 20px
}

.tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name p {
    font-weight: 600;
    line-height: 27px;
    margin: 0;
    color: #fff;
    letter-spacing: -.02em;
    font-size: 1.25rem
}

.tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name .plus-minus {
    width: 16px;
    height: 16px;
    position: relative
}

.tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name .plus-minus .line {
    width: 16px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 1px)
}

.tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name .plus-minus .line+.line {
    transform: rotate(-90deg)
}

.tabs-whitepaper .switch-tabs .tabs-content .list .item.i5 {
    flex: 0 0 16.7%
}

.tabs-whitepaper .switch-tabs .tabs-content .list .item.i3 {
    flex: 0 0 32.3%
}

.concept-flow {
    position: relative;
    z-index: 2;
    padding: 32px 0 71px
}

.concept-flow .for-scroll-pos {
    position: absolute;
    top: 91px;
    width: 1486px;
    max-width: calc(100% - 30px)
}

.concept-flow .navs {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 3;
    margin-bottom: 25px
}

.concept-flow .navs .nav-item {
    width: 47px;
    height: 47px;
    margin-left: 1px;
    background-color: #34c759;
    border: 1px solid #34c759;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.concept-flow .navs .nav-item:after,
.concept-flow .navs .nav-item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.concept-flow .navs .nav-item.next:after {
    background-image: url(../img/right-arr-d.svg)
}

.concept-flow .navs .nav-item.prev:after {
    background-image: url(../img/left-arr-d.svg)
}

.concept-flow .slider-flow .slick-dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 0;
    padding: 0
}

.concept-flow .slider-flow .slick-dots li {
    width: 54px;
    height: 4px;
    background-color: #3c3c3c;
    list-style: none;
    margin: 0 10px;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.concept-flow .slider-flow .single-flow .title {
    margin-bottom: 26px
}

.concept-flow .slider-flow .single-flow .title h3 {
    color: #fff;
    letter-spacing: -.02em;
    font-weight: 600;
    line-height: 61px;
    margin: 0;
    font-size: 2.8125rem
}

.concept-flow .slider-flow .single-flow .list .item {
    flex: 0 0 32%;
    position: relative
}

.concept-flow .slider-flow .single-flow .list .item .text-card {
    padding-left: 49px;
    max-width: 295px;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 215px
}

.concept-flow .slider-flow .single-flow .list .item .text-card h6 {
    color: #fff;
    margin: 0 0 15px;
    font-weight: 800;
    line-height: 31px;
    font-size: 1.625rem;
    padding-top: 30px;
}

.concept-flow .slider-flow .single-flow .list .item .text-card .line {
    height: 1px;
    max-width: 209px;
    background-color: #34c759;
    margin-bottom: 15px
}

.concept-flow .slider-flow .single-flow .list .item .text-card p {
    color: #fff;
    margin: 0;
    line-height: 20px;
    font-size: 1rem
}

.satisfied-clients {
    position: relative;
    z-index: 2;
    padding: 138px 0 0
}

.satisfied-clients .for-scroll-pos {
    position: absolute;
    top: 293px;
    width: 1486px;
    max-width: calc(100% - 30px)
}

.satisfied-clients .clients-list {
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 71px 0 21px 22px;
    align-items: center
}

.satisfied-clients .clients-list:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    background-color: #fff
}

.satisfied-clients .clients-list .single {
    flex: 0 0 25%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 67px;
    align-items: center
}

.awards-and-recognitions .awards-list .award .ico img,
.satisfied-clients .clients-list .single img {
    max-width: 100%
}

.awards-and-recognitions {
    padding: 140px 0 50px;
    position: relative;
    z-index: 2;
    overflow-x: hidden
}

.awards-and-recognitions .for-scroll-pos {
    position: absolute;
    top: 138px;
    width: 1486px;
    max-width: calc(100% - 30px)
}

.awards-and-recognitions .container {
    width: 1420px;
    max-width: calc(100% - 213px);
    padding-left: 213px
}

.awards-and-recognitions .awards-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.awards-and-recognitions .awards-list .award {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 42px;
    margin-bottom: 47px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.awards-and-recognitions .awards-list .award:nth-child(3n+1),
.bottom-section-footer .bottom .nav {
    flex: 0 0 32.7%
}

.awards-and-recognitions .awards-list .award:nth-child(3n+2) {
    flex: 0 0 34.5%
}

.awards-and-recognitions .awards-list .award:nth-child(3n+3) {
    flex: 0 0 32%
}

.awards-and-recognitions .awards-list .award:nth-last-child(-n+3) {
    border: none
}

.awards-and-recognitions .awards-list .award .ico {
    width: 120px;
    flex: 0 0 120px;
    margin-right: 20px
}

.awards-and-recognitions .awards-list .award .description {
    flex-grow: 1;
    padding-bottom: 8px;
    padding-right: 30px
}

.awards-and-recognitions .awards-list .award .description h5 {
    color: #fff;
    margin: 0 0 8px;
    line-height: 21px;
    font-size: 1.1875rem
}

.awards-and-recognitions .awards-list .award .description p {
    color: #fff;
    opacity: .7;
    margin: 0;
    line-height: 19px;
    font-size: 1rem
}

.bottom-section-footer {
    position: relative;
    z-index: 2
}

.bottom-section-footer .top {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 31px 0 22px
}

.bottom-section-footer .form-and-contact h4 {
    color: #fff;
    margin: 0 0 21px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 41px;
    font-size: 1.875rem
}

.bottom-section-footer .form-and-contact .form {
    max-width: 657px;
    width: 100%;
    padding-top: 49px;
    padding-bottom: 50px;
    position: relative
}

.bottom-section-footer .form-and-contact .form.form-send .step-before {
    opacity: 0;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s
}

.bottom-section-footer .form-and-contact .form.form-send .step-after {
    opacity: 1;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s
}

.bottom-section-footer .form-and-contact .form .step-after {
    left: 0;
    top: 49px;
    position: absolute;
    opacity: 0;
    z-index: -2
}

.bottom-section-footer .form-and-contact .form .step-after h4 {
    font-weight: 600;
    line-height: 41px;
    letter-spacing: -.02em;
    margin: 0 0 28px;
    color: #fff;
    font-size: 1.875rem
}

.bottom-section-footer .form-and-contact .form .step-after p {
    color: #fff;
    line-height: 22px;
    font-size: 1.125rem
}

.bottom-section-footer .form-and-contact .form .inline .column {
    flex: 0 0 48%
}

.bottom-section-footer .form-and-contact .form .column {
    height: 34px;
    position: relative;
    flex: 0 0 100%;
    margin-bottom: 39px
}

.bottom-section-footer .form-and-contact .form .column .inp {
    width: 100%;
    outline: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    background-color: transparent;
    height: 34px;
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 900;
    font-size: 1rem
}

.bottom-section-footer .form-and-contact .form .column .inp.active+label,
.bottom-section-footer .form-and-contact .form .column .inp:focus+label,
.bottom-section-footer .form-and-contact .form .column .inp:hover+label,
.bottom-section-footer .form-and-contact .form .column .inp:valid+label {
    top: -18px
}

.bottom-section-footer .form-and-contact .form .column .inp.error {
    border-color: #f3346c;
    color: #f3346c
}

.bottom-section-footer .form-and-contact .form .column .inp.error+label {
    color: #f3346c
}

.bottom-section-footer .form-and-contact .form .column label {
    left: 0;
    position: absolute;
    z-index: 1;
    top: 8px;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.bottom-section-footer .form-and-contact .form .btn {
    width: 110px
}

.bottom-section-footer .form-and-contact .form .action-error .error {
    line-height: 19px;
    color: #f3346c;
    position: absolute;
    right: 0;
    top: -21px;
    opacity: 0;
    font-size: 1rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.bottom-section-footer .form-and-contact .contacts {
    flex: 0 0 32.7%;
    border-left: 1px solid rgba(255, 255, 255, .2)
}

.bottom-section-footer .form-and-contact .contacts .inside {
    padding: 49px 0 0 47px
}

.bottom-section-footer .form-and-contact .contacts h4 {
    margin-bottom: 29px
}

.bottom-section-footer .form-and-contact .contacts p {
    color: #fff;
    line-height: 22px;
    margin-bottom: 25px;
    flex-wrap: 600;
    font-size: 1.125rem
}

.bottom-section-footer .form-and-contact .contacts .link {
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 23px;
    font-weight: 700;
    font-size: 1.125rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s
}

.bottom-section-footer .form-and-contact .contacts .socials {
    display: flex;
    flex-direction: row;
    margin-top: 29px
}

.bottom-section-footer .form-and-contact .contacts .socials a {
    margin-right: 18px
}

.bottom-section-footer .bottom {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 18px 0
}

.bottom-section-footer .bottom .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.bottom-section-footer .bottom a,
.bottom-section-footer .bottom p,
.bottom-section-footer .bottom span {
    color: #fff;
    line-height: 17px;
    font-weight: 600;
    text-decoration: none;
    margin: 0;
    font-size: .875rem
}

.bottom-section-footer .bottom .nav .inside {
    padding-left: 47px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.bottom-section-footer .bottom .nav .inside span {
    margin: 5px
}

.bottom-section-footer .bottom .nav .inside a:hover {
    color: #34c759;
    opacity: 1
}

.project-gallery {
    position: relative;
    z-index: 2;
    padding: 117px 0 50px
}

.project-gallery .for-scroll-pos {
    position: absolute;
    top: calc(50% - 130px);
    width: 1486px;
    max-width: calc(100% - 30px)
}

.project-gallery .project-gallery-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto
}

.project-gallery .project-gallery-list .single {
    position: relative;
    flex: 0 0 calc(20% - 7px);
    margin-bottom: 13px
}

.project-gallery .project-gallery-list .single .action .show-portfolio {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.project-gallery .project-gallery-list .single .action .show-portfolio:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border: 1px solid #34c759;
    background-image: url(../img/green-eye-ico.svg);
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width:1599px) {
    .first-and-second .lines {
        display: none
    }
}

@media only screen and (max-width:1400px) {
    .first-and-second .bottom-section p {
        margin-left: 0
    }

    .portfolio .block.big .inside,
    .portfolio .block.horizontal .inside {
        padding-bottom: 30px
    }

    .portfolio .block.small,
    .portfolio .for-small-elements .block.small {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (max-width:1349px) {

    .bottom-section .container,
    .concept-flow .container,
    .download-portfolio .container,
    .first-display .content,
    .project-gallery .container,
    .satisfied-clients .container,
    .second-display .content,
    .tabs-whitepaper .container {
        max-width: 1100px
    }

    .tabs-whitepaper .switch-tabs .progress-line {
        width: calc(50vw + 550px)
    }

    .awards-and-recognitions .container {
        padding-left: 116px;
        max-width: calc(100% - 116px)
    }
}

@media only screen and (max-width:1200px) {
    .popup-form .inside-form .text {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }

    .bottom-section .container,
    .concept-flow .container,
    .download-portfolio .container,
    .first-display .content,
    .project-gallery .container,
    .satisfied-clients .container,
    .second-display .content,
    .tabs-whitepaper .container {
        max-width: 1000px
    }

    .first-display h2 {
        line-height: 80px;
        font-size: 5.625rem
    }

    .tabs-whitepaper .switch-tabs {
        min-height: 350px
    }

    .tabs-whitepaper .switch-tabs .progress-line {
        width: calc(50vw + 500px)
    }

    .download-portfolio .list .item.text .inside h6 {
        line-height: normal;
        margin-bottom: 15px;
        font-size: 1.375rem
    }

    .download-portfolio .list .item.text .inside .line {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:1100px) {

    .bottom-section .container,
    .concept-flow .container,
    .download-portfolio .container,
    .first-display .content,
    .popup-form .inside-form .text,
    .project-gallery .container,
    .satisfied-clients .container,
    .second-display .content,
    .tabs-whitepaper .container {
        max-width: 900px
    }

    .tabs-whitepaper .switch-tabs .progress-line {
        width: calc(50vw + 450px)
    }

    .project-gallery .project-gallery-list .single {
        flex: 0 0 calc(25% - 15px);
        margin-bottom: 15px
    }

    .project-gallery .project-gallery-list .single:nth-child(25) {
        display: none
    }
}

@media only screen and (max-width:991px) {
    header {
        padding-top: 45px
    }

    header .container {
        padding-left: 25px;
        padding-right: 23px;
        width: calc(100% - 48px)
    }

    header .toggle-popup {
        margin-top: 0;
        margin-right: 0
    }

    header.opened+.popup-form {
        height: 100vh;
        min-height: 350px
    }

    .popup-form {
        top: 58px;
        right: 36px
    }

    .popup-form .inside-form {
        height: 100%
    }

    .bottom-section .container,
    .bottom-section-footer .container,
    .concept-flow .container,
    .download-portfolio .container,
    .popup-form .inside-form .text,
    .project-gallery .container,
    .satisfied-clients .container,
    .tabs-whitepaper .container {
        max-width: calc(100% - 50px)
    }

    .first-and-second.show-second .first-display,
    .second-display {
        filter: blur(0);
        opacity: 1
    }

    .for-scroll-pos {
        position: static;
        height: auto
    }

    .scroll-page-pos {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: auto
    }

    .first-display,
    .scroll-page-pos .number,
    .scroll-page-pos .text,
    .second-display {
        height: auto
    }

    .scroll-page-pos .number {
        order: 3
    }

    .scroll-page-pos .line {
        order: 2;
        height: 1px;
        width: 82px;
        margin-left: 16px;
        margin-right: 16px;
        flex: 0 0 82px
    }

    .scroll-page-pos .text {
        order: 1;
        width: auto;
        margin-top: 0
    }

    .scroll-page-pos .text span {
        width: auto;
        transform: rotate(0);
        letter-spacing: .01em;
        direction: ltr
    }

    .first-and-second {
        height: auto;
        padding-top: 228px;
        padding-bottom: 0
    }

    .first-and-second .for-scroll-pos,
    .satisfied-clients .clients-list:before,
    .tabs-whitepaper .switch-tabs .tabs-content .list .item.i3:nth-child(2n)~.item,
    .tabs-whitepaper .switch-tabs .tabs-content .list .item.i5:nth-child(3n)~.item,
    .tabs-whitepaper .top-info .right-side span br {
        display: none
    }

    .first-and-second .bottom-section {
        position: static
    }

    .first-and-second .bottom-section .line {
        margin-left: 23px;
        margin-right: 23px
    }

    .first-display {
        padding-bottom: 47px;
        padding-top: 0
    }

    .first-display h2 {
        line-height: 94px;
        font-size: 6.6875rem
    }

    .first-display h2 span {
        letter-spacing: -.07em
    }

    .second-display {
        position: static;
        padding-bottom: 77px
    }

    .second-display .text {
        line-height: 46px;
        font-size: 2.3125rem
    }

    .first-display .content,
    .second-display .content {
        max-width: 677px;
        margin-bottom: 0
    }

    .portfolio {
        background-color: #3b3b3b
    }

    .portfolio .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .portfolio .block {
        margin-left: 0;
        margin-right: 0;
        background-color: transparent;
        border-bottom: 2px solid #000535
    }

    .portfolio .block.big {
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0
    }

    .portfolio .block.big .inside {
        padding: 50px 25px 52px
    }

    .portfolio .block.horizontal {
        margin: 0
    }

    .portfolio .block.horizontal .inside {
        padding: 53px 25px 60px
    }

    .portfolio .block.horizontal .info-action h5 {
        margin-bottom: 5px
    }

    .portfolio .block.horizontal .action {
        margin-top: 15px
    }

    .portfolio .block.small {
        flex: 0 0 50% !important;
        margin: 0 !important
    }

    .portfolio .block.small .inside {
        padding: 37px 25px 52px
    }

    .portfolio .block.small .img-container {
        padding-bottom: 24px
    }

    .portfolio .block .inside {
        padding-left: 25px;
        padding-right: 25px
    }

    .portfolio .block.small,
    .portfolio .block.small.biger,
    .portfolio .col-50 .for-small-elements .block.small {
        flex: 0 0 calc(50% - 1px)
    }

    .portfolio .block.small.biger.ligh-bg+.block,
    .portfolio .col-50 .for-small-elements .block.ligh-bg {
        background-color: #505050
    }

    .portfolio .block.small.ligh-bg:not(.biger) {
        background-color: transparent
    }

    .portfolio .block.small:nth-child(2n),
    .satisfied-clients .clients-list .single:nth-child(4n+4) {
        margin-right: 0
    }

    .portfolio .block .img-container {
        padding-bottom: 39px
    }

    .download-portfolio .list .item img,
    .portfolio .block .img-container img {
        width: 100%
    }

    .portfolio .block .action {
        margin-top: 9px
    }

    .portfolio .block .info-action h5 {
        margin-bottom: 1px
    }

    .portfolio .col-50 {
        flex: 0 0 100%;
        display: block;
        margin: 0
    }

    .awards-and-recognitions .for-scroll-pos,
    .bottom-section .for-scroll-pos,
    .bottom-section-footer .for-scroll-pos,
    .concept-flow .for-scroll-pos,
    .download-portfolio .for-scroll-pos,
    .project-gallery .for-scroll-pos,
    .satisfied-clients .for-scroll-pos,
    .tabs-whitepaper .for-scroll-pos {
        position: static;
        max-width: calc(100% - 50px)
    }

    .download-portfolio {
        padding-top: 41px;
        overflow: visible;
        padding-bottom: 2px
    }

    .download-portfolio .container {
        max-width: 677px
    }

    .download-portfolio .list {
        flex-wrap: wrap;
        margin-top: 46px;
        padding-left: 48px;
        padding-right: 48px
    }

    .download-portfolio .list .item {
        flex: 0 0 calc(50% - 30px);
        margin-bottom: 56px
    }

    .download-portfolio .list .item .download {
        position: static;
        background: 0 0;
        opacity: 1;
        margin-top: 29px;
        display: block;
        height: auto;
        text-align: center
    }

    .download-portfolio .list .item .download .btn:hover {
        color: #000535;
        border-color: #000535
    }

    .download-portfolio .list .item .download p {
        color: #000535
    }

    .download-portfolio .list .item.soon {
        flex: 0 0 calc(50% - 30px);
        margin-bottom: 134px
    }

    .download-portfolio .list .item.text .inside {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .download-portfolio .list .item.text .inside .info {
        margin: auto
    }

    .download-portfolio .list .item.text .inside .btn {
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto
    }

    .tabs-whitepaper {
        padding-top: 43px;
        padding-bottom: 25px
    }

    .tabs-whitepaper .top-info {
        margin-top: 30px;
        margin-bottom: 39px;
        align-items: center
    }

    .tabs-whitepaper .top-info .left-side {
        flex: 0 0 53.5%
    }

    .tabs-whitepaper .top-info .right-side {
        flex-grow: 1
    }

    .tabs-whitepaper .switch-tabs {
        padding-left: 25px;
        min-height: 430px;
        display: flex;
        flex-direction: column
    }

    .tabs-whitepaper .switch-tabs .tabs-content {
        flex-grow: 1;
        align-items: center;
        display: flex;
        margin-bottom: 41px
    }

    .tabs-whitepaper .switch-tabs .tabs-content .list .item.i5 {
        flex: 0 0 calc(32% - 14px)
    }

    .tabs-whitepaper .switch-tabs .tabs-content .list .item.i3 {
        flex: 0 0 48%
    }

    .tabs-whitepaper .switch-tabs .progress-line {
        width: calc(100vw - 25px)
    }

    .concept-flow {
        padding-top: 53px;
        padding-bottom: 25px
    }

    .concept-flow .slider-flow {
        margin-top: 29px
    }

    .concept-flow .slider-flow .single-flow .list {
        flex-wrap: wrap
    }

    .concept-flow .slider-flow .single-flow .list .item {
        flex: 0 0 calc(50% - 9px);
        margin-bottom: 18px
    }

    .concept-flow .slider-flow .single-flow .list .item:first-child {
        flex: 0 0 100%
    }

    .concept-flow .slider-flow .slick-dots {
        margin-top: 37px
    }

    .concept-flow .slider-flow .slick-dots li {
        margin: 0 6px
    }

    .satisfied-clients {
        padding-top: 81px
    }

    .satisfied-clients .clients-list {
        margin-top: 42px;
        padding-top: 47px;
        padding-bottom: 1px
    }

    .satisfied-clients .clients-list .single {
        flex: 0 0 20%;
        margin-right: 5%;
        margin-bottom: 48px
    }

    .awards-and-recognitions {
        padding-top: 43px;
        padding-bottom: 8px
    }

    .awards-and-recognitions .container {
        padding-left: 0;
        max-width: calc(100% - 64px)
    }

    .awards-and-recognitions .awards-list {
        justify-content: space-between;
        margin-top: 41px
    }

    .awards-and-recognitions .awards-list .award {
        flex: 0 0 45% !important;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: none !important;
        padding-bottom: 0;
        margin-bottom: 35px
    }

    .awards-and-recognitions .awards-list .award .ico {
        margin-bottom: 17px
    }

    .bottom-section-footer .top {
        padding: 27px 0 23px
    }

    .bottom-section-footer .form-and-contact {
        flex-direction: column;
        padding-bottom: 36px;
        position: relative
    }

    .bottom-section-footer .form-and-contact .form {
        max-width: none;
        padding-bottom: 54px;
        position: relative
    }

    .bottom-section-footer .form-and-contact .form:after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -50vw;
        bottom: 0;
        width: 100vw;
        height: 1px;
        background-color: rgba(255, 255, 255, .2)
    }

    .bottom-section-footer .form-and-contact .contacts {
        flex: 0 0 auto;
        border: none
    }

    .bottom-section-footer .form-and-contact .contacts .inside {
        padding: 31px 0 0
    }

    .bottom-section-footer .form-and-contact .contacts .socials {
        margin-top: 14px
    }

    .bottom-section-footer .bottom {
        padding: 24px 0 18px
    }

    .bottom-section-footer .bottom .flex {
        flex-direction: column;
        align-items: flex-start
    }

    .bottom-section-footer .bottom .nav {
        flex: 0 0 auto;
        margin-top: 5px
    }

    .bottom-section-footer .bottom .nav .inside {
        padding-left: 0
    }

    .project-gallery .project-gallery-list {
        margin-top: 25px
    }

    .project-gallery .project-gallery-list .single .action,
    .project-gallery .project-gallery-list .single:hover .action {
        opacity: 0
    }

    .project-gallery .project-gallery-list .single .action .btn {
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width:767px) {
    .popup-form .inside-form {
        min-height: auto
    }

    .popup-form .inside-form .text {
        padding-bottom: 95px
    }

    .popup-form .inside-form .text a,
    .popup-form .inside-form .text h5 {
        line-height: normal;
        font-size: 2.5rem
    }

    .popup-form .inside-form .text a {
        padding-bottom: 4px
    }

    .popup-container {
        width: 100vw;
        padding: 51px 0;
        height: calc(100vh - 102px);
        overflow: auto
    }

    .popup-container.only-nav .super-slide .big-slider {
        margin-bottom: 0
    }

    .popup-container.only-nav .super-slide .main-nav,
    .popup-container.only-nav .super-slide .main-nav .description-nav,
    .popup-container.only-nav .super-slide .main-nav .slide-dots {
        height: 0
    }

    .popup-container.only-nav .super-slide .main-nav .description-nav .navs {
        height: 49px;
        margin-right: 0;
        margin-top: 2px;
        flex-direction: row-reverse
    }

    .popup-container.only-nav .super-slide .main-nav .description-nav .navs .nav-item {
        flex: 0 0 49px
    }

    .popup-container .super-slide .close {
        top: -51px;
        right: 0
    }

    .popup-container .super-slide .big-slider,
    .popup-container .super-slide .big-slider .slide-item img {
        max-height: calc(95vh - 169px)
    }

    .popup-container .super-slide .main-nav {
        flex-direction: column
    }

    .popup-container .super-slide .main-nav .slide-dots {
        width: 100%;
        flex: 0 0 auto
    }

    .popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slide-item {
        height: 51px;
        padding-top: 8px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center
    }

    .popup-container .super-slide .main-nav .slide-dots .small-slide-nav .slide-item img {
        max-height: 100%
    }

    .first-display h2 {
        font-size: 5rem
    }

    .concept-flow .navs,
    .second-display .text br {
        display: none
    }

    .first-and-second .bottom-section.set-fixed {
        padding-top: 28px;
        padding-bottom: 30px
    }

    .first-and-second .bottom-section.set-fixed.animate {
        top: calc(100vh - 95px)
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card {
        padding-left: 0;
        min-height: auto
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card h6 {
        margin-bottom: 10px;
        line-height: 24px;
        font-size: 1.25rem
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card .line {
        margin-bottom: 10px
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card .btn {
        margin-top: auto
    }

    .project-gallery .project-gallery-list .single {
        flex: 0 0 calc(33.333% - 15px)
    }
}

@media only screen and (max-width:620px) {
    .concept-flow .slider-flow .single-flow .list .item {
        flex: 0 0 100%
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card {
        min-height: 300px;
        justify-content: center
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card .line {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .concept-flow .slider-flow .single-flow .list .item .text-card .btn {
        margin-top: 35px
    }
}

@media only screen and (max-width:549px) {
    header {
        padding-top: 20px
    }

    header .container {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px)
    }

    .bottom-section-footer .top .logo,
    header .logo {
        max-width: 210px
    }

    .bottom-section-footer .top .logo svg,
    header .logo svg {
        width: 100%
    }

    .popup-form {
        top: 34px;
        right: 27px
    }

    .popup-form .inside-form .text {
        max-width: calc(100% - 30px)
    }

    .popup-form .inside-form .text a,
    .popup-form .inside-form .text h5,
    .popup-form .inside-form .text p {
        line-height: 41px;
        font-size: 1.625rem
    }

    .popup-form .inside-form .text a {
        padding-bottom: 0;
        border: none
    }

    .first-and-second {
        padding-top: 128px
    }

    .first-and-second .bottom-section {
        padding-bottom: 43px
    }

    .first-and-second .bottom-section.set-fixed.animate {
        top: calc(100vh - 170px)
    }

    .first-and-second .bottom-section .container {
        flex-direction: column;
        align-items: flex-start
    }

    .first-and-second .bottom-section .line {
        margin: 18px 0 14px;
        width: 100%
    }

    .first-display {
        padding-bottom: 18px
    }

    .first-display h2 {
        line-height: 52px;
        font-size: 3.25rem
    }

    .second-display {
        padding-bottom: 9px
    }

    .second-display .text {
        line-height: 31px;
        font-size: 1.5625rem
    }

    .download-portfolio .list .item.soon,
    .portfolio .block.horizontal .img-container img,
    .second-display .text br,
    .tabs-whitepaper .switch-tabs .tabs-content .single-tab .list,
    .tabs-whitepaper .switch-tabs .tabs-nav,
    .tabs-whitepaper .switch-tabs:before {
        display: none
    }

    .portfolio .block.big,
    .portfolio .block.horizontal,
    .portfolio .block.small {
        flex: 0 0 100% !important;
        margin: 0 !important
    }

    .portfolio .block.big .inside,
    .portfolio .block.horizontal .inside,
    .portfolio .block.small .inside {
        padding: 30px 15px 32px
    }

    .portfolio .block .img-container {
        padding-bottom: 34px
    }

    .portfolio .block .info-section h5 {
        margin-bottom: 5px
    }

    .portfolio .block .action {
        margin-top: 12px
    }

    .portfolio .block.horizontal .img-container img.mobile,
    .project-gallery .project-gallery-list .single:nth-child(-n+5),
    .tabs-whitepaper .switch-tabs .tabs-content .single-tab.active .list {
        display: block
    }

    .scroll-page-pos .line {
        width: auto;
        flex: 0 0 auto;
        flex-grow: 1
    }

    .bottom-section .for-scroll-pos,
    .concept-flow .for-scroll-pos,
    .download-portfolio .for-scroll-pos,
    .satisfied-clients .for-scroll-pos,
    .tabs-whitepaper .for-scroll-pos {
        position: static;
        max-width: calc(100% - 25px)
    }

    .bottom-section .container,
    .concept-flow .container,
    .download-portfolio .container,
    .satisfied-clients .container,
    .tabs-whitepaper .container {
        max-width: calc(100% - 25px)
    }

    .download-portfolio {
        padding-bottom: 22px
    }

    .download-portfolio .list {
        padding-left: 25px;
        padding-right: 25px;
        flex-direction: column
    }

    .download-portfolio .list .item {
        flex: 0 0 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 39px
    }

    .download-portfolio .list .item.text .inside {
        max-width: none
    }

    .download-portfolio .list .item.text .inside .btn {
        margin-top: 50px;
        margin-bottom: 0
    }

    .tabs-whitepaper {
        padding-top: 36px
    }

    .tabs-whitepaper .top-info {
        position: relative;
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 68px;
        margin-bottom: 37px
    }

    .tabs-whitepaper .top-info .left-side .infuse {
        margin-bottom: 0
    }

    .tabs-whitepaper .top-info .left-side .btn {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .tabs-whitepaper .top-info .right-side {
        max-width: 80%;
        padding-top: 8px;
        padding-left: 0
    }

    .tabs-whitepaper .top-info .right-side p {
        line-height: 19px;
        font-weight: 400;
        opacity: .7;
        font-size: 1rem
    }

    .tabs-whitepaper .top-info .right-side p span {
        display: unset;
        font-size: inherit;
        line-height: inherit;
        opacity: 1
    }

    .tabs-whitepaper .switch-tabs {
        min-height: auto;
        padding-left: 0
    }

    .tabs-whitepaper .switch-tabs .tabs-content {
        display: block;
        margin-top: 0;
        margin-bottom: 0
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 2px solid #000535
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab.active {
        padding-bottom: 10px
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab.active .mobile-name .plus-minus .line:nth-child(2) {
        transform: rotate(90deg);
        opacity: 0
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name {
        display: flex
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab .mobile-name .plus-minus .line {
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s
    }

    .tabs-whitepaper .switch-tabs .tabs-content .single-tab .list .item {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 11px
    }

    .concept-flow {
        padding-top: 51px
    }

    .concept-flow .slider-flow .single-flow .title {
        margin-bottom: 13px
    }

    .concept-flow .slider-flow .single-flow .list .item {
        margin-bottom: 12px
    }

    .concept-flow .slider-flow .slick-dots {
        margin-top: 17px
    }

    .bottom-section-footer .top {
        padding-top: 23px;
        padding-bottom: 18px
    }

    .project-gallery .project-gallery-list .single {
        display: none;
        flex: 0 0 100%
    }
}

@media only screen and (max-width:460px) {
    .concept-flow .slider-flow .single-flow .list .item {
        flex: 0 0 100%
    }

    .satisfied-clients {
        padding-top: 83px
    }

    .satisfied-clients .clients-list {
        justify-content: space-between;
        padding-left: 18px;
        padding-right: 18px
    }

    .satisfied-clients .clients-list .single {
        flex: 0 0 42%;
        margin-right: 0;
        margin-bottom: 42px
    }

    .awards-and-recognitions {
        padding-bottom: 0
    }

    .awards-and-recognitions .awards-list .container {
        padding-right: 15px;
        padding-left: 15px;
        max-width: calc(100% - 64px)
    }

    .awards-and-recognitions .awards-list .award {
        align-items: center
    }

    .awards-and-recognitions .awards-list .award .ico {
        margin-right: 0
    }

    .awards-and-recognitions .awards-list .award .description {
        padding-right: 0;
        text-align: center
    }

    .awards-and-recognitions .awards-list .award .description h5 {
        line-height: 18px;
        font-size: 1.0625rem
    }

    .awards-and-recognitions .awards-list .award .description p {
        display: none
    }

    .bottom-section-footer .form-and-contact .form {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .bottom-section-footer .form-and-contact .form .inline {
        flex-direction: column
    }

    .bottom-section-footer .form-and-contact .form .inline .column {
        width: 100%;
        margin-bottom: 36px;
        flex: 0 0 auto
    }

    .bottom-section-footer .form-and-contact .form .action-error .error {
        right: auto;
        left: 0;
        top: -29px
    }
}

.in-green {
    color: #34C759
}