/*https://csscompressor.com/*/


  
  .video-container {
  width:100%;
  max-width:560px;
  max-height:315px;
  margin:0 auto;
  text-align:center;
  margin-bottom:20px
  }
  
  .video-container iframe {
  top:0;
  left:0;
  width:100%
  }
  
  .fontsize_blog {
  padding-top:15px;
  font-size:1.2em
  }
  
  .fontsize_blog img {
  box-shadow:1px 1px 3px rgba(148,181,214,0.7)
  }
  
  a {
  text-decoration:none;
  color:var(--linkcolor);
  letter-spacing: 1.3px;
  }
  
  a:hover {
  text-decoration:underline;
  text-decoration-color:var(--linkcolor-hover)
  }
  
  a.h3:hover {
  text-decoration:underline;
  text-decoration-color:var(--linkcolor-hover)
  }
  
  .button {
  border-radius:0
  }
  
  table {
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  border:0 solid #ddd
  }
  
  table thead {
    color:var(--tableheadercolor)!important;
    background-color:var(--tableheaderbackgroundcolor)!important;
  font-weight:700;
  border-bottom-style:solid;
  border-bottom-width:1px;
  vertical-align:bottom;
  padding:.5rem;
  font-size:90%;
  border-color:rgba(65,65,65,0.867)
  }
  
  th,td {
  text-align:left;
  padding:8px;
  text-decoration:none!important;
  line-height: 1.0em;
  }
  
  tr {
  border-color:var(--tableheaderborder-color);
  border-bottom-style:solid;
  border-bottom-width:1px;
  vertical-align:top;
  padding:.5rem;
  height: 30px;
  vertical-align: middle;
  }
  
  tr:first-child td {
  border-color:rgba(65,65,65,0.867)  
  }



  tr:nth-child(even) {
    background-color:var(--tableheaderbackground-color);
  }
  
  tr:nth-child(odd) {
    
  }
  
  hr.list {
  border-top:1px solid #EFEFEF;
  width:95%
  }


  
  .alert.alert-success {
  text-align:center;
  text-decoration:none!important;
  background-color:#1e90ff;
  color:#fff;
  border-radius:.125rem;
  white-space:nowrap;
  padding:1rem;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.0625em;
  user-select:none;
  line-height:1;
  cursor:pointer;
  display:inline-block;
  min-width:min-content;
  min-width:-webkit-min-content;
  min-width:-moz-min-content;
  touch-action:manipulation
  }
  
  .alert.alert-danger {
  text-align:center;
  text-decoration:none!important;
  background-color:#ff1e1e;
  color:#fff;
  border-radius:.125rem;
  white-space:nowrap;
  padding:1rem;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.0625em;
  user-select:none;
  line-height:1;
  cursor:pointer;
  display:inline-block;
  min-width:min-content;
  min-width:-webkit-min-content;
  min-width:-moz-min-content;
  touch-action:manipulation
  }
  
  .alert.alert-info {
  text-align:center;
  text-decoration:none!important;
  background-color:#c7d1d2;
  background-color:#fff;
  color:#353232;
  color:#1d43a2;
  border-radius:1px;
  white-space:nowrap;
  padding:1rem;
  padding:.5rem;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.0625em;
  user-select:none;
  line-height:1;
  cursor:pointer;
  display:inline-block;
  min-width:min-content;
  min-width:-webkit-min-content;
  min-width:-moz-min-content;
  touch-action:manipulation;
  box-sizing:border-box;
  border:2px solid #ccc;
  border:1px solid #1e90ff;
  font-size:85%
  }
  
  .alert.alert-warning {
  text-align:center;
  text-decoration:none!important;
  background-color:#e5b416;
  color:#fff;
  border-radius:.125rem;
  white-space:nowrap;
  padding:1rem;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.0625em;
  user-select:none;
  line-height:1;
  cursor:pointer;
  display:inline-block;
  min-width:min-content;
  min-width:-webkit-min-content;
  min-width:-moz-min-content;
  touch-action:manipulation
  }
  
  .alert.alert-success:hover {
  transform:scale(1.005);
  box-shadow: 1px 1px 5px rgb(145 200 255 / 70%);
  }
  
  .alert.alert-info:hover {
  transform:scale(1.005);
  box-shadow: 1px 1px 5px rgb(145 200 255 / 70%);
  background-color:#1e90ff;
  color:#fff
  }
  
  a .alert.alert-info:hover {
  transform:scale(1.005);
  box-shadow: 1px 1px 5px rgb(145 200 255 / 70%);
  background-color:#1e90ff;
  color:#fff
  }
  
  .div_info_box {
  text-align:center;
  text-decoration:none!important;
  background-color:#c7d1d2;
  background-color:#fff;
  color:#353232;
  color:#1d43a2;
  border-radius:1px;
  white-space:nowrap;
  padding:.5rem;
  position:relative;
  text-transform:uppercase;
  letter-spacing:.0625em;
  user-select:none;
  line-height:1;
  display:inline-block;
  min-width:min-content;
  min-width:-webkit-min-content;
  min-width:-moz-min-content;
  touch-action:manipulation;
  box-sizing:border-box;
  border:1px solid #1e90ff;
  font-size:80%
  }
  
  input[type=search] {
  width:100%;
  box-sizing:border-box;
  -webkit-transition:.5s;
  transition:.5s;
  outline:none
  }
  
  input[type=search]:focus {
  border:1px solid #3d5aa9;
  }
  
  .smo_padding_left {
  padding-left:10px
  }
  
  .smo_padding_right {
  padding-right:20px
  }
  
  .smo_text_max_width {
  max-width:800px
  }
  
  .smo_trennline {
  border:0;
  height:1px;
  background-image:linear-gradient(to right,rgba(30,144,255,0.5),rgba(255,255,255,0.3),rgba(0,0,0,0));
  width:100%;
  border:0 solid #f2f0f0;
  margin-left:10px;
  margin-top:50px;
  margin-bottom:50px
  }
  
  .smo_trennline_small_white {
  border:0;
  height:1px;
  background-color:#fff;
  width:100%;
  border:0 solid #f2f0f0;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px
  }
  
  .smo_trennline_small {
  border:0;
  height:1px;
  background-image:linear-gradient(to right,rgba(152,162,192,0.083),rgba(95,168,242,0.3),rgba(152,162,192,0.083));
  width:100%;
  border:0 solid #f2f0f0;
  margin-left:10px;
  margin-top:7px;
  margin-bottom:7px
  }
  
  .smo_trennline_blue {
  height:1px;
  background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(112, 112, 112, 0.3),rgba(0,0,0,0));
  width:120px;
  width:100%;
  border:0 solid #f2f0f0;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px
  }
  
  .smo_div_main {
  width:98%;
  width:100%;
  margin:0 auto;
  margin-top:10px;
  padding-bottom:20px;
  /*background-color:#fdfdfd;
  background-color:#f5f8fa;*/
  border-radius:3px
  }
  
  .smo_div_main.max_width_1300 {
  max-width:var(--widthmax);
  }
  
  .smo_div_main.max_width_1200 {
  max-width:1200px
  }
  
  .smo_div_main.max_width_900 {
  max-width:900px;
  }

  .max_width_550 {
    max-width:550px;
    margin:0 auto;
    }
  
  .smo_div_full_width {
  width:100%;
  /*
  background-color:#EFEFEF;
  background-color:#253681;
  background-color:#5392cd;
  background-color:#EFEFEF;
  background-color:var(--body-background-color);
  */
  padding-bottom:20px
  }
  
  .smo_div_5050 {
  max-width:var(--widthmax);
  margin:auto
  }

  
  .smo_div_5050:after,.smo_div_5050:before {
  content:"";
  display:table;
  clear:both
  }

  
  .smo_div_5050_sub:after,.smo_div_5050_sub:before {
  content:"";
  display:table;
  clear:both;
  margin:auto
  }
  
  .smo_div_5050_50,.smo_div_5050_sub_50 {
  float:left;
  width:100%;
  margin-top:10px;
  padding-left:0
  }
 


  .smo_div_5050,.smo_div_5050>.smo_div_5050_50 {
  padding:0
  }
  
  .smo_div_5050_sub,.smo_div_5050_sub>.smo_div_5050_sub_50 {
  padding-left:10px
  }
  
  @media (min-width:1010px) {
    .smo_div_5050_50,.smo_div_5050_sub_50 {
      width:49.99999%;
    }
  }




  
  @media (min-width:601px) {
  .fs-twohalf,.smo_div_5050_sub_50 {
  width:49.99999%
  }
  }
  
  .smo_div_main_5050 {
  max-width:var(--widthmax);
  margin:auto
  }
  
  .smo_div_main_5050:after,.smo_div_main_5050:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_main_5050_sub:after,.smo_div_main_5050_sub:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_main_5050_50,.smo_div_main_5050_sub_50 {
  float:left;
  width:100%;
  margin-top:10px
  }
  
  @media (min-width:1001px) {
  .smo_div_main_5050_50 {
  width:49.99999%;
  padding-left:7px
  }
  
  .smo_div_main_5050_sub_50 {
  width:49.99999%
  }
  }
  




  .smo_div_landing_5050 {
    max-width:1350px;
    margin:auto
    }
    
    .smo_div_landing_5050:after,.smo_div_landing_5050:before {
    content:"";
    display:table;
    clear:both;
    }
    
   
    .smo_div_landing_5050_50 {
    float:left;
    width:100%;
    /*margin-top:10px;*/
    padding:30px;
    }

    .smo_div_landing_5050_50_inside {
      padding:20px;
      background: linear-gradient(45deg,#054a9f,#008f90);
      border-radius: 10px;
      
      min-height: 250px;
      }
    
    @media (min-width:1001px) {
    .smo_div_landing_5050_50 {
    width:49.99999%;
    /*padding-left:7px*/
    }

    }

    .landing_text {
      text-align: left;
      width: 50%;
  }

  @media (max-width:501px) {

    .landing_text {
      text-align: left;
      width: 80%;
  }

  }

  .landing_text_h2_extention {
      text-align: left;
    font-size: 16px;
  }


  .landing_text_h2_twocollor {
    font-size: 38px;    
    line-height: 1;    
    margin: auto;
    margin-top:60px!important;
    margin-bottom: 20px!important;
    padding: 20px 20px 20px 20px !important;
}






  .smo_div_landing_5050_Topitem {
    max-width:1350px;
    margin:auto
    }
    
    .smo_div_landing_5050_Topitem:after,.smo_div_landing_5050_Topitem:before {
    content:"";
    display:table;
    clear:both;
    }
    
   
    .smo_div_landing_5050_Topitem_50 {
    float:left;
    width:100%;
    /*margin-top:10px;*/
    padding:30px;
    
    }

    .smo_div_landing_5050_Topitem_50_inner {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 50px;
      flex-direction: column;

      }
    
    @media (min-width:1001px) {
    .smo_div_landing_5050_Topitem_50 {
    width:49.99999%;
    /*padding-left:7px*/
    }
    .smo_div_landing_5050_Topitem_50_inner {
      align-items: flex-start;
      }

    }





  .use-cases-section-container {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}

.content-width {
    max-width: 1280px;
    width: 90%;
}
.flex-column {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.align-self-stretch {
  align-self: stretch;
}
.flex-row {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.use-case-card-container {
  gap: 50px;
  justify-content: flex-start;
}

.align-self-stretch {
  align-self: stretch;
}
.flex-column {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.use-case-card-wrapper {
  padding: 32px;
  background: #1C1C1C;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.use-case-card-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
}
.use-case-card {
  padding: 30px;
  background: #1A1A1A;
  border-radius: 10px;
  border: 1px #262626 solid;
  justify-content: center;
  gap: 24px;
  z-index: 99;
}
.use-case-card-long {
  width: 800px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1px;
  height: 362px;
}

.faq-card {
  padding: 50px;
  border-radius: 10px;
  border: 1px #262626 solid;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 99;
  position: relative; 
}

.cta-section-container {
  padding: 50px;
  background: linear-gradient(0deg, #1C1C1C 0%, #1C1C1C 100%), linear-gradient(267deg, #1C1C1C 41%, rgba(28.05, 28.05, 28.05, 0) 100%);
  border-radius: 10px;
  overflow: hidden;
  border: 1px rgba(202.47, 255, 51, 0.20) solid;
  justify-content: flex-start;
  gap: 50px;
  width: 100%;
}

.cta-section-column {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}


















  .smo_div_303030 {
  max-width:var(--widthmax);
  margin:auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: stretch;
  }
  
  .smo_div_303030:after,.smo_div_303030:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_303030_30 {
  float:left;
  width:100%;
  margin: 5px;
  }
  
  @media (min-width:920px) {
  .smo_div_303030_30 {
  width:31%;
  padding-left: 5px;
  padding-right:5px;
  }
  }
  



  .smo_div_6040 {
  max-width:var(--widthmax);
  margin:auto
  }
  
  .smo_div_6040:after,.smo_div_6040:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_6040_60 {
    float:left;
    width:59.9999%
  }
  .smo_div_6040_40 {
    float:left;
    width:39.9999%
  }
 
  @media (max-width:1001px) {
    .smo_div_6040_60 {
    width:59.9999%
    }
    
    .smo_div_6040_40 {
    width:39.9999%;
    padding-left:15px;
    padding-right:10px
    }
  }

  @media (max-width:901px) {
  .smo_div_6040_60 {
  width:48%
  }
  
  .smo_div_6040_40 {
  width:49%;
  padding-left:15px;
  padding-right:10px
  }
  }



  @media (max-width:751px) {
    .smo_div_6040_60 {
    width:100%
    }
    
    .smo_div_6040_40 {
    width:100%;
    padding-left:15px;
    padding-right:10px
    }
    .smo_margin_top{
        margin-top: 65px;
      }
    }


 

/* smo_tools_header start */
  .smo_tools_header_div_4060 {
      max-width:var(--widthmax);
      margin:auto
    }
    
    .smo_tools_header_div_4060:after,.ssmo_tools_header_div_4060:before {
      content:"";
      display:table;
      clear:both
    }
    
    .smo_tools_header_div_4060_60,.smo_tools_header_div_4060_40 {
      float:left;
      width:100%
    }
    
    @media (min-width:451px) {
    .smo_tools_header_div_4060_60 {
      width:59.99999%;
    }
    
    .smo_tools_header_div_4060_40 {
      width:39.99999%;
      padding-left:15px;
      padding-right:10px
    }
    }





    .smo_tools_header_div_4555_lowcontent {
      margin:auto
    }
    
    .smo_tools_header_div_4555_lowcontent:after,.smo_tools_header_div_4555_lowcontent:before {
      content:"";
      display:table;
      clear:both
    }
    
    .smo_tools_header_div_4555_45_lowcontent,.smo_tools_header_div_4555_55_lowcontent {
      float:left;
      width:100%
    }
    
    @media (min-width:751px) {
    .smo_tools_header_div_4555_45_lowcontent {
      width:44.99999%;
    }
    
    .smo_tools_header_div_4555_55_lowcontent {
      width:54.99999%;
      padding-left:5px;
      padding-right:10px
    }
    }



    .smo_tools_header_div_4555 {
      margin:auto
    }
    
    .smo_tools_header_div_4555:after,.smo_tools_header_div_4555:before {
      content:"";
      display:table;
      clear:both
    }
    
    .smo_tools_header_div_4555_45,.smo_tools_header_div_4555_55 {
      float:left;
      width:100%
    }
    
    @media (min-width:831px) {
    .smo_tools_header_div_4555_45 {
      width:44.99999%;
    }
    
    .smo_tools_header_div_4555_55 {
      width:54.99999%;
      padding-left:5px;
      padding-right:10px
    }
    }

/* smo_tools_header end */



  
  .smo_div_7030 {
  max-width:var(--widthmax);
  margin:auto
  }
  
  .smo_div_7030:after,.smo_div_7030:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_7030_70,.smo_div_7030_30 {
  float:left;
  width:100%
  }
  
  @media (min-width:1150px) {
  .smo_div_7030_70 {
  width:69.99999%
  }
  
  .smo_div_7030_30 {
  width:29.99999%;
  padding-left:15px
  }
  }
  
  .smo_div_3070 {
  max-width:var(--widthmax);
  margin:auto
  }
  
  .smo_div_3070:after,.smo_div_3070:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_3070_70,.smo_div_3070_30 {
  float:left;
  width:100%;
    }
    .smo_div_3070_30 {
      margin-top:20px;
    }
  
  @media (min-width:610px) {
  .smo_div_3070_70 {
  width:69.99999%
  }
  
  .smo_div_3070_30 {
  width:29.99999%;
  padding-left:15px
  }
  }
  





  






  .smo_div_background_001::after {
    background-image: url(smo/img/main_background_trans_001.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }






  
  .smo_div_100_percent {
    width:100%;
    margin:auto
    }


  .smo_div_100 {
  width:99.3%;
  max-width:var(--widthmax);
  margin:auto;
  z-index: 99;
    position: relative;
  }
  
  .smo_div_8020 {
  width:99.89%;
  margin-top:20px;
  margin-bottom:5px
  }
  
  .smo_div_8020:after,.smo_div_8020:before {
  content:"";
  display:table;
  clear:both
  }
  
  .smo_div_8020_80,.smo_div_8020_20 {
  float:left;
  width:100%
  }
  
  @media (min-width:1040px) {
  .smo_div_8020_80 {
  width:74.5%
  }
  
  .smo_div_8020_20 {
  width:24.5%;
  /*padding-top:5px;*/
  padding-left:5px;
  }
  }
  
  .smo_div_header_text {
  font-size:150%;
  color:var(--headercolor);
  padding-top:0;
  padding-bottom:10px;
  margin-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  text-align:left;
  border-bottom:2px solid #9394b3;
  letter-spacing:.05em
  }



.div_tools_header{
  display: inline;
  margin-top: 0px;
  margin-left: 5px;
  padding:4px;
  border-bottom:1px solid #ededed;
  background-color: #ededed;
  color:#0B1332;
}

.div_tools_border{
  border:1px solid #dbdbdc;
  padding-bottom:10px;
  margin-left: 5px;
}

  
  .smo_div_header_text a {
  color:var(--headercolor);
  text-decoration: none;
  }
  
  .smo_div_text_left {
  float:left;
  font-size:110%;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:10px;
  color:var(--textcolor);
  line-height:28px;
  width:100%
  }
  
  .smo_div_header_subtext {
  font-size:100%;
  color:var(--headercolor);
  padding-top:2px;
  padding-bottom:0;
  padding-left:15px;
  text-align:left
  }
  
  .smo_div_header {
  font-size:180%;
  color:var(--headercolor);
  font-weight:700;
  padding-top:40px;
  padding-bottom:5px;
  padding-left:15px;
  text-align:left
  }
  
  .smo_div_header_main {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-left:20px;
  margin-top:4px;
  margin-bottom:10px
  }
  
  .smo_div_img_popup {
  vertical-align:left;
  display:flex;
  margin:auto 0;
  align-items:left;
  justify-content:left;
  position:relative;
  padding:5px
  }
  
  .smo_div_img_popup img {
  box-shadow:1px 1px 8px #888
  }
  
  .smo_button_container {
  margin-bottom:15px;
  margin-top:15px;
  display:flex;
  justify-content:center
  }
  
  .smo-button {
  display:inline-block;
  line-height:1;
  background-color:#818a91;
  font-size:15px;
  padding:12px 24px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#fff;
  text-align:center;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
  }
  
  .smo-button.smo-size-md {
  font-size:16px;
  }
  
  .smo_div_small_button {
  
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  vertical-align: middle;
  padding: 2px 8px;
  min-height: 28px;
  min-width: 28px;
  background-color: var(--button-background-color);
  color: var(--button-color);
  height: var(--button-height);
  background-color: #090f26;
  background-color: transparent;
  border: 1px solid #202947;
  border: 1px solid #40434e;

  }
  
  .smo_div_small_button.active {
    background-color: var(--button-background-color-hover);
    cursor: pointer;
    color: white;
  }
  
  .smo_div_small_button:hover {
    background-color: var(--button-background-color-hover);
    cursor: pointer;
    color: white;
  }
  
  
  .smo_div_content_center {
  margin:0 auto;
  text-align:center
  }
  
  .smo_div_content_center_main {
  text-align:center;
  margin:auto
  }
  
  .div_margin_left_and_right_10px {
  margin-left:10px;
  margin-right:10px
  }
  
  .div_contentend_center {
    margin: 0 auto;
    padding-left: 5px;
    display: flex;
    width: 100%;
    justify-content: center;
    float: center;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  
  .div_text_background_underlying {
  box-shadow:1px 1px 8px #888;
  background-image:linear-gradient(to top,rgba(42,46,50,1),rgba(19,20,22,1),rgba(0,0,0,1));
  text-decoration:underline;
  text-decoration-color:#57688c;
  text-decoration-thickness:2px;
  text-decoration-style:solid;
  text-underline-offset:1px;
  color:#fff;
  padding:2px;
  opacity:.5;
  font-size:120%;
  display:inline-block;
  margin:0 auto;
  min-width:100px
  }
  
  .div_text_background_underlying:hover {
  background-color:#555;
  color:#fff;
  cursor:pointer
  }
  
  .border_1px {
  border:1px;
  border-color:#17191a
  }
  
  .divindiv_inline {
  display:inline;
  display:-ms-flexbox;
  flex-wrap:wrap;
  align-items:stretch;
  -ms-flex-align:stretch
  }
  
  .divindiv_flex {
  display:flex;
  display:-ms-flexbox;
  flex-wrap:wrap;
  align-items:stretch;
  -ms-flex-align:stretch;

  }
  
  .divtext_dodgerblue_bold_underline {
  font-size:100%;
  color:#1e90ff;
  font-weight:700;
  text-decoration:underline;
  letter-spacing:.05em;
  display:inline-block
  }
  
  .divtext_no_text_effects {
  font-size:100%;
  text-decoration:none;
  display:inline-block;
  color:var(--textcolor);
  font-weight:400;
  padding:5px
  }
  
  .smo_premium_text_ribbon {
  margin-bottom:15px
  }
  
  .smo_premium_text_ribbon span {
  border-radius:2px;
  font-size:50%;
  font-weight:700;
  text-transform:uppercase;
  text-align:left;
  background-color:#fff;
  box-shadow:0 3px 10px -5px #0b1332;
  top:20px;
  left:0;
  padding:2px 5px 3px
  }
  
  .divTable {
  display:table;
  width:100%;
  margin-bottom:20px;
  /*box-shadow:.51px .51px 8px #E0E0E0;*/

  }
  
  .divTableRow {
  display:table-row
  }
  
  .divTableRowHeader {
  display:table-row
  }
  
  .divTableCell {
  /*border:1px solid #ebebeb;*/
  display:table-cell;
  padding:2.6px;
  font-weight:400;
  text-align:center;
  min-width:40px;
  letter-spacing: 1px;
  line-height: normal;
  }

  .divTableCell_smo2 {
    border:1px solid #ebebeb;
    display:table-cell;
    padding:0.6px;
    font-weight:400;
    text-align:center;
    min-width:40px
    }
  
  .divTableCellLineName {
  border:1px solid #ebebeb;
  display:table-cell;
  padding:3px;
  font-weight:400;
  background-color:#EEE
  }
  
  .divTableHeadEmpty {
  border:0;
  display:table-cell;
  /*background-color:#fff;*/
  box-shadow:0 0 0 #fff
  }
  
  .divTableHead {
  border:1px solid #E0E0E0;
  display:table-cell;
  padding:2px;
  font-weight:700;
  text-align:center
  }
  
  .divTableHeading {
  background-color:#EEE;
  display:table-header-group;
  font-weight:700
  }
  
  .divTableFoot {
  background-color:#EEE;
  display:table-footer-group;
  font-weight:700
  }
  
  .divTableBody {
  display:table-row-group
  }
  
  .smo_perfch_chart_button {
    margin: 0;
    color: #d1d1d1;
    font-size: 12px;
    padding: 0.3rem 1rem 0.3rem;
    background-color: transparent;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
  }
  
  .smo_perfch_chart_button:hover {
    background-color: var(--button-background-color-hover);
  cursor:pointer
  }
  
  .smo_perfch_mainchartpreview {
  
  /*border:.2px solid #F5F5F5;*/
  /*background-color:#FAFAFA;
  background-color: #ffffff;
  background-image:url(../../smo/img/chart_background_stockmarketsonline_03.webp);
  background-position:center;
  background-repeat:no-repeat;
  */
  border-radius: 4px;
  border: 1px solid #4a4a4a;
  min-height: 300px;
  
  }
  
  @media (max-width:700px) {
  .smo_perfch_mainchartpreview {
  background-image:none
  }
  }
  
  .smo_perfch_mainchartdesc {
  margin:auto;
  width:75%;
  text-align:center;
  font-size:14px
  }
  
  .smo_perfch_chart_button_tab button.active {
    background-color: var(--button-background-color-hover);
    color: #fff;
  }
  
  .over {
  -webkit-animation:rotator 2s ease-in-out infinite;
  stroke-dasharray:10,10
  }
  
  .bag {
  position:absolute
  }
  
  @-webkit-keyframes rotator {
  0% {
  transform:rotate(0deg)
  }
  
  100% {
  transform:rotate(360deg)
  }
  }
  
  .smo_div_prograssbar_main {
  display:none
  }
  
  .smo_div_prograssbar_main.active {
  display:flex
  }
  
  .backtoallsubscriptions-button {
  margin:0 auto;
  margin-top:20px;
  display:table
  }
  
  .smo_div_accountdetails {
  color:#ccc;
  
  font-size:16px;
  padding:30px;
  margin:0;
  margin-bottom:25px;
  font-weight:700;
  border: 1px solid #646464;
  border-radius: 4px;
  background-image: linear-gradient(to top, rgb(26 26 31), rgb(21 21 27));
  }
  
  .smo_div_accountdetails_inner {
    text-align: left;
    font-size: 14px;
    text-decoration: none!important;
    padding-left: 10px;
    margin-top: 10px;
    font-weight: 400;
    min-height: 45px;
  }
  
  .smo_div_economiccalendar {
  margin-left:10px
  }
  
  .tradingview-widget-container {
  padding-left:5px
  }
  
  .autocomplete {
  position:relative;
  display:inline-block
  }
  
  .autocomplete-items {
  position:absolute;
  border:1px solid #d4d4d4;
  border:1px solid #6e707d;
  border-bottom:none;
  border-top:none;
  z-index:99;
  /*top:100%;*/
  /*left:0;*/
  /*right:0;*/
  max-height:400px;
  overflow-y:auto;
  overflow-x:hidden;
  width: 100%;
  background-color: #121218;
  color: white;
  box-shadow: 1px 1px 2px #888888;
  box-shadow: 0px 8px 16px 0px #2c2e38c9;
  text-align: left;
  z-index: 9999;
  }

  .autocomplete-items div {
    padding:10px;
    cursor:pointer;
    border-bottom: 1px solid var(--dropdown-border-items);
    background-color: #121218;
    color: white;
    box-shadow: 1px 1px 2px #888888;
    box-shadow: 0px 8px 16px 0px #2c2e38c9;
    text-align: left;
    z-index: 9999;
    background-color: #121218;
    color: white;
    box-shadow: 1px 1px 2px #888888;
    box-shadow: 0px 8px 16px 0px #2c2e38c9;
    text-align: left;
    z-index: 9999;
    }
    
    .autocomplete-items div:hover {
    background-color:var(--dropdown-item-background-hover)
    }
  .autocomplete-items-event {
    position:absolute;
    border:1px solid #d4d4d4;
    border-bottom:none;
    border-top:none;
    z-index:99;
    /*top:100%;*/
    /*left:0;*/
    /*right:0;*/
    max-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
    }
  .autocomplete-items-event div {
    padding:10px;
    cursor:pointer;
    border-bottom: 1px solid var(--dropdown-border-items);
    background-color: #121218;
    color: white;
    box-shadow: 1px 1px 2px #888888;
    box-shadow: 0px 8px 16px 0px #2c2e38c9;
    text-align: left;
    z-index: 9999;
    background-color: #121218;
    color: white;
    box-shadow: 1px 1px 2px #888888;
    box-shadow: 0px 8px 16px 0px #2c2e38c9;
    text-align: left;
    z-index: 9999;
    }
    
    .autocomplete-items-event div:hover {
    background-color:#253359
    }

  
  .autocomplete-active {
  background-color:#253359!important;
  background-color:var(--dropdown-item-background-hover)!important;
  color:#fff
  }
  
  .smo_overview_box_main {
  display:flex;
  align-items:center;
  justify-content:space-around;
  flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  align-items:stretch
  }
  
  .smo_overview_box_inner {
  display:flex;
  justify-content:stretch;
  flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  align-items:stretch
  }
  
  .smo_overview_box_main_in_blogpost {
  display:flex;
  align-items:center;
  justify-content:space-around;
  flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  align-items:stretch;
  border-width:1px;
  border-style:solid;
  border-color:#d1d0db;
  border-radius:10px;
  }
  
  .smo_overview_box_4item_in_blogpost {
  width:24%;
  min-height:100px;
  border-radius:10px;
  background-color:#f0eff9;
  margin-top:3px;
  margin-bottom:3px;
  min-width:210px;
  padding-top:10px
  }
  
  @media (max-width:1100px) {  .smo_overview_box_4item_in_blogpost {  margin-left:3px;  margin-right:3px  }  }
  
  @media (max-width:900px) {  .smo_overview_box_4item_in_blogpost {  margin-left:3px;  margin-right:3px;  width:48%  }  }
  
  @media (max-width:600px) {  .smo_overview_box_4item_in_blogpost {  width:98%  }  }


  .smo_overview_box_3item_in_blogpost {
    width:31%;
    min-height:100px;
    border-radius:0px;
    border:0;
    margin-top:3px;
    margin-bottom:3px;
    min-width:210px;
    padding-top:10px;
    justify-content: center;
    text-align: center;
    align-items: center;
    }
    
    @media (max-width:1100px) {  .smo_overview_box_3item_in_blogpost {  margin-left:3px;  margin-right:3px  }  }
    
    @media (max-width:900px) {  .smo_overview_box_3item_in_blogpost {  margin-left:3px;  margin-right:3px;  width:48%  }  }
    
    @media (max-width:600px) {  .smo_overview_box_3item_in_blogpost {  width:98%  }  }



  
  .smo_overview_innerbox_item_in_blogpost {
  display:flex;
  justify-content:stretch;
  justify-content:center;
  flex-direction:row;
  flex-wrap:wrap;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  align-items:stretch;
  align-items:center;
  padding:5px 5px 2px
  }
  
  .smo_round_butoon1_in_blogpost {
  margin:5px;
  padding:5px;
  padding-left:15px;
  padding-right:15px;
  text-align:center;
  font-weight:400;
  font-size:85%;
  line-height:100%;
  border-radius:20px;
  background-color:#e5e2f9;
  border-width:1px;
  border-style:solid;
  border-color:#d1d0db
  }
  
  .smo_round_butoon2_in_blogpost {
  margin:15px;
  padding:15px;
  padding-left:25px;
  padding-right:25px;
  text-align:center;
  font-weight:400;
  font-size:110%;
  border-radius:40px;
  background-color:#1e90ff;
  color:#fff;
  border-width:1px;
  border-style:solid;
  border-color:#d1d0db
  }
  
  .smo_overview_innerbox_txt_in_blogpost {
  margin:5px;
  padding:5px;
  text-align:center;
  font-weight:400;
  font-size:85%
  }
  
  .smo_overview_innerbox_img_in_blogpost img {
  border-radius:99999px
  }
  
  .smo_box_sub_7030_70 {
  width:66%;
  margin:5px;
  min-height:90px;
  background-color:#fff;
  border-radius:4px;
  border:solid 0;
  border-color:#b1b1b1;
  margin-block-start:0;
  margin-block-end:0
  }
  
  @media (max-width:720px) {
  .smo_box_sub_7030_70 {
  width:98%
  }
  }
  
  .smo_box_sub_7030_30 {
  width:28%;
  margin:5px;
  min-height:90px;
  background-color:#f5f8fa;
  border-radius:4px;
  border:solid 0;
  border-color:#b1b1b1;
  margin-block-start:0;
  margin-block-end:0;
  padding:15px
  }
  
  @media (max-width:720px) {
  .smo_box_sub_7030_30 {
  width:98%
  }
  }
  
  .smo_box_sub_3070_70 {
  width:50%;
  margin:5px;
  min-height:90px;
  background-color:#fff;
  border-radius:4px;
  border:solid 0;
  border-color:#b1b1b1;
  margin-block-start:0;
  margin-block-end:0;
  padding-bottom:5px
  }
  
  @media (max-width:830px) {
  .smo_box_sub_3070_70 {
  width:98%
  }
  }
  
  @media (max-width:600px) {
  .smo_box_sub_3070_70 {
  width:50%
  }
  }
  
  @media (max-width:450px) {
  .smo_box_sub_3070_70 {
  width:98%
  }
  }
  
  .smo_box_sub_3070_30 {
  width:40%;
  margin:5px;
  min-height:90px;
  background-color:#fff;
  border-radius:4px;
  border:solid 0;
  border-color:#b1b1b1;
  margin-block-start:0;
  margin-block-end:0
  }
  
  @media (max-width:830px) {
  .smo_box_sub_3070_30 {
  width:98%
  }
  }
  
  @media (max-width:600px) {
  .smo_box_sub_3070_30 {
  width:40%
  }
  }
  
  @media (max-width:450px) {
  .smo_box_sub_3070_30 {
  width:98%
  }
  }
  
  .smo_box_small {
    width: 29%;
    margin: 5px;
    min-height: 40px;
    

  }
  .smo_box_small:hover {
    background-color: #15151f;
    /*cursor: pointer;*/
  }
  
  @media (max-width:750px) {
  .smo_box_small {
  width:46%
  }
  }

  @media (max-width:550px) {
    .smo_box_small {
    width:99%
    }
    }
  
  @media (max-width:1280px) {
  .smo_box_small {
  margin-left:5px;
  margin-right:5px
  }
  }
  
  @media (max-width:400px) {
  .smo_box_small {
  width:98%
  }
  }




  .smo_box_small_border {
    border: 1px solid #40434e;
    /* border-left: 4px solid #7f99e1; */
    border-radius: 8px;
    /*border-right: 2px solid #7c8cbb;
    border-top: 1px solid #aaaaab;*/
    background-color: transparent;
    /* background-image: linear-gradient(to top, rgb(187 187 187 / 80%), rgb(255 255 255 / 79%),rgb(251 251 251 / 82%)); */
    
  }




  .font-weight-light {
    font-weight: 300!important;
}


.text-center {
    text-align: center!important;
    border:0;
}




.smo_box_small_x2 {
  width:49%;
  border-radius:4px;
  border:solid 1px;
  border-color:#b1b1b1;
  vertical-align:middle;
  margin-top: 10px;
}



@media (max-width:750px) {
.smo_box_small_x2 {
width:98%
}
}


.smo_box_small_x13 {
  width:62%;
  border-radius:4px;
  border:solid 1px;
  border-color:#b1b1b1;
  vertical-align:middle;
  margin-top: 10px;
}



@media (max-width:750px) {
.smo_box_small_x13 {
width:98%
}
}


  
  .smo_box_small_x3 {
    width:31%;
    border-radius:4px;
    border:solid 1px;
    border-color:#b1b1b1;
    vertical-align:middle;
    margin-top: 10px;
  }
  

  @media (max-width:700px) {
    .smo_box_small_x3 {
    width:45%
    }
    }
  
  @media (max-width:500px) {
  .smo_box_small_x3 {
  width:98%
  }
  }





  .smo_box_small_x4 {
    width:23%;
    border-radius:4px;
    border:solid 1px;
    border-color:#b1b1b1;
    vertical-align:middle;
    margin-top: 10px;
  }
  
  @media (max-width:900px) {
  .smo_box_small_x4 {
  width:29%
  }
  }
  @media (max-width:600px) {
    .smo_box_small_x4 {
    width:45%
    }
    }
  
  @media (max-width:400px) {
  .smo_box_small_x4 {
  width:98%
  }
  }
  .smo_box_small_x4:hover {
    /*box-shadow:2px 2px 8px #b5c3d2*/
  }




  .smo_box_small_x5 {
    width:18%;
    border-radius:4px;
    border:solid 1px;
    border-color:#b1b1b1;
    vertical-align:middle;
    margin-top: 10px;
  }
  
  @media (max-width:900px) {
  .smo_box_small_x5 {
  width:29%
  }
  }
  @media (max-width:600px) {
    .smo_box_small_x5 {
    width:45%
    }
    }
  
  @media (max-width:400px) {
  .smo_box_small_x5 {
  width:98%
  }
  }
  .smo_box_small_x5:hover {
    /*box-shadow:2px 2px 8px #b5c3d2*/
  }


  .smo_home_premium_box {
  width:29%;
  margin:10px;
  min-height:90px;
  background-color:#fff;
  border-radius:4px;
  border:solid 1px;
  border-color:#b1b1b1
  }
  
  @media (max-width:600px) {
  .smo_home_premium_box {
  width:46%;
  min-height:90px
  }
  }
  
  @media (max-width:1280px) {
  .smo_home_premium_box {
  margin-left:5px;
  margin-right:5px
  }
  }
  
  @media (max-width:400px) {
  .smo_home_premium_box {
  width:98%;
  min-height:90px
  }
  }
  
  .smo_servics_premium_box_3 {
  box-shadow:3px 3px 5px #ddd;
  border-radius:4px;
  width:31%;
  margin:10px;
  min-height:90px;
  border-radius:4px;
  border:solid 1px;
  border-color:#b1b1b1
  }
  
  @media (max-width:990px) {
  .smo_servics_premium_box_3 {
  width:46%;
  min-height:90px
  }
  }
  
  @media (max-width:1280px) {
  .smo_servics_premium_box_3 {
  margin-left:5px;
  margin-right:5px
  }
  }
  
  @media (max-width:680px) {
  .smo_servics_premium_box_3 {
  width:98%;
  min-height:90px
  }
  }
  
  .smo_servics_premium_box_2 {
  box-shadow:3px 3px 5px #ddd;
  border-radius:4px;
  width:47%;
  margin:10px;
  min-height:90px;
  border-radius:4px;
  border:solid 1px;
  border-color:#b1b1b1
  }
  
  @media (max-width:710px) {
  .smo_servics_premium_box_2 {
  width:98%;
  min-height:90px
  }
  }
  
  .smo_research_overview_box {
  width:31%;
  min-height:300px;
  margin:0;
  margin-bottom:15px;
  margin-left:7px;
  margin-right:7px;
  position:relative;
  overflow:hidden;
  border:solid 1px;
  border-color:var(--divbox-border);
  background-color:transparent;
  border-radius: 6px;
  box-shadow:var(--divbox-shadow);

  background: linear-gradient(33deg, rgb(11 19 50),rgb(66 76 148 / 50%),rgb(46 39 194 / 50%));
  background: linear-gradient(33deg, rgb(19 19 25),rgb(47 48 57 / 50%),rgb(24 23 42 / 50%));
  background: linear-gradient(1deg, rgb(9 9 9),rgb(47 48 57 / 50%),rgb(33 32 40 / 50%));
  background: linear-gradient(1deg, rgb(22 26 43),rgb(19 19 25),rgb(19 19 23));
  background: linear-gradient(33deg, rgb(235 235 235), rgb(248 248 255), rgb(255 255 255 / 98%));
  background: var(--smo_research_overview_box-background);
    /* padding: 20px; */
    border-radius: 5px;
text-decoration: none;
  }
  
  @media (max-width:901px) {
  .smo_research_overview_box {
  width:46%;
  min-height:90px
  }
  }
  
  @media (max-width:451px) {
  .smo_research_overview_box {
  width:97%;
  min-height:90px
  }
  }
  
  .smo_research_overview_box.smallcelldisplay {
  width:48%;
  min-height:100px
  }
  
  .smo_research_overview_box.smallcelldisplay .smo_main_img_text {
  margin-bottom:0
  }
  
  @media (max-width:1100px) {
  .smo_research_overview_box.smallcelldisplay {
  margin-left:5px;
  margin-right:5px
  }
  }
  
  @media (max-width:900px) {
  .smo_research_overview_box.smallcelldisplay {
  margin-left:3px;
  margin-right:3px
  }
  }
  
  @media (max-width:600px) {
  .smo_research_overview_box.smallcelldisplay {
  width:98%
  }
  }
  
  .smo_research_overview_box.show_research_ass_list_in_article {
  width:98%;
  min-height:100px
  }
  
  .smo_research_overview_box.show_research_ass_list_in_article .smo_main_img_text {
  margin-bottom:0
  }
  
  @media (max-width:1040px) {
  .smo_research_overview_box.show_research_ass_list_in_article {
  width:48%
  }
  }
  
  @media (max-width:750px) {
  .smo_research_overview_box.show_research_ass_list_in_article {
  width:98%
  }
  }
  
  .smo_research_overview_box.smallcolumndisplay .smo_research_overview_box_header {
  font-size:100%;
  padding-top:5px;
  padding-bottom:5px;
  width:65%
  }
  
  .smo_research_overview_box.smallcolumndisplay a .smo_research_overview_box_image {
  object-fit:fill;
  height:100%;
  width:100%;
  overflow:hidden;
  opacity:.75
  }
  
  .smo_research_overview_box.smallcolumndisplay a .smo_research_overview_box_image:hover {
  opacity:1
  }
  
  .smo_research_overview_box.smallcolumndisplay a .smo_research_overview_box_image img {
  border-radius:0;
  padding:0;
  object-fit:fill;
  height:100%;
  width:100%;
  overflow:hidden
  }
  
  .smo_research_overview_box.smallcolumndisplay {
  width:23%;
  margin:0;
  margin-bottom:15px;
  margin-left:10px;
  margin-right:10px
  }
  
  @media (max-width:var(--widthmax)) {
  .smo_research_overview_box.smallcolumndisplay {
  width:23%;
  margin-left:10px;
  margin-right:10px
  }
  }
  
  @media (max-width:1200px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:23%;
  margin-left:4px;
  margin-right:4px
  }
  }
  
  @media (max-width:1000px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:46%;
  margin-left:4px;
  margin-right:4px
  }
  }
  
  @media (max-width:901px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:46%;
  margin-left:7px;
  margin-right:7px
  }
  }
  
  @media (max-width:851px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:46%;
  margin-left:4px;
  margin-right:4px
  }
  }
  
  @media (max-width:550px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:46%;
  margin-left:5px;
  margin-right:5px
  }
  }
  
  @media (max-width:450px) {
  .smo_research_overview_box.smallcolumndisplay {
  width:99%
  }
  }
  

  .smo_newsletter_inputtext {
    max-width: 200px;
    font-size: 16px;
    height: 42px;
    line-height: 28px;
    caret-color: #1e90ff;
    display: inline-block;
    border-radius: 4px;
    border: 2px solid #131722;
    color: #000;
    /* transition: color .15s ease-in-out; */
    text-align: left;
    width: -webkit-fill-available;
    font-family: Verdana;
    padding-left: 5px;
    border-color: #b1b1b1;
    /* border-left: 4px solid #7f99e1; */
    border-radius: 8px;
    border-right: 3px solid #858da3;
    border-bottom: 2px solid #858da3;
    border-right: 3px solid #5b6275;
    border-bottom: 2px solid #5b6275;
}
.smo_newsletter_button_main {
  /*max-width: 200px; */
  font-size: 16px;
  /* height: 42px; */
  /* line-height: 28px; */
  /* caret-color: #1e90ff; */
  /* display: inline-block; */
  border-radius: 4px;
  border: 1px solid #164dfa42;
  color: #fff;
  transition: color .15s ease-in-out;
  text-align: center;
  width: -webkit-fill-available;
  /* border-left: 5px solid #1e90ff; */
  background-color: #1e90ff;
  padding: 10px 15px 10px 15px!important;
  font-family: Verdana;
  background-image: linear-gradient(to top, #207fdb, #1e90ff,#1e90ff);

}
.smo_newsletter_button_main:hover {
  /*background-color: #fff;*/
  /*color: #1e90ff;*/
  cursor:pointer;
   border-left: 5px solid #1e90ff; 
   border-right: 5px solid #1e90ff; 
   border: 2px solid #0a2745; 
}

  .text-block {
  position:absolute;
  box-sizing:border-box;
  bottom:0;
  left:0;
  width:100%;
  background-color:#1a1a1a;
  color:#fff;
  box-shadow:1px 1px 5px rgba(177,177,177,0.7);
  padding:1px 10px
  }
  
  .text-block h4 {
  margin-top:5px;
  margin-bottom:5px
  }
  
  .smo_research_overview_box:hover {
  box-shadow:var(--divbox-shadow-hover);
  }
  
  .smo_research_overview_box:hover .smo_research_overview_box_image {
  opacity:1
  }
  
  .smo_research_overview_box:hover .smo_research_overview_box_header {
  color:#fff;
  background-color:#2c6399
  }
  
  .smo_research_overview_box_image {
  object-fit:fill;
  height:100%;
  width:100%;
  overflow:hidden;
  opacity:.75
  }
  
  .smo_research_overview_box_image img {
  border-radius:0;
  padding:0;
  object-fit:fill;
  height:100%;
  width:100%;
  overflow:hidden
  }
  
  .smo_research_overview_box_header {
  letter-spacing:.02em;
  font-size:130%;
  color:#fff;
  font-weight:700;
  text-align:left;
  width:100%;
  border:0;
  padding:10px 3px 10px 10px
  }
  
  .smo_research_overview_box_subtext {
  font-size:100%;
  border:0;
  padding:4px 3px 6px 10px;
  color:var(--textcolor);
  }
  
  .smo_main_img_text {
  width:calc((100% - 15px)/2);
  width:100%;
  display:table;
  margin-bottom:15px;
  flex-wrap:wrap;
  align-items:stretch;
  -ms-flex-align:stretch;
  height:100%
  }
  .smo_main_img_text a{
    text-decoration: none;
  }
  .smo_main_img_text_cell_img {
  vertical-align:middle;
  display:table-cell;
  max-width:150px;
  overflow:hidden;
  margin-right:1em;
  height:80px;
  min-width:150px
  }
  
  @media (max-width:900px) {
  .smo_main_img_text_cell_img {
  min-width:100px;
  max-width:100px
  }
  }
  
  @media (max-width:600px) {
  .smo_main_img_text_cell_img {
  min-width:150px;
  max-width:150px
  }
  }
  
  @media (max-width:400px) {
  .smo_main_img_text_cell_img {
  min-width:100px;
  max-width:100px
  }
  }
  
  .smo_main_img_text_cell_img img {
  object-fit:fill;
  height:100%;
  width:95%;
  overflow:hidden;
  margin-top:9px;
  margin-left:6px;
  border-radius:4px
  }
  
  .smo_main_img_text_cell_txt {
  vertical-align:middle;
  display:table-cell;
  padding:5px;
  margin-block-start:0;
  margin-block-end:0
  }
  
  .smo_main_img_text_cell_txt h4 {
  font-size:120%;
  vertical-align:middle;
  display:table-cell;
  padding:10px;
  margin-block-start:0;
  margin-block-end:0
  }
  
  .smo_main_img_text_row_img {
  vertical-align:top;
  width:100%;
  overflow:hidden;
  justify-content:center;
  object-fit:fill
  }
  
  .smo_main_img_text_row_img img {
  object-fit:fill;
  height:100%;
  min-height:150px;
  max-height:150px;
  width:100%;
  overflow:hidden
  }
  
  .smo_main_img_text_row_txt {
  vertical-align:top;
  margin-block-start:0;
  margin-block-end:0
  }
  
  .smo_main_img_text_row_txt h4 {
  vertical-align:top;
  padding:10px;
  margin-block-start:0;
  margin-block-end:0;
  font-size:120%
  }
  
  .beforeAfter {
  background-color:#eee;
  border-radius:10px;
  box-shadow:3px 3px 8px #888;
  float:right;
  margin:10px 0 19px;
  width:100%
  }
  
  .smo_div_site_header {
  letter-spacing:.1em;
  font-size:200%;
  color:var(--headercolor);
  font-weight:700;
  text-align:center;
  margin:0 auto;
  padding-top:30px
  }
  
  .smo_div_enumeration_header {
  letter-spacing:.05em;
  font-size:125%;
  /*text-transform:uppercase;*/
  color:var(--headercolor);
  margin-top:20px;
  margin-bottom:20px;
  margin-left:5px;
  text-align:center
  }
  
  .smo_div_enumeration_subheader {
  line-height:28px;
  /*letter-spacing:.1em;*/
  font-size:110%;
  color:var(--headercolor);
  min-height:77px;
  text-align:center;
  width:99.5%;
  background-color:#fdfdfd;
  background-color:#f1efef;
  background-color:#e9e9e9;
  border-radius:4px;
  padding-top:1px;
  padding-bottom:1px;
  margin:0 auto;
  margin-bottom:10px;
  margin-left:3px;
  margin-right:0;
  vertical-align:middle;
  justify-content:center;
  align-items:center
  }
  
  .smo_div_enumeration_subheader.white {
  background-color:#fdfdfd
  }
  
  .smo_div_enumeration_subheader_noBackground {
  letter-spacing:.1em;
  font-size:120%;
  color:var(--headercolor);
  min-height:50px;
  text-align:center;
  width:100%;
  border-radius:4px;
  padding-top:1px;
  padding-bottom:1px;
  margin:0 auto;
  margin-bottom:10px;
  margin-left:0;
  margin-right:0;
  vertical-align:middle;
  justify-content:center;
  align-items:center
  }
  
  h3.smo_div_enumeration_subheader_noBackground {
  font-weight:400
  }
  
  .smo_div_enumeration_subheader a {
  color:#1e90ff;
  color:var(--headercolor);
  vertical-align:middle
  }
  
  .smo_div_box_x5 {
  padding:10px;
  display: flex;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  overflow:hidden;
  }

  .smo_div_box_top_allign {
    padding:10px;
    display: flex;
    position: relative;
    overflow:hidden;
    text-align: center;
    }

    .smo_div_box_text {
      font-size: 98%;
      padding: 5px;
      color: #d8d8d8;
  }

  .smo_div_enumeration_box {
    padding:10px;
    padding-top:5px;
    }
  
  .smo_div_enumeration_box:hover {
  
  }
  
  .smo_div_enumeration_headertext {
  margin-bottom:10px;
  margin-left:10px;
  margin-right:5px;
  text-align:center
  }
  
  .smo_div_enumeration_subtext {
  margin-left:20px;
  margin-right:10px;
  margin-bottom:10px;
  font-weight:700
  }
  
  .smo_div_enumeration_center {
  margin-left:20px;
  margin-right:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  line-height: 1.3;
  }
  
  .smo_div_enumeration_text_ul_center {
  font-size:100%;
  font-weight:400;
  text-align:left;
  color:var(--textcolor)
  }

  .smo_div_enumeration_text {
    margin:10px 15px;
    }

  .smo_div_box_highlieght_text {
  font-size:90%;
  line-height:20px;
  margin:10px 8px;
  color: var(--texthighlighted);
  font-weight:700;
  text-align: center;
  }
  
  .smo_div_enumeration_text_ul {
  font-size:100%;
  margin-left:20px;
  font-weight:400;
  text-align:left
  }
  
  .smo_div_enumeration_img_not_clickable {
  vertical-align:middle;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  position:relative
  }
  
  .smo_div_enumeration_img_not_clickable img {
  border-radius:4px
  }
  
  .smo_div_enumeration_img {
  vertical-align:middle;
  display:flex;
  margin:auto 0;
  align-items:center;
  justify-content:center;
  position:relative;
  margin-bottom:30px;
  width:90%;
  display:flex;
  justify-content:center;
  margin:auto;
  padding:15px 15px 5px
  }
  
  .smo_div_copyrigth {
  display:flex;
  vertical-align:left;
  margin-left:10px;
  padding-left:30px
  }
  
  input[type="button"] {
  background-color:#1e90ff;
  color:#fff;
  border:solid #000 1px;
  width:100%;
  cursor:pointer
  }
  
  input[type="text"] {
  
  border:solid #1e90ff 2px;
  border: 1px solid rgba(65,65,65,0.867);
  width:100%;
  text-align:center;
  font-weight:700;
  color:#1e90ff;
  color: #000;
  caret-color: #1e90ff;
  border: 0;
  height: 25px;
  }
  input[type=text]:focus{
    border-color:#fff;
    color:#fff;
    background-color:#26262c;
  }
  
  #cis_positions_calc {
  width:100%;
  
  font-size:12px;
  margin-bottom:5px;
  margin-top:15px
  }
  
  .link_div_list {
  margin-top:5px;
  margin-bottom:20px;
  border-bottom:1px solid #9394b3
  }
  
  .link_div_list a {
  font-size:95%;
  padding-left:3px;
  padding-right:3px;
  color:#00f
  }





  
/* Tab CSS Start *************************************** */
.smo-main-tab-warpper{
  display:flex;
  flex-direction: column;
  align-items: flex-start;

}
.maintabs{
    /*
  margin: 0px;
  padding-top: 5px;
  border-radius: 4px 4px 0px 0px;
  flex-wrap: initial;
  align-content: stretch;
  display: flex;
  justify-content: center;
  align-items: baseline;
*/
margin: 0px;
padding-top: 5px;
border-radius: 4px 4px 0px 0px;
display: flow-root;
}
.maintab{
  cursor: pointer;
  padding: 8px 10px;
  margin: 0px;
  background-color: #101323;
  display: inline-block;
  color: #ffffff;
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 0px #e9e9e9;
  border: 1px solid #3f4351;
  /* border-right: 1px solid #83a3ff; */
  border-bottom: 0;
  /* border-top: 1px solid #83a3ff; */
  font-size: 80%;
}
.maintab:hover {
  top: -0.25rem;
  transition: top 0.25s;
}
.mainpanels{
  /*background:#fffffff6;*/
  box-shadow: 0 1rem 2rem #00000080;
  /*box-shadow: 2px 3px #e9e9e9;*/
  /*min-height:200px;*/
  width:100%;
  /*max-width:500px;*/
  /*border-radius:3px;*/
  /*overflow:hidden;*/
  /*padding:20px;  */
  /*
  background:white;
  box-shadow: 2px 3px #e9e9e9;
  border-left: 1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  */
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--headerupperlinecolor);
  border-radius: 0px 0px 4px 4px;
  color:#fff;
}
.mainpanel{
  display:none;
  animation: fadein .8s;
  margin-bottom: 20px;
 
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.mainradio{
  display:none;
}
#mainradio_one:checked ~ .mainpanels #mainone-panel,
#mainradio_two:checked ~ .mainpanels #maintwo-panel,
#mainradio_three:checked ~ .mainpanels #mainthree-panel,
#mainradio_four:checked ~ .mainpanels #mainfour-panel,
#mainradio_five:checked ~ .mainpanels #mainfive-panel,
#mainradio_six:checked ~ .mainpanels #mainsix-panel,
#mainradio_seven:checked ~ .mainpanels #mainseven-panel,
#mainradio_eight:checked ~ .mainpanels #maineight-panel,
#mainradio_nine:checked ~ .mainpanels #mainnine-panel,
#mainradio_ten:checked ~ .mainpanels #mainten-panel{
  display: flex;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  padding-bottom: 25px;
}
#mainradio_one:checked ~ .maintabs #mainone-tab,
#mainradio_two:checked ~ .maintabs #maintwo-tab,
#mainradio_three:checked ~ .maintabs #mainthree-tab,
#mainradio_four:checked ~ .maintabs #mainfour-tab,
#mainradio_five:checked ~ .maintabs #mainfive-tab,
#mainradio_six:checked ~ .maintabs #mainsix-tab,
#mainradio_seven:checked ~ .maintabs #mainseven-tab,
#mainradio_eight:checked ~ .maintabs #maineight-tab,
  #mainradio_nine:checked ~ .maintabs #mainnine-tab,
  #mainradio_ten:checked ~ .maintabs #mainten-tab{
    background-color: #161a2b;
    color: rgb(255 255 255);
    border: 1px solid #f9f9f9;
    border: 2px solid #adadad;
    border-right: 2px solid #878889;
    border-top: 2px solid rgb(157 156 156);
    border-bottom: 0px solid #d1d1d1;
    /* text-decoration: underline; */
    text-decoration-color: #ffffff;
}
/* Tab SCC End ******************************************* */






