.color{
  color: #5D5B6A;
}
.color:hover{
  color: #00db00;
}

.hide { 
  display: none; 
  opacity: 0; 
}
.how { 
  display: block; 
  opacity: 1; 
} 

#Anutrickz_translateBTN { 
  position:absolute;
  top:22px;
  cursor: pointer;
  right:52px; 
  font-weight: 900;
  color: #5D5B6A;
  z-index: 99; 
  transition: .1s all;
}
#Anutrickz_translateBTN svg{
  width:24px;
  height:24px;
} 
#Anutrickz_translateBTN svg:hover{
  color: #00db00;
}
.userProfile  { 
  stroke: #5D5B6A; 
  fill: none!important;
  /* margin-left: 760%; */
  stroke-linecap: round; 
  stroke-linejoin: round; 
  font-weight: 800;
 }
 .post-bottom svg,
 .ATSearch svg:hover{
   stroke: #00db00;
   cursor: pointer;
 }
 .userProfile:hover{
   stroke: #00db00;
   cursor: pointer;
 }
#ATLang_list { 
  width: 10rem; 
  right: 0px; 
  box-shadow: 0 0 15px rgb(0 0 0 / 7%); 
  border-radius: 0.5rem; 
  position: absolute; 
  z-index: 9999; 
  background: #fff; 
  top: 100%; 
  color: #000;
}
#ATLang_list li { 
  list-style: none; 
  line-height: 1.5rem; 
  font-size: .875rem; 
  font-weight: 600;
  cursor:pointer; 
  padding-left: 0.75rem; 
  padding-right: 0.75rem; 
  padding-top: 0.25rem; 
  padding-bottom: 0.25rem;
} 
#ATLang_list ul{margin:0 auto} 
#Anutrickz_translateBTN.hover #ATLang_list{display:block}
.language-active {color: #63bc63;}
.language-list{cursor:pointer;margin:3px;align-items:center;}
.language-list:hover{
  background-color: #E0F2F1;
}

#goog-gt-tt,.goog-te-banner-frame{display:none!important}

#dividends_title {
  text-align: center;
  color: #777777;
  font-family: 'Audiowide', cursive;
  font-size:2.5rem;
  margin-bottom: 1.5rem;
  margin-top: 5rem;
}
@media screen and (max-width:992px){
  #dividends_title{
    margin-top: -15rem;
  }
  #footer{
    margin-top: 50px;
  }
}  

#dividends_para {
  /* text-align: center; */
    margin: 2em auto;
    padding: 0 1em;
    max-width: 65em;
  color: var(--grayishBlue);
  /* line-height: 2rem; */
}
#companyTitle{
  text-align: left;
  color: #777777;
  font-family: 'Audiowide', cursive;
  font-size:2.5rem;
  margin: 0 4.5em;
  margin-bottom: 1.5rem;
  /* margin-top: 5rem; */
}
#companyPara {
  /* text-align: center; */
    margin: 2em auto;
    padding: 0 1em;
    max-width: 65em;
  color: var(--grayishBlue);
  /* line-height: 2rem; */
}



#likebtn{
color: #919191;
background: none;
border: none;
outline: none;
font-size: 25px;
padding: 0 15px;
margin-left: 190px;
cursor: pointer;
}
#likebtn:active{
color: #0077ff;
outline: none;
border: none;
transform: scale(1.2);
}


