h1, h2, h3, h4, h5, h5, button, a {
    font-family: 'Brandon Grotesque - Medium' !important;
}
p {
    font-family: "Brandon Grotesque - Regular";
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
:focus {
    outline: none;
}
@font-face {
    font-family: 'Brandon Grotesque - Medium';
    src: url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Medium.eot');
    src: local('Brandon Grotesque Medium'), local('BrandonGrotesque-Medium'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Medium.woff2') format('woff2'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Medium.woff') format('woff'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Brandon Grotesque - Regular";
    src: url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Regular.eot');
    src: local('Brandon Grotesque Regular'), local('BrandonGrotesque-Regular'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Regular.woff2') format('woff2'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Regular.woff') format('woff'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grotesque - Light';
    src: url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Light.eot');
    src: local('Brandon Grotesque Light'), local('BrandonGrotesque-Light'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Light.woff2') format('woff2'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Light.woff') format('woff'),
    url('/wp-content/themes/my-theme/webfonts/BrandonGrotesque-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.navbar-right {
    float: right !important;
    margin-right: -15px;
}
.navbar-nav > li {
    float: left;
    position: relative;
    display: block;
}
#menu.navbar-default {
    -o-transition: .3s;
    -webkit-transition: .3s;
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    margin-bottom: 0;
    padding: 42px 34px 0 41px;
    transition: .3s;
    z-index: 11111;
}
#menu.navbar-default .navbar-brand.logo-desctop img {
    left: 14px;
    max-width: 206px;
    position: relative;
    width: 100%;
}
#menu.navbar-default .navbar-brand.logo-mob img {
    left: 15px;
    max-height: 40px;
    position: absolute;
    top: -10px;
    width: 40px;
}
#menu.navbar-default .navbar-nav > li > a {
    -o-transition: .3s;
    -webkit-transition: .3s;
    background-color: transparent;
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 17.8px;
    line-height: 1;
    margin: 13px 2px;
    padding: 12px 15px;
    text-align: left;
    transition: .3s;
}
#menu.navbar-default .navbar-nav > li > a:hover, #menu.navbar-default .navbar-nav > li > a:focus, #menu.navbar-default .navbar-nav > .active > a, #menu.navbar-default .navbar-nav > .active > a:hover, #menu.navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(0, 149, 249, 1)
}
#menu.navbar-default .navbar-toggler {
    border-color: #0095f9
}
#menu.navbar-default .navbar-toggler .icon-bar, #menu.navbar-default .navbar-toggler:hover .icon-bar, #menu.navbar-default .navbar-toggler:focus .icon-bar {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.45);
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.45);
    height: 3px;
    width: 30px;
}
#menu.navbar-default .navbar-toggler:focus, #menu.navbar-default .navbar-toggler:hover {
    background-color: transparent
}
#signin {
    background: #ff000000;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 310px
}
#signin .check {
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    background: transparent;
    height: 30px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    transition: all 1s;
    visibility: hidden;
    width: 30px
}
#signin .check i {
    color: #0095f9;
    font-size: 30px
}
#signin .check.in {
    top: 0;
    visibility: visible
}
#signin .forgot-pw, .home_slide_2_part_2_ico {
    float: left;
}
#signin .form-title {
    margin-top: 102px
}
#signin .form-title img, img.img-responsive.about_us_part_3_content_1_img {
    margin: 0 auto
}
#signin .input-field {
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    height: 50px;
    margin: 32px 0 0;
    position: relative;
    transition: all 300ms
}
#signin .input-field i {
    -o-transition: height 250ms;
    -webkit-transition: height 250ms;
    bottom: 28px;
    color: #BBB;
    font-size: 100%;
    height: 0;
    left: 15px;
    position: absolute;
    transition: height 250ms;
    visibility: hidden
}
#signin .input-field input {
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    background-color: rgba(255, 255, 255, 0.502);
    border: none;
    border-radius: 6px;
    bottom: 0;
    height: 1px;
    left: 0;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    transition: all 300ms;
    width: 100%
}
#signin .input-field input:focus {
    color: #333
}
#signin .input-field input:focus + i + label, #signin .input-field input.not-empty + i + label {
    -webkit-animation: label 300ms 1;
    animation: label 300ms 1;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px;
    margin-top: -15px;
    opacity: 1
}
#signin .input-field input:focus + i, #signin .input-field input.not-empty + i {
    bottom: 26px;
    font-size: 24px;
    height: 10px;
    visibility: visible;
}
#signin .input-field input:focus, #signin .input-field input.not-empty {
    background-color: #fff;
    height: auto;
    padding: 14px 20px 14px 50px
}
#signin .input-field label {
    -moz-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    -ms-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    -o-transition: all 300ms;
    -webkit-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    -webkit-transition: all 300ms;
    color: rgba(255, 255, 255, 0.502);
    cursor: text;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 18px;
    height: 30px;
    left: 4px;
    line-height: 1;
    margin-top: 20px;
    opacity: 1;
    position: absolute;
    text-align: left;
    transition: all 300ms;
    width: 100%
}
#signin .input-field.password_field {
    margin-top: 19px !important
}
#signin button.login {
    -moz-transform: matrix(1, 0, 0, 0.99997580103764, 0, 0);
    -ms-transform: matrix(1, 0, 0, 0.99997580103764, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 0.99997580103764, 0, 0);
    background: #fff;
    border: none;
    border-radius: 50px;
    color: #0095f9;
    cursor: pointer;
    display: block;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 18px;
    line-height: 1.2;
    margin: 0 auto;
    min-height: 60px;
    outline: 0;
    padding: 20px;
    position: relative;
    text-align: center;
    top: 45px;
    width: 287px
}
#sort-partners::-ms-expand {
    border: none
}
.about_us_part_1 {
    background-color: #122e5e;
    height: 1203px;
    padding-top: 180px;
    width: 100%
}
.about_us_part_1_left {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 762px;
    justify-content: flex-end;
    padding: 0 !important
}
.about_us_part_1_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 110px;
    line-height: 0.833;
    margin-left: -8px;
    text-align: left;
    width: 540px
}
.about_us_part_1_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 18px;
    text-align: left;
    width: 540px;
}
.about_us_part_1_left_content {
    margin-top: 32px;
    padding-right: 100px
}
.about_us_part_1_right .object svg {
    margin-top: 3vw;
    max-width: 660px;
    width: 70%;
}
.about_us_part_2 {
    background: #122e5e
}
.about_us_part_2 .container-fluid {
    padding: 0 25px
}
.about_us_part_2_content {
    background: #faae40 url(/wp-content/uploads/2018/07/about_us_part_2_bg.jpg) no-repeat center center;
    background-size: cover;
    align-items: center;
    margin: 0 !important;
    padding-bottom: 167px;
    padding-top: 155px;
    position: relative;
    justify-content: center;
}
.about_us_part_2_content_1 {
    padding: 0 !important;
    /* float:  left; */
}
.about_us_part_2_content_1_container {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-shadow: 16px 19px 0 0 rgba(0, 0, 0, 0.2);
    align-content: center;
    align-items: center;
    background: #000 url(/wp-content/uploads/2018/07/about_us_part_2_content_1_bg.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: 16px 19px 0 0 rgba(0, 0, 0, 0.2);
    flex-wrap: wrap;
    height: 890px;
    justify-content: center;
    max-width: 735px;
    padding-top: 70px;
    height: calc(100% - 18px) !important;
}
.about_us_part_2_content_1_container_button button {
    background: #0f2b59;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    height: 45px;
    letter-spacing: .5px;
    margin-top: 30px;
    position: relative;
    text-transform: uppercase;
    width: 250px;
    max-width: 90%;
    cursor:  pointer;
}
.about_us_part_2_content_1_container_button button i {
    font-size: 25px;
    left: 25px;
    position: absolute;
    top: 9px
}
.about_us_part_2_content_1_container_button button span {
    margin-left: 20px
}
.about_us_part_2_content_2_container {
    margin: 0 auto;
    max-width: 580px;
    padding-top: 55px;
}
.about_us_part_2_content_block {
    margin: 0 auto;
    max-width: 1570px;
    width: 100%;
    /* align-items:  center; */
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.about_us_part_3 {
    background: #122e5e;
    padding-bottom: 137px;
    padding-top: 140px
}
.about_us_part_3_content {
    margin: 0 auto;
    max-width: 1300px
}
.about_us_part_3_content_1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.about_us_part_3_content_2 hr {
    border-radius: 50px;
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    margin: 50px auto 80px;
    width: 35px
}
.about_us_part_3_content_3 {
    min-height: 463px !important
}
.about_us_part_3_content_3_img svg {
    height: auto;
    width: 100vw;
    max-width: 100px;
}
.about_us_part_3_content_3_img {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    height: 100px;
    margin-bottom: 45px;
}
.about_us_part_3_content_3_item {
    margin: 0 auto;
    max-width: 320px
}
.api_part_1 {
    background: #4dbdff url(/wp-content/uploads/2018/07/api_part_1_bg.jpg) no-repeat center center;
    background-size: cover;
    height: 1060px;
    padding-top: 180px;
    width: 100%;
}
.api_part_1_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-size: 110px;
    letter-spacing: 2px;
    line-height: 0.833;
    margin-left: -8px;
    position: relative;
    text-align: left;
    width: 784px;
    z-index: 3
}
.api_part_1_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 42px;
    opacity: 0.8;
    text-align: left;
    width: 500px
}
.api_part_1_left, .home_slide_1_left, .home_slide_3_left, .home_slide_5_left, .api_part_1_left {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 755px;
    justify-content: flex-end;
    padding: 0 !important
}
.api_part_1_left_button {
    max-width: 540px;
    width: 100%
}
.api_part_2 {
    background: #4dbdff;
    padding-bottom: 270px
}
.api_part_2_left:before {
    background: #43b3f6;
    border-radius: 50% 50% 50% 0;
    content: '';
    float: right;
    height: 700px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 20%;
    width: 700px;
    z-index: 0
}
.api_part_2_left_content {
    background: #112d5c;
    border-radius: 50% 50% 0 50%;
    float: right;
    height: 540px;
    margin-right: 145px;
    margin-top: 260px;
    position: relative;
    text-align: center;
    width: 540px;
    z-index: 50
}
.api_part_2_right {
    max-width: 650px;
    padding-left: 75px !important
}
.api_part_3 {
    background: #43b3f6;
    padding-bottom: 115px
}
.api_part_3_content {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}
.api_part_3_content h2 {
    color: #fff;
    font-size: 114px;
    padding-top: 95px;
    width: 100%;
}
.browserupgrade {
    background: #ccc;
    color: #000;
    margin: .2em 0;
    padding: .2em 0
}
.clearfix:after {
    clear: both
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}
.col-xs-12.col-sm-6.support_part_2_right {
    padding-top: 37px
}
.compact.side ol:before {
    display: none
}
/* .download_button a {
    height: 140px;
    left: calc(50% - 100px);
    position: absolute;
    text-decoration: none !important;
    top: calc(50% - 90px);
    width: 200px
} */
.download_button a:hover p {
    -o-transition: .3s;
    -webkit-transition: .3s;
    color: #4dbdff;
    text-decoration: none;
    transition: .3s
}
.download_button button {
    background: transparent;
    border: none;
    margin-bottom: 20px
}
.download_button p {
    color: #fff;
    font-family: 'Brandon Grotesque - Medium' !important;
    font-size: 21px
}
.first .sin-testiImage img {
    margin-left: 45px
}
.first .sin-testiImage img, .last .sin-testiImage img {
    height: 60px !important;
    margin-top: 47px;
    width: 60px !important
}
.footer-item {
    list-style: none
}
.footer-item a {
    -moz-transform: matrix(1.0000819713451, 0, 0, 1.02544202785167, 0, 0);
    -ms-transform: matrix(1.0000819713451, 0, 0, 1.02544202785167, 0, 0);
    -webkit-transform: matrix(1.0000819713451, 0, 0, 1.02544202785167, 0, 0);
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 15.603px;
    line-height: 1.5;
    text-align: left
}
.footer-item a:hover {
    -o-transition: .3s;
    -webkit-transition: .3s;
    color: #0095f9;
    text-decoration: none;
    transition: .3s
}
.footer_left_part_1 img {
    margin-top: -14px;
    max-width: 206px
}
.footer_right_part_2 {
    color: rgba(255, 255, 255, 0.2);
    font-family: 'Brandon Grotesque - Medium';
    font-size: 15px;
    line-height: 0.625;
    text-align: right;
}
.footer_right_part_2 a {
    border-bottom: 1px solid;
    color: rgba(255, 255, 255, 0.2)
}
.footer_right_part_2 a:hover {
    text-decoration: none
}
.form-control {
    background: #e8eff5 !important;
    border-radius: 8px !important;
    color: rgb(108, 117, 128) !important;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 17px !important;
    letter-spacing: .8px;
    min-height: 87px;
    padding-left: 37px !important;
    text-align: left;
    text-transform: uppercase;
}
.form-group label{
    display:none
}
.form-group {
    margin-bottom: 31px !important;
    margin-top: -2px;
}
.fullwidth {
    text-align: center
}
.height900 {
    background: #000 !important;
    font-size: 20px
}
.hidden {
    display: none !important
}
.home_page_menu_top {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999999999999 !important;
}
.home_slide_1 {
    background: #0098f8 url(/wp-content/uploads/2018/07/home_slide_1_bg.png) no-repeat left center;
    background-size: contain;
    min-height: 100vh;
    height:  100% !important;
    padding-top: 180px;
    width: 100%;
}

