html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color:#DFE7EF;
}
#app, .landing-page{ width: 100%; display: block; float: left; height: 100%; margin-top: 0px; padding: 0px;}
/* heading */
h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font-size: 48px; line-height: 58px; color: #000000;}

/* spaces */
.wc-spc-lf-tp{ padding-top: 262px; padding-left: 40px; }


.h-100{height: 100%;}
.main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed;    background-position: bottom -10px left -130px;
  background-size: 45%;}
/* navbar */
.spotLight-nav{ padding-top: 20px; z-index: 5;}
.spotLight-nav li a{font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.7470597624778748px;
  text-align: left; color:#000; opacity: 0.6;
  }
  .spotLight-nav li {margin-right: 14px;} 
 .spotLight-nav li.active a{font-weight: 600; opacity: 1;}
 .spotLight-nav li.spotLight-img a{opacity: 1;}
 .navbar-brand{ margin-right: 57px;}

 /* ul list style */
 .sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; float: left; margin-top: 24px; }
  .sign-in-up-list li{ margin-bottom: 26px;display: flex; color:#000;}
  .sign-in-up-list li img{ margin-right: 10px; float: left; width: 24px; height: 24px;}
  .sign-in-up-list li span{ float: left;}
  /* form */
  .form-layout{ width: 100%; display: block; float: left;}
  .form-layout form{ display:block; float: left; width: 100%;}
  .form-layout h5{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}
  .form-layout .social-login{ display: block;     width: 339px;
    margin: 0 auto; margin-top: 37px;  margin-bottom: 37px; }
  .form-layout .social-login ul{ list-style-type: none; margin:0px; padding:0px; display: flex;}
  .form-layout .social-login ul li a img{ width:75px; height: 75px; float: left;}
  .form-layout .social-login ul li:nth-child(2){margin:0 37px;}
  .form-layout .fill-form{ width: 100%; display: block; float: left; margin-top:24px ;}

  form input{background:#D2DCE7 !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-sizing: border-box; border-radius: 5px !important; height: 50px !important; line-height: 50px !important;   color: #000000;
  
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600 !important; margin-bottom:16px;padding:0 18px !important;}
  form input:focus{  box-shadow:0px !important; outline: 0px !important;}

  /* placeholder */
  form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    line-height: 18px;
    color: #000000;
    opacity: 0.5;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
  }
  
  form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    line-height: 18px;
    color: #000000;
    opacity: 0.5;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
  }
  
  form input::-ms-input-placeholder { /* Microsoft Edge */
    line-height: 18px;
    color: #000000;
    opacity: 0.5;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
  }
   /* placeholder */
  .sb-button{    background: #514DA7;
    height: 50px;
    line-height: 35px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    width: 100%;}
    .sb-button img{ margin-right: 10px; width: 20px;}
    .sb-button:hover{ color:#fff;} 
    .form-layout p{margin-top:17px ;}
    .form-layout p{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}
    .form-layout p a{ font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;text-decoration: underline;}
    .form-layout .forget-pass{font-family: 'Montserrat', sans-serif;font-size: 12px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity:1 !important; text-align:center;}
    .form-layout .forget-pass a{font-weight: 700;color: #514DA7 !important; text-decoration: none !important;
    }
    .form-layout p a:hover{ color:#000;}
    .form-layout h3{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #000000; text-align: center;margin-top: 24px;}
    .form-layout h3 a{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #514DA7; opacity: 1;}
    .form-layout.signup-frm-spc{width: 300px; display: block; float: left;  margin-top: 214px;}
    .welcome-hd-back{
      font-family: 'Bebas Neue', cursive;
      font-style: normal;
      font-weight: 600;
      font-size: 106px;
      line-height: 106px;
      color: #000000;
  }
  .form-layout .go-back span{ font-weight: 500 !important;}
  .reset-pass-spc{    margin-top: 110px;}

  /* profile */
  .inner-wrp {
    height: 100%;
    padding-left: 88px;
    padding-right: 37px;
    background:#fff;;
    font-family: 'Montserrat', sans-serif;
  
}
.user-profile-photo{    width: 40px; position: relative; display: block;
  height: 40px;
  border-radius: 100px;
  padding: 1px;}
.user-profile-photo a, img{ width: 100%;}
.inner-profile-ps{ width: 148px; height: 148px; float: left; display: block;}
.inner-wrp h1{ font-weight: 400; font-size:32px; line-height: 40px; color:#000;  font-family: 'Montserrat', sans-serif;}
.tags{background: #BDDBFF; font-weight: 600; font-size:10px; color: #fff; padding: 2px 8px; border-radius:3px;}
.user-profile{    display: block;
  float: left;
  margin-left:30px;
  position: relative;
  width: 760px;}
.user-profile p{ font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; width: 100%; display: block; float: left; margin:20px 0 0 0;}
.talk-to-me{ width: 100%; display: block; float: left; margin-top:20px;}
.talk-to-me span{font-weight: 500; font-size: 14px; line-height: 21px; color: #000; opacity: 0.5; float: left; margin-right:10px;}
.talk-to-me ul{ list-style-type: none; margin:0px; padding: 0px; float: left;margin-top:-1px;}
.talk-to-me ul li{ display: block; float: left;margin-right:3px;}
.talk-to-me ul li a{color:#000; text-decoration: none; font-weight: 500;}
.joined-info{ display: block; list-style-type: none; margin: 0px; padding: 0px; font-size: 13px; color:#000; }
.joined-info li a{ color:#000; opacity: 0.5;}
.joined-info li span{ width: 5px; height: 5px; background-color: #000; float: right; margin: 8px 10px 0 10px; border-radius:100%; opacity: 0.5;}
.joined-info li img{ width: 15px; float: right; margin-right: 5px; position: relative; margin-top:2px;}
.joined-info li{ float: left;}

/* list style */
.list-style-group{ width: 100%; display: block; float: left;}
.list-style-group p{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px;  font-size: 14px; text-transform: uppercase;  font-weight: 600;}
.list-style{list-style-type: none; margin:0px; padding: 0px;}
.list-style li{ float: left;}
.list-style li a{ display: block; float: left;}
.list-style li a img{ width: 48px; display: block; float: left; }
.list-spc-top{ margin-top:15px ;}

/* social connects */
.social-connects{ display: block; list-style-type: none; margin: 0px; padding: 0px;}
.social-connects li{ float: left; margin-right:0px ;}
.social-connects li a{ display: block; float: left; padding: 11px;}
.social-connects li a img.twitter{ margin-top:3px;}
.social-connects li a.active{background: #f9fafc; width: 40px; height: 40px; border-radius: 5px;}
.social-connects li a img{ width: 19px; display: block; float: left;}
.social-connects li span{color:#000; opacity: 0.5; letter-spacing: 2px;margin-bottom: 7px;font-size: 14px; text-transform: uppercase; font-weight: 600; margin: 11px 30px 0 0;
  float: left;}
.connect-social-channel{ margin-left: 10px !important; margin-top:8px !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 22px !important; text-transform: unset !important; letter-spacing: 0px !important;} 

  /* profile tab */
  .profile-tab-spc-top{margin-top:45px ; padding-top: 15px;}
  .top-brd{border-top: 1px solid #DFE7EF;}
.profile-tab{ list-style-type: none; display: block; float: left; margin:0px ; padding: 0px;}
.profile-tab li{ float: left; padding-bottom: 10px; margin-right:76px ;}
.profile-tab li.active{ border-bottom: 4px solid #ef484f;}
.profile-tab li a{font-size: 20px;color:#000; text-decoration: none; font-weight: 400; line-height: 33px; }

/* profile data wrp */
.profile-data-wrp{ background:#dfe7ef; position: absolute; width: 100%; left: 0px;}
.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom:50px; padding-top: 88px;}
.card-warpper{ width: 283px; background: #fff; margin-bottom: 100px; border-radius: 4px; padding:23px; background-image: url('../images/card-bg.png'); background-repeat: repeat-y; background-position: top 0 right 20px; float: left; margin-right: 68px;}
.company-detail{    width: 100%;
  display: block;
  float: left;
  position: relative;
  margin-top: -63px;
  margin-bottom: 21px;}
.company-detail .c-logo{ width: 82px; display: block; float: left;}
.company-detail .c-logo img{ width: 100%;}
.company-detail .c-tag img{ width: 100%;}
.company-detail .c-tag { width: 89px; display: block; float: right;}
.card-warpper h1{width: 198px;    padding-bottom: 7px; border-bottom:1px solid #a5a5a5; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 35px; line-height: 42px; letter-spacing: 0.36px; color: #000000;}
.card-warpper .u-detail{    padding: 7px 0 7px 0; border-bottom:1px solid #a5a5a5; width: 198px; display: block; float: left;}
.card-warpper .u-detail img{ display: block; float: left; width: 24px; margin-right:17px;}
.card-warpper .u-detail h2{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.15px; color: #000000;}
.card-warpper p{  float: left;  padding: 12px 0 12px 0; width: 198px; border-bottom:1px solid #a5a5a5; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 14px;line-height: 18px; letter-spacing: 0.15px; color: #000000; }
.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px;}
.card-warpper .tags-list li{ float: left; margin-right:9px ; margin-bottom: 9px;}
.card-warpper .tags-list li a{text-transform: uppercase; padding:5px 13px; border-radius: 10px; color: #fff;font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 12px;line-height: 16px; letter-spacing: 0.15px;}
/* colors */
.cape-honey{ background: #fde2a3;}
.rose-bud{ background: #fba29a;}
.pattens-blue{ background: #ceeced;}

.insight-design{ background: #FBC647;}
.insight-product{ background: #9DDADB;}
.insight-marketing{ background: #F74536;}
.insight-pricing{ background: #C1C0FE;}
.insight-psychology{ background: #477970;}
.no-cursor{
  cursor: default !important;
}
.no-underline{
  text-decoration: none !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
/* add new card */
.add-card-warpper{ width: 283px; background: transparent; border-radius: 4px; padding:23px;     height: 356px; float: left; margin-right: 0px; border:2px dashed #fff;}
.add-card-warpper a{ display: block;
  width: 86px;
  margin: 0 auto;
  margin-top: 92px;}

  /* New Profile Buttons */
  .profile-buttons{ width: 261px; display: block; margin:0 auto;}
  /* button sm */
  .profile-sm-bt{    width: 180px;
    height: 54px;
    border-radius: 5px;
    border: 1px solid #514DA7;
    color: #514DA7;
    font-size: 16px;
    font-weight: 500;
    display: block;
    line-height: 55px;
    text-align: center;}
    .profile-sm-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}
    /* button md */
    .profile-md-bt{    width:233px;
      height: 54px;
      border-radius: 5px;
      border: 1px solid #514DA7;
      color: #514DA7;
      font-size: 16px;
      font-weight: 500;
      display: block;
      line-height: 55px;
      text-align: center;}
      .profile-md-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}
          /* button lg */
    .profile-lg-bt{    width:261px;
      height: 54px;
      border-radius: 5px;
      border: 1px solid #514DA7;
      color: #514DA7;
      font-size: 16px;
      font-weight: 500;
      display: block;
      line-height: 55px;
      text-align: center;}
      .profile-lg-bt:hover{ background-color:#514DA7; color:#fff; text-decoration: none;}
      .center-and-spc{ margin:0 auto; margin-bottom:15px;}
      .bt-active{ background-color:#514DA7; color:#fff; text-decoration: none;}
/* Replies */
.replies{ display: block; float: left;}
.replies-wrp{ width: 1024px;display: block; float: left; border-bottom: 2px solid #fff;margin-left: 58px;margin-bottom: 30px;}
.replies-wrp h1{font-family: 'Bebas Neue', cursive; text-transform: uppercase; font-size: 28px;line-height:33px; font-style: normal; font-weight: 400; color: #000;}
.replies-wrp h1 span{font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; color:#000; opacity: 0.5;}
  .comment-spc{ margin-left:9px ;}
  .replies-wrp p{ width: 100%; display: block; float: left; font-weight: 500; font-size: 16px; line-height: 22px; color: #000; margin-top: 14px;    margin-bottom: 28px;} 
  .replies-wrp:last-child{ border-bottom:0px; margin-bottom: 0px;} 

  /* team */
  .verified-team{ width: 129px;
    display: inline-table;
    margin-top: 7px;
    position: absolute;
    margin-left: 10px;}
  .verified-team img{ width: 100%; display: block; float: left;}
  .active-company{    border-bottom: 4px solid #ef484f;}
  .active-company a{ font-weight: 700 !important;}
  .active-company a img{ width: 27px;margin-top: -6px; margin-right: 10px;}
  .active-company a img.c-icon{margin-right: 0px; margin-left:10px;}
  .c-social li a img{ width: auto !important;}
  .company-footer{ width: 100%; display: block; float: left;}
  .company-footer ul{ display: block; float: left; list-style-type: none; margin:6px; padding:0px;}
  .company-footer ul li{float: left; margin-right: 10px;}
  .company-footer ul li a{ font-size: 10px; font-style: normal; font-weight: 500;color: #979797;}
  .company-footer ul li a img{ width: 15px; margin-right: 2px; margin-top: -2px;}
  .company-footer .next{float: right;    margin-top: -25px;
    margin-right: 20px; width: 61px; height: 61px; background-color: #fff; border-radius: 10px; border:2px solid #514da7; display: block;}
  .company-footer .next img{    width: 25px;
    margin-top: 17px;
    margin-left: 16px;}
   .card-c-space-0{ padding: 0px !important; background-color: transparent !important;} 
   .c-detail-wrapper{ width: 100%; display: block; float: left;    background: #fff;
    border-radius: 4px;
    padding: 23px; } 
    /* members */
    .members-wrp{     width: 960px; display: block; float: left; margin:0px; padding: 0px; list-style-type: none;}
    .members-wrp .member-list{ display: block; float: left; width: 411px; background-color: #fff; padding: 10px;    border-radius: 50px; margin-right: 67px; margin-bottom: 24px;}
    .members-wrp .member-list a{ display: block; float: left; width: 100%;}
    .members-wrp .member-list a img{ width: 20%;display:block; float: left;}
    .members-wrp .member-list a span{ display: block; float: left; width: 75%; margin-left:5%;}
    .members-wrp .member-list a span h1{font-size: 24px; line-height: 29px; font-weight: 400; font-style: normal; color: #000;    margin-top: 13px;}
    .member-describe-list{ display: block; float: left; list-style-type: none;margin:0px; padding: 0px;}
    .member-describe-list li{ float: left; font-size: 14px; line-height: 17px; font-style: normal; font-weight: 400;color: #000; opacity: 0.5;}
    .member-describe-list li span{ width: 5px !important; height: 5px !important; background-color: #000; display: block; float: left; float: left; margin-left:unset !important; float: right !important;     margin-right: 8px !important;
      margin-left: 8px !important;
      margin-top: 6px;
      border-radius: 5px;}

    /* popup */
    .body-blur{  filter: blur(8px); -webkit-filter: blur(8px);}
    .popup-wrp{ width: 100%; display: block; float: left; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1;}  
    .popup-wrp .overlay{ width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px;     background-color: #dfe7efab;   /* Add the blur effect */
      filter: blur(8px);
      -webkit-filter: blur(8px);}
     .popup-set{     width: 530px;
      background-color: #fff;
      border-radius: 0 40px 40px 40px;
      padding: 30px;
      position: relative;
      margin: 0 auto;
      margin-top: 80px;} 
     .popup-header{ width: 100%; display: block; float: left; margin-top: -60px;}
     .popup-header img{ width: 109px; display: block; float: left;}
     .popup-header ul{    display: block;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      margin-top: 75px;
      margin-left: 20px;
      float: left;}
     .popup-header ul li{ float: left; margin-right: 31px;}
     .popup-header ul li a img{ width: 22px !important; float: left; display: block;}
     .popup-header ul li a{color:#514DA7;}
     .popup-header ul li a span{    display: block;
      float: left;
      margin-left: 10px;
      width: 50px;
      font-size: 14px;
      line-height: 17px;
      margin-top: -10px;}
      .popup-body{    width: 100%;
        display: block;
        float: left;
        max-height: 450px;
        overflow-y: auto;
        padding-right: 16px;}
      .popup-forms{ width: 100%; display: block; float: left; margin-top: 50px;}
      
    
      .popup-forms .floating-label label{font-size: 11px;
        line-height: 19px;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        position: absolute;
        margin: 0px 10px 0 10px;
        background: #fff;
        padding: 0 3px;
        position: absolute;
        pointer-events: none;
        top: 15px; opacity: 0.5;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
      }
    
      .popup-forms .floating-label input{ outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}
      .popup-forms .floating-label select{ outline: none; height: 50px; margin-bottom: 0px; border-radius:5px; padding: 0 10px; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 400; line-height: 19px; color: #808080;}
   
      .popup-forms .floating-input input:focus{ outline: none;}
      .popup-forms .floating-label input:focus~label{
        top: -11px;
        color: #514DA7;
       font-size: 14px;background:#fff;
       opacity:1;
}
     .popup-forms .floating-label input:not(:placeholder-shown)~label {
	    position: absolute;
    top: -11px;
	background:#fff;
   
  font-size: 14px;
  color: #514DA7;opacity:1;
}
/* textarea */
.popup-forms .floating-label textarea{ height: 100px; outline: none; background-color: #fff !important; width: 100% !important;border: 1px solid #DFE7EF !important; font-size: 16px; font-weight: 500; line-height: 19px; color: #000;}
.popup-forms .floating-input textarea:focus{ outline: none;}
.popup-forms .floating-label textarea:focus~label{
  top: -11px;
  color: #514DA7;
 font-size: 14px;background:#fff;
 opacity:1;
}
.popup-forms .floating-label textarea:not(:placeholder-shown)~label {
position: absolute;
top: -11px;
background:#fff;

font-size: 14px;
color: #514DA7;opacity:1;
}
       .popup-forms .form-group{    margin-bottom: 20px;}
       .empty-lbl{ font-size: 16px; font-style: normal; line-height: 29px; color:#000; opacity: 0.5;} 
.things{ font-size: 16px; line-height: 21px; color: #000; opacity: 0.5;}    
.interests{ display: block; list-style-type: none;margin:0px; padding: 0px; }
.interests li{ float: left; margin-right: 20px; position: relative;}    
.interests li span{ height: 40px; padding: 0 16px; line-height: 40px;background: #DFE7EF; display: block; float: left;
  border-radius: 5px;}
  .interests li input{ height: 40px !important; padding: 0 10px !important; line-height: 40px !important;border:2px solid #DFE7EF; display: block; float: left;
    border-radius: 5px; background-color: #fff !important;    width: 125px;}
    .interests li a{    width: 20px;
      display: block;
      float: right;
      margin: 6px 0px 0 114px;
      position: absolute;}
 /* color codes */
 .silver{background-color: #C4C4C4;}     
 .milk-punch{background-color: #FFF6D7;}  
 .french-pass{background-color: #BDDBFF;}  
 .cyan-french-pass{background-color: #C0FAFE;} 
 .cosmos{background-color: #FFDBDC;} 
 .cape-Honey{background-color: #FEE6AC;} 
 .snuff{background-color: #E5DFF0;} 
 .catskillWhite{background-color: #DFE7EF;} 
 .white{background-color: #fff;} 
  /* color codes */
 .colors{ width: 100%; display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}
 .colors li{ display: block; float: left; margin-right: 14px;}
 .colors li a{ width: 22px; height: 22px; display: block; float: left;  border:1px solid #ccc; border-radius: 10px;}
 .colors li a.active{border: 2px solid #514DA7;}
 .popup-forms .next-bt{    width: 99px;
  height: 54px;
  background: #514DA7;
  display: block;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 54px;
  font-weight: 600;
  position: absolute;
  right: 50px;
  bottom: -80px;} 
  .notifications{ font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; width: 313px; float: left;}
  .add-socail-ch{font-size: 16px; line-height: 19px; color: #000; opacity: 0.5; margin-top:20px ; margin-bottom: 30px;}
  .add-socail-ch span{    border-bottom: 2px solid #DFE7EF;
    display: block;
    width: 270px;
    float: right;
    margin-top: 10px;}
    .select-arrow{    display: block;
      float: right;
      position: absolute;
      top: 13px;
      right: 17px;
      background: #fff;
      width: 31px;
      height: 17px;}
      .select-arrow img{width: 15px;}
      .popup-forms .save-bt{    width: 150px;
        height: 54px;
        background: #514DA7;
        display: block;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        line-height: 54px;
        font-weight: 600;
        position: absolute;
        right: 50px;
        bottom: -80px;}
/* insights */
.insights-wrp{     background-image: url(../images/insights-bg.svg);
  background-color: #DFE7EF;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;     padding: 0 50px 0 100px;}
  .insights-profile{width: 32px;
    height: 32px;
    float: right;
    display: block;
    position: absolute;
    right: 0;}
    .insights-searh a{     width: 21px;
      height: 25px;
      display: block;
      position: absolute;
      right: 24px;
      top: 23px;}
    .insights-searh a img{ width: 100%;}
    .insights-searh input{background: #FFFFFF !important; border-radius: 10px !important; Height:72px !important; border:0px !important;}
    .insights-searh input::-webkit-input-placeholder { /* Edge */
    font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    
    .insights-searh input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    
    .insights-searh input::placeholder {
      font-size: 22px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
    }
    .insights-border span{ font-size: 15px; line-height: 19px; font-weight: 600; text-transform: uppercase;}
    /* insights 2 */
    .back-to-lib{    font-size: 12px;
      line-height: 14px;
      color: #000000;
      font-weight: 500;
      display: block;
      float: left;}
    .back-to-lib img{ width: 12px; float: left; margin-right: 10px; margin-top:2px;}
    .insights-list{ list-style-type: none; margin:0px ; padding: 0px; width: 100%; display: block; float: left;;margin-top:20px;}
    .insights-list li{ display: block; float: left;}
    .insights-list li a{    display: block;
      float: left;
      margin: 0px;
      padding: 5px 14px;
      background: #70A853;
      font-size: 15px;text-transform:uppercase;
      font-weight: 700;
      font-style: normal;
      color: #fff;
      border-radius: 50px;}
     .insights-details{ width: 850px;display:block; float: left;} 
     .insights-details h2{ font-size: 20px; line-height: 24px; font-weight: 700 !important;font-weight: normal; margin-bottom:30px ; color:#000; margin-top:22px ;}
     .features-group h3{  margin-top: 30px;  margin-bottom: 15px;font-size: 15px;letter-spacing:1.92px; line-height: 22px;color: #70A853;}
     .features-group-list{ list-style-type: none; margin: 0px; padding: 0px; width: 100%; display: block; float: left;}
     .features-group-list li{ margin-bottom: 25px; width: 100%; display: block; float: left;}
     .features-group-list li a{font-size: 16px; font-weight: 500; line-height: 22px; color:#000; text-decoration: underline;}
     .features-group-list li a:hover{ text-decoration: none;}
     .features-group-list li span{font-size: 10px; line-height: 12px; font-weight: 500; color: #000; opacity: 0.5; width: 100%; display: block; float: left;}
     .features-group-list li a img{ width: 9px; }
     .insights-rply img{ width: 14px;}
     .insights-rply{font-weight: 400; font-size: 13px; line-height: 27px; color: #70A853; margin-top: 5px; float: left;} 
     .insights-rply:hover{color: #70A853;}
     .active-green{border-bottom: 4px solid #70A853;}
     .insights-spc{padding: 0 100px;}

     /* insight page 1 */
     .insights-border{height: 1px;
      text-align: center;
      display: block;
      background: #FFFFFF;
      clear: both;
      width: 100%;
      margin-top: 30px;}
  .insights-border span{    text-align: center;
      position: relative;
      top: -13px;
      background: #DFE7EF;
      margin: 0 11px;
      padding: 0px 10px;}		
  .insights-list-filter{display:table;float:left;width:100%;}
  .insights-list-filter ul{    list-style-type: none;    text-align: center;
      margin-top:40px;
      padding: 0px;
      display: block;
      float: left;
      width: 100%;}
  .insights-list-filter li{ display: inline-table; float: unset; margin: 0 23px 23px 23px;}	
  .insights-list-filter li a{padding: 5px 20px;color: #fff;
      float: left;
    text-transform: uppercase;
      line-height: 26px;
      text-align: center;
      font-weight: 600;
      font-size: 20px;
    border-radius:30px;
      }
  .insights-list-filter li a:hover{text-decoration:none;}
  .insights-products{display:block;float:left;width:100%; background-color: #fff;}
  .insights-products h3{font-size:15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;margin-bottom:20px;}
  .insights-products h2{font-size:20px;color:#000000;font-weight:700;line-height:24px;margin-bottom:20px;}
  .insights-products p{font-size:15px; margin-bottom: 0px;}
  .insights-products span{float:right;}
  .insight-mb-spc{margin-bottom:34px;}
  .insights-searh{ width: 700px; margin: 0 auto;    position: relative;    margin-top: 110px;}
  .insights-products a{ width: 18px; display: block; float: right;}
  
/* colors */
  .lavender-blue-bg{background:#C1C0FE;}
.golden-tainoi-bg{background:#FBC647;}
.red-orange-bg{background:#F74536;}
.morning-glory-bg{background:#9DDADB;}
.dark-green-copper-bg{background:#477970;}
.radical-red-border{border:1px solid #EF484F;border-radius:10px;padding:30px 28px;}
.selective-yellow-border{border:1px solid #FABB05;border-radius:10px;padding:30px 28px;}
.lavender-blue-border{border:1px solid #C1C0FE;border-radius:10px;padding:30px 28px;}
.dark-green-copper-border{border:1px solid #477970;border-radius:10px;padding:30px 28px;}
.purple-heart-border{border:1px solid #673AB7;border-radius:10px;padding:30px 28px;}
.silver-border{border:1px solid #C4C4C4;border-radius:10px;padding:30px 28px;}
.radical-red-col{color:#EF484F;}
.selective-yellow-col{color:#FABB05;}
.lavender-blue-col{color:#C1C0FE;}
.dark-green-copper-col{color:#477970;}
.purple-heart-col{color:#673AB7;}
.silver-col{color:#C4C4C4;}
.radical-red-col:hover{color:#EF484F;text-decoration:none;}
.selective-yellow-col:hover{color:#FABB05;text-decoration:none;}
.lavender-blue-col:hover{color:#C1C0FE;text-decoration:none;}
.dark-green-copper-col:hover{color:#477970;text-decoration:none;}
.purple-heart-col:hover{color:#673AB7;text-decoration:none;}
.silver-col:hover{color:#C4C4C4;text-decoration:none;}
/* button */
.switch-btn  {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
.switch-btn input {
  opacity: 0;
  width: 0;
  height: 0;
}
.rounded-toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #DFE7EF;
  -webkit-transition: .4s;
  transition: .4s;
    border-radius: 34px;
}
.rounded-toggle:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 13px;
    left: 10px;
    bottom: 5px;
    background-color: #514DA7;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.toggle-btn:checked + .rounded-toggle {
  background: #DFE7EF;
}

.toggle-btn:checked + .rounded-toggle:before{ background-color:#EF484F;;}
.toggle-btn:focus + .rounded-toggle{
  box-shadow: 0 0 1px #2196F3;
}
.toggle-btn:checked + .rounded-toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switch-bt-wrp{margin-top: 15px;    width: 111px;
  float: right;
  text-align: right; }
.switch-btn{float: left ;}
.onoff{ margin-top: -3px; float: right;}

/* intro Episode */
.episode-intro{ padding: 0 50px 0 30px; height: 100%;} 
.bottom-startup{width: 1293px; display: block; float: left; margin:0 auto; height: 144px; border: 0.8px solid #514DA7;    position: absolute;
  bottom: 50px; z-index: 2;
  right: 0;
  left: 0;}
.bottom-startup .logo-wrp{ width: 140px; display: block; float: left;border-right: 0.8px solid #514DA7; height: 100%;}
.bottom-startup .logo-wrp a{    width: 100px; margin:0 auto; 
  display: block;    margin-top: 28px;
}
.bottom-startup .logo-wrp a img{ width: 70px; display: block; margin:0 auto;}
.bottom-startup .logo-wrp a span{ font-weight: 400; font-size:13px; line-height: 25px; letter-spacing: -0.54px; width: 100%; display: block; float: left; text-align: center; color: #514DA7;} 
.bottom-startup .title{    font-size: 48px;
  font-family: 'Zuume';
  font-weight: 400;
  line-height: 144px;
  color: #514DA7;
  width: 440px;
  height: 100%; float: left;
  border-right: 0.8px solid #514DA7;
  text-align: center;}
  .bottom-startup .author-sec{ width: 200px; height: 100%; display: block; float: left;  border-right: 0.8px solid #514DA7; color: #514DA7;
  }
  .bottom-startup .author-sec .top{ width: 100%;
    display: block;
    float: left;
    padding: 20px 10px 10px 10px;
    height: 72px;}
  .bottom-startup .author-sec .top span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}
  .bottom-startup .author-sec .top .name{ font-size: 25px; line-height: 28px;
    font-family: 'Zuume';
    font-weight: 400;}
    .bottom-startup .author-sec .bottom{ width: 100%; height: 100%; 
      border-top: 0.8px solid #514DA7; 
      display: block;
      float: left;
      padding: 0px 10px 0px 10px;
      height: 72px;}
      .bottom-startup .author-sec .bottom .left{ width: 40%; display: block; float: left; height: 100%;  border-right: 0.8px solid #514DA7; padding-top: 20px;}
      .bottom-startup .author-sec .bottom .right{ width: 60%; display: block; float: left; padding-top: 20px; padding-left: 10px;}
      .bottom-startup .author-sec .bottom span{ font-size: 12px; line-height: 13px; font-weight: 500; width: 100%; display: block; display: block;}
      .bottom-startup .author-sec .bottom .dt{ font-size: 25px; line-height: 28px;
        font-family: 'Zuume';
        font-weight: 400;}
        .bottom-startup .author-sec.info{ width: 90px;}
        .bottom-startup .author-sec.info .bt-brd{ border-top: 0.8px solid #514DA7; }
        .bottom-startup .u-img-info{ display: block; float: left; width: 135px; height: 100%; border-right: 0.8px solid #514DA7;}
        .bottom-startup .u-img-info img{ width: 103px; display: block; margin: 0 auto; margin-top: 22px;}
        .bottom-startup .start{ width: 86px; display: block; float: left; background-color: #fff; height: 100%;    padding-top: 48px;}
        .bottom-startup .start a span{ font-size: 12px; line-height: 14px;letter-spacing:2px; font-weight: 600; text-align: center; width: 100%; display: block; float: left; text-transform: uppercase; color: #514DA7;}
        .bottom-startup .start a img{     width: 24px;
          display: block;
          margin: 0 auto;
          margin-bottom: 10px;}

          /* compare */
          .compare-c{    width: 475px;
            display: block;
            margin: 0 auto;
            bottom: 50%;
            position: absolute;
            left: 0;
            right: 0;
            z-index: 2;}
          .compare-c .logo-1{ width: 200px; display: block; float: left;}
          .compare-c .vs{ width: 75px; display: block; float: left; font-size: 12px; line-height: 15px; font-weight: 700; color: #EF484F;    text-align: center;
            margin-top: 25px;}
          .compare-c .logo-2{ width: 200px; display: block; margin:0 auto;}
         .startup-wrp{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0;    overflow: hidden;} 
         .epi-bg{    position: absolute;
          bottom: -152px;
          left: 18%; width: 1920px;
          z-index: 1;} 
/* intro startup */
.intro-startup{ width: 100%;display: block; float: left; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; }
.intro-startup .footer-nav{ width: 100%; display: block; float: left; position: absolute; bottom: 0; height: 80px; }
.intro-startup .footer-bottom{ width: 100%; display: block; float: left; height: 5px;}
.intro-startup .footer-bottom ul{ display: block; list-style-type: none; margin: 0px; padding:0px; }
.intro-startup .footer-bottom ul li{     height: 5px;
  display: block;
  float: left;
  width: 49%;
  background: #fff;}
.intro-startup .footer-top{ position: relative; width: 100%; display: block; float: left;  padding: 0 50px;     height: 75px;}
.intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }
.intro-startup .footer-top .top-intro-bt li{display: block; float: left;}
.intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;}
.intro-startup .footer-top .top-intro-bt li a{    height: 30px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 15px; padding: 6px 10px; display: block; float: left;} 
.intro-startup .footer-top .top-intro-bt li a img{    width: 10px; display: block;float: left;margin-top: 3px; margin-right: 4px;}
.intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;}
.smasung-g-10wrp{ width: 404px; display: block; height: 838px; position: absolute; background-image:url('../images/Samsung-Galaxy-S10.svg'); background-repeat: no-repeat;    left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  top: unset;
  background-position: bottom;}
  .samsung-compare-c{     width: 211px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;}
  .samsung-compare-c img{ width: 100%;}
  .samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;}
  
  /* comment wrapper */
  .smasung-g-10wrp .comment-box{    width: 428px;
    display: block;
    float: left;    right: -394px;
    position: absolute;
    bottom: 50px;}
  .comment-box-s-1{ width: 100%; display: block; background: #FFFFFF; float: left; 
    border: 1px solid #201E6A;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);
    border-radius: 25px 25px 0px 25px; margin-bottom: 15px;}
    .comment-box-s-1 p{font-size: 21px; opacity: 0.9; line-height: 28px; font-weight: 500; color: #332B3C; width: 100%; float: left; display: block; margin: 0px; padding: 15px;}
    .comment-box-s-1 .footer{background: #F7F9FB;
      border-top: 1px solid #000000; display: block; float: left; width: 100%;  padding: 15px;
      box-sizing: border-box;
      border-radius: 0px 0px 0px 25px;}
      .comment-box-s-1 .footer a{color: #514DA7; font-weight: 700; margin-top:3px; font-size: 15px; line-height: 18px; text-transform: uppercase; float: left;} 
      .comment-box-s-1 .footer img{ width: 25px; display: block; float: left; margin-right: 12px;}
      .key-arrow{ width: 50px; float: left; margin-top:5px;}
      .comment-w-397{ width: 397px; float: right;}
      .comment-box .user-photo{ width: 200px; display: block; float: right;}
      .spot-light-top{    width: 927px;
        height: 100%;    position: absolute;
        top: 0px;
        overflow: hidden;
        left: -350px;
        right: 0;
        margin: 0 auto; }
       .app-discovery{ width: 628px; height: 455px;background: rgba(255, 255, 255, 0.5);
        border: 1px solid #000000;
        box-sizing: border-box; position: absolute; right: 0px;    top: 198px;} 
.app-discovery .top-user{ width: 135px; height: 135px;background: #FFFFFF; border: 1px solid #000000;  box-sizing: border-box; border-radius: 100px;    margin: 0 auto;
  margin-top: -63px;} 
.app-discovery .top-user img{ width:57px; display: block; margin:0 auto;     margin-top: 45px;}
.app-discovery h1{font-size: 60px;
  font-family: 'Zuume';    margin-top: 136px;
  font-weight: 400;
  line-height: 66px; width: 100%; display: block; text-align: center;
  color: #000;}
  .app-discovery h2{font-size: 60px;
    font-family: 'Zuume';
    font-weight: 300;
    line-height: 66px; width: 100%; display: block; text-align: center;
    color: #000;}
   .discovery-app-img{ width: 200px; display: block; position: absolute; right: 0; bottom: 0;} 
   .popcorn-set{ position: absolute; width: 120px; display: block;     right: 440px; bottom: 0;} 
   .app-discovery-bg{background-image:url('../images/Union.svg'); background-position: bottom; background-repeat: no-repeat;  }
   .intro-startup .footer-bottom ul li.active{ background: #514DA7;}
   .ft-comments-group{display: block;
    float: left;  
    padding-top: 23px; width: 100%;
    height: 100%; padding-right: 15px;
}
   .ft-comments-group .count-comments{ font-size: 12px; line-height: 14px; font-weight: 700;color: #000000; float: left; margin-right: 15px; margin-top:8px ;}
   .ft-comments-group .comments-photos{ display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}
   .ft-comments-group .comments-photos li{ display: block; float: left; margin-left: -8px;}
   .ft-comments-group .comments-detail{display: block; float: left;  width: 100%; padding-right: 30px; }
   .ft-comments-group .comments-detail span{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; width: 100%; display: block; float: left;}
   .ft-comments-group .comments-detail p{     margin-top: 2px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0px;
    width: 100%;
    display: block;
    float: left;}
   .ft-comments-group .comments-detail span a{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC;  display: block; float: right;}
   .white-bg{ background-color: #fff;}
   .comment-frm{ display: block; float: right; width: 100%;    margin-top: 25px;}
   .comment-frm .frm-wdth{ width: 100%; display: block; float: left; }
   .comment-frm .frm-wdth input{border-bottom: 1px solid #514DA7 !important; border:0px; border-radius: 0px; padding: 10px 0px; }
   .comment-frm .frm-wdth input::-webkit-input-placeholder { /* Edge */
    color: #514DA7; font-size: 12px; line-height: 14px;
  }
  
  .comment-frm .frm-wdth input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #514DA7;  font-size: 12px; line-height: 14px;
  }
  
  .comment-frm .frm-wdth input::placeholder {
    color: #514DA7;  font-size: 12px; line-height: 14px;
  }
  .comment-frm .add-comment{background: #514DA7;
    border-radius: 5px;
    font-size: 13px;
    line-height: 29px;
    color: #fff;
    padding: 5px 10px;
    display: block;
    width:111px;
    float: right; text-align: center;
    height: 39px;
}
  .comment-frm .add-comment img{    width: 14px;

}
   .single-author-comments{ width: 1000px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 100%;} 
   .s-user-comments { display: block; position: absolute; bottom: 37px; width: 400px;}
   .single-author-li-comments{ width: 100%; display: block; float: left; position: relative; z-index: 1;}
   .a-intro-comments{background: #FFFFFF; width: 100%; padding: 15px; float: left; margin-bottom: 15px; position: relative;
    border: 1px solid #201E6A;
    box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.0975743);
    border-radius: 25px 25px 25px 0px; }
    .a-intro-comments p{ width: 100%; display: block; float: left; margin: 0px; font-size: 18px; line-height: 25px; font-weight: 400; color: #000000;}
    .rly-comment-set{ display: block; list-style-type: none; margin: 5px 0 0 0;padding:0px; float: left;}
    .rly-comment-set li{ float: left; margin-right: 15px;}
    .rly-comment-set li a{ font-size: 12px; line-height: 28px; font-weight: 500; color: #514DA7;float: left;}
    .rly-comment-set li img{ width: 13px;
      float: left;
      display: block;
      margin-top: 8px;
      margin-right: 6px;}
     .comments-a-wrp{     width: 629px;
      display: block;
      float: right;
      position: absolute;
      bottom: 160px;
      right: 0;} 
      /* thnaks Wrapper */
      .thanks-wrapper{ width: 1180px; display: block; position: absolute; margin: 0 auto; bottom: 0; left: 0; right: 0;} 
      .thanks-l-wrp{ display: block; float: left; width: 504px;margin-bottom: 90px;    position: relative; }
      .thanks-img{height: 306px; display: block; margin: 0 auto; position: absolute; left: 0;  right: 0; top: -307px; width: 306px;}
      .thanks-pay-wrp{ width: 100%; display: block; height: 334px; float: left;border: 2px solid #06034C;
        box-sizing: border-box;
        border-radius: 15px;     position: relative;
        z-index: 2;}
 .thanks-pay-wrp .blacktext-wrp{background: #000000; border-radius: 5px; padding:10px 15px; width: 370px;
  margin: 0 auto; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 26px; line-height: 31px; color: #fff;    text-align: center;}
 .thanks-pay-wrp .blacktext-wrp img{ width: 24px; margin-top: -10px;}
 .thanks-pay-wrp ul{    display: block;
  margin-top: 50px;
  margin: 32px 0 0 67px;
  padding: 0px;
  list-style-type: none;
  width: 370px;
  float: left;}
 .thanks-pay-wrp ul li{ float: left; width: 72px; margin: 0 10px 10px 10px;}
 .thanks-pay-wrp ul li a{ width: 100%; display:block; float: left;}
 .thanks-pay-wrp ul li a img{ display: block; float: left; width: 100%;}
 .thanks-pay-wrp ul li a span img{    width: 8px;
  display: block;
  float: left;
  margin-left: 3px;
  margin-top: 4px;
  margin-right: 5px;}
 .thanks-pay-wrp ul li a span{ font-size: 10px;
  line-height: 13px;
  color: #06034C;
  width: 100%;
  display: block;
  float: left;
  margin-top: 4px;}
  .payments-spc-57{ margin:0 76px;}
  .payment-spot-light-bt{ position: absolute; left: 0; width: 708px;    bottom: -85px;}
  .thanks-r-section{     width: 444px;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    bottom: 70px;} 
.logo-common-wrp {
    width: 101px;
    display: block;
    margin: 0 auto;
}
.logo-common-wrp a{ width: 100%; display: block;}
.logo-common-wrp a span{ width: 100%; display: block; float: left; text-align: center; color: #514DA7; font-size: 13px; line-height: 25px; letter-spacing: -0.54px; font-weight: 400;}
.thanks-r-section p{ font-size: 18px; line-height: 25px; font-weight: 400; color: #000000; margin:15px 0 20px 0; width: 100%; display: block; float: left; text-align: center;}
.back-bt{ width: 200px; height: 54px; margin: 0 auto;    position: relative; display: block; text-align: center; font-size: 18px; line-height: 54px; color: #000; background-color: #fff;}
.back-bt .s1{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF;     position: absolute;
  left: -10px;
  top: -10px;} 
.back-bt img{ width: 20px; margin-right: 5px;}  
.back-bt:hover{ text-decoration: none; color:#514DA7;}
.back-bt .s2{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF;     position: absolute;
  left: -10px;
  bottom: -10px;} 
  .back-bt .s3{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF;     position: absolute;
    right: -10px;
    bottom: -10px;} 
    .back-bt .s4{ width: 20px; height: 20px; border-radius: 100px; background: #DFE7EF;     position: absolute;
      right: -10px;
      top: -10px;} 
.rating-section{ width: 100%; display: block; float: left; list-style-type: none; margin: 0; padding: 0px; border: 1px solid #000000;
  box-sizing: border-box; margin-top: 25px;}      
  .rating-section li{ width: 100%; display: block; float: left; padding: 15px;}
  .rating-section li p{ font-size: 14px; margin-top:0px ; line-height: 25px; color: #000000; width: 281px; float: left; text-align: left; display: block; margin-bottom: 0px;}
  .rating-section li .publish{width: 82px; height: 33px; background: #514DA7;
    border-radius: 5px; display: block; float: right; color:#fff; font-size: 14px; line-height: 33px; text-align: center; font-weight: 500;}
    .rating-section li p.wdth{ width: 154px;}
    .rating-list{ display: block; float: right;}
    .rating-list a{ width: 26px; display: block; float: left; margin-right: 10px;}
    .rating-section li:first-child{ border-bottom: 1px solid #000000;}
    .follow-us-py{width: 100%; display: block; float: left; padding:15px;}
    .follow-us-py span{ font-size: 14px; line-height: 22px; font-weight: 500; font-style: normal;}
    .p-follows{ display: block; list-style-type: none; margin:0px; padding: 0px; float: right;}
    .p-follows li{ width: 26px; display: block; float: left; margin-left:10px;}
    .p-follows li a{ width: 100%; display: block; float: left;}
    .p-users{ width: 108%; display: block; float: left;     margin-top: 40px;}
    .p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; }
    .p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px;     margin-bottom: -6px;}
    /* single mobile */
    .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute; background-image:url('../images/s-mobile.svg'); background-repeat: no-repeat;    left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 0;
      top: unset;}
      .slide-img{    width: 402px;
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;}
   
       .single-m-Insight-comments{  width: 423px; display: block;  position: absolute;
        top: 294px;
        right: -357px;}
       .single-left-Insight-comments{position: absolute;
        width: 423px;
        display: block;
        top: 0;
        left: -332px;} 
       .author-thoughts{ width: 236px; display: block; float: left;    margin-left: 70px;
        margin-bottom: -20px;}
        .custom-c-style{border-radius:0px 25px 25px 25px;}
        .mobile-screen-one{ width: 379px; display: block;height:726px;position: absolute; border: 1px solid #000000;    
           border-radius: 45px 45px 0 0;
          bottom: 0;
          top: unset;
          background-position: bottom;}
        .m-screen{ width: 348px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto;     margin-top: 15px;}  
        .m-screen-comments{     width: 370px;
          display: block;
          position: absolute;
          left: 0;
          z-index: 1;
          margin-left: -230px;
          margin-top: 50px;}
     .user-photo-bottom{  width: 127px;display: block; position: absolute;  bottom: 76px; left: -110px;}   
     .p-left{ left: 0;}
     .p-right{ right: 0;}
     .allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 792px; height: 100%;     bottom: 2px;}
     .m-screen-right {
      width: 370px;
    display: block;
    position: absolute;
    right: 0;
    z-index: 1;
    margin-right: -207px;
    margin-top: 50px;
  }
  .user-photo-bottom-r{  width: 127px;display: block; position: absolute;      right: -128px;
    bottom: 125px;}  
    /* no comments */ 
    .no-comment-count{ width: 100%;}


  
    .no-comments-img{ width: 40px; display: block; float: left;}
    .no-c-yet{ font-size: 12px !important; color: #000 !important; font-weight: 700 !important;}
    .h-100p{ height: 100%;}
    .bord-r{    border-right: 1px solid #A8C2DC;}
    .ft-comments-group .comments-detail{    position: absolute;
      padding-left: 50px;}
   .c-with-photos{ display: block; float: left; margin-left: -120px;}   
   .addfrm-spc{ padding-right: 50px;}
   .c-product-insight-wrp{     width: 350px;
    display: block;
    float: right;
    position: absolute;
    top: unset;
    bottom: 74px;
    right: -310px;}
   .custom-selected-style{ border-radius:0px 25px 25px 25px;border: 1.09903px solid #EF484F;}
   .custom-selected-style .top-wrp{  width: 100%; display: block; float: left; color: #EF484F; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}
   .custom-selected-style .top-wrp a{ width: 20px; display: block; float: right;}
   .custom-selected-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}
   .custom-selected-style .footer{ width: 100%; display: block; float: left; border-top: 1px solid #DFE7EF; margin-top: 20px; padding-top:15px ;}
   .cit-16{ color: #EF484F; font-size: 12px; line-height: 14px; font-weight: 400;}
   .cit-16:hover{color: #EF484F;}
   .ft-share{color: #EF484F; font-size: 13px; line-height: 27px; font-weight: 400; display: block; float: right;}
   .ft-share img{     width: 14px;
    display: block;
    float: left;
    margin: 8px 7px 0 0px;}
    .ft-share:hover{color: #EF484F;}
    .custom-selected-style .rect{ width: 25px; display: block; position: absolute;top: 0;
      left: 0;}
      /* single  web screen */
      .s-web-screen-wrp{background-image:url('../images/webscreen.svg'); background-repeat: no-repeat; width: 873px; height: 567px;position: absolute;
        left: 0;
        right: 0;    bottom: 210px;
        margin: 0 auto;}
       .web-comment-spc{top: 63px;left: -206px;} 
       .web-ps-insight-spc{    top: 130px;
        right: -260px;}

/* screen grab */
.screengrab-wrp{ width: 557px; height: 478px; display: block; position: absolute; left: 0px; right: 0px; margin: 0 auto;    bottom: 210px;}   
.screengrab-lspc{top: 113px;}
.screengrab-rspc{top: 92px;right: -362px;}
.view-ticket-wrp-ps{    width: 302px;
  position: absolute;
  z-index: 1;
  right: -224px;
  top: 82px;}
  .bc-transparent{ background-image: none !important; border: 0px;}
  .comments-left-without-bc{    margin-left: -286px;     margin-top: 72px;}
  .comments-right-without-bc{      right: -255px;}
  .screenGrb-comments-wrp{width: 752px;}
  .spc-grbscreen1{ margin-top: 40px;}
  /* two webscreen */
  .two-webscreen-insight{ width: 482px; display: block; height: 725px;position: absolute; background-image:url('../images/two-web-screen.svg'); background-repeat: no-repeat;    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    top: unset;
    background-position: top;}
    .two-webs-l-spc{    margin-left: -342px;
      margin-top: 37px;}
      .two-screen-user-photo-bottom {
        width: 127px;
        display: block;
        position: absolute;
        bottom: 76px;
        left: -254px;
    }
    .two-webscreen-r-insight {
      width: 423px;
      display: block;
      position: absolute;
      top: 51px;
      right: 3px;
  }
  .custom-selected-author-style {
    border-radius: 0px 25px 25px 25px;
    border: 2px solid #F9CF35; position: relative;
}
.custom-selected-author-style .top-wrp{  width: 100%; display: block; float: left; color: #F9CF35; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;}
.custom-selected-author-style .top-wrp a{ width: 20px; display: block; float: right;}
.custom-selected-author-style .top-head{ font-size: 20px; line-height: 24px; font-weight: 700; margin:15px 0 15px 0; width: 100%; display: block; float: left;}
.custom-selected-author-style .rect {
  width: 25px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.author-two{position: absolute; top: 240px; left: -363px; width: 428px;}
.author-two .author-two-photo{ width: 200px; display: block;}
.two-author-desktop{    width: 913px;
  display: block;
  height: 525px;
  position: absolute;
  background-image:url('../images/two-author-desktop.svg');
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  top: unset;
  background-position: bottom;}
  .author-two-desktop{     position: absolute;
    top: -130px;
    left: -134px;
    width: 428px;}
    .author-two-desktop .author-two-photo{ width: 200px; display: block;}
    .author-one-desktop{    position: absolute;
      top: -163px;
      right: -201px;
      width: 428px;}
 .custom-2-author{ border-radius: 25px 25px 25px 0px;}    
 .custom-2-author .footer { border-radius: 0px 0px 25px 0px;} 
 .desktop-two-logo-spc{ bottom: 40%;}
 .author-app-img{ bottom: 0px; left: 0px; width: 252px; position: absolute;}
 .author-two-head-spc{    margin-top: 56px !important;}
 .sign-wrp{ width: 100%; display: block; float: left;}
 .user-t-1{width: 50px; position: absolute;left: -70px; margin-top: -16px; }
 .author2-thoughts{ width: 249px; display: block; margin: 0 auto; height: 213px;}
 .cust-user2-style{ border-radius:25px 0 25px 25px}
 .user-t-2{width: 50px; position: absolute;right: -70px; margin-top: -16px;}
 .single-chat-c-left{left: -405px;}
 .single-chat-c-right{top: 244px;right: -404px;}
 .user-b-1{width: 50px; position: absolute;left: -70px; bottom: 0px;}
 .help-view-ticket-right{display: block;
  float: right;
  right: -84px;
  position: absolute;
  z-index: 1;
  top: 51px;
  width: 423px;}
 .two-author-comments{ width: 400px; display: block; position: absolute; left: 0px; right: 0px;    bottom: 182px; margin: 0 auto;} 
 .two-author-all-comments{width: 100%; display: block; float:left;}
 .all-c-user-b-r{width: 50px; position: absolute;right: -70px; bottom: 0px;}
 .all-c-style{ border-radius:25px 25px 0px 25px; margin-left: 50px;}
 .a2-set{     width: 282px;
  height: 258px;
  position: absolute;
  left: -370px;
  bottom: -50px;}
  .a2true-set{ width: 268px;
    height: 319px;
    position: absolute;
    right: -440px;
    bottom: -103px;}
 .add_comments-spc_r{ bottom: unset !important; top: 280px !important;}   
 .add-comments-bt img{ width: 15px; display: block; float: left; margin-right: 5px; margin-top: -3px; }
 .add-comments-bt{ font-size: 10px; margin-right: 15px; margin-top: 20px; line-height: 8px; font-weight: 400;  color:#000;   display: block;
  float: right;}
 .bounce-board-wrp{ width: 460px; display: block; position: fixed; height: 100%; background-color: #fff;  top: 0px; z-index: 50;
  transition-property: right;
  -webkit-transition-property: right;
  -moz-transition-property: right;
  -o-transition-property: right;

  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;

  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  right: -500px;

} 
 .bounce-board-wrp .inner-wrp-bc{ width: 411px; display: block; margin:0 auto; height: 100%;}
 .bounce-board-wrp .inner-wrp-bc .bc-top-head{border-bottom: 1px solid #DFE7EF; width: 100%; padding:15px 0; display: block; float: left; font-size: 19px; font-weight: 700; line-height: 22px;}
 .bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head img{ width: 27px; display: block; float: left; margin-right: 10px; margin-top: 9px;}
 .bounce-board-wrp .inner-wrp-bc .bc-top-head .bc-head{ display: block; float: left;}
 .bounce-board-wrp .inner-wrp-bc .bc-top-head .action-sort{ display: block; float: right;}
 .bc-sort-list{ font-weight: 700; font-size: 14px; line-height: 12px; color: #000; background: transparent; border: 0px;}
 .sort-by{ font-size: 14px; line-height: 18px; color: #000; opacity: 0.5; }
 .bounce-board-body{ width: 100%; display: block; float: left; height:calc(100% - 200px);  overflow-y: auto; padding:0 8px 0 15px;}
 .bounce-board-body .bc-empty{ color: #000; font-size: 26px; line-height: 49px; font-weight: 700; opacity: 0.5; margin-top: 100%; text-align: center;}
 .common_color{ overflow: hidden; background: transparent; border-radius: 100px;}
 .user-photo{width: 109px;
  display: block;
  float: left;}
 .cat-minus{    right: -11px !important;
  margin-left: unset !important;} 
  .mt-50{ margin-top: 50px;}
  .sub-menu-user{    width: 150px;
    display: block;
    position: absolute;
    background: #fff;
    right: 0px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.22);
  }
  .sub-menu-user ul{ list-style-type: none; margin:0px; padding:0px; }
  .sub-menu-user ul li{ margin-right: 0px; font-size: 13px; text-align: right; padding:5px 10px; border-bottom:1px solid #eaeaea;}
  .sub-menu-user ul li:last-child{ border-bottom: 0px;}
  .sub-menu-user ul li a:hover{color:#514DA7;}
  .bounced-user-comments{ width: 100%; display: block; float: left; list-style-type: none; margin:0px; padding:0px; margin-top: 15px;}
  .bounced-user-comments li{ display: block; float: left;  position: relative;}
  .bounced-user-comments .b-user-head{ width: 100%; display: block; float: left;}
  .bounced-user-comments .b-user-head img{    width: 26px;
    display: block;
    float: left;
    position: absolute;
    left:-13px;}
  .bounced-user-comments .b-user-head .head-content{ display: block; float: left;}
  .bounced-user-comments .b-user-head ul{ display: block; list-style-type: none; margin:0px; padding:0px;}
  .bounced-user-comments .b-user-head ul li{ display: block; float: left; font-size: 14px; color: #000; opacity: 0.5; padding:0px;}
  .bounced-user-comments .b-user-head ul li img{ width: 10px; float: left; margin: 8px 5px 0 0px; left: unset;position: unset;}
  .bounced-user-comments .b-user-head ul li span{     width: 3px;  margin: 12px 5px 0 5px;
    height: 3px;
    display: block;
    background: #ccc;
    float: left;
}
.bounced-user-comments .b-user-head ul li span.au{background: #BDDBFF;
  width: auto;
  height: auto;
  padding: 3px 7px;
  display: block;
  border-radius: 3px;
  margin-top: -2px;}
.bounced-user-comments p{ font-size: 12px; line-height: 18px; color: #000; font-weight: 500; margin: 5px 0; display: block; float: left;}  
.bc_border{}
.info_bc_spc{ float: left;}
.info_bc_spc li{ padding:0px; color: #514DA7;}
.info_bc_spc li a{color: #514DA7; opacity: 1;}
.info_bc_spc li img{ margin-top: 4px;}
.joined_wrapper{ width: 100%; display: block; float: left; margin-top: 5px;}
.joined_wrapper .add_rply{ display: block; float: left; width: 73%;}
.joined_wrapper .add_rply input{border: 1px solid #BDDBFF; width: 100%; border-radius: 5px; padding:0 8px; line-height: 8px; font-size: 10px; height: 25px;}
.ft-normal{ font-weight: 500 !important;}
.joined_wrapper .joined-info.info_bc_spc{width: 27%; margin-top:4px;}

/* placeholder */
.joined_wrapper .add_rply input::-webkit-input-placeholder { /* Edge */
 font-size: 10px;  color: #000; opacity: 0.7;
}

.joined_wrapper .add_rply input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 10px;  color: #000; opacity: 0.7;
}

.joined_wrapper .add_rply input::placeholder {
  font-size: 10px;  color: #000; opacity: 0.7;
}

.parent-full-width{width: 100%; display: block; float: left; padding:15px 15px 15px 30px;}
.child-full-width{width: 100%; display: block; float: right; position: relative;  padding:15px 15px 15px 0px; }
.parent_bg{ background: #F3F9FF; border: 1px solid #BDDBFF; border-radius: 5px;}
.full-width{ width: 100%; display: block; float: left;}
.bounced-user-comments .b-user-head ul li span.red {background: #FFDBDC; color:#fff; font-weight: 700; width: auto; height: auto;padding: 3px 7px; display: block;border-radius: 3px; margin-top: -2px;}
.child-full-width .b-user-head{    padding-left: 70px;}
.child-full-width .b-user-head img{ left:33px;}
.child-full-width p{    border-left: 1px solid #ccc; display: block; width: calc(100% - 47px); float: right; padding-left: 20px;}
.child-full-width .joined_wrapper{padding: 0 0px 0 40px;}
.bounced-user-comments .lbord{ width: 1px; height:calc(100% - 57px); background-color: #BDDBFF; position: absolute; margin-top: 5px;}
.bc_brd_l{width: 1px; height:calc(100% - 65px); background-color: #ccc; position: absolute; margin-top: 50px;}
.comments-footer{ width: 100%; display: block; float: left;}
.comments-footer textarea{ padding:10px; width: 100%; display: block; float: left; border: 1px solid #DFE7EF; resize: none; height: 90px; box-sizing: border-box; border-radius: 5px 5px 0 0;}
.add_comments_chat{height: 30px; line-height:30px; background: #514DA7; border-radius: 5px; width: 112px; display: block; float: right; color: #fff; font-size: 12px; font-weight: 700; text-align: center;}
.add_comments_chat img{ width: 15px;}
.add_comments_chat:hover{ color:#fff; text-decoration: none;}
.comments-footer-wrp{ background: #DFE7EF;width: 100%;display: block; float: left; border-radius: 0 0 3px 3px; padding: 5px; margin-bottom: 10px;}
button:focus{ border:0px; outline: none;}
.short_by{left: -100px !important;}
input:focus{ outline: none;}
.comments-footer textarea:focus{ outline: none;}
.close_chat_bx{ width: 20px; height: 20px; display: block; float: right;  border: 0.5px solid #ccc; border-radius: 100px; margin-top: 3px; margin-left: 15px;}
.close_chat_bx img{ width: 7px; display: block; margin: 6px 0px 0 5.5px;} 
.close_chat_bx:hover{ background-color: #ccc;}
/* chat box close */
.cht_close{ 
  transition-property: right;
  -webkit-transition-property: right;
  -moz-transition-property: right;
  -o-transition-property: right;

  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;

  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  right: 0px;
}
.p-left-0{ padding-left:0px !important;}
.ps_right{ float: right !important; position: static !important;}
.testi-photos-ct .c-with-photos{ margin-left: 0px; }
.testi-photos-ct .comments-detail{padding-left: 165px !important;}
.ct-width{ width: 400px;}
.m-0{left: 0 !important; right: 0 !important; margin: 0 auto !important;}
.testi-photos-ct .comments-detail{padding-right: 40px;}
.ct-l-400{display: block; float: right;position: absolute; bottom: 360px; width: 400px; left: 0;}
.right-corner { border-radius: 25px 25px 2px 25px;}
.upper-th{width: 76px; display: block; float: right; margin-right: 115px; margin-top: 28px; position: absolute; right: 0;}
.dynamic-thoughts { width: 200px; display: block; }
.two-screen-spc-top{ top: 100px; right: -286px;}
.joined_wrapper{ position: relative;}
.each-ft{ width: 366px;  bottom: 0px;margin-left: -11px;background: #fff; display: block;float: left; z-index: 1; position: relative;}
.reply-Wdth{ width: 64px;}
.discard_bt{width: 70px;float: right;  margin-top: 3px; margin-right: 20px;}
.full-w-height-profile{  min-height: 330px; border:2px solid #fff; border-radius: 10px; width: 100%;}
.full-w-height-profile.ex-light p{font-weight: 500; font-weight: normal; font-size: 14px; line-height: 21px; color: #000; opacity: 0.7; width: 100%; display: block; text-align: center;}
.full-w-height-profile.ex-light.seats_bg{background-image:url('../images/seats.svg'); background-repeat: no-repeat; background-position: bottom center; }
.full-w-height-profile.ex-light .bt-spc-top{    margin-top: 100px;}
.full-w-height-profile .add-role{ width: 107px; margin: 0 auto; display: block; margin-top: 50px; margin-bottom: 20px;}
.full-w-height-profile.spotlight_bg {background-image:url('../images/spot-light-ps.svg'); background-repeat: no-repeat; background-size: contain; background-position: bottom -3px right 50px;}
.update_profile{ margin-right: 15px; margin-top: 2px; z-index: 11; background: #514DA7; border-radius: 5px;width: 146px; text-transform: uppercase; color: #fff; text-align: center; height: 35px; font-weight: 600; font-size: 12px; font-style: normal; line-height: 14px;}
.update_profile span{width: 11px;
  height: 11px;
  display: inline-block;
  background: #EF484F;
  border-radius: 10px;
  margin: 12px 0 0 0;}
.update_profile:hover{ color: #fff; text-decoration: none;}
.top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 15px;}
.custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;}