/* Slick slider styles */

.slick-slider
{
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

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

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

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

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

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

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

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

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

.post .meta-list,
.partners-list,
.desc-tabs-block .slick-dots,
.developers-block .btn-list,
.dotted-bar,
.icons-list,
.anchors-list,
.apps-list,
.team-slider .slick-dots,
.featured-slider .slick-dots,
.privacy-block ul,
.privacy-block ol,
#footer ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
.apps-slider .slide:after,
.desc-tabs-block .tab-block:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

.post
{
    margin: 0 0 50px;
}

.post .meta-list
{
    font-size: 0;
    line-height: 0;

    margin: 0 0 17px;
}

.post .meta-list li
{
    font-size: 16px;
    line-height: 19px;

    display: inline-block;

    vertical-align: top;

    color: #999;
}

.post .meta-list li + li:before
{
    display: inline-block;

    margin: -4px 4px 0 4px;

    content: '.';
    vertical-align: top;
}

.post .meta-list li a
{
    text-decoration: underline;

    color: #999;
}

.post .meta-list li a:hover
{
    opacity: .8;
}

.post p
{
    margin: 0 0 17px;
}

.link-more img
{
    display: inline-block;

    margin: 5px 0 0 3px;

    vertical-align: top;
}

#header
{
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;

    background: #fff;
}

#header.fixed-position
{
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

#header .navbar-collapse
{
    max-width: calc(100% - 150px - 270px);

    -ms-flex-preferred-size: calc(100% - 150px - 270px);
    flex-basis: calc(100% - 150px - 270px);
}

#header .navbar
{
    height: auto;
    padding-top: 26px;
    padding-bottom: 26px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#header .navbar-toggler
{
    font-size: 0;
    line-height: 0;

    position: relative;
    position: absolute;
    z-index: 12;
    top: 21px;
    right: 5px;

    display: block;

    width: 24px;
    height: 24px;
    padding: 0;

    -webkit-transition: .3s linear width,.3s linear right,.3s linear top,.3s linear position;
            transition: .3s linear width,.3s linear right,.3s linear top,.3s linear position;

    border: none;
    border-radius: 0;
    background: none !important;
}

#header .navbar-toggler span
{
    position: absolute;
    top: 11px;
    right: 0;
    left: 0;

    width: 100%;
    height: 2px;

    -webkit-transition: .3s linear all;
            transition: .3s linear all;

    border-radius: 2px;
    background: #999;
}

#header .navbar-toggler span:before,
#header .navbar-toggler span:after
{
    position: absolute;
    top: 0;
    right: 1px;
    left: 1px;

    height: 3px;

    content: '';
    -webkit-transition: .3s linear all;
            transition: .3s linear all;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-radius: 2px;
    background: #999;
}

#header .navbar-toggler span:after
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

#header .navbar-toggler:hover span,
#header .navbar-toggler:hover span:after,
#header .navbar-toggler:hover span:before
{
    background: #666;
}

#header .navbar-toggler[aria-expanded='true'] span
{
    background: rgba(0, 0, 0, 0);
}

#header .navbar-toggler[aria-expanded='false'] span:before,
#header .navbar-toggler[aria-expanded='false'] span:after
{
    right: 0;
    left: 0;

    height: 2px;

    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

#header .navbar-toggler[aria-expanded='false'] span:before
{
    top: -7px;
}

#header .navbar-toggler[aria-expanded='false'] span:after
{
    top: auto;
    bottom: -7px;
}

#header .navbar-nav
{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#header .container
{
    max-width: 1172px;
}

#header .dropdown-toggle:after
{
    margin-left: 9px;

    vertical-align: middle;

    border-width: 6px;
    border-right-width: 5px;
    border-left-width: 5px;
}

#header .dropdown-menu
{
    width: 8rem;
    margin-top: 8px;
}

#header .dropdown-item
{
    padding: 3px 15px;

    white-space: normal;
}

#header .dropdown-item:focus
{
    color: #16181b;
    background-color: #f8f9fa;
}

#header .btn-primary
{
    padding: 7px 21px 9px;

    border-radius: 5px;
}

#header .nav-item
{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;

    margin-left: 30px;
}

#header .nav-link
{
    padding: 0;

    -webkit-transition: color .3s linear, background .3s linear;
            transition: color .3s linear, background .3s linear;
}

#header .nav-link:hover
{
    color: #ff5907;
}

#header .navbar-brand
{
    margin-right: 0;
}

.btn-lang
{
    display: inline-block;

    margin: 0;
    margin: 0 0 0 29px;
    padding: 0;

    vertical-align: top;

    color: #999;
    outline: none;
    background: none;
    box-shadow: none;
}

.header-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 270px;
    padding: 0 19px 0 10px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-area .dropdown .dropdown-toggle
{
    position: relative;

    display: block;

    width: 60px;
    margin-right: -5px;
}

.header-area .dropdown .dropdown-toggle:after
{
    position: absolute;
    top: 12px;
    right: -17px;
}

.header-area .dropdown .dropdown-toggle span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

#wrapper
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-top: 126px;
}

.btn
{
    -webkit-transition: opacity, background, .25s linear 0s;
            transition: opacity, background, .25s linear 0s;
}

.btn.btn-primary
{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 24px;

    letter-spacing: -.01em;

    border: 0;
    border-radius: 8px;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}

.btn.btn-light
{
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    line-height: 25px;

    letter-spacing: -.01em;

    color: #333;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15), 0 1px 8px rgba(0, 0, 0, .15);
}

.btn.btn-bordered
{
    box-sizing: border-box;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    background: none;
}

.btn:focus
{
    box-shadow: none;
}

.btn:hover
{
    opacity: .8;
}

.link-more
{
    color: #ff5907;
}

.link-more:hover
{
    opacity: .67;
    color: #ff5907;
}

a
{
    -webkit-transition: color .25s linear, opacity .25s linear;
            transition: color .25s linear, opacity .25s linear;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: top;
}

h1,
.h1
{
    font-size: 48px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.313;

    letter-spacing: -.02em;

    color: #333;
}

h2,
.h2
{
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.12;

    margin-top: -2px;

    letter-spacing: -.015em;

    color: #333;
}

h3,
.h3
{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.12;

    margin: -2px 0 15px;

    letter-spacing: .0038em;

    color: #333;
}

p
{
    margin: 0 0 23px;
}

.intro-area .btn
{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;

    padding: 13px 37px;
}

.intro-area h1
{
    margin: 0 0 38px;
}

.intro-area + .features-block
{
    padding-top: 0;
}

.intro-block .intro-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 111px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.intro-block .intro-area .text-holder
{
    max-width: 445px;
}

.intro-block .intro-area .image-block
{
    width: 80%;
    max-width: 624px;
    margin: -3px -84px 0 0;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.features-block
{
    margin: 0 0 43px;
    padding: 93px 0 0;
}

.features-block .about-area
{
    padding-top: 83px;
}

.ico-holder
{
    margin: 0 0 32px;
}

.partners-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 56px 0 79px;

    text-align: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.partners-list li
{
    padding: 0 17px 40px;
}

.bg-orange-block
{
    margin: 0 0 125px;
    padding: 58px 0 60px;

    text-align: center;

    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
}

.bg-orange-block h1
{
    font-weight: 600;
    font-style: normal;

    margin: 0 0 33px;

    text-align: center;
    letter-spacing: -.02em;

    color: #fff;
}

.bg-orange-block .btn-light
{
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 30px;

    padding: 12px 36px;

    color: #ff5907;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}

.works-area
{
    padding: 0 0 8px;
}

.works-area .btn
{
    font-size: 17px;

    margin-top: -1px;
    padding: 6px 19px 8px;

    color: #ff5907;
    border: 1px solid #ff5907;
    border-radius: 5px;
    background: #fff;
}

.works-area.in-viewport .btn
{
    padding: 7px 20px 9px;

    color: #fff;
    border: none;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}

.works-area .slider-area
{
    position: relative;

    width: 401px;
    height: 420px;
}

.works-area .slider-area .decor-block
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: 375px;
    margin-top: -18px;
    margin-left: -9px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.works-area .text-block
{
    max-width: 350px;
    padding: 16px 0 0;
}

.works-area .works-slider
{
    width: 100%;
    margin: 0 auto;
}

.works-area .slide-frame
{
    position: relative;

    max-width: 200px;
    margin: 30px auto 0;
    padding: 10px;

    border-radius: 20px;
    background-image: url(../images/phone-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
}

.works-area .slide-frame.light-style
{
    margin-top: 26px;

    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);

    background-image: url(../images/phone-1.png);
}

.works-area .slide-frame.light-style .top-frame
{
    background-image: url(../images/phone-frame-1.png);
}

.works-area .slide-frame.light-style + .decor-block
{
    width: 337px;
    margin-top: 11px;
    margin-left: -19px;
}

.works-area .slide-frame.black-style
{
    margin-top: 0;

    background-image: url(../images/phone-2.png);
}

.works-area .slide-frame.black-style .top-frame
{
    background-image: url(../images/phone-frame-2.png);
}

.works-area .slide-frame.black-style + .decor-block
{
    width: 401px;
    margin-top: -8px;
    margin-left: 0;
}

.works-area .slide-frame .top-frame
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 50%;

    pointer-events: none;

    border-radius: 20px;
    background-image: url(../images/phone-frame-3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.works-area .slick-list
{
    border-radius: 10px;
}

.works-area .slick-track
{
    overflow: hidden;

    border-radius: 10px;
}

.works-area h3
{
    font-size: 21px;

    margin: 0 0 19px;

    letter-spacing: .4px;
}

.works-area p
{
    margin: 0 0 22px;
}

.heading-block
{
    margin: 0 0 40px;

    text-align: center;
}

.heading-block h2
{
    margin-bottom: 6px;
}

.works-block
{
    padding: 0 0 104px;
}

.works-block .heading-block
{
    margin: 0 0 88px;
}

.fetured-apps-block
{
    padding: 32px 0 0;
}

.fetured-apps-block .heading-block
{
    margin: 0;
    padding: 0 0 38px;
}

.apps-slider
{
    font-size: 13px;
    line-height: 19px;

    margin: 0 0 41px;

    color: rgba(255, 255, 255, .6);
}

.apps-slider h3
{
    font-size: 22px;
    font-weight: 600;
    line-height: 46px;

    margin: 0 0 -2px;

    letter-spacing: -.005em;

    color: #fff;
}

.apps-slider h3 a
{
    color: inherit;
}

.apps-slider h3 a:hover
{
    color: #ff5907;
}

.apps-slider .author
{
    display: inline-block;

    margin: 0 0 0 4px;

    vertical-align: top;

    color: #fff;
}

.apps-slider .author a
{
    color: inherit;
}

.apps-slider .author a:hover
{
    color: #ff5907;
}

.apps-slider .text-platform
{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;

    display: block;

    padding: 10px 0;

    letter-spacing: -.01em;

    color: #fff;
}

.apps-slider .ico-holder
{
    margin: 0 0 30px;
}

.apps-slider .ico-holder a
{
    display: table;

    color: inherit;
}

.apps-slider .ico-holder a:hover
{
    opacity: .7;
}

.apps-slider .slide
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;

    height: 100%;
    height: auto;
    padding: 12px 0 0 18px;

    background: -webkit-linear-gradient(229.64deg, #141e42 11.45%, #a4cee7 87.06%), -webkit-linear-gradient(234.73deg, #df5bf5 29%, #70c9ff 100.1%), #57498d;
    background:         linear-gradient(220.36deg, #141e42 11.45%, #a4cee7 87.06%), linear-gradient(215.27deg, #df5bf5 29%, #70c9ff 100.1%), #57498d;
}

.apps-slider .slide.orange-style
{
    background: -webkit-linear-gradient(234.73deg, #df5bf5 29%, #70c9ff 100.1%), #57498d;
    background:         linear-gradient(215.27deg, #df5bf5 29%, #70c9ff 100.1%), #57498d;
}

.apps-slider .slide.dark-style
{
    background: -webkit-linear-gradient(28.05deg, #5e767e 0%, #514757 100%), -webkit-linear-gradient(331.95deg, #3fe3f9 0%, #30c5ce 100%), -webkit-linear-gradient(230.89deg, #ffbcec 32.96%, #70c9ff 100.12%), #57498d;
    background:         linear-gradient(61.95deg, #5e767e 0%, #514757 100%), linear-gradient(118.05deg, #3fe3f9 0%, #30c5ce 100%), linear-gradient(219.11deg, #ffbcec 32.96%, #70c9ff 100.12%), #57498d;
}

.apps-slider .slide.dark-style .image-holder
{
    padding-right: 15px;
}

.apps-slider .image-holder
{
    float: left;

    width: 260px;

    -ms-flex-item-align: end;
    align-self: flex-end;
}

.apps-slider .image-holder:before
{
    position: absolute;
    z-index: -1;
    top: 100%;
    right: 0;
    left: 0;

    height: 100px;

    content: '';

    border-radius: 50%;
    box-shadow: 0 0 38px 17px rgba(0, 0, 0, .3);
}

.apps-slider .text-holder
{
    overflow: hidden;

    max-width: 270px;
    padding: 27px 10px 30px 0;
}

.apps-slider p
{
    margin: 0 0 21px;
}

.apps-slider .btn
{
    padding: 5px 19px 8px;
}

.apps-slider .slick-track
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.apps-slider .slick-list
{
    margin-left: -47px !important;
}

.apps-slider .slick-dots
{
    display: none !important;
}

.js-nav
{
    font-size: 0;
    line-height: 0;

    display: block;

    text-align: center;

    border: 0;
}

.js-nav a
{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;

    display: inline-block;

    margin: 0 10px;

    vertical-align: top;

    color: #999;
}

.js-nav a.active,
.js-nav a:hover
{
    color: #ff5907;
}

.desc-tabs-block .tab-block
{
    min-height: 425px;
    padding: 123px 0 7px;
}

.desc-tabs-block .tab-pane
{
    position: relative;
}

.desc-tabs-block .col
{
    font-size: 13px;
    line-height: 19px;

    float: left;

    width: 50%;

    text-align: left;
}

.desc-tabs-block .col .text-holder
{
    display: inline-block;

    max-width: 255px;

    text-align: center;
    vertical-align: top;
}

.desc-tabs-block .col:nth-child(2n)
{
    float: right;

    text-align: right;
}

.desc-tabs-block .ico-holder
{
    display: inline-block;

    margin: 0 0 14px;

    vertical-align: top;
}

.desc-tabs-block h3
{
    margin: 0 0 15px;
}

.desc-tabs-block .slick-dots
{
    font-size: 0;
    line-height: 0;

    text-align: center;
}

.desc-tabs-block .slick-dots li
{
    display: inline-block;

    padding: 0 3px;

    vertical-align: top;
}

.desc-tabs-block .slick-dots li.slick-active button
{
    background: #ff5907;
}

.desc-tabs-block .slick-dots button
{
    width: 6px;
    height: 6px;
    padding: 0;

    cursor: pointer;

    border: 0;
    border-radius: 100%;
    background: none;
    background: rgba(0, 0, 0, .1);
}

.btn
{
    white-space: normal;
}

.developers-block
{
    font-size: 24px;
    line-height: 25px;

    position: relative;

    margin: 0 0 125px;
    padding: 130px 0 119px;

    text-align: center;
    text-align: center;
    letter-spacing: .0038em;

    color: #fff;
    color: #fdfdfd;
    background: -webkit-linear-gradient(17.79deg, #409bb8 0%, #8a40b8 100%);
    background:         linear-gradient(72.21deg, #409bb8 0%, #8a40b8 100%);
}

.developers-block .btn-list
{
    text-align: center;
    letter-spacing: -5px;
}

.developers-block .btn-list li
{
    display: inline-block;

    max-width: 48%;
    margin: 0 15px;

    vertical-align: top;
    letter-spacing: 0;
}

.developers-block h2
{
    font-size: 36px;
    font-weight: 600;
    line-height: 28px;

    margin: 0 0 59px;

    text-align: center;
    letter-spacing: -.015em;

    color: #fcfcfc;
}

.developers-block p
{
    margin: 0 0 60px;
}

.developers-block .bg-stretch
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-repeat: no-repeat;
    background-position: 50% -10px;
}

.developers-block .container
{
    position: relative;
    z-index: 2;
}

.developers-block .btn
{
    padding: 6px 19px 8px 19px;

    color: #505cb8;
}

.developers-block .btn.btn-bordered
{
    color: #fff;
}

.ico-button-holder
{
    position: absolute;
    z-index: 2;
    top: 119px;
    left: 179px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;

    width: 96px;
    height: 96px;

    opacity: 0;
    border-radius: 100%;
    box-shadow: 0 0 16px rgba(255, 89, 7, .6);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.in-viewport .ico-button-holder
{
    -webkit-animation: buttonFadeUp 1s linear 0s forwards;
            animation: buttonFadeUp 1s linear 0s forwards;
}

.ico-button-holder img
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.in-viewport .ico-button-holder img
{
    -webkit-animation: onOffButton .5s linear 0s forwards;
            animation: onOffButton .5s linear 0s forwards;
}

.dotted-bar
{
    font-size: 0;
    line-height: 0;

    position: absolute;
}

.dotted-bar.upsidebar
{
    top: 0;
    top: 0;
    left: 223px;

    opacity: 0;
}

.in-viewport .dotted-bar.upsidebar
{
    -webkit-animation: maxWidthHeight .5s ease 0s forwards;
            animation: maxWidthHeight .5s ease 0s forwards;
}

.dotted-bar li
{
    position: relative;

    width: 6px;
    height: 6px;
    margin: 0 0 10px;

    border-radius: 100%;
    background: rgba(0, 0, 0, .1);
}

.dotted-bar li:after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 100%;
}

.in-viewport .dotted-bar li:nth-child(6):after
{
    -webkit-animation: animatedBar 1s linear 0s infinite;
            animation: animatedBar 1s linear 0s infinite;
}

.in-viewport .dotted-bar li:nth-child(5):after
{
    -webkit-animation: animatedBar 1s linear .15s infinite;
            animation: animatedBar 1s linear .15s infinite;
}

.in-viewport .dotted-bar li:nth-child(4):after
{
    -webkit-animation: animatedBar 1s linear .3s infinite;
            animation: animatedBar 1s linear .3s infinite;
}

.in-viewport .dotted-bar li:nth-child(3):after
{
    -webkit-animation: animatedBar 1s linear .45s infinite;
            animation: animatedBar 1s linear .45s infinite;
}

.in-viewport .dotted-bar li:nth-child(2):after
{
    -webkit-animation: animatedBar 1s linear .6s infinite;
            animation: animatedBar 1s linear .6s infinite;
}

.in-viewport .dotted-bar li:nth-child(1):after
{
    -webkit-animation: animatedBar 1s linear .75s infinite;
            animation: animatedBar 1s linear .75s infinite;
}

.icons-list
{
    font-size: 13px;
    line-height: 19px;

    position: absolute;

    text-align: center;
    text-align: center;
    text-transform: capitalize;

    color: #999;
}

.icons-list .ico
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 56px;
    height: 56px;
    margin: 0 0 7px;

    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15), 0 1px 8px rgba(0, 0, 0, .15);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icons-list > li
{
    position: absolute;
}

.icons-list > li .dotted-bar
{
    overflow: hidden;

    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;

    opacity: 0;
}

.in-viewport .icons-list > li .dotted-bar
{
    -webkit-animation: maxWidthHeight .5s ease forwards;
            animation: maxWidthHeight .5s ease forwards;
}

.icons-list > li .text
{
    opacity: 0;
}

.in-viewport .icons-list > li .text
{
    -webkit-animation: transformIt .5s ease forwards;
            animation: transformIt .5s ease forwards;
}

.icons-list > li .ico-holder
{
    z-index: -1;

    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;

    opacity: 0;
}

.in-viewport .icons-list > li .ico-holder
{
    -webkit-animation: transformIt .5s ease forwards;
            animation: transformIt .5s ease forwards;
}

.icons-list > li:nth-child(1)
{
    top: 221px;
    left: 0;
}

.icons-list > li:nth-child(1) .ico-holder
{
    -webkit-transform: translate(199px, -82px);
        -ms-transform: translate(199px, -82px);
            transform: translate(199px, -82px);
}

.icons-list > li:nth-child(1) .dotted-bar
{
    top: -27px;
    left: 153px;

    -webkit-transform: rotate(69deg);
        -ms-transform: rotate(69deg);
            transform: rotate(69deg);
}

.icons-list > li:nth-child(2)
{
    top: 340px;
    left: 123px;
}

.icons-list > li:nth-child(2) .ico-holder
{
    -webkit-transform: translate(76px, -201px);
        -ms-transform: translate(76px, -201px);
            transform: translate(76px, -201px);
}

.icons-list > li:nth-child(2) .dotted-bar
{
    top: -102px;
    left: 69px;

    -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
            transform: rotate(22deg);
}

.icons-list > li:nth-child(3)
{
    top: 340px;
    left: 275px;
}

.icons-list > li:nth-child(3) .ico-holder
{
    -webkit-transform: translate(-75px, -201px);
        -ms-transform: translate(-75px, -201px);
            transform: translate(-75px, -201px);
}

.icons-list > li:nth-child(3) .dotted-bar
{
    top: -101px;
    left: -21px;

    -webkit-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
            transform: rotate(-21deg);
}

.icons-list > li:nth-child(4)
{
    top: 230px;
    left: 396px;
}

.icons-list > li:nth-child(4) .ico-holder
{
    -webkit-transform: translate(-197px, -91px);
        -ms-transform: translate(-197px, -91px);
            transform: translate(-197px, -91px);
}

.icons-list > li:nth-child(4) .dotted-bar
{
    top: -31px;
    left: -99px;

    -webkit-transform: rotate(-68deg);
        -ms-transform: rotate(-68deg);
            transform: rotate(-68deg);
}

.anim-block-holder
{
    position: relative;
}

.animate-block
{
    position: absolute;
    top: 49px;
    left: 50%;

    width: 452px;
    height: 425px;
    margin-left: -226px;
}

.orange-block
{
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;

    padding: 79px 0 75px;

    text-align: center;
    letter-spacing: -.015em;

    color: #fff;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
}

.orange-block p
{
    margin: 0;
}

.orange-block a
{
    text-decoration: underline;

    color: inherit;
}

.orange-block a:hover
{
    text-decoration: none;
}

.about-wrapper
{
    margin-bottom: 45px;
}

.anchors-list
{
    font-size: 0;
    line-height: 0;

    margin: 0 -15px;

    text-align: center;
}

.anchors-list li
{
    font-size: 16px;
    line-height: 20px;

    display: inline-block;

    padding: 0 15px;

    vertical-align: top;
}

.anchors-list li a
{
    position: relative;

    display: inline-block;

    padding: 18px 0 22px;

    vertical-align: top;

    color: #999;
}

.anchors-list li a:hover
{
    opacity: .8;
}

.anchors-list li a:after
{
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;

    visibility: hidden;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: width, opacity, visibility, .25s linear 0s;
            transition: width, opacity, visibility, .25s linear 0s;

    opacity: 0;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
}

.anchors-list li a.anchor-active
{
    color: #ff5907;
}

.anchors-list li a.anchor-active:after
{
    visibility: visible;

    width: 100%;

    opacity: 1;
}

.video-holder
{
    position: relative;

    display: block;

    max-width: 100%;
    margin: 44px 0 0;

    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.video-frame
{
    display: inline-block;

    padding-top: 56.25%;

    vertical-align: top;
}

.video-frame iframe,
.video-frame video
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.anchors-holder
{
    z-index: 99;

    margin: 0 0 7px;

    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.anchors-holder.fixed-position
{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 5px 4px -1px rgba(0, 0, 0, .1);
}

.person-info
{
    color: #666;
}

.person-info img
{
    width: 100%;
    height: auto;
}

.person-info .image-holder
{
    margin: 0 0 19px;
}

.person-info .meta
{
    margin: 0 0 22px;

    color: #999;
}

.person-info .meta + p
{
    font-size: 14px;
    line-height: 20px;

    margin-top: -5px;
}

.person-info .meta .name
{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    display: block;

    margin: 0 0 3px;

    letter-spacing: .0038em;

    color: #333;
}

.person-info .meta .name a
{
    color: #333;
}

.person-info .meta .name a:hover
{
    opacity: .8;
}

.brand
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    height: 159px;
    margin: 0 0 19px;
    padding: 10px;

    border-radius: 8px;
    background: #fff;
    box-shadow: 0 -4px 80px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .15);

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.brand.text
{
    text-align: center;
    letter-spacing: .0038em;

    color: #fff;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
}

.brand.text .title
{
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;

    display: block;

    width: 100%;
    margin: 0 0 15px;
}

.brand.text .btn
{
    margin-top: 9px;
    margin-bottom: -6px;
    padding: 6px 16px;

    color: #ff5907;
}

.brand > a
{
    -webkit-transition: opacity .25s linear 0s;
            transition: opacity .25s linear 0s;
}

.brand > a:hover
{
    opacity: .8;
}

.brand + a
{
    display: inline-block;

    padding-bottom: 25px;

    vertical-align: top;
}

.brand + a:hover
{
    text-decoration: underline;

    color: #ff5907;
}

.intro-banner
{
    padding: 88px 0 0;

    text-align: center;
}

.intro-banner > .container
{
    margin-bottom: 59px;
}

.intro-banner .bg-holder
{
    position: relative;

    overflow: hidden;

    height: 498px;
}

.intro-banner .bg-holder .bg-stretch
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-position: 50% 50%;
    background-size: cover;
}

.content-block
{
    margin-bottom: -3px;
    padding: 101px 0 0;
}

.content-block + .content-block + .content-block h2
{
    margin-bottom: 45px;
}

.content-block h2
{
    margin: 7px 0 53px;
}

.content-block.assets-blocks
{
    margin-bottom: 48px;
}

.content-block.assets-blocks .h3
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;

    display: block;

    margin-bottom: 4px;

    color: #333;
}

.content-block.assets-blocks .h3 a
{
    color: inherit;
}

.content-block.assets-blocks .h3 a:hover
{
    color: #ff5907;
}

.content-block.assets-blocks .txt
{
    padding: 21px 20px 16px;
}

.content-block.assets-blocks .txt p
{
    margin-bottom: 5px;
}

.content-block.assets-blocks .img-hold
{
    height: 100%;

    border-radius: 8px;
    background: #fff;
    box-shadow: 0 -4px 80px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .15);
}

.content-block.assets-blocks .img-hold:not(.logo-image) img
{
    width: 100%;
    height: auto;
}

.content-block.assets-blocks .img-hold.logo-image > a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-block.assets-blocks .img-hold.logo-image > a:before
{
    display: block;

    padding-top: 62%;

    content: '';
}

.content-block.assets-blocks .img-hold.logo-image img
{
    position: relative;
    top: 10px;

    max-width: 60%;
    height: auto;
}

.content-block.assets-blocks .img-hold > a
{
    display: block;
    overflow: hidden;

    border-radius: 8px 8px 0 0;
}

main .gray-block
{
    padding-bottom: 75px;

    background: rgba(0, 0, 0, .05);
}

.gray-block .text-block
{
    max-width: 732px;
    margin: 0 auto;

    text-align: center;
}

.gray-block .info-contact
{
    font-size: 14px;
    line-height: 21px;

    max-width: 255px;
    margin: 0 auto 25px;
    padding: 9px 0 0;

    text-align: center;

    color: #666;
}

.gray-block .info-contact .image-holder
{
    overflow: hidden;

    width: 75px;
    height: 75px;
    margin: 0 auto 20px;

    border-radius: 100%;
}

.gray-block .info-contact .person
{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    display: block;

    margin: 0 0 3px;

    text-align: center;
    letter-spacing: .0038em;

    color: #333;
}

.gray-block .info-contact .designation
{
    font-size: 16px;
    line-height: 24px;

    display: block;

    margin: 0 0 11px;

    text-align: center;

    color: #999;
}

.gray-block .info-contact .email
{
    display: block;

    padding: 0 0 7px;
}

.gray-block .info-contact p
{
    margin: 0 0 10px;
}

.list-group
{
    margin: 0 0 50px;

    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.list-group.job-list
{
    max-width: 790px;
    margin: 0 auto 60px;
}

.list-group.job-list .title
{
    font-size: 20px;
    line-height: 24px;

    margin-bottom: 5px;
}

.list-group + .text-block
{
    max-width: 732px;
    margin: 0 auto;
}

.list-group + .text-block h3
{
    margin: 0 0 23px;
}

.list-group .list-group-item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 20px 30px 24px;

    border: 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-group .list-group-item:first-child
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.list-group .list-group-item:last-child
{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.list-group .list-group-item + li
{
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.list-group .title
{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;

    display: block;

    margin: 0 0 7px;

    letter-spacing: .0038em;

    color: #ff5907;
}

.list-group .title a
{
    color: inherit;
}

.list-group .title a:hover
{
    color: #d34600;
}

.list-group .text-holder + .btn
{
    margin-top: 2px;
    margin-left: 50px;
    padding: 6px 23px 9px;

    border-radius: 5px;
}

.masonry-gallery
{
    font-size: 0;
    line-height: 0;

    padding: 120px 0 75px;
}

.masonry-gallery .gallery-box
{
    position: relative;

    width: 100%;
    height: 0;
    margin: 0 0 30px;
    padding-top: calc(45.5% - 15px);
}

.masonry-gallery .gallery-box.large
{
    padding-top: 91%;
}

.masonry-gallery .gallery-box img
{
    width: 100%;
    height: auto;
}

.masonry-gallery .bg-stretch
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-position: 50% 50%;
    background-size: cover;
}

.tradition-block
{
    margin: 0 0 41px;
}

.tradition-block .box
{
    max-width: 475px;
}

.tradition-block [class^='col-'],
.tradition-block [class*='col-']
{
    padding-bottom: 37px;
}

.tradition-block [class^='col-']:nth-child(2n) .box,
.tradition-block [class*='col-']:nth-child(2n) .box
{
    float: right;
}

.tradition-block h2
{
    margin: 0 0 100px;
}

.tradition-block .ico-holder
{
    margin: 0 0 23px;
}

blockquote
{
    font-size: 36px;
    line-height: 46px;

    padding: 103px 0 16px;

    text-align: center;
    letter-spacing: -.01em;

    color: #666;
}

blockquote q
{
    display: block;

    margin: 0 0 43px;

    quotes: none;
}

blockquote .img
{
    display: inline-block;
    overflow: hidden;

    width: 80px;
    height: 80px;
    margin: 0 0 15px;

    vertical-align: top;

    border-radius: 100%;
}

blockquote footer
{
    font-size: 16px;
    line-height: 20px;

    color: #999;
}

blockquote .person
{
    font-size: 22px;
    font-weight: 600;
    line-height: 46px;

    display: block;

    margin-bottom: -2px;

    text-align: center;
    letter-spacing: -.005em;

    color: #333;
}

blockquote .person a
{
    color: #333;
}

blockquote .person a:hover
{
    opacity: .8;
}

.modal-backdrop
{
    background: rgba(0, 0, 0, .1);
}

.modal-backdrop.show
{
    opacity: 1 !important;
}

.modal-content
{
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 -4px 80px rgba(0, 0, 0, .1);
}

#suscribeModal .modal-content
{
    max-width: 445px;
}

.modal-content h2
{
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;

    display: block;

    width: calc(100% - 40px);
    margin: 0;
    padding: 0 0 0 40px;

    text-align: center;
    letter-spacing: -.005em;

    color: #333;
}

.modal-content .close
{
    font-size: 42px;
    font-weight: 400;
    line-height: 1;

    margin: -8px 0 0 10px;
    padding: 0;

    color: rgba(0, 0, 0, .4);
}

.modal-content .modal-header
{
    display: -ms-grid;
    display:     grid;

    padding: 30px 40px 35px;

    border: 0;

    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    -ms-grid-rows: 55px min-content;
    grid-template-rows: 55px min-content;
    grid-template-areas: 'header'
    'statement';
}

.modal-content .modal-header > p
{
    grid-area: statement;
}

.modal-content .modal-title-wrapper
{
    display: -ms-grid;
    display:     grid;

    grid-area: header;
    grid-auto-rows: 1fr;
    -ms-grid-columns: 1fr 35px;
    grid-template-columns: 1fr 35px;
    grid-template-areas: 'title button';
}

.modal-content .modal-title-wrapper > h2
{
    grid-area: title;
}

.modal-content .modal-title-wrapper > button
{
    grid-area: button;
}

.modal-content .modal-footer
{
    display: block;

    padding: 31px 10px;

    text-align: center;

    border: 0;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    background: rgba(0, 0, 0, .05);
}

.modal-content .modal-footer img
{
    max-width: 100%;
    height: auto;
}

.modal-content .modal-footer p
{
    margin: 0 0 20px;
}

.modal-content .form-control
{
    height: 40px;
    margin: 0 0 29px;
    padding: 0 19px;

    color: #000;
    border: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
}

.modal-content .form-control::-webkit-input-placeholder
{
    color: #666;
}

.modal-content .form-control::-moz-placeholder
{
    opacity: 1;
    color: #666;
}

.modal-content .form-control:-moz-placeholder
{
    color: #666;
}

.modal-content .form-control:-ms-input-placeholder
{
    color: #666;
}

.modal-content .form-control.placeholder
{
    color: #666;
}

.modal-content .form-control:focus
{
    box-shadow: none;
}

.modal-content .btn
{
    width: 100%;
    padding: 8px 10px;

    border: 0;
    border-radius: 5px;
    background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
    background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
}

.modal-content .modal-body
{
    padding: 0 40px 18px;
}

.apps-list
{
    font-size: 0;
    line-height: 0;

    margin: 0 -10px;
    margin-left: -10px !important;
}

.apps-list li
{
    display: inline-block;

    max-width: 50%;
    padding: 0 10px 10px;

    vertical-align: top;
}

.apps-list a:hover
{
    opacity: .8;
}

.blog-section .heading-block
{
    margin: 0;
    padding: 0 0 38px;
}

.blog-section h3
{
    font-size: 22px;
    line-height: 28px;

    margin: 0 0 11px;
}

.team-slider .slick-dots,
.featured-slider .slick-dots
{
    font-size: 0;
    line-height: 0;

    text-align: center;
}

.team-slider .slick-dots li,
.featured-slider .slick-dots li
{
    display: inline-block;

    padding: 0 3px;

    vertical-align: top;
}

.team-slider .slick-dots li.slick-active button,
.featured-slider .slick-dots li.slick-active button
{
    background: #ff5907;
}

.team-slider .slick-dots button,
.featured-slider .slick-dots button
{
    width: 6px;
    height: 6px;
    padding: 0;

    cursor: pointer;

    border: 0;
    border-radius: 100%;
    background: none;
    background: rgba(0, 0, 0, .1);
}

[data-toggle='tooltip']
{
    padding: 0 3px;

    color: #ff5907;
    background: #ffe6da;
}

.tooltip
{
    padding: 18px 0;
}

.tooltip.bs-tooltip-top .arrow
{
    top: auto;
    bottom: 5px;

    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}

.tooltip .arrow
{
    top: 5px;
}

.tooltip .arrow:after
{
    top: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin-top: 4px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-width: 0 13px 13px !important;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.tooltip .arrow:before
{
    top: 2px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin-left: -7px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-width: 0 10px 11px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, .05);
}

.tooltip .tooltip-inner
{
    line-height: 20px;

    padding: 15px 20px 20px;

    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}

.tooltip .tooltip-inner strong
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;

    display: block;

    margin-bottom: 10px;

    text-align: center;
    letter-spacing: -.005em;

    color: #000;
}

#basic_info
{
    margin-bottom: 70px;
}

.sticky-wrap-side-link-hold.fixed-position .side-link-hold
{
    padding-top: 30px;
}

.link-hold
{
    position: relative;
}

.link-hold a
{
    display: block;

    padding-right: 20px;
}

.link-hold a:after
{
    position: absolute;
    top: 50%;
    right: 2px;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -3px;

    content: '';
    -webkit-transition: all .3s linear;
            transition: all .3s linear;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);

    border: 1px solid #999;
    border-width: 0 0 1px 1px;
}

.side-link-hold.active .link-hold a:after
{
    margin-top: 2px;

    -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
}

.privacy-block
{
    line-height: 1.5;

    padding-top: 102px;

    color: #666;
}

.privacy-block p
{
    margin-bottom: 30px;
}

.privacy-block .link-hold
{
    font-weight: 600;

    margin-bottom: 0;
}

.privacy-block .link-hold li
{
    margin-bottom: 10px;
}

.privacy-block ol.side-link
{
    font-weight: 600;
}

.privacy-block .side-link-hold
{
    position: relative;

    padding-left: 0;
}

.privacy-block .side-link-hold ol
{
    margin-top: -4px;
}

.privacy-block .side-link-hold ol li
{
    margin-bottom: 13px;
    padding-left: 18px;

    letter-spacing: .015em;
}

.privacy-block .side-link-hold ol li:before
{
    display: none;
}

.privacy-block .side-link-hold ol li.active > a
{
    color: #ff5907;
}

.privacy-block .side-link-hold ol li a
{
    color: #999;
}

.privacy-block .side-link-hold ol li a:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: counters(my-counter, '.') '.';
    counter-increment: my-counter;
    -webkit-transition: color .3s linear;
            transition: color .3s linear;

    color: #999;
}

.privacy-block .side-link-hold ol li a.anchor-active,
.privacy-block .side-link-hold ol li a:hover
{
    color: #ff5907;
}

.privacy-block .side-link-hold ol li a.anchor-active:before,
.privacy-block .side-link-hold ol li a:hover:before
{
    color: #ff5907;
}

.privacy-block .side-link-hold ol li a.opener
{
    margin-left: -13px;
}

.privacy-block .side-link-hold ol li a.opener:before
{
    display: none;
}

.privacy-block ul
{
    margin-top: -10px;
    margin-bottom: 20px;
}

.privacy-block ul li
{
    position: relative;

    margin-bottom: 10px;
    padding-left: 48px;
}

.privacy-block ul li:before
{
    position: absolute;
    top: 10px;
    left: 0;

    width: 8px;
    height: 8px;

    content: '';

    border-radius: 50%;
    background: #999;
}

.privacy-block ol
{
    margin-top: -10px;
    margin-bottom: 20px;

    counter-reset: my-counter;
}

.privacy-block ol li
{
    position: relative;

    margin-bottom: 10px;
    padding-left: 48px;
}

.privacy-block ol li:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: '(' counter(my-counter, lower-roman) ')';
    counter-increment: my-counter;

    color: #999;
    border-radius: 50%;
}

.privacy-block ol.heading-counter ol
{
    margin-top: 0;
    margin-left: -48px;
}

.privacy-block ol.heading-counter li:before
{
    content: '1.' counters(my-counter, '.');
}

.privacy-block h3
{
    margin-bottom: 20px;
    padding-top: 15px;
}

.privacy-block h2
{
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: 39px;

    letter-spacing: -.015em;

    color: #333;
}

#particles
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#footer
{
    font-size: 14px;
    line-height: 1.43;

    padding: 70px 0;

    color: #999;
}

#footer p
{
    max-width: 255px;
    margin-bottom: 20px;
}

#footer p a
{
    color: #999;
}

#footer p a:hover
{
    color: #ff5907;
}

#footer ul li
{
    margin-bottom: 9px;
}

#footer ul li a
{
    color: #999;
}

#footer ul li a:hover
{
    color: #ff5907;
}

#footer .title
{
    display: block;

    margin-bottom: 17px;
    padding-top: 3px;

    color: #333;
}

#footer .social-networks
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: -20px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#footer .social-networks li
{
    margin-bottom: 10px;
    margin-left: 20px;
}

#footer .social-networks a
{
    -webkit-transition: opacity .3s linear;
            transition: opacity .3s linear;
}

#footer .social-networks a:hover
{
    opacity: .65;
}

body
{
    min-width: 320px;
}

@media (min-width: 768px)
{
    #header .navbar-toggler
    {
        display: none;
    }

    .works-area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .works-area:nth-child(odd) .slider-area
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .sticky-wrap-side-link-hold .js-slide-hidden
    {
        position: static !important;
    }

    .link-hold
    {
        display: none;
    }
}

@media (min-width: 992px)
{
    .features-block .about-area h2
    {
        margin: 0;
        padding: 0 0 21px;
    }

    .apps-slider .slick-list
    {
        padding: 0 225px 0 0 !important;
    }

    .desc-tabs-block .col
    {
        padding: 0 0 39px;
    }

    main .gray-block h2
    {
        margin: 0 0 65px;
    }

    .tradition-block h3
    {
        font-size: 22px;
        line-height: 28px;

        margin: 0 0 12px;
    }
}

@media (min-width: 1200px)
{
    .features-block
    {
        margin-right: -14px;
        margin-left: -14px;
    }

    .partners-list
    {
        margin: 0 -15px;
    }

    .bg-orange-block h1
    {
        font-size: 48px;
        line-height: 1.12;
    }

    .about-wrapper
    {
        margin-bottom: 235px;
    }

    .content-block + .content-block + .content-block
    {
        padding-top: 80px;
    }

    .content-block.assets-blocks h2
    {
        margin-bottom: 53px !important;
    }

    main .gray-block
    {
        padding-top: 105px;
    }

    .privacy-block p
    {
        margin-right: -10px;
    }
}

@media (max-width: 1199px)
{
    h1,
    .h1
    {
        font-size: 40px;
    }

    .intro-block .intro-area
    {
        margin: 0 0 50px;
    }

    .intro-block .intro-area .image-block
    {
        max-width: 500px;
        margin-right: -50px;
    }

    .partners-list li
    {
        padding: 0 12px 40px;
    }

    .bg-orange-block
    {
        margin: 0 0 80px;
    }

    .developers-block
    {
        margin: 0 0 80px;
        padding: 100px 0 70px;
    }

    .animate-block
    {
        -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
                transform: scale(.9);
    }

    .orange-block
    {
        font-size: 30px;
        line-height: 35px;

        padding: 50px 0;
    }

    .intro-banner
    {
        padding: 50px 0 0;
    }

    .intro-banner .bg-holder
    {
        height: 400px;
    }

    .content-block
    {
        padding: 80px 0 0;
    }
}

@media (max-width: 991px)
{
    .post .meta-list li
    {
        font-size: 14px;
        line-height: 18px;
    }

    #header .navbar-collapse
    {
        max-width: calc(100% - 130px - 210px);

        -ms-flex-preferred-size: calc(100% - 130px - 210px);
        flex-basis: calc(100% - 130px - 210px);
    }

    #header .nav-item
    {
        margin-bottom: 5px;
        margin-left: 15px;
    }

    #header .navbar-brand
    {
        width: 110px;
        margin-left: 0;
        padding-bottom: 2px;
    }

    .btn-lang
    {
        margin-left: 10px;
    }

    .header-area
    {
        width: 210px;
        padding: 0 0 0 10px;
    }

    body
    {
        font-size: 14px;
    }

    h1,
    .h1
    {
        font-size: 35px;
    }

    h2,
    .h2
    {
        font-size: 30px;
    }

    h3,
    .h3
    {
        font-size: 18px;
    }

    .intro-block .intro-area .text-holder
    {
        max-width: 315px;
    }

    .intro-block .intro-area .image-block
    {
        width: 400px;
    }

    .features-block
    {
        margin: 0 0 30px;
        padding: 50px 0 0;
    }

    .features-block .about-area
    {
        padding-top: 50px;
    }

    .partners-list
    {
        padding: 0 0 20px;
    }

    .partners-list li
    {
        padding: 0 10px 30px;
    }

    .bg-orange-block
    {
        margin: 0 0 50px;
        padding: 40px 0 50px;
    }

    .works-area:nth-child(odd) .text-block
    {
        padding-right: 40px;
        padding-left: 0;
    }

    .works-area .text-block
    {
        padding-right: 0;
        padding-left: 40px;
    }

    .works-block
    {
        padding: 0 0 80px;
    }

    .apps-slider .slick-list
    {
        margin-left: 0 !important;
    }

    .js-nav
    {
        margin: 0 0 50px;
    }

    .desc-tabs-block .tab-block
    {
        margin: 0 -15px;
        padding-top: 50px;
    }

    .desc-tabs-block .col .text-holder
    {
        max-width: 100%;
    }

    .developers-block h2
    {
        font-size: 30px;
        line-height: 35px;

        margin: 0 0 40px;
        margin: 0 0 15px;
    }

    .animate-block
    {
        position: static;

        margin: 0 auto 50px;

        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }

    .intro-banner
    {
        padding: 0;
    }

    .intro-banner .bg-holder
    {
        height: 350px;
    }

    .content-block
    {
        padding: 80px 0 0;
    }

    main .gray-block
    {
        padding-bottom: 60px;
    }

    .list-group .title
    {
        font-size: 16px;
        line-height: 20px;
    }

    .masonry-gallery
    {
        padding: 80px 0 50px;
    }

    .tradition-block h2
    {
        margin: 0 0 50px;
    }

    blockquote
    {
        font-size: 30px;
        line-height: 40px;

        padding: 80px 0 20px;
    }

    .blog-section h3
    {
        font-size: 19px;
        line-height: 22px;
    }

    #footer .social-networks
    {
        margin-left: -20px;
    }

    #footer .social-networks li
    {
        margin-left: 9px;
    }
}

@media (max-width: 767px)
{
    .post
    {
        margin: 0 0 25px;
    }

    #header .navbar-collapse
    {
        position: absolute;
        top: 100%;
        right: -20px;
        left: -20px;

        max-width: none;

        border-top: 1px solid rgba(0, 0, 0, .05);
        background: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
    }

    #header .navbar
    {
        margin-right: 0;
        margin-left: 0;
        padding: 13px 3px 14px;
    }

    #header .navbar-toggler + .header-area
    {
        padding-right: 51px;
    }

    #header .navbar-nav
    {
        padding: 10px 0;

        background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
        background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
    }

    #header .nav-item
    {
        margin: 0;

        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

    #header .nav-item:last-child
    {
        border: none;
    }

    #header .nav-link
    {
        padding: 8px 18px 10px;

        color: #fff;
    }

    #header .nav-link:hover
    {
        color: #fff;
        background: rgba(0, 0, 0, .05);
    }

    #header .navbar-brand
    {
        overflow: hidden;

        width: 38px;
        margin-right: 0;
        padding: 0;
    }

    #header .navbar-brand img
    {
        width: 155px;
        max-width: none;
    }

    .header-area
    {
        margin-right: 0;
    }

    .header-area .dropdown
    {
        display: none;
    }

    h1,
    .h1
    {
        font-size: 30px;
    }

    .intro-block .intro-area
    {
        display: block;
    }

    .intro-block .intro-area .text-holder
    {
        max-width: none;
    }

    .intro-block .intro-area .image-block
    {
        width: inherit;
        max-width: 450px;
        margin: 0 auto 30px;
    }

    .partners-list
    {
        font-size: 0;
        line-height: 0;

        display: block;

        margin: 0 -10px;
    }

    .partners-list li
    {
        display: inline-block;

        width: 50%;

        vertical-align: top;
    }

    .works-area .slider-area
    {
        width: inherit;
    }

    .works-area .text-block
    {
        margin-bottom: 50px;
    }

    .works-block
    {
        padding-bottom: 0;
    }

    .apps-slider
    {
        font-size: 14px;

        margin-bottom: 0;
    }

    .apps-slider .ico-holder
    {
        margin-bottom: 10px;
    }

    .apps-slider .slide
    {
        height: auto;
    }

    .apps-slider .slide
    {
        display: block;

        margin: 0 5px 25px;
        padding: 10px 17px 14px;

        border-radius: 16px;
        box-shadow: 0 0 16px rgba(0, 0, 0, .16);
    }

    .apps-slider .image-holder
    {
        position: relative;
        z-index: 1;

        float: none;
        overflow: hidden;

        width: auto;
        height: 246px;
        margin: 0 -17px 10px;

        text-align: center;
    }

    .apps-slider .image-holder img
    {
        margin: 0 auto;
    }

    .apps-slider .text-holder
    {
        position: relative;

        max-width: none;
        padding-top: 5px;
        padding-right: 30px;
        padding-bottom: 0;
    }

    .apps-slider .btn.btn-more
    {
        font-size: 0;
        line-height: 0;

        position: absolute;
        z-index: 9;
        top: 30px;
        right: 0;

        width: 24px;
        height: 24px;
        padding: 0;

        border: none;
        background: url('../images/more-arrow.svg') no-repeat 50% 50%/24px 24px;
        box-shadow: none;
    }

    .apps-slider .slick-list
    {
        padding: 0 15px !important;
    }

    .desc-tabs-block .tab-block
    {
        min-height: auto;
        margin-bottom: 50px;
    }

    .desc-tabs-block .col
    {
        width: 100%;
    }

    .developers-block
    {
        font-size: 16px;
        line-height: 20px;

        padding: 50px 0;
    }

    .developers-block .btn-list
    {
        margin: 0 -5px;
    }

    .developers-block .btn-list li
    {
        margin: 0;
        padding: 0 5px 10px;
    }

    .developers-block p
    {
        margin: 0 0 15px;
    }

    .developers-block .btn
    {
        padding: 6px 5px 8px 5px;
    }

    .orange-block
    {
        font-size: 19px;
        line-height: 28px;

        padding: 25px 0;
    }

    .anchors-list
    {
        margin: 0 -5px;
    }

    .anchors-list li
    {
        font-size: 13px;
        line-height: 18px;

        padding: 0 5px;
    }

    .anchors-list li a
    {
        padding: 9px 0;
    }

    .brand
    {
        box-shadow: 0 -4px 60px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .15);
    }

    .intro-banner .bg-holder
    {
        height: 300px;
    }

    .content-block
    {
        padding: 40px 0 0;
    }

    .content-block.assets-blocks .img-hold
    {
        margin-bottom: 40px;

        box-shadow: 0 -4px 60px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .15);
    }

    .content-block.assets-blocks .img-hold
    {
        height: auto;
    }

    .content-block.assets-blocks .img-hold.logo-image img
    {
        width: 45%;
        height: auto;
    }

    main .gray-block
    {
        padding-bottom: 20px;
    }

    .list-group .list-group-item
    {
        display: block;

        padding: 10px 15px 15px;

        text-align: center;
    }

    .list-group .title
    {
        font-size: 14px;
    }

    .list-group .text-holder + .btn
    {
        margin: 10px 0 0;
    }

    .masonry-gallery
    {
        padding: 0 15px 30px;
    }

    .tradition-block [class^='col-'],
    .tradition-block [class*='col-']
    {
        padding-bottom: 15px;
    }

    blockquote
    {
        font-size: 19px;
        line-height: 25px;

        padding: 40px 0;
    }

    blockquote q
    {
        margin: 0 0 15px;
    }

    blockquote .person
    {
        line-height: 30px;
    }

    .modal-content .modal-header
    {
        padding: 22px 24px 15px;
    }

    .modal-content .modal-footer
    {
        padding: 20px 10px;
    }

    .modal-content .form-control
    {
        margin-bottom: 20px;
    }

    .modal-content .modal-body
    {
        padding: 0 24px 15px;
    }

    .featured-slider
    {
        margin: -55px -55px 0;
    }

    .featured-slider .slick-slide
    {
        padding: 55px 55px 0;
    }

    .team-slider .row,
    .featured-slider .row
    {
        display: block;

        margin: 0;
    }

    .team-slider [class^='col-'],
    .team-slider [class*='col-'],
    .featured-slider [class^='col-'],
    .featured-slider [class*='col-']
    {
        display: block;

        width: 100% !important;
        max-width: 100%;
    }

    #basic_info
    {
        padding-top: 40px;
    }

    .sticky-wrap-side-link-hold
    {
        padding: 16px 0 1px;
    }

    .sticky-wrap-side-link-hold.fixed-position .side-link-hold
    {
        z-index: 991;

        width: 100% !important;
        padding: 15px 15px 0;

        background: #fff;
    }

    .sticky-wrap-side-link-hold.fixed-position .side-link-hold ol.side-link
    {
        margin: 0 -15px !important;
    }

    .link-hold:before
    {
        position: absolute;
        top: -12px;
        right: -999px;
        bottom: -13px;
        left: -999px;

        content: '';

        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .privacy-block
    {
        padding-top: 45px;
    }

    .privacy-block ol.side-link
    {
        position: absolute;
        z-index: 991;
        top: 100%;
        right: -999px;
        left: -999px;

        max-width: none;
        margin: 0 -30px !important;
        padding: 15px 1034px 1px;

        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    }

    .privacy-block .side-link-hold
    {
        right: 0 !important;
        left: 0 !important;

        max-width: 540px;
        margin: 0 auto;
    }

    .privacy-block h2
    {
        font-size: 28px;

        margin-bottom: 25px;
    }

    #footer
    {
        padding: 20px 0;
    }

    #footer ul
    {
        margin-bottom: 35px;
    }

    #footer .social-networks
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #footer .social-networks li
    {
        margin-left: 17px;
    }
}

@media (max-width: 575px)
{
    .animate-block
    {
        position: relative;
        top: 20px;

        height: 220px;
        margin: 0 0 70px;

        -webkit-transform: translateX(-50%) scale(.6);
            -ms-transform: translateX(-50%) scale(.6);
                transform: translateX(-50%) scale(.6);
        -webkit-transform-origin: 50% -10px;
            -ms-transform-origin: 50% -10px;
                transform-origin: 50% -10px;
    }

    .tradition-block [class^='col-']:nth-child(2n) .box,
    .tradition-block [class*='col-']:nth-child(2n) .box
    {
        float: none;
    }
}

@media (max-width: 479px)
{
    .animate-block
    {
        margin-left: 0;
    }
}

@-webkit-keyframes buttonFadeUp
{
    0%
    {
        visibility: hidden;

        opacity: 0;
        background: rgba(0, 0, 0, .1);
    }

    30%
    {
        visibility: visible;

        opacity: .5;
        background: rgba(0, 0, 0, .8);
    }

    100%
    {
        visibility: visible;

        opacity: 1;
        background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
        background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
    }
}

@keyframes buttonFadeUp
{
    0%
    {
        visibility: hidden;

        opacity: 0;
        background: rgba(0, 0, 0, .1);
    }

    30%
    {
        visibility: visible;

        opacity: .5;
        background: rgba(0, 0, 0, .8);
    }

    100%
    {
        visibility: visible;

        opacity: 1;
        background: -webkit-linear-gradient(left, #ff5907 0%, #ff8d07 100%);
        background:         linear-gradient(90deg, #ff5907 0%, #ff8d07 100%);
    }
}

@-webkit-keyframes onOffButton
{
    from
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    to
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes onOffButton
{
    from
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    to
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes maxWidthHeight
{
    from
    {
        width: 0;
        height: 0;

        opacity: 0;
    }

    to
    {
        width: 6px;
        height: 96px;

        opacity: 1;
    }
}

@keyframes maxWidthHeight
{
    from
    {
        width: 0;
        height: 0;

        opacity: 0;
    }

    to
    {
        width: 6px;
        height: 96px;

        opacity: 1;
    }
}

@-webkit-keyframes transformIt
{
    to
    {
        z-index: 9;

        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);

        opacity: 1;
    }
}

@keyframes transformIt
{
    to
    {
        z-index: 9;

        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);

        opacity: 1;
    }
}

@-webkit-keyframes animatedBar
{
    0%
    {
        display: none;

        background: #ff5907;
    }

    25%
    {
        display: block;

        background: rgba(0, 0, 0, .1);
        box-shadow: none;
    }
}

@keyframes animatedBar
{
    0%
    {
        display: none;

        background: #ff5907;
    }

    25%
    {
        display: block;

        background: rgba(0, 0, 0, .1);
        box-shadow: none;
    }
}