/****************************
#General Style
*****************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
* {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
body {
    line-height: 20px;
    font-weight: 400;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    position: relative;
    background: #fff;
    color: #53565A;
}
a:hover{
    text-decoration: none;
}
::selection {
    background: #3d8dfb;
    color: #fff;
}
h1, h2, h3, h4, h5, h6{
    color: #fff;
}
i{
    display: inline-block;
}
.animate-particle {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    width: 100%;
    /*z-index: 1;*/
}

.animate-particle li {
    position: absolute;
    opacity: 0.3;
}

.animate-particle li:nth-child(1) {
    left: 90px;
    top: 40%;
    -webkit-animation: animationFramesRight 40s infinite linear;
    animation: animationFramesRight 40s infinite linear;
}

.animate-particle li:nth-child(2) {
    right: 40%;
    bottom: 20%;
    -webkit-animation: animationFramesRight 30s infinite linear;
    animation: animationFramesRight 30s infinite linear;
}

.animate-particle li:nth-child(3) {
    right: 28%;
    top: 30%;
    -webkit-animation: animationFramesRight 30s infinite linear;
    animation: animationFramesRight 30s infinite linear;
}

.animate-particle li:nth-child(4) {
    right: 5%;
    top:60%;
    -webkit-animation: animationFramesLeft 20s infinite linear;
    animation: animationFramesLeft 20s infinite linear;
}

.animate-particle li:nth-child(5) {
    left: 10%;
    top: 20%;
    -webkit-animation: animationFramesLeft 20s infinite linear;
    animation: animationFramesLeft 20s infinite linear;
}

.animate-particle li:nth-child(6) {
    right: 40%;
    top: 110px;
     -webkit-animation: animationFramesLeft 20s infinite linear;
    animation: animationFramesLeft 20s infinite linear;
}
.animate-particle li:nth-child(7) {
    left: 9%;
    bottom: 110px;
     -webkit-animation: animationFramesLeft 20s infinite linear;
    animation: animationFramesLeft 20s infinite linear;
}
.animate-particle li:nth-child(8) {
    right: 60%;
    top: 110px;
     -webkit-animation: animationFramesLeft 20s infinite linear;
    animation: animationFramesLeft 20s infinite linear;
}

.animate-particle li.bubble {
    height: 14px;
    width: 14px;
    background: #fff;
    border-radius: 50%;
    right: 15%;
    top: 28%;
    -webkit-animation: animationFramesLeft 30s infinite linear;
    animation: animationFramesLeft 30s infinite linear;
}
 