.mobile.safari .home_slide_1{
    min-height: calc(100vh - 75px);
}

.mobile.safari.iXIProMax .home_slide_1, .mobile.safari.iXI .home_slide_1{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXS.iXIPro .home_slide_1{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iX .home_slide_1{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXIProMax .home_slide_1{
    min-height: calc(100vh - 114px);
}

.mobile.android .home_slide_1{
    min-height: calc(100vh - 56px);
}

.home_slide_1_button_from_part_1 {
    background: #f8ae41;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 23px;
    height: 70px;
    line-height: 1.2;
    margin-top: 47px;
    max-width: 540px;
    text-align: center;
    width: 240px
}
.home_slide_1_left h2 i{
    font-size: 56px;
}
.home_slide_1_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-size: 56px;
    letter-spacing: 1.5px;
    line-height: 0.833;
    margin-right: -24px;
    margin-top: 29px;
    position: relative;
    text-align: left;
    width: 722px;
    z-index: 3;
}
.home_slide_1_left h2 object {
    max-width: 84.9%;
    width: 100%;
    margin-left: -17px;
}
.home_slide_1_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: left;
    width: 560px
}
.home_slide_2 {
    background: #18366a;
    min-height: 100vh;
    width: 100%;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}

.mobile.safari .home_slide_2{
    min-height: calc(100vh - 75px);
}

.mobile.safari.iXI .home_slide_2{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXS.iXIPro .home_slide_2{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iX .home_slide_2{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXIProMax .home_slide_2{
    min-height: calc(100vh - 114px);
}

.mobile.android .home_slide_2{
    min-height: calc(100vh - 56px);
}

.home_slide_2_part_2 {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 148px;
    padding: 50px 94px;
    width: 100%;
}
.home_slide_2_part_2:before {
    background: #fff;
    content: '';
    height: 1px;
    left: 0;
    opacity: 0.1;
    position: relative;
    top: -20px;
    width: 100%;
}
.home_slide_2_part_2_ico .st0 {
    stroke: #fff
}
.home_slide_2_part_2_ico svg {
    height: 47px;
    width: 47px;
}
.home_slide_2_part_2_name h3 {
    color: rgba(255, 255, 255, 0.502);
    font-size: 13.2px;
    font-weight: 700;
    line-height: 1;
    margin: 8px 0 0 26px;
    text-align: left;
    text-transform: uppercase
}
.home_slide_2_right {
    max-width: 650px;
    padding-left: 75px !important
}
.home_slide_3 {
    background: #f9ad3f url(/wp-content/uploads/2018/07/home_slide_3_bg.png) no-repeat left center;
    background-size: contain;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile.safari .home_slide_3{
    min-height: calc(100vh - 75px);
}

.mobile.safari.iXI .home_slide_3{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXS.iXIPro .home_slide_3{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iX .home_slide_3{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXIProMax .home_slide_3{
    min-height: calc(100vh - 114px);
}

.mobile.android .home_slide_3{
    min-height: calc(100vh - 56px);
}

.home_slide_3_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-size: 110px;
    letter-spacing: 2px;
    line-height: 0.833;
    margin-left: -8px;
    margin-top: 36px;
    position: relative;
    text-align: left;
    width: 722px;
    z-index: 3
}
.home_slide_3_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 0;
    margin-top: 68px;
    text-align: left;
    width: 690px
}
.home_slide_4 {
    background: #0497f4 url(/wp-content/uploads/2018/07/home_slide_4_bg.png) no-repeat right center;
    background-size: auto;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile.safari .home_slide_4{
    min-height: calc(100vh - 75px);
}

.mobile.safari.iXI .home_slide_4{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXS.iXIPro .home_slide_4{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXIProMax .home_slide_4{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iX .home_slide_4{
    min-height: calc(100vh - 114px)
}

.mobile.android .home_slide_4{
    min-height: calc(100vh - 56px);
}

.home_slide_4_right {
    max-width: 700px;
    padding-left: 81px !important;
    padding-top: 109px
}
.home_slide_5 {
    background: #18366a url(/wp-content/uploads/2018/07/home_slide_5_bg.png) no-repeat left center;
    background-size: auto;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile.safari .home_slide_5{
    min-height: calc(100vh - 75px);
}

.mobile.safari.iXI .home_slide_5{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXIProMax .home_slide_5{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iXS.iXIPro .home_slide_5{
    min-height: calc(100vh - 114px);
}

.mobile.safari.iX .home_slide_5{
    min-height: calc(100vh - 114px);
}

.mobile.android .home_slide_5{
    min-height: calc(100vh - 56px);
}

.home_slide_5_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-size: 110px;
    letter-spacing: 2px;
    line-height: 1.033;
    margin-left: -4px;
    margin-top: -15px;
    position: relative;
    text-align: left;
    width: 722px;
    z-index: 3
}
.home_slide_5_left h2 span:nth-of-type(2) {
    color: #3c609a;
    margin-top: -1.4vw;
}
.home_slide_5_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 22.779px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 25px;
    text-align: left;
    width: 690px
}
.home_slide_5_left_content {
    margin-right: 18px
}
.home_slide_6 {
    background: #0197f9 url(/wp-content/uploads/2018/07/home_slide_6_bg.png) no-repeat center top;
    background-size: auto;
    min-height: 100vh;
    width: 100%;
    display:  flex;
    flex-direction: column;
    align-items:  center;
    justify-content:  center;
}

@media screen and (max-width: 1200px){
    .home_slide_6{
        padding-top: 80px;
    }
}

.home_slide_6_left {
    width: 70%;
}

.slide_6_icons {
    /*max-width: 500px;*/
    margin: 0 auto;
    max-width: 80%;
}
.slide_6_icon {
    /*width: 33%;*/
    width: 16.66666%;
}

.slide_6_icon .icon {
    padding: 10px;
    max-width: 84px;
    margin: 0 auto;
    max-height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide_6_icon .icon svg{
    max-width: 100%;
    max-height: 100%;
    width: 89px;
    height: 89px;
}

.slide_6_icon .title {
    text-align: center;
}

@media screen and (max-width: 768px){
    .home_slide_6_left{
        order: 2;
    }
    .slide_6_icon {
        /*width: 33%;*/
        width: 33%;
    }
    .title_animation_home{
        order: 1;
    }
}
/*
.home_slide_6_right {
    max-width: 650px;
    padding-left: 75px !important
}

 */
.home_slide_7 {
    background: #18366a url(/wp-content/uploads/2018/07/home_slide_7_bg.png) no-repeat left center;
    background-size: auto;
    min-height: 100vh;
    padding-top: 219px;
}
.home_slide_button_from_part_2 {
    background: #0094f8;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    height: 70px;
    margin-top: 7px;
    width: 240px
}
.invisible {
    visibility: hidden
}
.last .sin-testiImage img {
    margin-right: 45px
}
.login_links_block {
    display: block;
    margin-top: 7px;
    position: relative
}
.mail-message {
    -moz-transition: all .7s;
    -o-transition: all .7s;
    -webkit-transition: all .7s;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 0;
    margin: 0 auto;
    transition: all .7s;
    width: 100%
}
.mail-message-area {
    padding: 0 15px;
    width: 100%
}
.menu_on_login_page ul li .login:after {
    background: #0095f9 !important;
    opacity: 1 !important;
    z-index: -1
}
.menu_on_login_page ul li a, .menu_on_login_page ul li a:hover {
    color: #4f5051 !important
}
.menu_on_login_page ul li a:hover {
    color: #0095f9 !important
}
.menu_on_pages ul li .login {
    background: transparent !important;
    position: relative
}
.menu_on_pages ul li #login:hover:after {
    border-radius: 55px 55px 0 55px;
}
.menu_on_pages ul li #login:after {
    background: #fff;
    border-radius: 50px;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%
}
.menu_on_pages ul li .login:hover {
    -o-transition: .3s;
    -webkit-transition: .3s;
    border-color: #093a70 !important;
    color: #fff !important;
    transition: .3s
}
.menu_on_pages ul li .login:hover:after {
    border-radius: 50px 50px 0 50px
}
.menu_on_pages ul li a {
    color: rgba(255, 255, 255, 0.5) !important
}
.menu_on_pages ul li a:hover, .menu_on_login_page ul li .login:hover, #menu.navbar-default .navbar-nav > .active > a, #menu.navbar-default .navbar-nav > .active > a:hover {
    color: #fff !important
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    -webkit-box-shadow: none;
    border: none;
    box-shadow: none;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}
.navbar-toggler .icon-bar {
    -o-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    position: relative;
    transition: all 500ms ease-in-out
}
.navbar-toggler .icon-bar:nth-of-type(2) {
    top: 1px
}
.navbar-toggler .icon-bar:nth-of-type(3) {
    top: 2px
}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:hover {
    background-color: transparent;
    border-color: transparent !important
}
.navbar-toggler.active .icon-bar:nth-of-type(1) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 8px;
    transform: rotate(45deg)
}
.navbar-toggler.active .icon-bar:nth-of-type(2) {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
    box-shadow: none !important
}
.navbar-toggler.active .icon-bar:nth-of-type(3) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: -6px;
    transform: rotate(-45deg)
}
.navbar.navbar-default.active .navbar-brand.logo-mob, li.selected:before, .slick-dots .slick-active button {
    opacity: 1 !important
}
button:focus {
    outline: none !important;
}
.navbar-toggler .icon-bar {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}
.navbar-toggler .icon-bar:nth-of-type(2) {
    top: 1px
}
.navbar-toggler .icon-bar:nth-of-type(3) {
    top: 2px
}
.navbar-toggler.active .icon-bar:nth-of-type(1) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-toggler.active .icon-bar:nth-of-type(2) {
    background-color: transparent !important
}
.navbar-toggler.active .icon-bar:nth-of-type(3) {
    top: -6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.navbar-toggler span {
    background: #fff !important;
    height: 4px;
    width: 30px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 50px !important;
}
.navigation ol:before {
    background: rgba(255, 255, 255, 0.1);
    content: "";
    display: block;
    height: 100%;
    margin: 0;
    max-height: 420px;
    position: absolute;
    right: 2px;
    width: 1px
}
.not-visible-message {
    height: 0;
    opacity: 0
}
.partner-item {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    height: 140px;
}
.partner-list {
    min-height: 400px;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}
.row.row_part_2 hr {
    opacity: 0.1
}
.row_part_1 {
    padding-bottom: 0;
}
.row_part_2 {
    padding-top: 0;
}
.select_div {
    background: #e8eff5 url(/wp-content/uploads/2018/07/form_select_options.png) no-repeat 95% center;
    background-size: auto;
    border-radius: 8px !important;
    margin: 0 auto 0 15px !important;
    padding: 0 !important;
    width: 95.6% !important;
}
.select_part {
    border-radius: .25em;
    line-height: 3;
    margin: 50px auto 50px;
    overflow: hidden;
    width: 430px;
}
/* .select_part ::after {
    -o-transition:.25s all ease;
    -webkit-transition:.25s all ease;
    transition:.25s all ease
}
.select_part select {
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    appearance:none;
    background:#3ea5e6;
    background-image:none;
    border:0!important;
    box-shadow:none;
    color:#fff;
    font-size:21px;
    height:100%;
    margin:0;
    outline:0;
    padding-left:20px;
    text-transform:uppercase;
    width:100%
} */
.select_part select options {
    font-family: 'Brandon Grotesque - Medium' !important
}
/* .select_part:after {
    background:#3ea5e6;
    bottom:0;
    color:#fff;
    content:'\2335';
    font-size:23px;
    pointer-events:none;
    position:absolute;
    right:49px;
    top:0;
    width:40px
}
.select_part:hover:after {
    color:#102b58
} */
.sin-testiImage {
    display: inline-block;
    margin-bottom: 11px;
    outline: medium none;
}
.sin-testiImage img {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block !important;
    filter: blur(2px);
    height: 80px;
    margin-bottom: 30px;
    margin-top: 36px;
    opacity: 0.2;
    outline: 0 none;
    width: 80px
}
.sin-testiText {
    margin: 0 auto;
    max-width: 920px;
    outline: none
}
.sin-testiText p {
    color: #fff;
    font-family: 'Brandon Grotesque - Light';
    font-size: 1.67vw;
    line-height: 1.3;
    margin-top: 9px;
    text-align: center;
}
.sin-testiText p:after {
    content: '”'
}
.sin-testiText p:before {
    content: '“'
}
.slick-list {
    margin: 0 5px
}
.slick-next {
    right: -31px
}
.slick-next:before {
    content: "→ ";
    right: 0
}
.slick-prev {
    left: -31px
}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 25px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 34.6%;
    width: 16px
}
.slick-prev:before, .slick-next:before {
    /*-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
    /*-webkit-transition:all .3s ease 0;*/
    /*color:#fff;*/
    /*content:"";*/
    /*font-family:Material-Design-Iconic-Font;*/
    /*font-size:50px!important;*/
    /*height:25px;*/
    /*left:0;*/
    /*opacity:0;*/
    /*position:absolute;*/
    /*top:0;*/
    /*transition:all .3s ease 0;*/
    /*width:16px*/
}
.slick-slide img {
    /*border: 2px solid #0094f9;*/
    filter: none;
    height: auto;
    margin-top: 0px;
    opacity: 1;
    width: 100px;
}

.slick-slider {
    z-index: 9
}
.slide .container {
    display: table;
    height: 100%;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
}
.social-circle i {
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    -webkit-transition: all .8s;
    color: #102b58;
    transition: all .8s
}
.social-circle li a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    height: 33px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 33px
}
.social-circle li a:hover i:before, .triggeredHover {
    -moz-transform: rotate(360deg);
    -moz-transition: all .2s;
    -ms--transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transform: rotate(360deg);
    -webkit-transition: all .2s;
    transform: rotate(360deg);
    transition: all .2s;
    color: #fff;
    line-height: 33px;
}
.social-circle li a i:before, .triggeredHover {
    -moz-transform: rotate(0deg);
    -moz-transition: all .2s;
    -ms--transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .2s;
    transform: rotate(0deg);
    transition: all .2s;
    color: #102B58;
    line-height: 33px;
}
.social-circle li i {
    line-height: 33px;
    margin: 0;
    text-align: center
}

.social-network a:hover i {
    transition: all .2s;
    color: #fff
}
.social-network a:hover {
    background-color: #0095f9
}
.social_div {
    text-align: right
}
.support_part_1 {
    background-color: #0198f9;
    height: 1130px;
    width: 100%
}
.support_part_1 .container-fluid, .support_part_1_left_button, .about_us_part_1 .container-fluid, .about_us_part_1_left_button, .api_part_1 .container-fluid, .home_slide_1 .container-fluid, .home_slide_3 .container-fluid, .home_slide_5 .container-fluid, .api_part_1 .container-fluid, .google_pay_part_1 .container-fluid {
    width: 100%
}
.support_part_1_left {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 762px;
    justify-content: flex-end;
    padding: 0 !important
}
.support_part_1_left h2 {
    -ms-flex-wrap: wrap;
    color: #fff;
    flex-wrap: wrap;
    font-size: 110px;
    letter-spacing: 2px;
    line-height: 0.833;
    margin-left: 0;
    margin-top: 50px;
    position: relative;
    text-align: left;
    width: 597px;
    z-index: 3
}
.support_part_1_left p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0px;
    text-align: left;
    width: 500px
}
.support_part_1_left_content {
    margin-top: 32px;
    padding-right: 50px
}
.support_part_1_right .object svg {
    margin-left: -24px;
    margin-top: 105px;
    width: 72.5%;
    z-index: 3
}
.support_part_2 {
    margin-top: 146px;
    padding-bottom: 104px;
}
.support_part_2_left .form-horizontal {
    margin: 0 auto;
    max-width: 587px
}
.support_part_2_left_container {
    margin: 0 0 0 31px;
    max-width: 620px
}
.support_part_2_left_title h2 {
    color: #093a70;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 40px;
    line-height: 1.17;
    margin-bottom: 10px;
    text-align: center;
}
.support_part_2_right_block_1 {
    background: #90d5fe
}
.support_part_2_right_block_2 {
    background: #31a8f9
}
.support_part_2_right_block_3 {
    background: #0182d8
}
.support_part_2_right_block_of_three {
    height: 240px;
    padding-left: 274px;
    padding-right: 181px;
    padding-top: 67px;
    position: relative;
    width: 100%;
    transition: all 0.3s;
}
.support_part_2_right_block_of_three h2 {
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 58px;
    line-height: 1;
    margin: 0;
    text-align: left
}
.support_part_2_right_block_of_three p {
    color: rgba(255, 255, 255, 0.8);
    font-family: "Brandon Grotesque - Regular";
    font-size: 19.5px;
    line-height: 1.4;
    text-align: left;
}
.support_part_2_right_block_of_three span {
    left: 116px;
    position: absolute;
    top: 105px;
}
.testimonial-area {
    overflow: hidden;
    padding: 95px 0 82px;
    position: relative
}
.testimonial-area .container {
    z-index: 99999999999999999999 !important
}
.testimonial-area:hover .slick-prev:before, .testimonial-area:hover .slick-next:before {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}
.testimonial-image-slider {
    margin-top: 5px
}
.testimonial-image-slider.slider-nav.text-center.slick-initialized.slick-slider {
    margin: 0 auto;
    max-width: 630px
}
.testimonial-text-slider {
    margin: auto;
    padding: 0;
    position: relative;
    width: 51%;
    z-index: 9
}
.testimonial-text-slider h2 {
    color: #fff;
    display: block;
    font-size: 1.9vw;
    font-weight: 600;
    line-height: 24px;
    margin-top: 52px;
}
.visible-message {
    height: auto;
    margin: 25px auto 0;
    opacity: 1
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto
}
::-moz-selection, ::selection {
    background: #b3d4fc;
    text-shadow: none
}
#login {
    -o-transition: 0s !important;
    -webkit-transition: 0s !important;
    border-radius: 55px 55px 0 55px;
    color: #fff !important;
    margin-left: 18px !important;
    margin-right: 8px !important;
    padding: 12px 45px !important;
    transition: 0s !important;
    position: relative;
}
#login:hover {
    /* background: #468ecc!important; */
    border: 2px solid #18366a;
    color: #ffffff !important;
    margin: 11px 6px -11px 16px !important;
}
.login_links {
    -moz-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    -ms-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    -webkit-transform: matrix(1.00016343557136, 0, 0, 0.99941946605024, 0, 0);
    color: rgba(255, 255, 255, 0.502);
    display: block;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 14px;
    line-height: 1.713;
    margin: 0;
    position: relative;
    text-align: left;
    text-decoration: none
}
a.navbar-brand {
    padding: 0;
    position: relative;
    width: 206px;
}
a.sign-up, .home_slide_2_part_2_name {
    float: right
}
a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}
button.about_us_button_from_part_1 {
    background: #f8ae41;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 22px;
    line-height: 1.2;
    margin-top: 30px;
    padding: 22px 0;
    text-align: center;
    width: 245px
}
button.api_button_from_part_1 {
    background: #f8ae41;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 23px;
    height: 70px;
    line-height: 1.2;
    margin-top: 47px;
    text-align: center;
    width: 240px
}
button.api_button_from_part_2 {
    background: #0094f8;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    height: 70px;
    margin-top: 48px;
    width: 240px
}
.form-btn.bold {
    background-color: #0097f9;
    border: none;
    cursor:  pointer;
    border-radius: 50px;
    color: #fff;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 25px;
    line-height: 1.2;
    margin-top: 40px;
    padding: 32px 0;
    text-align: center;
    width: 330px;
}
button.support_button_from_part_1 {
    background: #f8ae41;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    height: 70px;
    line-height: 1;
    margin-top: 67px;
    margin-bottom: 67px;
    padding: 25px 0;
    text-align: center;
    width: 240px;
}
div#login_block {
    background: #0095f9;
    border-radius: 50% 50% 0 50%;
    height: 576px;
    margin: 21vh auto 0;
    width: 576px
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
footer {
    background: #102b58;
    padding: 35px 59px 35px 66px;
}
form.form-horizontal .control-label {
    padding: 0;
    margin: 0px;
    height: 0px;
}
h2.about_us_part_2_content_1_container_h2 {
    color: #fff;
    font-size: 33.335px;
    line-height: 1.667;
    margin: 0;
    text-align: center;
    width: 100%
}
h2.about_us_part_2_content_2_h2 {
    color: #122e5e;
    font-size: 58.558px;
    line-height: 1;
    padding-top: 24px;
    text-align: left
}
h2.about_us_part_3_content_1_title {
    color: #fff;
    font-size: 56px;
    line-height: 1;
    margin-top: 83px;
    text-align: center
}
h2.about_us_part_3_content_3_title {
    color: #fff;
    font-size: 32px
}
h2.api_part_2_right_h2 {
    color: #fff;
    font-size: 112px;
    line-height: 1;
    padding-top: 20px
}
h2.home_slide_2_right_h2 {
    color: #fff;
    font-size: 112px;
    letter-spacing: 1px;
    line-height: 1;
    padding-top: 20px
}
h2.home_slide_4_right_h2 {
    color: #fff;
    font-size: 112px;
    letter-spacing: 1px;
    line-height: 0.9;
    padding-top: 27px
}
.home_slide_4_right_h2 span:nth-of-type(2) {
    color: #85d1ff
}
.home_slide_6_right_h2 {
    color: #fff;
    font-size: 100px;
    letter-spacing: 1px;
    line-height: 1;
    padding-top: 20px;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.home_slide_6_right_p{
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
    max-width: 65%;
    font-size: 24px;
}

h2.home_slide_7_title {
    color: #fff;
    font-size: 90px;
    line-height: 1;
    margin-bottom: -44px;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
h2.home_slide_7_title span {
    color: #0095f9
}
hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}
html {
    color: #000;
    font-size: 1em;
    line-height: 1.4
}
img.img-responsive.partner-item_img {
    margin: 0 auto;
    max-width: 80%
}
p.about_us_part_2_content_2_p {
    color: rgba(18, 46, 94, 0.8);
    font-family: "Brandon Grotesque - Regular";
    font-size: 25px;
    line-height: 1.154;
    margin-top: 37px
}
p.about_us_part_2_content_2_p_2 {
    color: rgba(18, 46, 94, 0.8);
    font-family: "Brandon Grotesque - Regular";
    font-size: 22px;
    line-height: 1.2;
    margin-top: 42px
}
p.about_us_part_3_content_3_text {
    color: rgba(255, 255, 255, 0.502);
    font-size: 19px;
    line-height: 1.5;
    margin-top: 31px
}
p.api_part_2_right_p {
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-top: 60px;
    opacity: 0.8
}
p.api_part_2_right_p span {
    font-family: 'Brandon Grotesque - Medium' !important;
    font-weight: 700;
    opacity: 1
}
p.home_slide_2_right_p {
    color: rgba(255, 255, 255, 0.702);
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 33px;
    text-align: left
}
p.home_slide_2_right_p span {
    font-family: 'Brandon Grotesque - Medium' !important;
    font-weight: 700
}
p.home_slide_4_right_p {
    color: rgba(255, 255, 255, 0.702);
    font-size: 23px;
    line-height: 1.5;
    margin-top: 50px;
    max-width: 520px;
    text-align: left
}
section#home_page_section_1 {
    /* z-index:124235435 */
}
section.content_part_login {
    background: url(/wp-content/uploads/2018/07/login_bg.png) no-repeat center center;
    background-size: auto;
    overflow: hidden;
    padding-bottom: 220px;
    margin: 0 auto;
    margin-top: -111px;
    width: 100%;
}
section.support, section.about_us, section.api {
    position: relative;
    top: 0;
    overflow:  hidden;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 1px;
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important;
}
select#selectbasic {
    background: transparent !important
}
textarea {
    resize: vertical
}
ul.social-network {
    display: inline;
    list-style: none;
    margin-left: 0 !important;
    padding: 0
}
ul.social-network li {
    display: inline;
    margin: 0 4px
}
@media print {
    *, :before, :after {
        -webkit-box-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }
    a, a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    h2, h3 {
        page-break-after: avoid
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3
    }
    pre {
        white-space: pre-wrap !important
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr, img {
        page-break-inside: avoid
    }
}
button.support_button_from_part_1,
button.about_us_button_from_part_1,
button.api_button_from_part_1,
button.api_button_from_part_2,
.home_slide_button_from_part_2,
.home_slide_1_button_from_part_1 {
    position: relative;
}
button.support_button_from_part_1:hover,
button.about_us_button_from_part_1:hover,
button.api_button_from_part_1:hover,
button.api_button_from_part_2:hover,
.home_slide_button_from_part_2:hover,
.home_slide_1_button_from_part_1:hover {
    background: transparent;
    box-shadow: 0 0 8px 6px rgba(255, 255, 255, 0.050980392156862744);
    cursor: pointer;
}
button.support_button_from_part_1:hover span,
button.about_us_button_from_part_1:hover span,
button.api_button_from_part_1:hover span,
button.api_button_from_part_2:hover span,
.home_slide_button_from_part_2:hover span,
.home_slide_1_button_from_part_1:hover span {
    position: relative;
    z-index: 1;
    color: #f9af3e;
}
button.support_button_from_part_1:hover:before,
button.about_us_button_from_part_1:hover:before,
button.api_button_from_part_1:hover:after,
button.api_button_from_part_2:hover:before,
.home_slide_button_from_part_2:hover:before,
.home_slide_1_button_from_part_1:hover:before {
    content: '';
    transition: 0.4s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50px;
    opacity: 1;
    background: #18376a;
}
.logo_login {
    display: none;
}
#wpadminbar {
    z-index: 999999999999999999999999999999 !important;
}
.menu_on_login_page #login {
    background: #0095f9 !important;
}
#home_page_body footer {
    display: none;
}
.dropdown-item {
    width: auto;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: auto;
    right: -10rem;
    margin-top: -6px;
}
.dropdown-menu > li > a:hover:after {
    transform: rotate(-45deg);
    display: inline-block;
    top: 0px;
    transition: 0.2s;
}
.menu-item-has-children > a:after {
    position: relative;
    content: '';
    transition: 0.2s;
    line-height: 1;
    font-size: 13px;
    right: -5px;
    top: -2px;
    border: solid;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.dropdown-submenu {
    position: relative;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block !important;
}
.menu-style {
    background: #000;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 111111;
}
.navbar-brand img {
    /* max-height: 50px; */
}
.navbar-header {
    width: 100%;
    position: relative;
}
.col-xs-12 {
    float: left;
    width: 100%;
}
.col-12.col-sm-6.about_us_part_2_content_2 {
    /* float:  left; */
    padding: 0px;
    margin-top: 20px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.about_us_part_2_content_1_container_button {
    text-align: center;
}
.support_part_2_right_block_of_three:hover {
    transition: all 0.3s;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    z-index: 234213421342134123412;
    position: relative;
    background: #102b58;
}
footer hr {
    margin-bottom: 25px;
}

.slide .object img {
    transition: all 1s;
    max-width: 456px;
    display: table;
    margin: 0 auto;
}

.slide-1 .object img {
    max-width: 554px;
}

.slide-1 .object {
    margin-top: 151px;
    margin-left: -58px;
}

@media screen and (max-width: 992px) and (min-width: 768px){
    .slide-1 .object {
        margin-top: -2px;
    }

    .slide-1 .object img{
        max-width: 350px !important;
    }
}

@media screen and (max-width: 768px){
    .slide-1 .object {
        margin-top: 2%;
        margin-left: unset;
    }
}

.home_slide_2_left{
    justify-content: flex-end;
}

#home_page_section_2 .object{
    padding-top: 10px;
    padding-right: 5px;
}

#home_page_section_3 .object{
    padding-top: 40px;
    padding-left: 10px;
}

