body
{
  color:#666666;
  background-color: #fff;
  font-family: 'Ubuntu', sans-serif;
}
.russo_font
{
  font-family: 'Russo One', sans-serif;
}
body,html{height: 100%;}
.btn-yellow{
  background-color: #ffc107;
  color:#fff !important;border-radius: 15px;font-size: 15px;
    font-weight: 600;

  border:none !important;
  padding: 8px 40px;
 
}
.btn-green
{
  background-color: #16b516;
    color: #fff !important;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    border: none !important;
    padding: 5px 35px;
}
.btn-green:hover
{
   background-color: #ffc107;
    color: #fff !important;
}
.btn-green-large
{
    background-color: #26b7ba;
  color:#fff !important;border-radius: 15px;font-size: 15px;
    font-weight: 600;

  border:none !important;
  padding: 7px 30px;
}
.btn-green-large:hover {
  box-shadow: 0 0 13px 0 #26b7ba;
  -webkit-box-shadow: 0 0 13px 0 #26b7ba;
  cursor: pointer;
  text-decoration: none;
  color: #fff !important;
  border-color:none !important;
}

.btn-yellow-large
{
    background-color: #ffc107;
  color:#fff !important;border-radius: 15px;font-size: 15px;
    font-weight: 600;

  border:none !important;
  padding: 7px 30px;
}
.btn-yellow-large:hover {
  box-shadow: 0 0 13px 0 #ffc107;
  -webkit-box-shadow: 0 0 13px 0 #ffc107;
  cursor: pointer;
  text-decoration: none;
  color: #fff !important;
  border-color:none !important;
}
/*.btn-main:hover{background-color: #56384c;color:#fff !important;}*/
.btn-yellow:hover {
  box-shadow: 0 0 13px 0 #ffc107;
  -webkit-box-shadow: 0 0 13px 0 #ffc107;
  cursor: pointer;
  text-decoration: none;
  color: #fff !important;
  border-color:none !important;
}
.btn-main:focus{box-shadow: 0 0 0 0.2rem #0061b1 !important;}

.btn-main-outline
{
 background-color: transparent;
  color:#fff !important;border-radius: 25px;font-size: 15px;
    font-weight: 600;

  border:none !important;
  padding: 5px 30px;
box-shadow: 0 0 4px 0 #0061b1;

}
.line_h_1_l
{
  line-height: 1.5;
}
.index_navbar_section
{
  /*background-color:#000000a6;*/ 
}
.black_layer
{
   background-color:#000000a6;
}
.bg_black_media
{
  background-color:#000;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 80%;
  border-radius: 0.25rem;
}
.bg_black_media img
{
  margin-left: -70px;
    /*margin-top: -20px;*/
}
.bg_white_media
{
   background-color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 8px 15px;
  cursor: pointer;
  min-height: 66px;
}
.bg_card_black
{
   background-color:#141504;
   border:1px solid #363627;
  box-shadow: inset 0 0 3px 0 #363627;

  text-align: center;
  border-radius: 0.5rem;
  padding: 5px 10px;
  cursor: pointer;
}
.bg_card_black:hover
{
  box-shadow: 0 0 6px 0 #363627;

}
.bg_card_blue
{
  background-color:#141504;
   border:1px solid #FEEC00;
  box-shadow: inset 0 0 3px 0 #FEEC00;

  text-align: center;
  border-radius: 20px;
  padding: 5px 10px;
  cursor: pointer;
}
.bg_card_blue:hover
{
  box-shadow: 0 0 8px 0 #171507;

}
.bg_card_blue_1
{
   background-color:#141414;
   border:1px solid #141414;
  box-shadow: inset 0 0 30px 0 #423838;

    border-radius: 15px;
  padding: 5px 10px;
  cursor: pointer;
  min-height: 118px;
}
.bg_card_blue_1:hover
{
  box-shadow: 0 0 8px 0 #635f5f;
}
.bg_card_blue_1 .media
{
  align-items: center;
}
.rounded_radius{border-radius: 25px;}
.rounded_bottom_radius{border-bottom-left-radius: 25px !important;border-bottom-right-radius: 25px !important;border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.alert-danger-dash{
  color: #726f1c !important;
    background-color: #0e0d0d !important;
    border-color: #6d393f !important;
}
.tooltip-curved-content{background: #FEEC00 !important;}
.tooltip-curved-content::before{border-right: 10px solid #FEEC00 !important;}
.text-white{color:#fff !important;}

.card_bg_transparent{background-color: transparent !important;border:none !important;}

  .word_break{word-break: break-word;}
  .font_42{font-size: 42px;}
  .font_40{font-size: 40px;}
.font_35{font-size: 35px;}
.font_33{font-size: 33px;}
.font_32{font-size: 32px;}
  .font_34{font-size: 34px;}
  .font_30{font-size: 30px;}
  .font_20{font-size: 20px;}
  .font_21{font-size:21px;}
  .font_18{font-size: 18px;}
  .font_19{font-size: 19px;}


  .font_16{font-size: 16px;}
  .font_15{font-size:15px;}
  .font_14{font-size:14px;}

  .font_13{font-size:13px;}
  .font_12{font-size:12px;}
  .font_11{font-size: 11px;}
  
.v-align-text-bottom{vertical-align: text-bottom;}
.navbar-toggler:focus{outline: 0px;}
.navbar-dark .navbar-nav .nav-link{color:#fff !important;font-size: 14px;font-weight: 400;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 0rem !important;}

.index-header-link, .index-header-link:after, .index-header-link:before {
  transition: all .5s;
}
.index-header-link {
  position: relative;
}

.index-header-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #0061b1;
  height: 1px;
}
.index-header-link:hover:after {
  width: 60%;
}
.navbar-dark .navbar-nav .nav-link.index-header-link:hover{
  color:#0061b1 !important;
}
 /*end header*/

.font_weight_800{font-weight: 800;}

.font_weight_700{font-weight: 700;}
.font_weight_600{font-weight: 600;}
.font_weight_500{font-weight: 500;}
.font_weight_400{font-weight: 400 !important;}
.font_weight_300{font-weight: 300 !important;}
.line_height_title_under{line-height: 1.2;}


/*faq accordion*/

/*end faq accordion*/
.bg_brown{
  background-image: url("../../../en/assets/front/images/bg-brown.html");
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.75rem;
    padding: 30px 60px;
    position: relative;
}
.banner-image
{
  background-image: url("../images/Bg.png");
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
   
}
/*.banner_section_card{
  background-image: url("../images/e.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}*/
.banner-image-inner
{
  /*background-image: url("../images/banner-inner.png");*/
  background-image: url("../images/bot.png");
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
}
#sec_2
{
   /*background-image: url("../images/sec_2_bg.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*background-color: #021236;*/
    background-color: #151413;
}

#sec_3
{
   /*background-image: url("../images/sec_3_bg.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
   /* background-color: #021033;*/
   background-color: #151413;
}
#sec_4
{
   /*background-image: url("../images/banner.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #021033;*/
    background-color: #151413;
}

#sec_5
{
  /*background-image: url("../images/footer_bg.png");*/
  /*background-image: url("../images/Bg.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #021033;*/
      background-color: #151413;
}
.inner_section_content
{
  /*background-image: url("../images/inner_section_bg.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: #021033;*/
    background-color: #151413;
}
/*footer*/

.footer a:hover{
  /*color:#00e0c1 !important;*/

}


.text_white_1
{
  color:#f9fcff;
}

.footer
{
     /*background-image: url("/assets/images/footer_bg.png");*/

    /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background-color:transparent;
    
}
.hr_grey
{
  border-top: 1px solid #26292b;
}
.footer_link
{
    text-decoration: none !important;
}
.footer_link p, .footer_link p:after, .footer_link p:before {
  transition: all .5s;
}
.footer_link p {
  position: relative;
  text-decoration: none !important;
  max-width: max-content !important;
  margin-bottom: 10px !important;
}
.footer_link p:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #0061b1;
  height: 1px;
}
.footer_link p:hover:after {
  width: 60%;
}
a.text_hover:hover .text-white
{
    color:#0061b1 !important;
}

/*end footer*/
.socialicon{
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition:         transform .8s ease-in-out;
}
.socialicon:hover{
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);

}


.black_placeholder::-ms-input-placeholder { /* Microsoft Edge */
  color: #a59e9e; font-weight: 500;
  font-size: 14px;
}


.form-control,.form-control.form-control-lg,input.form-control,input.form-control.form-control-lg{color:#a59e9e !important;font-size: 14px !important;}
select.form-control{
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: url(../../../en/assets/front/images/down-arrow.html) no-repeat 92% center;
    font-size: 14px !important;
    color:#a59e9e !important;
     font-weight: 500 !important;
}

a,a:focus,a:hover{text-decoration: none !important;}
/*.custom-control-label::before{background-color: #fff !important;
    border: 1px solid #ccc !important;}
.custom-control-label{font-weight: 500;}*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-dark .navbar-nav .nav-link{font-size: 12px !important;}
  /*.navbar.navbar-dark.container{max-width: 98% !important;padding-left:1px;padding-right:1px;}*/
  /*.navbar.navbar-dark.container .navbar-brand{margin-right: 0px;}*/
  .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0rem !important;}
 
  .navbar.navbar-blue.navbar-dark.container{width: 100% !important;}

  }

  
       @-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
    
  
  }
  @media only screen and (min-width: 768px) and (max-width: 900px)
  {
            @-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -50deg);
    transform: rotate3d(0, 0, 1, -50deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -50deg);
    transform: rotate3d(0, 0, 1, -50deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
  }
   @media only screen and (min-width: 901px)
   {
               @-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0.5;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
   }

  
@-webkit-keyframes scroll{
  100%{
    background-position: 0px -3000px ;
  }
}

@-moz-keyframes scroll{
  100%{
    background-position: 0px -3000px;
  }
}

@-o-keyframes scroll{
  100%{
    background-position: 0px -3000px;
  }
}

@-ms-keyframes scroll{
  100%{
    background-position: 0px -3000px;
  }
}

@keyframes scroll{
  100%{
    background-position: 0px -3000px;
  }
}
.rotateIn{  
animation: rotateIn 5s infinite;
}



.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes movebounce {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(20px); }
  100% {
    transform: translateY(0px); } }