.smo_ul_check{

  list-style: none;

}

.smo_ul_check li:before {
  content: "✓";
  padding-right: 5px;
    color:var(--list-ul-color);
    font-size: 110%;
    font-weight: bold;
    list-style: none;
  }

.smo_ul_check_no_list_change li:before {
  content: "";
  padding-right: 5px;
  color:var(--list-ul-color);
    font-size: 110%;
    font-weight: bold;
    list-style: none;
  }

.smo_image_div_container{
  margin-top:5px;
  
}

.smo_button_moredetails{
  
    padding: 15px 40px;
    border-radius: 6px;
    font-size: 20px;
    border: 1px solid #9298ad;
    background-color: transparent;
    background-image:linear-gradient(356deg, #4a5587, #3253f7cf, #00e5ffbd);
    /*background-image:-webkit-linear-gradient(45deg, #ff9907, #8f74f5, #5a7dff, #07d7ff 110%);*/
    color: white;
    position: relative;
    z-index: 999;
}
.smo_button_moredetails:hover{
  background-color: var(--button-background-color-hover);
  /*background-image: linear-gradient(203deg, #4a5587, #3253f7cf, #00e5ffbd);*/
  background-image:-webkit-linear-gradient(45deg,#07d7ff, #5a7dff, #8f74f5,  #ff9907);
  text-decoration: none;
  cursor:pointer;
  color: white;
}



.smo_custom_background{
    background-image: url(../../smo/img/main_background_trans_001.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0;
	padding-top:30px;padding-bottom:70px;
}


.web_picture_blog{
  border-radius: 10px;
  /* box-shadow: 1px 1px 5px #d8d8d8; */
  width: 100%;
  /*border: 1px solid #717171;*/
}




/* Start text einblenden und ausblenden */

.smothblendin {
  /*margin-top: 0;*/
  /*padding-left: 110px;*/
  text-align: left;
  list-style: none;
  -webkit-animation-name: changein;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  animation-name: changein;
  animation-duration: 3s;
  animation-iteration-count: 1;
  color:red;
}
.smothblendout {
  /*margin-top: 0;*/
  /*padding-left: 110px;*/
  text-align: left;
  list-style: none;
  -webkit-animation-name: changeout;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  animation-name: changeout;
  animation-duration: 2s;
  animation-iteration-count: 1;
  color:red;
}

@keyframes changein {
  0%, 25.66%, 45.66% {
    transform: translate3d(0, -100%, 0);
	opacity: 0;
  }
  55%, 75%, 95% {
    transform: translate3d(0, 0, 0);
	opacity: 1;
  }
}
@keyframes changeout {
    0%, 25.66%, 45.66% {
    transform: translate3d(0, 0, 0);
	opacity: 1;
  }
   55%, 75%, 95% {
    transform: translate3d(0, 100%, 0);
	opacity: 0;
  }
}


/* Ende text einblenden und ausblenden */