.home_slide_4_left{
    justify-content: flex-end;
}

.home_slide_5_right{
    justify-content: flex-start;
}

#home_page_section_4 .object img{
    max-width: 458px;
}

#home_page_section_5 .object img{
    max-width: 416px;
}

#home_page_section_5 .object{
    padding-top: 40px;
    padding-left: 10px;
}

@media screen and (max-width: 992px){
    #home_page_section_5 .object img{
        max-width: 100%;
    }
}

@media screen and (max-width: 768px){
    .home_slide_4_left{
        justify-content: center;
    }

    #home_page_section_2 .object{
        padding-top: 0px;
        padding-right: 0px;
    }

    #home_page_section_3 .object{
        padding-top: 0px;
        padding-left: 0px;
    }

    #home_page_section_4 .object img{
        max-width: 292px;
    }

    .home_slide_5_right{
        justify-content: center;
    }

    #home_page_section_5 .object{
        padding-top: 0px;
        padding-left: 40px;
        padding-right: 40px;
    }
}

.slide .object{
    display: flex;
    justify-self: center;
}

@media screen and (max-width: 1200px){
    /*.slide .object{*/
    /*    padding: 0 20px;*/
    /*}*/
    .slide .object img {
        max-width: 100%;
    }
}
@keyframes type {
    to {
        width: 100%;
    }
}
.title_animation h2 span {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 1.3;
    width: 0px;
    animation: type steps(60, end);
    position: relative;
    top: 0px;
    left: 0px;
}
.title_animation span {
    -webkit-animation-duration: 2.5s !important;
    animation-duration: 2s !important;
    -webkit-animation-delay: .8s !important;
    animation-delay: .8s !important;
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
}
.title_animation span:nth-of-type(2) {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
    -webkit-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important;
}