@-webkit-keyframes animationFramesLeft {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, 1px) rotate(-36deg);
        transform: translate(-73px, 1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, -72px) rotate(-72deg);
        transform: translate(-141px, -72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, -122px) rotate(-108deg);
        transform: translate(-83px, -122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, -72px) rotate(-144deg);
        transform: translate(40px, -72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesLeft {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(-73px, 1px) rotate(-36deg);
        transform: translate(-73px, 1px) rotate(-36deg);
    }
    40% {
        -webkit-transform: translate(-141px, -72px) rotate(-72deg);
        transform: translate(-141px, -72px) rotate(-72deg);
    }
    60% {
        -webkit-transform: translate(-83px, -122px) rotate(-108deg);
        transform: translate(-83px, -122px) rotate(-108deg);
    }
    80% {
        -webkit-transform: translate(40px, -72px) rotate(-144deg);
        transform: translate(40px, -72px) rotate(-144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesRight {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, 1px) rotate(36deg);
        transform: translate(73px, 1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesRight {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, 1px) rotate(36deg);
        transform: translate(73px, 1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}
.page-content {
    padding: 40px 0;
    background: url("../images/bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
     overflow-x: hidden;
}
.logo{
    margin-bottom: 40px;
}
.logo img{
    height: 60px;
}
h1 {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.app-description > p {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    opacity: 0.9;
    text-align: justify;
    text-align-last: center;
}
.app-download {
    margin-top: 30px;
}
.app-download h2 {
    margin-bottom: 25px;
    font-size: 22px;
}
.download-btn {
    padding: 8px 15px;
    background: #000;
    min-width: 170px;
    direction: ltr;
    margin-right: 10px;
    border-radius: 8px;
    color: #fff;
    text-align: left;
    transition: all 0.2s ease-in-out;
}
.download-btn:last-child{
    margin-right: 0;
}
.download-btn:hover{
    color: #fff;
    text-decoration: none;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 4px 11px rgb(94 96 106);
}
i.fab.fa-apple {
    font-size: 30px;
    margin-right: 12px
}
i.fab.fa-google-play {
    font-size: 22px;
    margin-right: 12px;
}
.download-btn  h6 {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
}
.download-btn p {
    text-align: left;
    font-size: 12px;
    margin-bottom: 0;
}
.download-btn{
    display: block;
    position: relative;
    top: 0;
}
.download-btn {
    background: #000;
    background: linear-gradient(-45deg, #000 50%, #3b3e38 60%, #000 70%);
    background-size: 600% 100%;
    animation: shine 20s infinite;
    animation-delay: 0s;
    animation-timing-function: linear;
}
button:active {
    top: 2px;
}
@keyframes shine {
    0% {
        background-position-x: 400%;
    }
    50% {
        background-position-x: 0%;
    }
    100% {
        background-position-x: -400%;
    }
}

.share-buttons{
    margin-top: 50px;
}
.share-buttons a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-left: 5px;
}
.share-buttons a span {
    transition: all 0.2s ease-in-out;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    display: block;
    flex: none;
    border-radius: 50%;
}
.share-buttons a span:hover {
    box-shadow: 0 3px 7px rgb(128 51 255);
    width: 43px;
    height: 43px;
    line-height: 43px;
}
.facebook span{
    background: #1877F2;
}
.twitter span{
    background: #1DA1F2;
}
.instagram span{
    background: #E4405F;
}
.snapchat span{
    background: #FFFC00;
    /*color: #000 !important;*/
}
.app-screens {
    margin-top: -40px;
}
.screens {
    position: relative;
    width: 248px;
    height: 500px;
    margin: auto;
    overflow: hidden;
}
/*.screens:after {
    content: url(../images/screen/phone.png);
    background-position: center;
    background-size: cover;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}*/
.item {
    width: 248px;
    height: 500px;
    overflow: hidden;
}
.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
    text-align: center;
    z-index: 99;
}
.owl-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 5px;
    background: #ececec !important;
    display: inline-block;
    outline: none;
}
.owl-dots button:focus{
    outline: none;
    border: none;
}
.owl-dots button.active {
    background: #3d8dfb !important;
}
#kmacb {
    position: fixed;
    display: none;
    background-color: transparent;
    width: 160px;
    height: 160px;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    right: 15px;
    bottom: 15px;
}

.cbh-phone{position:fixed;      right: 0;
           bottom: 0; visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:99;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
.cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.cbh-phone.cbh-static1{opacity:.6}
.cbh-phone.cbh-hover1{opacity:1}
.cbh-ph-circle{width:110px;height:110px;top:40px;left:40px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
.cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
.cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
.cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
.cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
.cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url("../images/whatsapp.png");background-size: 35px 35px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
.cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
.cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
.cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
.cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
.cbh-ph-img-circle1 {}
.cbh-phone.cbh-green .cbh-ph-circle {border-color: #fff}
.cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: #fff;}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:#4FCE5D;}

.kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
}
.kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
}
.kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
}
.lang{
    position: absolute;
    left: 0;
    color: #fff;
}
.lang:hover{
    color: #fff;
    opacity: 0.9;
}
@media (max-width:991px){
    .lang {
    left: 20px;
    top: -25px;
}
    .body-shape {
        top: 0;
        bottom: auto;
        height: 50%;
        z-index: -1;
    }
    .row.app-content {
        flex-direction: column-reverse;
    }
    .app-screens {
        margin-bottom: 50px;
        margin-top: 0;
    }
    .logo img {
        height: 50px;
    }
    .cbh-phone {
        right: 0;
        bottom: 10px;
        width: 110px;
        height: 110px;
    }
    .cbh-ph-circle {
        width: 110px;
        height: 110px;
        top: 5px;
        right: 5px;
        left: auto;
    }
    .cbh-ph-circle-fill {
        width: 74px;
        height: 74px;
        top: 24px;
        right: 24px;
        left: auto;
    }
    .cbh-ph-img-circle1 {
        width: 50px;
        height: 50px;
        background-size: 30px 30px;
        top: 35px;
        right: 35px;
        left: auto;
    }
    .download-btn {
        width: calc(100% - 10px);
    }
    .share-buttons {
    margin-top: 50px;
    margin-bottom: 80px;
}
.animate-particle li:nth-child(1) {
    left: 9px;
    top: 33%;
}

.animate-particle li:nth-child(2) {
    right: 40%;
    bottom: 20%;
}

.animate-particle li:nth-child(3) {
    right: 28px;
    top: 15%;
}

.animate-particle li:nth-child(4) {
    right: 5px;
    top:30%;
}

.animate-particle li:nth-child(5) {
    left: 15px;
    top: 20%;
}

.animate-particle li:nth-child(6) {
    right: 10px;
    top: 60%;
}
.animate-particle li:nth-child(7) {
    left: 9px;
}
.animate-particle li:nth-child(8) {
    right: 10px;
}

.animate-particle li.bubble {
    right: 20px;
}
}
@media (max-width:300px){
    .download-btn {
        min-width: 100%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .app-download > .d-flex.justify-content-center {
        flex-direction: column;
    }
}