.container{padding-top:0px;font-family:Helvetica,arial,sans-serif}
.quotes{
  margin-top: 5%;
}
    .container .row.regular-version.no-image{margin-bottom:80px}
    .container .row.regular-version.no-image .col-md-4{display:flex;flex-direction:column;padding-left:5px;padding-right:5px}
    .container .row.regular-version.no-image .col-md-4 .news-card-container{border:1px solid #eee;padding:30px 10px 15px 20px;
        border-top:5px solid #26c541;border-left:#eee 1px solid !important;transition:.35s all;margin: 2% 2%;}
        .container .row.regular-version.no-image .col-md-4 .news-card-container:hover{transform:translateY(-3px);box-shadow:0px 4px 15px rgba(1,1,1,.08)}
        .container .row.regular-version.no-image .col-md-4 .news-card-container h2{font-size:22px;color:rgb(52, 52, 52);font-weight:900;margin-top:8px;}
        .container .row.regular-version.no-image .col-md-4 .news-card-container p{font-size:14px;color:#545459}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .top{font-size:11px;font-weight:600;margin-bottom:0px}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .top span:nth-of-type(1){color:#26c541;text-transform:uppercase}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .top span:nth-of-type(2){padding-left:20px}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .top span:nth-of-type(3){padding-left:20px}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .bottom
        {font-size:11px;margin-top:5px;color:#b3b2b1;font-weight:600}
        .container .row.regular-version{margin-bottom:150px}
        .container .row.regular-version .col-md-4{padding-left:0px;border-bottom:1px solid #eee;padding-bottom:16px}
        .container .row.regular-version .col-md-4:nth-child(1) .news-card-container{border-left:0px}
        .container .row.regular-version .col-md-4 .news-card-container{padding-left:15px;border-left:1px solid #eee;transition:.2s all}
        .container .row.regular-version .col-md-4 .news-card-container:hover{border-left-color:#d7d7d7}
        .container .row.regular-version .col-md-4 .news-card-container:hover .img-child{transform:scale(1.05)}
        .container .row.regular-version .col-md-4 .news-card-container .img-container{width:100%;height:200px;margin-bottom:19px;overflow:hidden}
        .container .row.regular-version .col-md-4 .news-card-container h2{font-size:24px;color:#000;font-weight:900;margin-top:8px;margin-bottom:12px}
        .container .row.regular-version .col-md-4 .news-card-container p{font-size:15px;color:#545459}
        .container .row.regular-version .col-md-4 .news-card-container .top{font-size:11px;color:#b3b2b1;font-weight:600}
        .container .row.regular-version .col-md-4 .news-card-container .top span:nth-child(1){color:#000;text-transform:uppercase}
        .container .row.regular-version .col-md-4 .news-card-container .top span:nth-child(2){padding-left:25px}
        .container .row.regular-version .col-md-4 .news-card-container .top span:nth-child(3){padding-left:25px}
        /* .container .row.regular-version .col-md-4 .news-card-container .bottom{font-size:11px;color:#b3b2b1;font-weight:600;margin-top:50px} */
        .container .row.regular-version.no-image .col-md-4{border-bottom:0}
        .container .row.regular-version.no-image .col-md-4 .news-card-container{border-top:5px solid #26c541;border-left:0;padding-top:22px;border-bottom:1px solid #eee;padding-bottom:10px;transition:.2s all}
        .container .row.regular-version.no-image .col-md-4 .news-card-container .img-container{display:none}


#progress {
position: fixed;
bottom: 20px;
right: 2%;
height: 65px;
width: 65px;
display: none;
place-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 999999;
animation: ripple 0.7s linear infinite;
}
@keyframes ripple {
0% {
  box-shadow: 
  0 4px 10px rgba(102, 102, 102, 0.1), 
  0 0 0 0 rgba(102, 102, 102, 0.1), 
  0 0 0 5px rgba(102, 102, 102, 0.1), 
  0 0 0 10px rgba(102, 102, 102, 0.1);
}
100% {
  box-shadow: 
  0 4px 10px rgba(102, 102, 102, 0.1), 
  0 0 0 5px rgba(102, 102, 102, 0.1), 
  0 0 0 10px rgba(102, 102, 102, 0.1), 
  0 0 0 20px rgba(102, 102, 102, 0);
}
}
#progress-value {
display: block;
height: calc(100% - 15px);
width: calc(100% - 15px);
background-color: #ffffff;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 35px;
font-weight: 900;
color: #001a2e;
z-index: 999999;
}

        

/* Footer */
#footer{
margin-top: 100px;
}
.footer {
padding: 0 0 30px 0;
font-size: 14px;
}
.footer .copyright {
text-align: center;
padding-top: 30px;
color: #777777;
}
#cd-nav ul {
/* mobile first */
position: fixed;
width: 90%;
max-width: 250px;
max-height: 62.5%;
right: 1.5%;
top: 15%;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0, 0.1);
background: azure;
visibility: hidden;
/* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
overflow: hidden;
overflow-y: auto;
z-index: 1;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 0%;
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
transition: transform 0.3s, visibility 0s 0.3s;
}
#cd-nav ul li {
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
width: 100%;
padding: 0;
text-align: left;
transition: 0s;
}
#cd-nav ul li:hover {
color: #fff;
background: #00db00;
}
#cd-nav ul li.active a{
  background: #00db00;
  color: #fff;
}
#cd-nav ul.is-visible {
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0s;
transition: transform 0.3s, visibility 0s 0s;
}
#cd-nav li a {
display: block;
padding: .5em 1em;
font-size: 1.2rem;
text-decoration: none;
color: rgb(190, 190, 190);
border-bottom: 1px solid #eff2f6;
}
#cd-nav li a:hover {
  color: #fff;
  text-decoration: none;
}
#cd-nav li:last-child a {
border-bottom: none;
}

.cd-nav-trigger {
position: fixed;
top: 15.4%;
right: 2.1%;
width: 44px;
height: 44px;
background: azure;
border-radius: 0.25em;
box-shadow: 0 0 10px rgba(0,0,0, 0.1);
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
z-index: 2000;
}
.cd-nav-trigger span {
/* the span element is used to create the menu icon */
position: absolute;
display: block;
width: 20px;
height: 2px;
background: #333333;
top: 50%;
margin-top: -1px;
left: 50%;
margin-left: -10px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
content: '';
position: absolute;
left: 0;
background: inherit;
width: 100%;
height: 100%;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, background 0s;
-moz-transition: -moz-transform 0.3s, background 0s;
transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
top: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.cd-nav-trigger span::after {
bottom: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
background: #333333;
}
.cd-nav-trigger.menu-is-open span::before {
top: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
bottom: 0;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}


.sticky {
position:sticky;
background-color: #fff;
transition: .2s all;
box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 70px;
/* background: #FFF; */
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
z-index: 99;
}
nav .navbar{
height: 100%;
max-width: 1250px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: auto;
padding: 0 50px;
}
.navbar .logo a{
font-size: 30px;
color: #00db00;
text-decoration: none;
font-weight: 600;
font-family: 'Audiowide', cursive;
}
nav .navbar .nav-links{
line-height: 70px;
height: 100%;
}
nav .navbar .links{
display: flex;
}

nav .navbar .links li{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0 14px;
}
nav .navbar .links li a{
height: 100%;
text-decoration: none;
white-space: nowrap;
color: #5D5B6A;
font-size: 15px;
font-weight: 700;
}
nav .navbar .links li a:hover{
color: #00db00;
}
.links li:hover .htmlcss-arrow,
.links li:hover .asset-arrow,
.links li:hover .stock-arrow,
.links li:hover .community-arrow{
transform: rotate(180deg);
}
nav .navbar .links li .arrow{
height: 100%;
width: 22px;
line-height: 70px;
text-align: center;
display: inline-block;
color: #5D5B6A;
cursor: pointer;
transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu{
position: absolute;
top: 70px;
left: 0;
line-height: 36px;
background: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 0 0 4px 4px;
display: none;
z-index: 2;
border-top: 3px solid #00db00;
}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .asset-sub-menu,
nav .navbar .links li:hover .stock-sub-menu,
nav .navbar .links li:hover .community-sub-menu{
display: block;
}
.navbar .links li .sub-menu li{
padding: 0 32px;
/* border-bottom: 1px solid rgba(255,255,255,0.1); */
border-bottom: 1px solid #f9f9f9;

}
.navbar .links li .sub-menu a{
color: #5D5B6A;
font-size: 16px;
font-weight: 500;
}
.navbar .links li .sub-menu a:hover{
color: #00db00;
}
.navbar .links li .sub-menu .more-arrow{
line-height: 40px;
}
.navbar .links li .htmlCss-more-sub-menu{
/* line-height: 40px; */
}
.navbar .links li .sub-menu .more-sub-menu{
position: absolute;
top: 0;
left: 100%;
border-radius: 0 4px 4px 4px;
z-index: 1;
display: none;
}
.links li .sub-menu .more:hover .more-sub-menu{
display: block;
}
.navbar .search-box{
position: relative;
 height: 40px;
width: 40px;
}
.navbar .search-box i{
margin-left: -70%;
position: absolute;
height: 100%;
width: 100%;
line-height: 40px;
text-align: center;
font-size: 22px;
color: #5D5B6A;
font-weight: 600;
cursor: pointer;
/* transition: all 0.3s ease; */
}
.navbar .search-box i:hover{
color: #00db00;
}

.navbar .nav-links .sidebar-logo{
display: none;
}
.navbar .bx-menu{
display: none;
}
@media (max-width:920px) {
nav .navbar{
  max-width: 100%;
  padding: 0 25px;
}

nav .navbar .logo a{
  font-size: 27px;
}
nav .navbar .links li{
  padding: 0 10px;
  white-space: nowrap;
}
nav .navbar .links li a{
  font-size: 15px;
}
}
@media (max-width:800px){
nav{
  /* position: relative; */
}
.navbar .bx-menu{
  display: block;
}
nav .navbar .nav-links{
  position: fixed;
  top: 0;
  left: -100%;
  display: block;
  max-width: 270px;
  width: 100%;
  background:  #ffffff;
  line-height: 40px;
  padding: 20px;
  overflow-y: scroll;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
  z-index: 1000;
}
.navbar .nav-links .sidebar-logo{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar-logo .logo-name{
  font-size: 25px;
  color: #00db00;
  font-weight: 700;
  font-family: 'Audiowide', cursive;
}
.sidebar-logo{
  border-bottom:2px solid #e6e6e6b1;
}
  .sidebar-logo  i,
  .navbar .bx-menu{
    font-size: 25px;
    color: #5D5B6A;
    font-weight: 900;
  }
nav .navbar .links{
  display: block;
  margin-top: 20px;
}
nav .navbar .links li .arrow{
  line-height: 40px;
}
nav .navbar .links li{
  display: block;
}
nav .navbar .links li .sub-menu{
position: relative;
top: 0;
box-shadow: none;
display: none;
}
nav .navbar .links li .sub-menu li{
border-bottom: none;

}
.navbar .links li .sub-menu .more-sub-menu{
display: none;
position: relative;
left: 0;
}
.navbar .links li .sub-menu .more-sub-menu li{
display: flex;
align-items: center;
justify-content: space-between;
}
.links li:hover .htmlcss-arrow,
.links li:hover .asset-arrow{
transform: rotate(0deg);
}
.navbar .links li .sub-menu .more-sub-menu{
  display: none;
}
.navbar .links li .sub-menu .more span{
  /* background: red; */
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.links li .sub-menu .more:hover .more-sub-menu{
  display: none;
}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .asset-sub-menu,
nav .navbar .links li:hover .stock-sub-menu,
nav .navbar .links li:hover .community-sub-menu{
  display: none;
}
.navbar .nav-links.show1 .links .htmlCss-sub-menu,
.navbar .nav-links.show3 .links .asset-sub-menu,
.navbar .nav-links.show4 .links .stock-sub-menu,
.navbar .nav-links.show5 .links .community-sub-menu,
.navbar .nav-links.show2 .links .more .more-sub-menu{
    display: block;
  }
  .navbar .nav-links.show1 .links .htmlcss-arrow,
  .navbar .nav-links.show3 .links .asset-arrow,
  .navbar .nav-links.show4 .links .stock-arrow,
  .navbar .nav-links.show5 .links .community-arrow{
      transform: rotate(180deg);
}
  .navbar .nav-links.show2 .links .more-arrow{
    transform: rotate(90deg);
  }
}
@media (max-width:370px){
nav .navbar .nav-links{
max-width: 100%;
} 

}


#api {  
  position: fixed;
bottom: 5px;
left: 2%;
height: 75px;
width: 75px;
display: none;
place-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 999999;
}  
@keyframes ripple1 {
0% {
  box-shadow: 
  0 4px 10px rgba(102, 102, 102, 0.1), 
  0 0 0 0 rgba(102, 102, 102, 0.1), 
  0 0 0 5px rgba(102, 102, 102, 0.1), 
  0 0 0 10px rgba(102, 102, 102, 0.1);
}
100% {
  box-shadow: 
  0 4px 10px rgba(102, 102, 102, 0.1), 
  0 0 0 5px rgba(102, 102, 102, 0.1), 
  0 0 0 10px rgba(102, 102, 102, 0.1), 
  0 0 0 20px rgba(102, 102, 102, 0);
}
}
#api #api-value:hover {  
color: #00db00;  
}  
#api #api-value{
display: block;
height: calc(100% - 15px);
width: calc(100% - 15px);
background-color: #ffffff;
border-radius: 50%;
border: 6px solid #00db00;
display: flex;
align-items: center;
justify-content: center;
place-items: center;
font-size: 25px;
color: #323232;
z-index: 999999;
animation: ripple1 0.7s linear infinite;
}

.floatSocial {
  list-style: none;
  position: fixed;
  top: 60%;
  left: 0%;
  transform: translateY(-50%);
  z-index: 99999999999999999999;
}
.floatSocial .floatingSocial a {
  display: block;
  margin-left: -2px;
  height: 60px;
  width: 60px;
  border-radius: 0 25px 25px 0;
  border: 2px solid #000;
  background: #FFF;
  margin-bottom: 1em;
  transition: all 0.4s ease;
  color: #2980b9;
  text-decoration: none;
  line-height: 60px;
  position: relative;
}
.floatSocial .floatingSocial a:hover {
  cursor: pointer;
  width: 180px;
  color: #fff;
}
.floatSocial .floatingSocial a:hover span {
  left: 0;
}
.floatSocial .floatingSocial a span {
  padding: 0 30px 0 15px;
  position: absolute;
  left: -120px;
  transition: left 0.4s ease;
}
.floatSocial .floatingSocial a i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 1.5em;
}
 .floatSocial .floatingSocial .twitter {
    background: rgba(230, 126, 34, 0.1);
    background: #3098d91b;
    border-color: #009dff;
    color: #009dff;
  }
  .floatSocial .floatingSocial .twitter:hover {
    background: #009dff;
  }
  .floatSocial .floatingSocial .facebook {
    background: rgba(34, 167, 240, 0.1);
    border-color: #22A7F0;
    color: #22A7F0;
  }
  .floatSocial .floatingSocial .facebook:hover {
    background: #22a7f0;
  }
  .floatSocial .floatingSocial .instagram {
    background: rgba(210, 82, 127, 0.1);
    border-color: #D2527F;
    color: #D2527F;
  }
  .floatSocial .floatingSocial .instagram:hover {
    background: #d2527f;
  }