.title_animation span:nth-of-type(2) {
    margin-top: -2.3vw;
}
.active .title_animation_home h2 span {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 1.3;
    width: 0px;
    animation: type steps(60, end);
}

/*.slide-6.active .title_animation_home h2{*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    flex-basis: 100%;*/
/*    line-height: 1.3;*/
/*    width: 0px;*/
/*    animation: type steps(100, end);*/
/*}*/

.slide-6.active .title_animation_home h2 span{
    padding: 0;
    margin: 0;
}

.slide-6.active .home_slide_6_right p{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

.slide-6.active .title_animation_home h2{
    opacity: 0;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1.2s !important;
    animation-duration: 1.2s !important;
}

.slide-6.active .slide_6_icons .slide_6_icon{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(2){
    animation-delay: .1s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(3){
    animation-delay: .2s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(4){
    animation-delay: .3s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(5){
    animation-delay: .4s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(6){
    animation-delay: .5s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(7){
    animation-delay: .6s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(8){
    animation-delay: .7s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(9){
    animation-delay: .8s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(10){
    animation-delay: .9s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(11){
    animation-delay: 1s;
}

.slide-6.active .slide_6_icons .slide_6_icon:nth-child(12){
    animation-delay: 1.1s;
}

.active .title_animation_home h2 span, .slide-6.active .title_animation_home h2 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.active .title_animation_home span:nth-of-type(2) {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.title_animation_home span:nth-of-type(2) {
    margin-top: -2.3vw;
}

.active .title_animation_home span:nth-of-type(3) {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}
.title_animation_home span:nth-of-type(3) {
    margin-top: -2.3vw;
}

.support_part_2_right_block_of_three svg {
    height: auto;
    width: 78px;
}
footer#home_page_footer {
    display: block !important;
    z-index: 1234123123412;
    position: relative;
}
.navigation .home_end {
    vertical-align: top !important;
    padding-top: 40px;
    transition: 1s;
}
.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.select .select2-container {
    width: 100% !important;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    padding: 10px 0px;
    outline: 0;
    border: 0px solid #000000;
    font-size: 18px;
    border-radius: 6px;
    background: #3ea5e6;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select span::-ms-expand {
    display: none;
}
.select span:hover,
.select span:focus {
    color: #ffffff;
    background: #3ea5e6;
}
.select span:disabled {
    opacity: 1;
    pointer-events: none;
}
/* .select_arrow {
    position: absolute;
    top: 25px;
    right: 34px;
    width: 17px;
    height: 17px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
} */
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-color: #000000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #CCCCCC;
}
.page-template-api span.select2-selection.select2-selection--single {
    display:  block;
    position:  relative;
    width:  100%;
    border: none;
    background:  transparent;
    text-align:  left;
    padding: 0 21px;
}
.page-template-api .select2-container--default .select2-selection--single .select2-selection__arrow {
    right:  30px !important;
    color:  #fff !important;
}
.page-template-api span#select2-sort-partners-container {
    color:  #fff;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #102b58 !important;
    color:  #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #102b58 !important;
}
.page-template-api .select2-dropdown {
    background: #3ea5e6 !important;
    color:  #fff !important;
    border:  none !important;
}
span.select2-search.select2-search--dropdown {
    display:  none;
}
.page-template-api .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute !important;
    top: 3px !important;
    right: 0px;
    transition: 0.5s;
    margin:  0px !important;
    left: auto !important;
    width: 17px !important;
    height: 17px !important;
    border: solid #ffffff;
    border-color:  #fff !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg);
}
.page-template-api .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(45deg);
    border-color:  #fff !important;
    transition: 0.5s;
    top: 9px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute !important;
    top: 3px !important;
    right: 0px;
    transition: 0.5s;
    margin:  0px !important;
    left: auto !important;
    width: 17px !important;
    height: 17px !important;
    border: solid #102b58;
    border-color: #102b58 !important;
    border-width: 0 2px 2px 0 !important;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(45deg);
    border-color: #0097f9 !important;
    transition: 0.5s;
    top: 9px;
}
.select_div .select2-container {
    width:  100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 26px !important;
    position: absolute !important;
    top: calc(50% - 13px) !important;
    right: 30px !important;
    width: 30px !important;
}
span#select2-selectbasic-container {
    background: #e8eff5 !important;
    border-radius: 8px !important;
    color: #6c757d;
    font-family: 'Brandon Grotesque - Medium';
    font-size: 17px !important;
    border: 1px solid #ced4da;
    letter-spacing: .8px;
    min-height: 87px;
    padding-left: 37px !important;
    text-align: left;
    text-transform: uppercase;
    vertical-align:  middle;
    line-height: 87px;
}
span.select2-selection.select2-selection--single {
    height:  100% !important;
    border:  none;
}
.select2-dropdown {
    background: #e8eff5 !important;
}
.home_slide_1_left_content {}

/* The animation code */
@keyframes example {
    from {color: #ffffff;}
    to {color: #f8ae41;}
}
.active .title_animation_home h2 span i {
    animation-name: example;
    animation-duration: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.form-btn.bold:hover {
    background-color: #102b58;
}

.messagetarea textarea {
    min-height: 113px;
}

.home_slide_1 .container-fluid {
    padding: 0px;
}

.home_slide_7 .last_block_container {
    min-height: 82vh;
    display:  flex;
    align-items:  center;
}
.mob_ico_slider {
    display:  none;
}

.mob_ico_slider_item {
    max-width: 50px;
}

.testimonial-area {
    overflow: hidden;
    padding: 45px 0 0px;
    position: relative
}

.testimonial-area .container {
    z-index: 99999999999999999999 !important
}

.testimonial-area:hover .slick-prev:before, .testimonial-area:hover .slick-next:before {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.testimonial-image-slider {
    margin-top: 5px
}

.testimonial-image-slider.slider-nav.text-center.slick-initialized.slick-slider {
    margin: 0 auto;
    max-width: 630px
}

.testimonial-text-slider {
    margin: auto;
    padding: 0;
    position: relative;
    width: 51%;
    z-index: 9
}

.testimonial-text-slider h2 {
    color: #fff;
    display: block;
    font-size: 1.9vw;
    font-weight: 600;
    line-height: 24px;
    margin-top: 52px;
}

.slick-slider {
    margin-left: -12%;
    margin-right: -12%;
    position: relative;
}

.slick-list {
    padding-top: 7% !important;
    padding-bottom: 7% !important;
    padding-left: 23% !important;
    padding-right: 23% !important;
}

.slick-dots {
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    /* max-width: 400px; */
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

.slick-snext,
.slick-sprev {
    display: block;
}

.slick-current {
    opacity: 1;
    position: relative;
    display: block;
    transform: translate3d(0, 0, 0px);
    z-index: 2;
}

.slick-snext {
    opacity: 1;
    transform: translate3d(35%, 0, -20px);
    z-index: 1;
}

.slick-sprev {
    opacity: 1;
    transform: translate3d(-35%, 0, -20px);
}

.test {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 340px;
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    overflow: hidden;
    /*color: #fff;*/
    /*box-shadow: inset 0px 0px 0px 3px #000*/
    /*box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, .8);*/
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .8);

}

@media screen and (max-width: 775px){
    /*.test {*/
    /*    height: 220px;*/
    /*}*/
    .slick-list {
        padding-top: 15% !important;
        padding-bottom: 15% !important;
    }
}

.test .test-text {
    /*padding-top: 30px;*/
    font-size: 19px;
}

.test .test-image-name-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.test .test-image-name-wrap .test-name-wrap {
    color: #000;
    padding-left: 10px;
    font-size: 21px;
}


.test .test-image-name-wrap .test-name-wrap p {
    margin: 0 0 10px 0;
    opacity: 1;
    font-weight: bold;
    /*font-style: italic;*/
}

.test .test-image-name-wrap .test-image-wrap {
    max-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.test .test-image-name-wrap .test-image-wrap img {
    width: 100%;
    height: 100%;
    max-width: 80%
}

.slick-arrow {
    border: 0;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    border-radius: 3px;
    position: absolute;
    top: 50%;
    cursor: pointer !important;
    z-index: 99999;
}

.slick-arrow i:before{
    line-height: 26px;
}

.rev-prev-btn {
    left: 0;
}

.rev-next-btn {
    right: 0;
}

@media screen and (max-width: 1024px) {
    .rev-prev-btn {
        left: 15px;
    }

    .rev-next-btn {
        right: 15px;
    }
}

@media screen and (max-width: 992px) {
    .slick-arrow {
        display: none !important;
    }
}


.test .test-text p, .test .test-text h2 {
    color: #000;
    opacity: 1;
    /*font-style: italic;*/
    text-align: center;
}

@media screen and (max-width: 576px) {
    .test {
        height: 240px;
    }

    .test .test-text p, .test .test-text h2 {
        font-size: 11px;
    }

    .test .test-image-name-wrap .test-name-wrap p {
        font-size: 10px;
        text-align: left;
    }
}

.rev_slider_wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
}

.copy-social-wrap{
    display: flex;
    /*justify-content: flex-end;*/
    align-items: center;
    margin: 15px 0;
}

.copy-social-wrap ul{
    margin-right: 8px;
    margin-bottom: 0;
}

.copy-social-wrap .footer_right_part_2 p{
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
    .copy-social-wrap{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .copy-social-wrap ul{
        margin-right: 0px;
        margin-top: 25px;
    }

    .slide .object img{
        max-height: 320px;
    }

    .slide-3 .object{
        justify-content: center;
    }
}

@media screen and (max-width: 576px){
    .slide .object img{
        max-height: 270px;
    }
}

.home_slide_1_right, .home_slide_1_left{
    max-height: 500px !important;
}

.fs-base{
    overflow-x: hidden;
}

.fs-base:not(.left) .text-wrap {
    padding: 0 20px 0 28px;
}

.fs-base.left .text-wrap {
    padding: 0 28px 0 20px;
}

.fs-base .text-wrap .fs-title {
    font-family: 'Brandon Grotesque - Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 82px;
    line-height: 74px;
    color: #fff;
    margin-bottom: 20px;
    white-space: nowrap;
}

.fs-base .text-wrap .fs-title > div:nth-child(2), .fs-base .text-wrap .fs-title > span:nth-child(2) {
    opacity: 0
}

.fs-base .text-wrap .fs-title > div:nth-child(1), .fs-base .text-wrap .fs-title > span:nth-child(1){
    opacity: 0
}

.fs-base.active .text-wrap .fs-title > div:nth-child(1), .fs-base.active .text-wrap .fs-title > span:nth-child(1) {
    animation-name: fadeTitleF;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}

.fs-base.active .text-wrap .fs-title > div:nth-child(2), .fs-base.active .text-wrap .fs-title > span:nth-child(2) {
    animation-name: fadeTitleS;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
}


.fs-base .text-wrap .fs-description {
    font-family: "Brandon Grotesque - Regular";
    font-style: normal;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
    text-align: justify;
    opacity: 0;
}

.fs-base.active:not(.left) .text-wrap .fs-description{
    opacity: 0;
    animation-name: sideFadeLeft;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: .5s;
}

.fs-base.active.left .text-wrap .fs-description{
    opacity: 0;
    animation-name: sideFadeRight;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 0;
}

.f-section-1.header{
    padding-top: 170px;
    padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .f-section-1.header {
        padding-bottom: 60px;
        padding-top: 100px;
    }
}

.f-section-1, .f-section-4, .f-section-7 {
    background: #193668;
    min-height: 525px;
    width: 100%;
}

.f-section-2, .f-section-5, .f-section-8 {
    background: #0198F1;
    min-height: 525px;
    width: 100%;
}

.f-section-3, .f-section-6, .f-section-9 {
    background: #FAAE40;
    min-height: 525px;
    width: 100%;
}

.fs-base .img-wrap img{
    opacity: 0;
    transform: scale(.7);
}

.fs-base.active .img-wrap img{
    animation-name: imageFade;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@media screen and (max-width: 992px){
    .fs-base .text-wrap .fs-title {
        font-size: 40px;
        line-height: 32px;
    }

    .fs-base .text-wrap .fs-description {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 768px){
    .fs-base{
        padding: 60px 0;
    }

    .fs-base .img-wrap{
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .fs-base .img-wrap img{
        max-width: 100%;
    }

    .fs-base .text-wrap{
        text-align: center !important;
    }

    .fs-base .text-wrap .fs-title{
        text-align: center !important;
    }
}

@media screen and (max-width: 410px) {
    .fs-base .text-wrap .fs-title {
        font-size: 30px !important;
        line-height: 24px !important;
    }
}

@keyframes fadeTitleF {
    0% {
        transform: translateY(-15%);
        opacity: 0
        /*filter: blur(5);*/
    }
    100% {
        transform: translateY(0%);
        /*filter: blur(0);*/
        opacity: 1
    }
}

@keyframes fadeTitleS {
    0% {
        transform: translateY(-15%);
        opacity: 0
        /*filter: blur(5);*/
    }
    100% {
        transform: translateY(0%);
        /*filter: blur(0);*/
        opacity: .5
    }
}

@keyframes sideFadeLeft {
    0%{
        transform: translateX(40%);
        opacity: 0;
    }

    100%{
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes sideFadeRight {
    0%{
        transform: translateX(-40%);
        opacity: 0;
    }

    100%{
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes imageFade {
    0%{
        transform: scale(.7);
        opacity: 0;
    }

    100%{
        transform: scale(1);
        opacity: 1
    }
}

.login-btn {
    background: rgba(255,255,255,.2);
    border-radius: 20px;
    padding-left: 25px;
    padding-right: 25px;
    height: 40px;
    min-height: unset;
    margin-top: 12px;
    transition: background .3s ease;
}

.menu_on_pages ul li.login-btn a {
    margin: 0 !important;
    color: #fff !important;
}

.menu_on_pages ul li.login-btn:hover{
    background: rgba(255,255,255,.3);
}



@media screen and (min-width: 768px) {
    .navbar-header {
        width: 28% !important;
    }
}

@media screen and (max-width: 767px){
    .menu_on_pages ul li.login-btn{
        max-width: 182px;
        margin: 0 auto 20px auto;
        height: 50px;
        border-radius: 30px;
    }

    .login-btn {
        padding-left: 25px;
        padding-right: 25px;
    }

    .login-btn a{
        line-height: 50px;
    }
}

.download_button.section_svg_animation img {
    max-width: 100%;
}

.api-part-3 .custom-section-1{
    opacity: 0;
    transition: opacity 1s ease;
}

.api-part-3 .custom-section-1.mt-inview_once{
    opacity: 1;
}

.api-part-3 .right-block-content{
    background: #112D5C;
    border-radius: 50% 50% 50% 0;
    height: 28.1vw;
    margin-right: 7.4vw;
    margin-top: 15.5vw;
    width: 28.1vw;
    position: relative;
    z-index: 2;
    max-width: 540px;
    max-height: 540px;
}

.api-part-3 .right-block:before {
    background: #43b3f6;
    border-radius: 50% 50% 0 50%;
    content: '';
    float: left;
    height: 700px;
    right: 0;
    opacity: 1;
    position: absolute;
    top: 20%;
    width: 700px;
    z-index: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1449px){
    .api-part-3 .right-block:before {
        height: 44.8vw;
        right: -6vw;
        top: 1.2vw;
        width: 44.8vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .api-part-3 .right-block:before {
        height: 44.8vw;
        right: -6vw;
        top: 1.2vw;
        width: 44.8vw;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .api-part-3 .right-block:before {
        height: 44.8vw;
        right: -6vw;
        top: 6vw;
        width: 44.8vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .api-part-3 .right-block:before {
        height: 44.8vw;
        right: -6vw;
        top: 5.8vw;
        width: 44.8vw;
    }
}

@media screen and (max-width: 767px) {
    .api-part-3 .right-block:before {
        height: 80vw;
        right: -23vw;
        top: -9.2vw;
        width: 80vw;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    .api-part-3 .right-block-content{
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 9.2vw;
        width: 70vw;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .api-part-3 .right-block-content {
        height: auto;
        margin-right: auto;
        margin-left: auto;
        margin-top: 9.2vw;
        width: 80vw;
    }
}

.api-part-3 .right-block img {
    max-width: 100%;
    width: 100%;
}

.api-part-3 .left-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding-right: 77px;
}

.api-part-3 .left-block .block-content{
    max-width: 650px;
}

.api-part-3 .api_part_2_left_p{
    color: #fff;
    font-family: "Brandon Grotesque - Regular";
    font-size: 30.779px;
    line-height: 1.2;
    margin-top: 60px;
    opacity: 0.8;
    width: 430px;
}

@media only screen and (min-width: 1366px) and (max-width: 1449px){
    .api-part-3 .api_part_2_left_p{
        font-size: 1.7vw;
        margin-top: 2.3vw;
        width: 430px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1450px){
    .api-part-3 .api_part_2_left_p {
        font-size: 1.7vw;
        margin-top: 2.3vw;
        width: 30vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .api-part-3 .api_part_2_left_p {
        font-size: 1.7vw;
        margin-top: 2.3vw;
        width: 30vw;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .api-part-3 .api_part_2_left_p {
        font-size: 1.7vw;
        margin-top: 2.3vw;
        width: 30vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .api-part-3 .api_part_2_left_p {
        font-size: 1.7vw;
        margin-top: 2.3vw;
        width: 30vw;
    }
}

@media only screen and (max-width: 768px){
    .api-part-3 .left-block {
        justify-content: center;
        padding-right: 0;
    }

    .api-part-3 .api_part_2_left_p {
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-top: 6.3vw;
    }

    .api_part_2, .api-part-3{
        padding-bottom: 50px !important;
    }
}

@media screen and (min-width: 768px){
    h2.api_part_2_right_h2{
        padding-top: 60px;
    }
}

@media screen and (min-width: 1600px) {
    h2.api_part_2_right_h2 {
        margin-top: 5.3vw;
        padding-top: 110px;
    }
}

/* google pay page styles */
/* 1 */
section.google_pay {
    position: relative;
    top: 0;
    overflow:  hidden;
}

.google_pay_part_1 {
  background-color: #0198f9;
  position: relative;
  overflow: hidden;
}

.google_pay_part_1 > .container-fluid > .row {
  min-height: 688px;
}

.google_pay_part_1_left {
  justify-content: center;
  align-items: center;
  padding-top: 156px;
  padding-bottom: 118px;
}

.google_pay_part_1_left h2 {
  color: #fff;
  font-family: "Brandon Grotesque - Regular" !important;
  font-size: 88px;
  padding-bottom: 10px;
}

.google_pay_part_1_left h2 b {
  font-weight: normal;
  color: #85D1FF;
}

.google_pay_part_1_left p {
    color: #F6F7F7;
    font-family: "Brandon Grotesque - Regular";
    font-size: 18px;
    line-height: 1.44;
}

.google_pay_part_1_left_content {
  max-width: 470px;
}

.google_pay_part_1_right {
  align-items: center;
  padding-top: 160px;
  padding-bottom: 112px;
}

.google_pay_part_1_right svg {
  position: relative;
  display: block;
  z-index: 2;
}

.google_pay_part_1_right_content {
  position: relative;
  margin-left: 15.5%;
}

.google_pay_part_1_right_content:before {
  height: 600px;
  width: 600px;
  background-color: #128FDC;
  border-radius: 50%;
  display: inline-block;
  content: '';
  position: absolute;
  left: 40px;
  top: 0;
}

button.google_pay_button_from_part_1 {
    background: #f8ae41;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    height: 70px;
    line-height: 1;
    margin-top: 67px;
    padding: 25px 0;
    text-align: center;
    width: 240px;
  position: relative;
  cursor: pointer;
}

button.google_pay_button_from_part_1:hover {
  background: #18376a;
  color: #f8ae41;
}

/* 2 */
.google_pay_part_2 {
  color: #fff;
  padding-top: 94px;
  padding-bottom: 128px;
}

.google_pay_2_title h2 {
  color: #fff;
  font-family: "Brandon Grotesque - Regular" !important;
  font-size: 88px;
  padding-bottom: 40px;
  text-align: center;
}

.google_pay_2_item {
  line-height: 1.4;
  font-family: "Brandon Grotesque - Regular";
  font-size: 18px;
  margin-bottom: 10px;
}

.google_pay_2_item--image {
  min-height: 100px;
  margin-bottom: 26px;
}

/* 3 */
.google_pay_part_3 {
  background-color: #0198f9;
  color: #fff;
  padding-top: 90px;
  padding-bottom: 200px;
}

.google_pay_part_3_title {
  justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.google_pay_part_3_title h2 {
  color: #fff;
  font-family: "Brandon Grotesque - Regular" !important;
  font-size: 88px;
  line-height: .9;
  padding-bottom: 94px;
  text-align: center;
  max-width: 1000px;
}

.google_pay_3_item {
  position: relative;
  padding-left: 40px;
  margin-bottom: 68px;
}

.google_pay_3_item--int {
  line-height: 1.4;
  font-family: "Brandon Grotesque - Regular";
  font-size: 18px;
  padding-left: 33px;
  padding-right: 30px;
  border-left: 1px solid #1BA2F3;
  position: relative;
  height: 100%;
}

.google_pay_3_item--int:after {
  content: '';
  display: block;
  position: absolute;
  left: -3px;
  top: -4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(0deg, #84C8F5, #84C8F5), #80CBF8;
}

.google_pay_3_item:nth-child(1) .google_pay_3_item--int:before {
  content: '01';
  display: block;
  position: absolute;
  left: -24px;
  top: -14px;
  color: #84C8F5;
}

.google_pay_3_item:nth-child(2) .google_pay_3_item--int:before {
  content: '02';
  display: block;
  position: absolute;
  left: -26px;
  top: -14px;
  color: #84C8F5;
}

.google_pay_3_item--title {
  font-size: 38px;
  padding-bottom: 24px;
  transform: translateY(-14px);
}

.google_pay_3_item--text {
  font-size: 25px;
  line-height: 1.3;
}

.google_pay_3_image {
  padding-bottom: 15px;
  text-align: center;
}

.google_pay_3_image img {
  max-width: 100%;
}


@media (max-width: 767px) {
  .google_pay_part_1_left h2, .google_pay_2_title h2, .google_pay_part_3_title h2 {
    font-size: clamp(46px, 15vw, 88px);
    text-align: center;
  }
  
  .google_pay_part_1_left {
    padding-top: 30px;
    padding-bottom: 74px;
    z-index: 2;
  }
  
  .google_pay_part_1_right {
      padding-top: 74px;
      padding-bottom: 0;
      order: -1;
  }
  
  .google_pay_part_1_right_content {
    margin-left: auto;
    margin-right: auto;
}
  
  .google_pay_part_1_right svg {
    max-width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  .google_pay_part_2 {
      padding-top: 60px;
      padding-bottom: 60px;
  }  
  
  .google_pay_2_item {
      margin-bottom: 30px;
  }
  
  .google_pay_2_item--image {
    min-height: 0;
    text-align: center;
  }
  
  .google_pay_part_3 {
      padding-top: 60px;
      padding-bottom: 60px;
  }  

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .google_pay_part_1_left h2, .google_pay_2_title h2, .google_pay_part_3_title h2 {
    font-size: clamp(52px, 5.7vw, 88px);
  }
  
  .google_pay_part_1_right svg {
    max-width: 75%;
    height: auto;
  }
  
  .google_pay_part_3 {
      padding-bottom: 60px;
  }   
}

@media screen and (max-width: 767px) {
  .google_pay_1_left_button {
    text-align: center;
  }
  
  button.google_pay_button_from_part_1 {
    font-size: 16px;
    height: 50px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    padding: 0;
      width: 178px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
  button.google_pay_button_from_part_1 {
      padding: 0px;
      font-size: 16px;
      height: 47px;
      margin-top: 40px;
      width: 178px;
  }
}