@keyframes moveleftbounce {
0% {
  transform: translateX(0px); }
50% {
  transform: translateX(20px); }
100% {
  transform: translateX(0px); } }
    
   @-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0px); } }
.bounce {
    -moz-animation: moveleftbounce 2s infinite;
    -webkit-animation: moveleftbounce 2s infinite;
    animation: moveleftbounce 2s infinite;
}
.bounce_index{
   -moz-animation: movebounce 2s infinite;
    -webkit-animation: movebounce 2s infinite;
    animation: movebounce 2s infinite;
}
}
@keyframes moverightbounce {
0% {
  transform: translateX(0px); }
50% {
  transform: translateX(-15px); }
100% {
  transform: translateX(0px); } }
    
   @-webkit-keyframes moverightbounce {
  0% {
    -webkit-transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-15px); }
  100% {
    -webkit-transform: translateX(0px); } }
.bounce_right {
    -moz-animation: moverightbounce 2s infinite;
    -webkit-animation: moverightbounce 2s infinite;
    animation: moverightbounce 2s infinite;
}

 
/*end animation css*/
.navbar_section {
    background-image: url(../../../en/assets/front/images/navbar_bg.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.example_datatable{border:1px solid #e7e7e7;border-radius: 5px;}
.example_datatable th{padding:17px 20px;border-bottom: 1px solid #e7e7e7;color:#353535;font-weight: 700;font-size: 17px;}
.example_datatable td{padding:10px 20px;border-bottom: 1px solid #e7e7e7;color:#0f3256;font-weight: 600;}
.example_datatable tr:last-child td{border-bottom: none !important;}
#example_paginate .pagination li{margin-right: 10px;}
#example_paginate .page-item .page-link{color:#6f6969;border-radius: 5px;font-weight: 600;}
#example_paginate .page-item.previous .page-link,#example_paginate .page-item.next .page-link{background-color: transparent !important;border-color: transparent !important;}
 #example_paginate .page-item.previous .page-link .fa,#example_paginate .page-item.next .page-link .fa{font-size: 25px;color:#6f6969 !important;}
#example_paginate .page-item .page-link:hover{background-image: linear-gradient(to top, #8a7845,#efd179);border-color:#dabf6e !important;color:#000;}
#example_paginate .page-item.active .page-link{background-image: linear-gradient(to top, #8a7845,#efd179);border-color:#dabf6e !important;border-radius: 5px;color:#000;}
#example_paginate .page-item .page-link:focus{box-shadow: 0 0 0 0.2rem rgba(218,191,110,.25);}
#example_filter input{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
} 
.example_datatable tr{position: relative;}
.example_datatable tr:hover{background-color: #f9f3e5 !important;}
.example_datatable tr:hover:after{
  content: "";
    position: absolute;
    /*top: 0;*/
    left: 0px;
  width: 0; 
  height: 0; 
    display: block;
  border-right: 20px solid transparent;
  /*border-bottom: 20px solid transparent;*/
  
  border-top: 20px solid #dabf6e;
}
table .btn{min-width: 100px;
}
.dataTables_length,.dataTables_filter{margin-bottom: 20px;}
.dataTables_paginate {margin-top: 20px !important;}
.btn-danger{background-color: #ff0000 !important;}
.btn-success{background-color: #008000 !important;}
.text-success{color:#008000 !important;}
.text-danger{color:#ff0000 !important;}



.ul_style,.ul_style_1,.ul_style_with_num{font-size: 14px;}
.ul_style li,.ul_style_1 li,.ul_style_2 li{line-height: 2;list-style-type: none !important;position: relative;}


ul.ul_style li::before {
  content: "\2022";
  color: transparent;
  background-image: linear-gradient(to top, #8a7845,#efd179);
  font-weight: bold;
  display: inline-block; 
  width: 8px;
  height: 8px;
  border-radius: 50%;
   margin-left: -20px;
    position: absolute;
    top: 9px;
}

#example_wrapper,.dataTables_scrollHead,.example_datatable{width: 100% !important;}
.border_right_grey{border-right:1px solid #e8e8e8;}
.border_right_grey_1{border-right:1px solid #545454;}
.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile+label {
    padding: 0 15px;
    font-size: 1rem;
    line-height: 28px;
    border: 1px solid transparent;
    border-color: #d5d8de;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    border-radius: 25px;
    background-color: #e9e8e8 !important;
    color:#000 !important;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.ul_scrollable{overflow-x: auto;overflow-y: hidden;
  white-space: nowrap;width: 100%;display: block;}
  .ul_scrollable li{display: inline-block;}
.ul_scrollable::-webkit-scrollbar {
  width: 10px;
  border-radius: 25px;
}

/* Track */
.ul_scrollable::-webkit-scrollbar-track {
  background: #e6e3e3; 
   border-radius: 25px;
}
 
/* Handle */
.ul_scrollable::-webkit-scrollbar-thumb {
  background: #301e21; 
   border-radius: 25px;
}

/* Handle on hover */
.ul_scrollable::-webkit-scrollbar-thumb:hover {
  background: #301e21; 
   border-radius: 25px;
}


@media only screen and (max-width: 1199px)
{
.bg_black_media img {
  margin-left: -45px !important;
  max-height: 100px !important;
}
.bg_black_media
{
  max-width: 100%;
  margin-left: 40px;

}
}
@media only screen and (max-width: 767px)
{
  .data-add{
    display: none;
  }
  .data-add.flex_responsive,.data-add.flex_responsive span.data_add_text
  {
    display: block !important;
  }
  .card_blue .border_right_grey_1
  {
    border-right:none !important;
  }
.form_control_wieth_75
{
  width:100% !important;
}
/*.card_black img{left:91% !important;}*/
.bg_card_green_right{padding: 8px 15px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.data-add.flex_responsive
  {
    display: flex !important;
  }
/*.card_black img{left:85% !important;}*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.data-add.flex_responsive
  {
    display: flex !important;
  }
/*.card_black img{left:85% !important;}*/
}

@media only screen and (min-width: 1200px) and (max-width: 1500px)
{
    .card_level .ext_btn 
  {
    font-size: 12px;
    white-space: inherit;
    padding: 5px 1px!important;
    min-width: 95%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px)
{

.data-add.flex_responsive,.data-add.flex_responsive span.data_add_text  
  {
    display: block !important;
  }

}
@media only screen and (min-width: 1601px)
{
.data-add.flex_responsive
  {
    display: flex !important;
  }
}
@media only screen and (min-width: 1200px)
{
/*.data-add.flex_responsive
  {
    display: flex !important;
    overflow-x: auto;
  }*/
.triangle_row
{
  position: absolute;
  margin-top: -40px;
}
}
.pb_6_rem
{
  padding-bottom: 6rem;
}
.pt_5_rem
{
  padding-top: 5rem;
}
.text_grey
{
  color:#9f9f9f;
}
.table_style_1 thead
{
  background-color: #26b7ba;
}
.table_style_1
{
  color: #fff;
  background-color: #010d2c;
}
.table_style_1 thead th
{
  border: none !important;
    font-weight: 500;
    font-size: 14px;
}
.table_style_1 tbody td
{
  font-size: 14px;
  /*border:none !important;*/
  border-color:#796d6d !important;
  color:#bebebe !important;

}
.table_style_1 tbody tr:first-child td
{
  border:none !important;

}

.table_style_1 tbody
{
  /*background-color:#010d2c;*/
  background-color:#1d1c18;
}
.table_style_1 thead th:first-child
{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;

}
.table_style_1 thead th:last-child
{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;

}
/*.table_style_1 tbody tr:first-child td:first-child
{
  border-top-left-radius: 15px;

}
.table_style_1 tbody tr:first-child td:last-child
{
  border-top-right-radius: 15px;

}
.table_style_1 tbody tr:last-child td:first-child
{
  border-bottom-left-radius: 15px;

}
.table_style_1 tbody tr:last-child td:last-child
{
  border-bottom-right-radius: 15px;

}*/
.table_style_1 tbody tr:hover
{
  /*background-color:#26b7ba57;*/
  background-color: #4a4a48;
  border-radius: 15px;
}
/*.table_style_1 tbody tr:hover td:first-child
{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;

}
.table_style_1 tbody tr:hover td:last-child
{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;

}*/
.card_black

{
  background-color:#000;
  margin-top: 50px;
  margin-bottom: 50px;
  cursor: pointer;
}
.card_black img
{
  /*margin-top: -79px;*/
    /*margin-left: 106px;*/
    position: absolute;
    /*right: -2%;
    top: -27%;*/
    right: -7px;
    top: -60px;
}
.card_black_text
{
  margin-top: 35px;
}
@media only screen and (max-width: 767px)
{

.media_odd
{
  flex-direction: column;
}
.media_even
{
  flex-direction: column-reverse;
}
.media_even .text-right
{
  text-align: left !important;
}
}
.advantage_row .card_black:hover
{
  border-left:2px solid #0061b1;
  border-bottom:2px solid #0061b1;

}
.advantage_row .card_black:hover .russo_font
{
  font-weight: bold;
}

.statistics_row .card_black:hover
{
  box-shadow: 0 0 5px 0 #0061b1;
  font-weight: 600;


}

.w_50_px
{
  width: 50px;
}
.line_h_2
{
  line-height: 2;
}
.input_grp_blue input,.input_grp_blue .input-group-text
{
  border-radius: 25px;
   border:none !important;
   height: 50px;
}
.input_grp_blue .btn-blue
{
  border-color: #0061b1 !important;
  border-radius: 0px 25px 25px 0px;
  color:#fff;
  padding:0px 20px;
}
.input_grp_blue .input-group-text
{
  border:none !important;
}
.input_grp_blue .btn-blue
{
  background-color:#0061b1;
  font-weight: 700;
}
.input_grp_blue .input-group-text
{
  background-color: #0061b1 !important;
}
.traingle_img:hover{
  /*animation-name: rotateIn;*/
  animation: rotateIn 5s infinite;
}
.traingle_img,.number_img
{
  cursor: pointer;
}
.advantage_row .card_black:hover .traingle_img
{
  animation: rotateIn 5s infinite;

}


/*sidebar css*/

.left_sidebar_menu li{
list-style-type: none !important;
/*width: 285px;*/
}

/*.left_sidebar{
  background-image: linear-gradient(to bottom,#1d8274, #13a38f, #08c6ab,#00e0c1);
  border-radius: 0px 20px 20px 20px;

}*/

.sidebar_menu
{
  margin-right: 15px;
}
@media screen and (max-width:991px){
  .inner_navbar
  {
    width: 100%;
  }
  .nav_item_boder
  {
    border:none !important;
  }
  .line_col_row::after
  {
    content: none !important;
  }

   .ml-col-l
{
  margin-top: 30px;
}
  .sidebar_menu:hover::before,

.sidebar_menu:hover:after
{
right:0px !important;
}
  .image-upload
  {
    left:52%;
  }
.left_sidebar_menu li{width: 100% !important;}
.navigation:hover .text-white{
  /*color:#00e0c1 !important;*/
}
/*.SidebarCollapsed{}*/
}
@media screen and (min-width:992px){
  .ml-col-l
{
  margin-left: 16%;
}
  .margin_top_alexa_1
{
  margin-top: -45px;
}
  .image-upload
  {
    left:60%;
  }
.left_sidebar{
  min-height: calc(100vh - 265px);
}

  .navigation{display: none !important;}
#sidebarSupportedContent{display: block !important;}
/*.sidebar_icon{display: none !important;}*/
.left_sidebar{
  /*height: calc(100vh - 60px);*/
  height: 100%;
  /*border-right:1px solid #e7e7e7;*/
}

}



.image-upload > input
{
    display: none;
}

.image-upload img
{
    /*width: 80px;*/
    cursor: pointer;
}
.image-upload
{
  background-color:#ebedec;
  width:20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
    bottom: 5%;
      display: flex;
    align-items: center;
    justify-content: center;
  
}
.user_row
{
  position: relative;
}
.image-upload label{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar
{
  background-color: #141414;
}
/*end sidebar css*/

.login_bg_color
{
  background-color: #000508;
}

.form-control-1,.form-control-1:focus

{
  background-color: #1c1c1c;color:#fff !important;
  border-color:#1c1c1c;
  border-radius: 25px;
  height: 50px;

}
.form-control-1::placeholder
{
  color:#fff !important;
  
}
.inner_navbar_section
{
  background-color: #00192938;
}
.inner_footer
{
  background-color: #001929
}
.content_sec
{
  min-height: calc(100vh - 332px);
  background-color: #000508;
}

/*@media only screen and (min-width: 768px) and (max-width: 1199px)
{
  .col-md-3.sidebar_col
  {
    flex: 0 0 200px;
    max-width:200px;
  }
  .col-md-9.content_col
  {
    flex: 0 0 calc(100% - 200px);
    max-width:calc(100% - 200px);
  }
}*/
@media only screen and (min-width: 1200px)
{
  .col-md-3.sidebar_col
  {
    flex: 0 0 300px;
    max-width:300px;
  }
  .col-md-9.content_col
  {
    flex: 0 0 calc(100% - 300px);
    max-width:calc(100% - 300px);
  }
}


.card_blue

{
  background-color: #001929;
}

.circle_black
{
  background-color: #000000;
  box-shadow: 0 0 2px 0 #0061b1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
/*box-shadow: 0 0 0 0.2rem #001b2ec2 !important;*/
/*box-shadow: 0 0 0 0.2rem #0061b1 !important*/
box-shadow: 0 0 4px 0 #0061b1;

}
.form-control.bg_black
{
  background-color: #000000;
}
.form-control.bg_black::placeholder
{
  color:#3a3a3a !important;
}
.text_blue
{
  color:#0061b1;
}
.inner_section_bg
{
  /*background-color: #000000;*/
}
.card_transparent
{
  background-color: transparent !important;
  border:1px solid #545454 !important;
}
.card_transparent .card-header,.card_transparent .card-footer
{
  border-color:#545454 !important;

}

.card_transparent:hover,.card_transparent.active
{
  background-color: #001929 !important;
  border-color:#001929 !important;
}
.card_transparent:hover .btn-main-outline,.card_transparent.active .btn-main-outline
{
  background-color: #0061b1;
  color:#fff !important;border-radius: 25px;font-size: 15px;
    font-weight: 600;

  border:none !important;
  padding: 5px 30px;
}
.card_transparent:hover .text_grey,.card_transparent.active .text_grey
{
  color:#fff !important;
}
.user_icon
{
  max-width: 40px;
  max-height: 40px;
}
.navbar-blue.navbar-dark .navbar-nav

{
  display: flex;
    align-items: center;
}
#sidebarSupportedContent
{
  display: none;
}
#sidebarSupportedContent.collapse.show

{
  display: block;
}
.footer_inner
{
  background-color: #000 !important;
}

/*new css*/
.text_yellow{color: #F9BD09;}
.text_green

{
  /*color:#26B7BA;*/
  color: #FEEC00;
}
.bg_white_media:hover,.bg_white_media.active
{
  /*background: #26B7BA;*/
  background: #141504;
  transition: all .5s;
      border: 1px solid #363627;
    box-shadow: inset 0 0 3px 0 #363627;
}
.bg_white_media:hover img
{
  filter: brightness(0) invert(1);
}
.text_black{
  color:#343a40;
}
.text_light_grey_1
{
  color:#e8e6e8;
}
.bg_white_media:hover .text_black,
.bg_white_media:hover .text_grey,
.bg_white_media.active .text_black

{
  color:#fff !important;

}

.banner_card_img{max-width: 50px;}
.img_small

{
  max-width: 20px;
}
.work_div
{
  /*border-left:2px dashed #0b3354;*/
  border-left:2px dashed #FEEC00;
  /*margin-top: 10px;*/
  position: relative;
  z-index: 1
}
.circle_green
{
  width:12px;
  height: 12px;
  border:1px solid #FEEC00;
  border-radius: 50%;
  box-shadow: inset 0 0 4px 0 #FEEC00;
  position: absolute;
    left: -7px;
    z-index: 100;
    top: 0px;

}
.text_underlined .text_green
{
  position: relative;
}
.text_underlined .text_green::after

{
 content: url(../images/text_border.png);
    position: absolute;
    left: 0px;
    top: 20px;
    width: 100%;
    overflow: hidden;
}
.project_flow_col
{
  border-bottom:2px dashed #F9BD09;
  position: relative;
  z-index: 1;
  padding-bottom: 35px;
}
.project_flow_col::after
{
  content: "";
    width: 10px;
    height: 10px;
    border: 1px solid yellow;
    background: yellow;
    border-radius: 50%;
    position: absolute;
    left: 47%;
    z-index: 100;
    bottom: -5px;
}
.project_flow_row
{
  border-right:2px dashed #F9BD09;
  position: relative;
  z-index: 1;
  padding-right: 20px;
  padding-top: 40px;
}
.project_flow_row::before
{
   content: url(../images/male.png);
    position: absolute;
   right: -24px;
    top: 0px;
    width: 100%;
    max-width: 30px;
    overflow: hidden;
}
.project_flow_row::after
{
   content: url(../images/marker.png);
    position: absolute;
   right: -17px;
    bottom: -15px;
    width: 100%;
    max-width: 30px;
    overflow: hidden;
}
.project_flow_row_1
{
  border-right:2px dashed #F9BD09;
  position: relative;
  z-index: 1;
  padding-right: 20px;
  padding-top: 35px;
}


.project_flow_row_1::after
{
   content: url(../images/marker.png);
    position: absolute;
   right: -17px;
    bottom: -15px;
    width: 100%;
    max-width: 30px;
    overflow: hidden;
}
.media_text_flex
{
  display: flex;
  align-items: center;
}
.flow_row::before
{
   content: url(../images/buying_level.png);
    position: absolute;
   left: -20px;
    top: 65px;
    width: 100%;
    max-width: 30px;
}
.text_rotate_left
{
  position: absolute;
    top: 36%;
    transform: rotate(270deg);
    left: -100px;
}
.buy_level_row
{
  /*padding-left: 80px;*/
  padding-left: 0px;
}
.row_pos_1
{
  position: relative;
}
.text_rotate_right_1
{
 position: absolute;
    top: 40%;
    transform: rotate(270deg);
    right: -45px;
}
.bg_card_green
{
  background-color:#F9BD09;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 8px 7px;
  cursor: pointer;
  position: relative;
}
.bg_card_green:hover
{
  box-shadow: 0 0 6px 0 #F9BD09;
}
.bg_card_green_right
{
  background-color:#F9BD09;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  padding: 8px 20px;
  cursor: pointer;
  position: relative;
}
.bg_card_green:before
{


    content: '';
  display: block;
  position: absolute;
  /*left: 42%;*/
  left: auto;

  bottom: 99%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #F9BD09;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.bg_card_green_right:before
{


    content: '';
  display: block;
  position: absolute;
  right: -20%;
    /*bottom: 21%;*/
    bottom:auto;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #F9BD09;
  border-right: 10px solid transparent;
}

.bg_card_green_right:hover
{
  box-shadow: 0 0 6px 0 #38311e;
}
.sell_level_bg
{
  /*background-color:#010d2c;*/
  background-color: #12130f;
}
/*.project_flow_row_1 .project_flow_col::before

{
  content: '';
  display: block;
  position: absolute;
  left: 38%;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #26b7ba;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}*/
.line_col_row
{
  padding-top: 40px;
  position: relative;
  padding-right: 20px;
}
.text_left_line
{
  position: absolute;
    top: 60%;
    /*transform: rotate(270deg);*/
    left: -50px;
}
.line_col_row::after
{
   content: url(../images/you.png);
    position: absolute;
   right: -28px;
    top: -42%;
    width: 100%;
    max-width: 30px;
}
.work_div .text_green
{
  line-height: 1;
}
.text_yellow_1
{
  color:#fec110;
}
.work_div .text_grey.mb-4
{
  margin-bottom: 2.5rem !important;
}

@media (min-width: 1200px)
{

.container {
    max-width: 1180px !important;
}
}

.circle_count
{
  width:30px;
  height: 30px;
  background-color: #000b25;
    border: 1px solid #FEEC00;
   /* box-shadow: inset 0 0 6px 0 #363627;*/
  color:#FEEC00;
  text-align: center;
  padding: 10px 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
    cursor: pointer;
}
.circle_count:hover
{
    box-shadow: 0 0 6px 0 #363627;

}
.man_col
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner_div {
    /*border-left: 2px dashed #0b3354;*/
    border-left: 2px dashed #FEEC00;
    /* margin-top: 10px; */
    position: relative;
    /*z-index: 1;*/
}
.partner_div::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid yellow;
    background: yellow;
    border-radius: 50%;
    position: absolute;
    left: -3.5%;
    /*z-index: 100;*/
    bottom: 46%;
}
.partner_div_p
{
  display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.5;
}
.advantage_row .bg_card_blue
{
  max-width: 237px;
}
.level_card_green
{
  display: flex;
  align-items: center;
}
/*end new css*/

/*accordion css*/

.simple_accordion .card
{
  margin-bottom: 1rem;
  background: none !important;
}
.simple_accordion .card .bg_faq
{
  /*background-color:#010d2c !important;*/
  background-color:#1d1c18!important;

}
.simple_accordion .card-link
{
  color:#fff !important;
}
.simple_accordion .fa-angle-up
{
  color:  #bebebe !important;
  font-size: 16px;

}
.simple_accordion .flex_col

{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 0px 0px 20px;
  padding: .75rem 1.25rem;
  max-height: 49px;
}
.simple_accordion .active_faq .flex_col
{
  /*background-color:#26b7ba !important;*/ 
  background-color:#1d1c18 !important;
}
.simple_accordion .active_faq .flex_col .fa-angle-up
{
  color:  #fff !important;

}
.simple_accordion .active_faq .faq_content
{
  /*background-color:#1d1c18 !important; 
  box-shadow:inset 0 0 8px 0 #1d1c18;
  border:1px solid #1d1c18 !important;*/
   background-color:#333332 !important; 

}
.simple_accordion .active_faq .card-body
{
  color:#d3d3d3 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.simple_accordion .card-header
{
  border-bottom: none !important;
}

.simple_accordion .active_faq .fa-angle-up:before
{
  content: "\f107" !important;
}
/*end accordion css*/


/*sell lever responsive*/
@media only screen and (min-width: 992px) and (max-width: 1040px) {

  .flow_row::before
  {
    left:0px !important;
  }
.text_rotate_left
{
  top:35% !important;
  left:-75px !important;
}
.flow_row_col
{
  padding-left: 32px !important;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1310px) {
  
    .flow_row::before
  {
    left:0px !important;
  }
.text_rotate_left
{
  top:35% !important;
  left:-75px !important;
}
.flow_row_col
{
  padding-left: 32px !important;
}

  }

@media only screen and (min-width: 768px)
{


}
  @media only screen and (min-width: 576px) and (max-width: 620px) {
  
    .flow_row::before
  {
    left:0px !important;
  }
.text_rotate_left
{
  top:35% !important;
  left:-75px !important;
}
.flow_row_col
{
  padding-left: 32px !important;
}

  }

    @media only screen and (min-width: 768px) and (max-width: 820px) {
  
    .flow_row::before
  {
    left:0px !important;
  }
.text_rotate_left
{
  top:35% !important;
  left:-75px !important;
}
.flow_row_col
{
  padding-left: 32px !important;
}

  }
@media only screen and (min-width: 470px) and (max-width: 575px)
{
.text_left_line
{
  left: -41px !important;
}
.flow_row_col
{
  padding-left: 30px !important;
}
.flow_row::before
{
  left: 5px !important;
}
.text_rotate_left
{
  left: -64px !important;
}
.text_left_line
{
      left: -41px !important;
}
.text_rotate_right_1
{
  right: -10px !important;
}

}
@media only screen and (max-width: 469px)
{
.flow_row::before,.text_underlined .text_green::after
{
  content: none !important;
}
.text_rotate_left,.text_left_line
{
  display: none !important;
}
.text_rotate_right_1
{
  right: -10px !important;

}
.project_flow_col
{
  padding-top: 35px !important;
}
.buy_level_row  .bg_card_green
{
  margin-top: 35px !important;

}
}
@media only screen and (max-width: 501px)
{

.btn-green-large.mr-3
{
  margin-right: 0px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;

}
}

/*end sell level responsive*/
/*.work_div .media
{
  padding:0.5rem !important;
}
.work_div:hover .media
{
  background-color: #021033 !important;
    box-shadow: inset 0 0 8px 0 #0a1738;
    border: 1px solid #021033 !important;
}*/

.sidebar_icon
{
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:20px;
}
.sidebar_icon img.icon_sidebar{
  /*position: relative;
  top: -14px;
  left: -14px;*/
}
.left_sidebar_menu li.sidebar_menu:hover .sidebar_icon, .left_sidebar_menu li.sidebar_menu.active .sidebar_icon img.icon_sidebar{
  left: -7px;
}

.sidebar_iconimg
{
  max-width: 25px;
  max-height: 25px;
}
.sidebar_menu a
{
  display: flex;
  align-items: center;
}

.left_sidebar_menu li.sidebar_menu{
    padding: 10px 20px;
  display: flex;align-items: center;
  border-bottom:none !important;
}
/*.icon_sidebar{margin-right: 20px;}*/
.sidebar_text{color:#7f7f7f !important;font-size:16px;font-weight: 400;margin-left: 20px;word-break: break-word;}

.sidebar_off_text{color:#FFC106 !important;font-size:16px;font-weight: 400;margin-left: 20px;word-break: break-word;}

.sidebar_menu a{text-decoration: none !important;}
.left_sidebar_menu li.sidebar_menu:hover .sidebar_icon,.left_sidebar_menu li.sidebar_menu.active .sidebar_icon{
  background: #fff;

  /*background:#001929 !important;*/
  /*border-radius: 0px 25px 25px 0px;*/
}
.left_sidebar_menu li.sidebar_menu:hover .sidebar_text,.left_sidebar_menu li.sidebar_menu.active .sidebar_text{
  color:#fff !important;
  }



/*.profile_img{max-width: 40px;}*/  




.left_sidebar_menu li.sidebar_menu:hover .icon_sidebar,.left_sidebar_menu li.sidebar_menu.active .icon_sidebar{
  /*filter: brightness(0) invert(1);*/
  /*filter: sepia(100%) hue-rotate(190deg) saturate(1000%) !important;*/
  filter: brightness(1) invert(1) !important;
  }

/*.icon_sidebar
{
  max-width: 26px;min-width: 26px;
  max-height: 21px;min-height: 21px;
}*/
.partner_card
{
  position: relative;
}

.partner_card_img
{
  position: absolute;
  top:20px;
  right: 20px;
}
.partner_card_icon
{
  position: absolute;
  bottom:15px;
  right: 20px;
}

.social_icon_footer i
{
  
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    cursor: pointer;
    /*background: #22a6ae;*/
        background: #1c1b17;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    padding: 15px;
    /*color:#021033;*/
}
.social_icon_footer:hover i
{
  color:#fff !important;
}

.social_icon_partner i
{
  
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    cursor: pointer;
    background: #FEEC00;
    border-radius: 5px;
   width: 15px;
    height: 15px;
    padding: 5px;
    color: #021033;
    font-size: 10px;
}
.social_icon_partner:hover i
{
  color:#fff !important;
}
.partner_p
{
  position: absolute;
  bottom: 24px;
}
.partner_a
{
  color:#25b7b9 !important;
  text-decoration: underline !important;
  font-size: 12px !important;
}
.yellow_square
{
  padding: 0px 8px;
  border:1px solid #F9BD09;
  background: #F9BD09;
}
.box-shadow-black
{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  border-radius: 10px;
  border-bottom: 4px solid #423838;
}
.card_level
{
  min-height: 202px;
  cursor: pointer;
  position: relative;
}
.card_level:hover,.card_level.active
{
  background: #141414 !important;
}
.card_level:hover .text_grey.active,.card_level.active .text_grey.active
{
  color:#004112 !important;
}
.card_level:hover .text_grey.inactive,.card_level.active .text_grey.inactive
{
  color:red !important;
}
.card_level:hover .text_green,.card_level.active .text_green
{
  color:#ffc106 !important;
}
.card_level:hover .text_yellow,.card_level.active .text_yellow
{
  /*color:#010d2b !important;*/
      color: #FEEC00 !important;
}
.card_level:hover .btn-green,.card_level.active .btn-green
{
  background-color: #ffc107 !important;
    color: #fff !important;
    position: absolute;
    left: 50%;
    bottom: -15%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*white-space: inherit;*/
}
.nav_item_boder
{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0px 20px;
}
.inner_navbar
{
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    justify-content: flex-end;

    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 2px;
    border-bottom: 4px solid #0e0e0e;
    padding:5px 20px;

    /*background-color: #010d2c;*/
    background-color: #141414;
}
.nav_item_boder .nav-link
{
  display: flex !important;
    align-items: center;
    justify-content: center;
}
.nav_item_boder .nav-link img
{
  max-width: 20px;
}

@media screen and (min-width:992px){
  
  .nav_item_boder
  {
  border-right:1px solid #796d6d;
  }
}

@media screen and (min-width:1280px)  and (max-width:1500px){


.inner_navbar
  {
    width:93%;
  }
}

@media screen and (min-width:1501px){


.inner_navbar
  {
    width: 90%;
  }
}

/*@media only screen and (min-width: 768px) and (max-width: 1199px)
{
  .col-lg-3.sidebar_col
  {
    flex: 0 0 200px;
    max-width:200px;
  }
  .col-lg-9.content_col
  {
    flex: 0 0 calc(100% - 200px);
    max-width:calc(100% - 200px);
  }
}*/
@media only screen and (min-width: 1200px)
{
  .col-lg-3.sidebar_col
  {
    flex: 0 0 300px;
    max-width:300px;
  }
  .col-lg-9.content_col
  {
    flex: 0 0 calc(100% - 300px);
    max-width:calc(100% - 300px);
  }
}

/*dd slick css*/
.dd-selected-text,.dd-selected{line-height: unset !important;margin-bottom: 0px;color: #fff !important;font-size: 14px !important;font-weight: 400 !important;}
.dd-pointer-down{border-top: solid 5px #fff !important;}
.dd-pointer-up{border-bottom: solid 5px #fff !important;}
.dd-select,.dd-container{width: 120px !important;background-color: transparent !important;}
.dd-selected{padding: 5px !important;}
.dd-option-image, .dd-selected-image{max-width: 20px !important;margin-top: 2px !important;max-height: 20px;margin-right: 10px !important;
  /*min-height: 35px;*/
}
.navbar.navbar-dark .dropdown-menu{right: 0;left: unset;}
.dd-container,.nav-link.dropdown-toggle.arr_down{margin-left: 0.4rem !important;}
  .dd-options{width: 120px !important;margin-top: 1px;}
  .dd-options li,.dd-option-text{cursor: pointer;}
.navbar_section .nav-item.px-2{padding-left: 0px !important;}
.dd-option-text{line-height: unset !important;margin-bottom: 0px !important;}
.dd-option,.dd-options{background-color: #021033 !important;color:#fff !important;border:none !important;}
.dd-option-selected{background-color: transparent !important;color:#fff !important;}
.dd-select{border-radius: 5px !important;border:none !important;}
.dd-options li:hover .dd-option-text
{
  color:#26B7BA !important;
}

.footer_sec

{
  position: relative;
}
.alert_sec
{
  position: fixed;
  right:15px;
  bottom: 15px;
}
/*.alexa_animation:hover
{
  transform: translate(-4.295px, 3.445px);
}*/

.font_asap
{
  font-family: 'Asap', sans-serif;
}

.auto-login-box {    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 10px;
    border-bottom: 4px solid #423838;
    padding: 15px 25px;
  }
.auto-login-box p{
 color: #fff;font-size: 17px;margin-bottom: 0; 
}
.new-color {color: #FEEC00}
.login-box h3 {color:#ffc107; font-size: 30px; text-transform: uppercase; }
.login-box p { color: #fff; font-size: 18px; margin: 1.5em 0;}
.login-box .btn-green-large {
    background-color: #ffc107;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    border: none !important;
    padding: 10px 50px;
    color: #010d2c !important;
}
.login-box2 .btn-green-large:hover {
    box-shadow: 0 0 13px 0 #ffc107;
  -webkit-box-shadow: 0 0 13px 0 #ffc107;
  cursor: pointer;
  /*text-decoration: none;
  color: #fff !important;
  border-color:none !important;*/
}
.login-box {
  background-color: #010d2c;
    border: 1px solid #05223a;
    box-shadow: inset 0 0 6px 0 #25b7b9;
    text-align: center;
    border-radius: 10px;
    padding: 40px 50px;
}
.login-box .form-control {
   display: block;
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    font-size: 16px !important;
    line-height: 1.5;
    color: #495057;
    /*background-color: #010d2c;*/
    background-clip: padding-box;
    background-color: #141504;
    border: 1px solid #FEEC00;
    box-shadow: inset 0 0 3px 0 #FEEC00;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.address p .yellow-text { font-size: 18px; color: #ffc106 }
.address p  {font-size: 18px; color: #fff}
.address p a { font-size: 18px; color: #ffc106 }
.uplines-table .table thead th {
    vertical-align: bottom;
    border: none;
    background: #FEEC00;
    color: #000;
    font-size: 17px;
    font-weight: 500;
  }  
.uplines-table .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 2px solid #05153e;
    color: #fff;
    font-size: 17px;
    text-align: center;
}
.uplines-table .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 2px solid #05153e;
    color: #fff;
    font-size: 17px;
    text-align: center;
    background-color: #1d1c18;
}
.border-radius-left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.border-radius-right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.search-form .form-control {
    display: block;
    width: 50%;
    height: 50px;
    padding: .375rem .75rem;
    font-size: 17px !important;
    line-height: 1.5;
    color: #fff !important;
    background-color: #021033;
    background-clip: padding-box;
    border: none;
    border-radius: 20px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-success {
    background-color: #021033 !important;
    border: none;
     border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.form-control:focus {box-shadow:none;}
.login-sec .login-box{
    background: #141414 url(../images/login-bg.png) no-repeat;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    border-radius: 0px !important;
    padding: 40px 50px;
    background-position: center;
    height: 785px;
}
.login-sec .login-box2{
       background: #031236 url(../images/right-side-bg.png) no-repeat;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    border-radius: 10px;
    padding: 43px 35px;
    background-position: center;
    height: 585px;
}
.login-box2 h3 {color:#fff; font-size: 30px; text-transform: uppercase; }
.login-box2 p { color: #FEEC00; font-size: 18px; margin: 10px 0;}
.login-box2 .btn-green-large {
    background-color: #141414;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    border: none !important;
    padding: 10px 45px;
    color: #ffc106 !important;
    border: 1px solid #ffc106 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    max-width: 100%;
}

.login-box2 .form-control {
   display: block;
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    font-size: 16px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #010d2c;
    background-clip: padding-box;
    border: 1px solid #05223a;
    box-shadow: inset 0 0 5px 0 #25b7b9;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.login-box2 h4 {    margin-top: 2em;
    font-size: 20px;
    color: #FEEC00;
  }
 .smart-contract h3 {    font-size: 19px;
    text-transform: initial;
    font-weight: 400;
  } 
 .smart-contract {    
  /*background: #010d2b;*/
  background-color: #141504;
      color: #ffc106 !important;
    border: 1px solid #ffc106;
    padding: 17px 0;
    border-radius: 20px;
        margin-top: 3em;
  }
.back-btn .btn-green-large {
border: 1px solid #05223a !important;
    box-shadow: inset 0 0 5px 0 #25b7b9;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    border: none !important;
    padding: 10px 50px;
    color: #fff!important;
    background: transparent;
}

.promo-sec .nav-tabs .nav-item.show .nav-link, .promo-sec .nav-tabs .nav-link.active {
    color: #FEEC00;
    background-color: transparent;
    border-right: 1px solid #1b2641;
    border-radius: 0;
    border: none;
    padding: 13px 40px;
}
.promo-sec .nav-tabs {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 10px;
    border-bottom: 4px solid #423838;
}
.promo-sec .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.promo-sec .nav-link {
    display: block;
    padding: 13px 40px;
    font-size: 19px;
    color: #fff;
}
.promo-sec  .tab-content>.active {
    display: block;
    padding: 60px 0px 60px 15px;
}
.promo-sec .nav-tabs .nav-item {
    margin-bottom: -1px;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-right: 1px solid #1b2641;
}
.partners-sec-tree{
  max-width: 100%; overflow: auto;
  
}

/* width */
.partners-sec-tree::-webkit-scrollbar {
  width: 100px !important;
  --scrollbarBG: #f2b602 !important;
  --thumbBG: #f2b602 !important;
}

/* Track */
.partners-sec-tree::-webkit-scrollbar-track {
  background-color: #f2b602 !important; 
  --scrollbarBG: #f2b602 !important;
  --thumbBG: #f2b602 !important;
}
 
/* Handle */
.partners-sec-tree::-webkit-scrollbar-thumb {
  background-color: #f2b602 !important; 
  --scrollbarBG: #f2b602 !important;
  --thumbBG: #f2b602 !important;
}

/* Handle on hover */
.partners-sec-tree::-webkit-scrollbar-thumb:hover {
  background-color: #f2b602 !important; 
  --scrollbarBG: #f2b602 !important;
  --thumbBG: #f2b602 !important;
}


.partners-sec h4 { font-size: 20px; color: #fff }
.partners-sec .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    font-size: 16px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #141504;
    background-clip: padding-box;
    border: 1px solid #05223a;
    box-shadow: inset 0 0 5px 0 #FEEC00;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.partners-sec .btn-green-large {
    background-color: #F9BD09;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    border: none !important;
    padding: 10px 18px;
    color: #010d2c !important;
}
.h-195 {height: 195px;}
.h-195.h_195_new
{
  min-height: 195px !important;
  height: auto !important;
}
.link{stroke: #FFC106 !important;}
.node circle{stroke: #9f9f9f !important;}
/*.node circle{stroke: #098af9 !important;fill: #fff !important;}*/
/*.node text{fill: #F9BD09 !important;}*/
@media only screen and (min-width: 0px) and (max-width: 767px)
{
.mobile-view {
  background: #021033;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px
  }
  .partner_div::after {display: none;}
  .partner_div {border:none;}
  .h-100 {
    height: auto !important;
}
.login-box .btn-green-large {
      padding: 10px 10px;
      font-size: 16px;
}
.login-sec .login-box2 {    padding: 25px 15px;}
.smart-contract {    padding: 17px 10px;}
.navbar-toggler {    margin-left: 20px;}
.inner_navbar {padding: 5px 5px;}
.content_col h3 {font-size: 20px; margin-top: 1em}
.h-195 {
    height: auto !important;
}
.promo-sec .nav-tabs .nav-item.show .nav-link, .promo-sec .nav-tabs .nav-link.active {    padding: 13px 15px;}
.promo-sec .nav-link {
    display: block;
    padding: 13px 14px;
    font-size: 15px;
    color: #fff;
}
.promo-sec .nav-tabs .nav-item {border:none }
}
.promo-img{padding: 20px 0;border-bottom: 1px solid #808695;}
.down-pre{
  color: #808695;
  text-align: center;
  font-size: 13px;
}
.present-title{
  font-size: 25px;
  color: #808695;
  font-weight: bold;
}
.ad-news-cont{
  border: 1px solid #808695;
  font-size: 12px;
  width: 50%;
  margin: 0 auto;
  padding: 15px;
  color: #fff;
}
.ad-news{
  font-size: 25px;
}
.ad-path{
  border: 1px solid #fff;
  padding: 5px 15px;
  color: #25b7b9;
  border-radius: 5px;
  font-size: 13px;
  background: transparent;
  text-align: center;
  max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.emb-yt h5{color: #fff;margin-bottom: 1rem;}
.emb-yt{margin:20px 0;}


#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(0,11,37,0.7);
    z-index:9999;
    display:none;
}

.hide{
  display: none;
}

.expand {
  cursor: pointer;
  color: #F9BD09;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#26B7BA;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.test{display: flex;align-items: center; justify-content: center; height: 100vh; font-size: 20px; width: 100%;color: #ffff;z-index: 100000000;}

.show_text{ display: none; }

.text_red
{
  color:red;
}
.error {
  color:red; 
}
.data-add{
  display: none;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #fff;
}
@media (min-width: 992px) and (max-width: 1300px){
  .sidebar_text
  {
    margin-left: 10px !important;
  }
  }
@media (min-width: 992px) and (max-width: 1050px){
  
  .data-add{
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .data-add{
    font-size: 14px;
  }
}
@media (max-width: 767px){
  .data-add{
    margin-top: 1rem;
  }
}
@media (max-width: 575px){
  .login-box.login_box_padding
  {
    padding: 40px 20px !important;
  }
  .inner_navbar_border .nav_item_boder
  {
    display: block !important;
    text-align: center;
  }
  
  .bg_card_blue .font_18
  {
    font-size: 15px !important;
  }
   .bg_card_blue .font_16
  {
    font-size: 12px !important;
  }
  .project_flow_col ,.line_col 
  {
    padding-left: 1px !important;
    padding-right: 1px !important;
    display: flex;
    flex-direction: column;
  }
  .project_flow_col .bg_card_blue
  {
    height: 100%;
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .bg_card_green
  {
    padding: 3px 8px !important;
  }
/*  .flow_row_col
  {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }*/
}

@media (min-width: 320px) and (max-width: 575px){
  .project_flow_col,.line_col 
  {
    min-width: 33.33% !important;
    margin-top: 20px;
  }
  .flow_row::before
  {
    top:172px !important;
  }
}


.clean-math table thead tr th{color: #000;background:#FEEC00;}
.smart-contract p{font-size: 14px;}

@media (max-width: 400px){
  .content_col h3
  {
    font-size: 16px !important;
  }
  .navbar .navbar-brand img
  {
    max-width: 185px !important;
  }
  .login-box{height: 650px;}
  .login-box.login_box_padding
  {
    height: auto !important;
  }
  .login-box .btn-green-large{
    font-size: 13px;
  }
  .smart-contract{padding: 17px 0 !important;}
  .smart-contract p{font-size: 10px;}
}


@media(max-width:1199px){
  .ad-news-cont{
    width:90%;
  }
}
@media(max-width:992px){
  ul.left_sidebar_menu.mb-0{
    margin-bottom:15px!important;
  }
}
@media(max-width:1199px){
  .login-box .btn-green-large{
    padding:10px 25px;
  }
}

.login_sec_h
{
  min-height: 100vh !important;
}
.captcha_bg .num
{
  color: #ffc107;
  font-size: 20px;
  font-weight: 700;
  padding:0px 10px;
}
.captcha_bg .sign,.equal_div .sign
{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
   padding:0px 10px;
}
.captcha_bg
{
  /* box-shadow: 0 0 13px 0 #26b7ba;
  -webkit-box-shadow: 0 0 13px 0 #26b7ba;*/
    box-shadow: inset 0 0 3px 0 #FEEC00;
    border-radius: 8px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  /*background-image: url("../images/banner-inner.png");*/
   /* height: 40vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 43px;
    border-radius: 8px;
}
.captcha_bg p,.equal_div
{
  display: flex;
    align-items: center;
    justify-content: center;
    height: 43px;
}
.login_right_sec
{
  /*background: #031236 url(../images/right-side-bg.png) no-repeat;*/
      background: #141414 url(../images/login-bg.png) no-repeat;
    background-position: center;
  /*background-size: cover;*/
}
.login_right_sec,.login_left_sec .login-box,.flex_col_1
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
label.error
{
  color:red !important;
}
.wrap_btn
{
  /*padding: 2px 25px !important;*/
  white-space: inherit !important;
}
  @media only screen and (min-width: 320px) and (max-width: 335px)

  {
    .wrap_btn
{
  padding: 2px 25px !important;
  /*white-space: inherit !important;*/
}
  }

  a.text_green:hover,a.text_grey:hover,a.down-pre:hover
  {
    color:#fff !important;
  }

.word_break_a
{
  word-break: break-all !important;
}
 @media only screen and (min-width: 768px) 
 {

.form_control_wieth_75
{
  width:100% !important;
  margin:0 auto;
}
 }
 .login_right_sec .login-box2
 {
  background:none !important;
 }
.faq_inner .col-1
{
 flex: 0 0 45px !important;
    max-width: 45px !important;
}

.faq_inner .col-11 {
    -ms-flex: 0 0 calc(100% - 45px) !important;
    flex: 0 0 calc(100% - 45px) !important;
    max-width: calc(100% - 45px) !important;
}
#line_result th:first-child,
#line_result td:first-child
{
  min-width: 100px !important;
}
.uplines_table th:nth-child(3),
.uplines_table td:nth-child(3)
{
  min-width: 150px !important;
}
.uplines_table th:nth-child(2),
.uplines_table td:nth-child(2)
{
  min-width: 100px !important;
}

.id_number
{
  display: flex;
    align-items: center;
    justify-content: center;
}
/*.tree_partner_sec
{
   max-width: 100%; overflow: auto;
}*/
textarea.resize_none
{
  resize: none !important;
}
/*.type_msg.resize_none::placeholder
{
  display: flex;
  align-items: center;
  justify-content: center;
}*/
.banner_section_card{
    min-height: calc(100vh - 94px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
@media(max-width: 991px){
  .level_card_green{justify-content: center;}
   .mbd-adj-card_blue{display: flex;justify-content: center;margin: 15px 0;}
   .advantage_row .bg_card_blue{width: 50%;margin: auto;}
   .partner_div{border:0px;}
   .partner_div::after{display: none;}
}
@media(min-width: 992px) and (max-width: 1199px){.font_adj_mbd{font-size: 11px;}}
@media(max-width: 575px){
  .advantage_row .bg_card_blue{max-width: 100%;}
  .bg_card_green{display: none;}
  .project_flow_row_1, .project_flow_row{padding-right: 30px;}
  /*.navbar-toggler{margin-right: 20px;}*/
  .text_left_line, .text_rotate_left{display: none;}
  .flow_row::before{left:-5px !important;}
  .text-yellow-white{font-size: 25px;}
  .banner-image{min-height: auto;}
}
/*.text-yellow-white{color: #fff !important;}*/
.simple-cont{font-weight: 600 !important;text-shadow: 4px 4px 4px #000 !important;}
.banner_section_card{align-items: flex-end;}