/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
*:focus,*:active,*:visited{outline:0 !important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#000;}

/* LAYOUT */
body{font:16px/22px 'Raleway';text-align:center;padding-top:69px;}
section{overflow:hidden;position:relative;padding:4rem 0;}
strong{font-weight:700;}

/* HEADINGS */
h1{font:700 52px/58px 'Raleway';padding-bottom:15px;}
h2{font:700 48px/54px 'Raleway';padding-bottom:15px;}
h3{font:700 44px/50px 'Raleway';padding-bottom:15px;}
h4{font:700 40px/46px 'Raleway';padding-bottom:15px;}
h5{font:700 36px/42px 'Raleway';padding-bottom:15px;}
h6{font:700 32px/38px 'Raleway';padding-bottom:15px;}

/* BUTTONS */
.btn{margin-top:15px;cursor:pointer;}

/* ICONS */
.fa{font-size:38px !important;}
h2 {
    font: 700 36px / 54px 'Raleway';
}
/* HEADER */
header
{
    background:#000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    padding:3px 0;
}
header li
{
    display:inline-block;
    margin-left:15px;
}

.logo
{
    padding-top: 3px;
}
/* SLIDESHOW */
/*#slideshow{padding:0;}*/
#slideshow .row{height:calc(100vh - 69px);}
/*#slideshow .carousel-item{background:#666;}*/

/* FEATURES */
#features , #contact
{background:#d69802;color:#fff;}

/* FORM ELEMENTS - Placeholder */
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{font-weight:300;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{font-weight:300;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{font-weight:300;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{font-weight:300;}
form label.error{display:none !important;}
form .error{border:1px solid red !important;color:red;}
form .error::-webkit-input-placeholder{color:red;}
form .error:-moz-placeholder{color:red;}
form .error::-moz-placeholder{color:red;}
form .error:-ms-input-placeholder{color:red;}
form input,
form textarea{
    /*display:block;*/
    /*width:100%;*/
    padding:10px;margin-bottom:25px;}

/* CONTACT */
/*#contact{background:#000;color:#666;}*/

.slider_main_text
{
    position: relative;
}
.slider_main_text img
{
    position: absolute;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
padding: 10px 21px;
text-decoration: none;
font-size: 21px;
color: #818181;
display: block;
transition: 0.3s;
text-align: left;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


#slide1 
{
    background: url('../images/slider1.jpg') top center no-repeat;
    background-size: cover;
}
#slide2 
{
    background: url('../images/slider2.jpg') top center no-repeat;
    background-size: cover;
}
#slide3
{
    background: url('../images/slider3.jpg') top center no-repeat;
    background-size: cover;
}

#slide4
{
    background: url('../images/slider4.jpg') top center no-repeat;
    background-size: cover;
}

.login , .login:hover
{
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    margin-right: 21px;
    border: 1px solid #fff;
    padding: 5px 17px;
    border-radius: 4px;
    background: #d69802;
}


.circle-text {
    text-transform: uppercase;
   /* font-family: sans-serif; */
    position: absolute;
    top: 76px;
    text-align: center;
    color: #fff;
    width: 150px;
    margin-left: -110px;
    font-weight: 400;
    left: 68px;
    font-weight: 500;
}

.circle-icon {
    font-size: 40px;
    color: #fff;
}

.slidercircle {
    margin: 0px auto;
    /*margin-top: 70px;*/
    width: 570px;
    height: 500px;
}

.circle-middle {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    margin-left: 153px;
    margin-top: 153px;
    width: 210px;
    height: 210px;
    /*background: linear-gradient(330deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%);*/
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    transition: 1s;
    background: #fff;
    border: 5px solid #f1d797;
}

.circle-middle:hover {
    /*box-shadow: 0 0 150px 55px #ffde00;*/
}

.circle-one {
    margin-left: 110px;
    margin-top: 110px;
    width: 270px;
    height: 270px;
    border: 0px solid #6b6b6b;
    position: absolute;
    border-radius: 50%;
}

ul.card-text {
  list-style: unset;
  text-align: left;
  padding-left: 30px;
}

.circle-two {
    width: 500px;
    height: 500px;
    border: 2px solid #6b6b6b;
    position: absolute;
    border-radius: 50%;
    background: #000;
    border: 5px solid #f1d797;
}

.circle-arround-two-1 , .circle-arround-two-2 , .circle-arround-two-3 , .circle-arround-two-4 {
    cursor: pointer;
    position: absolute;
    /*width: 70px;*/
    /*height: 70px;*/
    border-radius: 50%;
    top: 210px;
    left: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_sub{
    text-align: left;
padding: 20px;
}
.img_border
{
    border: 4px solid #f5ad005e;
border-radius: 4px;
}
.circle-arround-two-1 {
    /*transform: rotate(45deg) translateX(250px) rotate(-45deg);*/
    /*-webkit-animation: orbit3 100s linear infinite;*/
    /*-moz-animation: orbit3 100s linear infinite;*/
    /*-o-animation: orbit3 100s linear infinite;*/
    /*animation: orbit2 100s linear infinite;*/
    transition: 1s;
    background: #1877f2;
    right: 48px;
    left: 44%;
    top: -11px;
}

.circle-arround-two-2 {
    /*transform: rotate(45deg) translateX(-250px) rotate(-45deg);*/
    /*-webkit-animation: orbit3 100s linear infinite;*/
    /*-moz-animation: orbit3 100s linear infinite;*/
    /*-o-animation: orbit3 100s linear infinite;*/
    /*animation: orbit3 100s linear infinite;*/
    transition: 1s;
    background: #1da1f2;
    left: 80%;
    right: 82%;
    top: 29%;
}

.circle-arround-two-3 {
    /*transform: rotate(45deg) translateY(250px) rotate(-45deg);*/
    /*-webkit-animation: orbit3 100s linear infinite;*/
    /*-moz-animation: orbit3 100s linear infinite;*/
    /*-o-animation: orbit3 100s linear infinite;*/
    /*animation: orbit4 100s linear infinite;*/
    transition: 1s;
    background: #c32aa3;
    left: 43px;
    right: 89%;
    top: 29%;
}

.circle-arround-two-4 {
    /*transform: rotate(45deg) translateY(-250px) rotate(-45deg);*/
    /*-webkit-animation: orbit3 100s linear infinite;*/
    /*-moz-animation: orbit3 100s linear infinite;*/
    /*-o-animation: orbit3 100s linear infinite;*/
    /*animation: orbit5 100s linear infinite;*/
    transition: 1s;
    background: #ff0000;
    right: 48px;
    left: 45%;
    top: 63%;
}

.circle-arround-two-1 i:hover,
.circle-arround-two-2 i:hover,
.circle-arround-two-3 i:hover,
.circle-arround-two-4 i:hover {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}

.circle-arround-two-1:hover,
.circle-arround-two-2:hover,
.circle-arround-two-3:hover,
.circle-arround-two-4:hover {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.25);
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes orbit2 {
    from {
        -webkit-transform: rotate(0deg) translateX(250px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@-moz-keyframes orbit2 {
    from {
        -moz-transform: rotate(0deg) translateX(250px) rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@-o-keyframes orbit2 {
    from {
        -o-transform: rotate(0deg) translateX(250px) rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@keyframes orbit2 {
    from {
        transform: rotate(0deg) translateX(250px) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@-webkit-keyframes orbit3 {
    from {
        -webkit-transform: rotate(0deg) translateX(-250px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(-250px) rotate(-360deg);
    }
}

@-moz-keyframes orbit3 {
    from {
        -moz-transform: rotate(0deg) translateX(-250px) rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg) translateX(-250px) rotate(-360deg);
    }
}

@-o-keyframes orbit3 {
    from {
        -o-transform: rotate(0deg) translateX(-250px) rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg) translateX(-250px) rotate(-360deg);
    }
}

@keyframes orbit3 {
    from {
        transform: rotate(0deg) translateX(-250px) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translateX(-250px) rotate(-360deg);
    }
}

@-webkit-keyframes orbit4 {
    from {
        -webkit-transform: rotate(0deg) translateY(250px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateY(250px) rotate(-360deg);
    }
}

@-moz-keyframes orbit4 {
    from {
        -moz-transform: rotate(0deg) translateY(250px) rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg) translateY(250px) rotate(-360deg);
    }
}

@-o-keyframes orbit4 {
    from {
        -o-transform: rotate(0deg) translateY(250px) rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg) translateY(250px) rotate(-360deg);
    }
}

@keyframes orbit4 {
    from {
        transform: rotate(0deg) translateY(250px) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translateY(250px) rotate(-360deg);
    }
}

@-webkit-keyframes orbit5 {
    from {
        -webkit-transform: rotate(0deg) translateY(-250px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateY(-250px) rotate(-360deg);
    }
}

@-moz-keyframes orbit5 {
    from {
        -moz-transform: rotate(0deg) translateY(-250px) rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg) translateY(-250px) rotate(-360deg);
    }
}

@-o-keyframes orbit5 {
    from {
        -o-transform: rotate(0deg) translateY(-250px) rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg) translateY(-250px) rotate(-360deg);
    }
}

@keyframes orbit5 {
    from {
        transform: rotate(0deg) translateY(-250px) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translateY(-250px) rotate(-360deg);
    }
}

.stopanima {
    animation-play-state: paused !important;
}


/******************************/
.creator {
  position: fixed;
  right: 5px;
  top: 5px;
  font-size: 13px;
  /*font-family: sans-serif; */
  text-decoration: none;
  color: #f1f1f1;
}

.creator:hover {
  color: pink;
}

.creator i {
  font-size: 12px;
}
.anima img {
  width: 42px;
}
#about ul li  , #systematic ul li
{
    display: flex;
    align-content: space-around;
    align-items: center;
    border: 1px solid #0000002e;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 7px;
}
.systematic ul 
{
    /*list-style-type: circle;*/
}
.building-wealth h6
{
    font-size: 20px;
    margin-bottom: 30px;
}
.systematic ul li
{
    line-height: 1.9;
    /*display: block;*/
    /*text-align: left;*/
    /*margin: 10px auto;*/
}
#about ul , #building_wealth ul , #systematic ul
{
    text-align: left;
    margin: 0px 0px;
}

#about ul li img , #building_wealth ul li img , #systematic ul li img
{
  width: 65px;
  margin-right: 20px;
}
#building_wealth ul li img
{
    display: none;
}
#building_wealth ul li
{
    border: 1px solid #0000;
    padding: 0;
    margin-bottom: 8px;
    /*display: block;*/
    list-style: unset;
text-align: left;
}
#building_wealth ul 
{
    list-style-type: disc;
}
.card
{
    margin-bottom: 20px;
}
.card .card-title
{
        font-size: 20px;
    margin: 0;
}
.circle-middle img
{
    border-radius: 5px;
    margin-top: 31px;
}
.circle-middle p
{
    color: #000;
}
.bg_color
{
    background: #eee;
    padding: 6rem 0px;
}
#managing_wealth
{
     /*background: lightblue url("../images/wealth.jpg") no-repeat fixed;*/
     /*background-size: cover;*/
}

.text-white
{
    color: #fff;
}
ul.Systematic_img li img {
    border: 1px solid #000;
}
ul.Systematic_img li
{
    padding: 12px;
}
ul.Systematic_img {
  display: flex;
}
.boxaddress
{
    display: flex;
    align-items: center;
        justify-content: center;
}
.boxaddress .box_address
{
    padding-left: 40px;
}
.include
{
    font-weight: 600;
padding: 20px;
}
ul.info
{
    padding: 11px;
    padding: 12px 0px;
}
ul.info li {
  display: inline-block;
  font-weight: 600;
	
}
.number
{
	font-family: sans-serif;
}
ul.info li span
{
    font-size: 15px !important;
    font-weight: 500;
}
ul.social li a {
  padding: 10px 15px;
  background: #000;
  color: #fff;
  border-radius: 28px;
}

.slider_text {
    background: #fff9;
    padding: 40px;
    border-radius: 7px;
}
.slider_text p
{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}
.carousel
{
    padding-top: 39px;
}
.carousel-inner img
{
    height: 620px;
}
.carousel-caption
{
    left: 9%;
    color: #fff;
    text-align: center;
    background: #00000057;
    top: 31%;
    padding: 31px;
    border-radius: 7px;
    right: auto;
    bottom: auto;
}
#founder img
{
    width: 266px;
    padding: 6px;
}
.carousel-caption img
{
    top: 24%;
}

#carouselExampleIndicators h5 {
  font-size: 26px;
}

#carouselExampleIndicators h6 {
  font-size: 22px;
}
.financial_list li
{
    line-height: 2;
    margin-bottom: 8px;
}
.insurance_list li
{
    line-height: 2;
    margin-bottom: 8px;
}
#systematic ul li
{
    padding: 39px 25px;
}
.nri_list li
{
    line-height: 2.4 !important;
    margin-bottom: 26px;
}


@import "compass/css3";
 @font-face {
	 src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/decade.ttf');
	 font-family: Decade;
}
 *, *:before, *:after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
.body {
	 height: 100%;
	 overflow: hidden;
	 background: #000;
}
 @media (max-width: 767px) {
	 .body {
		 font-size: 80%;
	}
}
 @media (max-width: 640px) {
	 .body{
		 font-size: 60%;
	}
}
 @media (max-width: 480px) {
	.body {
		 font-size: 40%;
	}
}
 .inner, .nav-panel ul .nav-btn:after {
	 content: "";
	 position: absolute;
	 top: 50%;
	 left: 50%;
}
 .scene {
	 width: 100%;
	 height: 100%;
}
 .page {
	 z-index: 1;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 transition: transform 0.7s, opacity 0.7s, z-index 0.7s;
	 will-change: transform, opacity;
}
 .page:nth-child(1) .left {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-1.jpg');
}
 .page:nth-child(1) .right {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-2.jpg');
}
 .page:nth-child(2) .left {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-3.jpg');
}
 .page:nth-child(2) .right {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-4.jpg');
}
 .page:nth-child(3) .left {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-5.jpg');
}
 .page:nth-child(3) .right {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-6.jpg');
}
 .page:nth-child(4) .left {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-7.jpg');
}
 .page:nth-child(4) .right {
	 background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/onepgscr-8.jpg');
}
 .page.active {
	 z-index: 5;
	 transition: transform 0.7s, opacity 0.7s, z-index 0s 0.7s;
}
 .page.active .half {
	 transform: translateX(0) !important;
	 transition: transform 0.7s ease-out;
}
 .page.previous {
	 opacity: 0.4 !important;
	 visibility: visible !important;
	 transition: transform 0.7s, opacity 0.7s, z-index 0s;
}
 .page.small {
	 transform: scale(0.8);
	 opacity: 0;
}
 .page.small .half {
	 transform: translateX(0) !important;
}
 .page:nth-child(2) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(2) .right {
	 transform: translateX(100%);
}
 .page:nth-child(3) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(3) .right {
	 transform: translateX(100%);
}
 .page:nth-child(4) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(4) .right {
	 transform: translateX(100%);
}
 .page:nth-child(5) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(5) .right {
	 transform: translateX(100%);
}
 .page:nth-child(6) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(6) .right {
	 transform: translateX(100%);
}
 .page:nth-child(7) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(7) .right {
	 transform: translateX(100%);
}
 .page:nth-child(8) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(8) .right {
	 transform: translateX(100%);
}
 .page:nth-child(9) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(9) .right {
	 transform: translateX(100%);
}
 .page:nth-child(10) .left {
	 transform: translateX(-100%);
}
 .page:nth-child(10) .right {
	 transform: translateX(100%);
}
 .half {
	 position: absolute;
	 top: 0;
	 width: 50%;
	 height: 100%;
	 background-size: cover;
	 transition: transform 0.7s ease-in;
	 will-change: transform;
}
 .half.left {
	 left: 0;
}
 .half.right {
	 left: 50%;
}
 .half.withText:after {
	 content: "";
	 position: absolute;
	 display: block;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.5);
	 z-index: 10;
}
 .heading {
	 position: absolute;
	 z-index: 500;
	 top: 50%;
	 left: 50%;
	 transform: translateX(-50%) translateY(-50%);
	 font-size: 3.5rem;
	 color: #fff;
	 font-family: Decade;
}
 .nav-panel {
	 position: fixed;
	 top: 50%;
	 right: 2%;
	 transform: translateY(-50%);
	 z-index: 1000;
	 transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6);
	 will-change: transform, opacity;
}
 .nav-panel.invisible {
	 opacity: 0;
	 transform: translateY(-50%) scale(0.5);
}
 .nav-panel ul {
	 list-style-type: none;
}
 .nav-panel ul .nav-btn {
	 position: relative;
	 overflow: hidden;
	 width: 1rem;
	 height: 1rem;
	 margin-bottom: 0.5rem;
	 border: 0.12rem solid #fff;
	 border-radius: 50%;
	 cursor: pointer;
	 transition: border-color, transform 0.3s;
	 will-change: border-color, transform;
}
 .nav-panel ul .nav-btn:after {
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 transform: translateX(-50%) translateY(-50%) scale(0.3);
	 background-color: #fff;
	 opacity: 0;
	 transition: transform, opacity 0.3s;
	 will-change: transform, opacity;
}
 .nav-panel ul .nav-btn.active:after, .nav-panel ul .nav-btn:hover:after {
	 transform: translateX(-50%) translateY(-50%) scale(0.7);
	 opacity: 1;
}
 .nav-panel ul .nav-btn:hover {
	 border-color: yellow;
	 transform: scale(1.2);
}
 .nav-panel ul .nav-btn:hover:after {
	 background-color: yellow;
}
 .nav-panel .scroll-btn {
	 position: absolute;
	 left: 0;
	 width: 1rem;
	 height: 1rem;
	 border: 0.2rem solid #fff;
	 border-left: none;
	 border-bottom: none;
	 cursor: pointer;
	 transform-origin: 50% 50%;
	 transition: border-color 0.3s;
}
 .nav-panel .scroll-btn.up {
	 top: -1.6rem;
	 transform: rotate(-45deg);
}
 .nav-panel .scroll-btn.down {
	 bottom: -1.2rem;
	 transform: rotate(135deg);
}
 .nav-panel .scroll-btn:hover {
	 border-color: yellow;
}
 .check-out {
	 z-index: 1000;
	 position: absolute;
	 bottom: 1rem;
	 left: 0;
	 width: 100%;
	 text-align: center;
	 color: #fff;
	 font-family: Decade;
	 font-size: 1rem;
	 text-transform: uppercase;
}
 .check-out a {
	 color: rgba(255, 170, 170, 1);
	 text-decoration: none;
	 border-bottom: 0.2rem solid;
}
 
/* CSS Multiple Whatsapp Chat */
.whatsapp-name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
}

#whatsapp-chat {
  box-sizing: border-box !important;

  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
  right: 30px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}
a.blantershow-chat {
  /*   background: #009688; */
  background: #fff;
  color: #404040;
  position: fixed;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  bottom: 25px;
  right: 30px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}
a.blantershow-chat svg {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}
.header-chat {
  /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}
.header-chat h3 {
  margin: 0 0 10px;
}
.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
.info-avatar {
  position: relative;
}
.info-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}
a.informasi:hover {
  background: #f1f1f1;
}
.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
    border: none;
   /* font-family: "Arial", sans-serif; */
    width: 100%;
    height: 20px;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 14px;
}

a#send-it {
  width: 30px;
  font-weight: 700;
  padding: 10px 10px 0;
  background:#eee;
  border-radius: 10px;
  
  svg {
    fill:#a6a6a6;
    height: 24px;
    width: 24px;
  }
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
  & span {
    background: #e2e2e2;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 20px;
    display: inline-block;
  }
}

.start-chat .blanter-msg {
  display: none;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;

}

@keyframes ZpjSY{
  0% {
    background-color: rgb(182, 181, 186);
  }
  15% {
    background-color: rgb(17, 17, 17);
  }
  25% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes hPhMsj {
  15% {
    background-color: rgb(182, 181, 186);
  }
  25% {
    background-color: rgb(17, 17, 17);
  }
  35% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes iUMejp {
  25% {
    background-color: rgb(182, 181, 186);
  }
  35% {
    background-color: rgb(17, 17, 17);
  }
  45% {
    background-color: rgb(182, 181, 186);
  }
}


@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 6px 20px 20px 10px;
  background-color: rgb(230, 221, 212);
  position: relative;
  &::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.08;
    background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
    // background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg);
  }
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: rgb(255, 255, 255);
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
    position: relative;
    display: flex;
}

.ixsrax {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    background-color: rgb(158, 157, 162);
    animation-name: ZpjSY;
}

.dRvxoz {

    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: rgb(182, 181, 186);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    animation-name: hPhMsj;
}

.kAZgZq {
    padding: 7px 14px 6px;
    /*background-color: rgb(255, 255, 255);*/
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
    margin-top: 4px;
    margin-left: -54px;
    width: 100%;
    /*max-width: calc(100% - 66px);*/
    &::before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
}
}

.bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.cqCDVm {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: 
    rgba(17, 17, 17, 0.5);
    margin-right: -8px;
    margin-bottom: -4px;
}
.check-box
{
    display: flex;
    align-items: flex-start;
}
.check-box .form-check-input
{
    /*margin: 10px;*/
}
.online-icon
{
    background: #4caf50;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
}
#submit
{
    background-color: #fff;
}
.start-chat .form-group {
  margin-bottom: 5px;
}

.circle-arround-two-4 .circle-text
{
	width: 241px;
	left: 18px;
}