/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {height: 100%;}
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}
.bodygrey{background:#f2f2f2 }
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1020;
    }
/* Full Page Carousel itself*/
.carousel {height: 100%; }
.carousel .carousel-inner {height: 100%; }
.carousel .carousel-inner .carousel-item,.carousel .carousel-inner .active {height: 100%; }
.font500{ font-weight: 500 }
.text-grey{color: #9e9e9e !important;}
/*.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link{ color:#4d4d4d }
*/.navbar {
  background-color: rgba(255, 255, 255, 1);
}
.top-nav-collapse {
  background-color: #1C2331;
}
.nav-main{padding-left: 15px; padding-right: 15px; background: #fff; /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/}
.navbar-brand img{width: 100px; height: auto; transition: width .2s; }
a.log-regbrond{ width: 80px }
.nav-main.regnav{ font-family: inherit; }
.nav-main.regnav .navbar-brand img{ width: 80px; height: auto; }
.nav-main.regnav .fixed-top{ position:relative; margin:0px -15px; z-index: 10 }
.top-nav-collapse .navbar-brand img{ width: 80px; height: auto; }
.navbar.navbar-dark .navbar-nav .nav-item .nav-link{border-bottom:#fff solid 4px}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link.active{color:#ed1c24!important; border-bottom:#ed1c24 solid 4px }
.userdropdown{padding: 0px 0px }
.userdropdown a img{ height: 30px }
.userdropdown .btn{
  font-size:13px;
  border:#ed1c24 solid 1px; 
  border-radius: 2px; 
  background:#fff4f4; 
  color:#333!important; 
  box-shadow: none;
}
.userdropdown .btn.btn-sm{ padding:5px 8px}
.userdropdown .dropdown-toggle{ color: #000 }
.userdropdown .dropdown-menu{box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4); border-bottom: #02aff0 solid 3px}
.userdropdown .dropdown-menu ul{ margin:0px; padding: 0px; list-style: none; }
.userdropdown .dropdown-menu ul li{ margin:0px; padding: 0px; list-style: none; }
.userdropdown .dropdown-menu .droparrow{
  width: 14px;
  height: 14px;
  position: absolute;
  top:-5px;
  left: 50% !important;
  margin-left:-7px;
  background-color:#fff;
  transform: rotate(-45deg);
  box-shadow: 2px -2px 2px 0 rgba(0,0,0,.1);
}
.userdropdown .dropdown-menu ul li i{margin-right: 8px;}
.dashboard-offcanvas-menu{margin:-15px; margin-bottom: 15px; display: none; /*background: #00a651;*/ background-image: -webkit-gradient(linear, left bottom, right top, from(#6d327c), color-stop(#485DA6), color-stop(#00a1ba), color-stop(#00BF98), to(#36C486));
background-image: -webkit-linear-gradient(left bottom, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);
background-image: -o-linear-gradient(left bottom, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);
background-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);
 /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(242, 112, 156), rgb(255, 148, 114)) repeat scroll 0% 0%;*/
color: #fff; padding: 15px; padding-bottom: 0px}
 .dashboard-offcanvas-menu .offcanvas-user-menu{ width: auto; }
 .dashboard-offcanvas-menu .offcanvas-user-menu:after{ content: ''; clear: both; display: block; }
 .dashboard-offcanvas-menu .offcanvas-user-menu .dispaly-name{ font-weight: 500; max-width: 100%; padding: 10px 0px; padding-bottom: 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 .dashboard-offcanvas-menu .offcanvas-user-menu .dispaly-mno{ font-size: 11px }
 .offcanvas-dash-prof{margin-top: 10px; margin-left: -15px; margin-right: -15px}
 .offcanvas-dash-prof ul{ margin: 0px; padding: 0px; list-style: none; }
 .offcanvas-dash-prof ul li{
  margin: 0px;
  padding: 0px;
  min-width: 50%;
  float: left;
  list-style: none;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  border-right: solid 1px rgba(255, 255, 255, 0.3);
}
.offcanvas-dash-prof ul li:last-child{ border-right: none }
 .offcanvas-dash-prof ul li a{ padding:7px 15px; color:#fff; text-align: center; display: block;}
 .offcanvas-dash-prof:after{ content: ''; clear: both; display: block; }
 .offcanvas-logout{margin-top:0px; border-top:#d4d4d4 solid 1px; display: none;}
 .offcanvas-logout a{color:#949292; padding: 15px; display: block;}
 .offcanvas-logout a:hover{color:#f98835 !important}
 .offcanvas-logout i{ font-size: 22px; margin-right: 12px; vertical-align: -3px;}
/*home*/
.sectiongrey{background:#f2f2f2}
.ipan-banner{
  height:530px;
  background-image: url('../images/banner/IPAN-city-SMALL.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.section-title{font-weight:300; font-size:36px}
.section-title .i{font-weight:400;color:#ed1c24}
.section-title .pan{font-weight:400;color:#00adee}
.genesis-container{max-width:800px; text-align:center; font-size:24px; font-weight: 300; margin: 0px auto}
.genesis-container .h3{font-weight:300; font-size:42px}
.genesis-container p{font-weight:200}
.home-textImg{padding-left:90px;}
.home-textImg span{font-size: 24px; font-weight: 600; color:#ed1c24; vertical-align: middle;}
.hmabsayLaunched{ width: 100% }
.hmabsayLaunched ul{margin: 0px; padding: 0px; list-style: none;}
.hmabsayLaunched ul li{
  margin:0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  width:32%;
  background:#fff;
  margin:1px;
  padding:4px;
}
.home-textImg .home-testi{ margin-top: 10px; width:100%;}
.home-textImg .home-testi ul{ margin: 0px; padding: 0px; list-style: none; }
.home-textImg .home-testi ul li{
  margin:0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  float: left;
  width:15.5568%;
  background:#fff;
  margin:0.54%;
  margin-top:3px;
  padding:4px;
}
.opportunity-imgtext{position: absolute; top:130px; width:350px}
.opportunity-imgtext p{font-size:16px; font-weight:500}
.whyme-textimg{text-align: left; padding-left: 150px; margin-bottom: 20px}
.whyme-textimg ul{list-style: none; margin: 0px; padding: 0px}
.whyme-textimg ul li{ padding-left:0px; font-weight: 500}
.whyme-textimg ul li:before {content: '✓'; color: #ed1c24; width: 40px; padding-right:10px}
.joinNow{position: absolute; bottom:50px; right: 50px}
/*end home*/
/*faqs--*/
.otherpage-header-container{background:#1C2331; height: 250px;}
.otherpage-header-container .titletext{padding-top: 150px; color: #fff; text-align: center;}
.faqbox{ width: 100% }
.faqbox .blockquote{
  position: relative;
  background:#fbf8f9;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom:0px;
  padding-left:70px;
}
.faqbox .blockquote:after{content: "Q."; color: #ed1c24;
  font-size: 36px;
  line-height:28px;
  padding-right: 15px;
  position: absolute;
  left:15px;
  top: 20px;}
.faqbox .blockquote.ans{
  background:transparent;
  font-size: 16px;
  font-weight: 300;
  border-left: 3px solid #9c9a9b !important;
  padding-bottom:10px;
  padding-top:15px;
}
.faqbox .blockquote.ans:after{content: "A.";color:#9c9a9b!important; font-weight:400}
.faqbox hr{border-top:#ccc dotted 1px; margin-top:32px; margin-bottom:32px}
/*end faqs--*/
/*register*/
.register-contentbx{
  padding: 3rem 4rem;
  min-height: 30rem;
  flex: 0 0 47%;
  max-width: 47%;
  box-shadow: 0 2px 20px rgba(0,0,0,.19),0 4px 6px rgba(0,0,0,.23);
}
.register-contentbx.logincontentbx{min-height:22rem; flex: 0 0 53%; max-width: 53%;}
.register-bg{ background: url(../images/Panel-Bg.jpg) no-repeat left top; background-size: cover; }
.register-bg ul{ margin: 0px; padding: 0px; }
.register-bg ul li{
  list-style: none;
  margin: 0px; 
  padding: 10px 0 10px 20px;
  color: rgba(255,255,255,0.6);
  font-size: 14px;
  line-height: 18px;
  background: url("../images/tickicon.png") no-repeat left 15px;
}
.blue-bg{ background:#4A90E2}
.register-contentbx h3{ font-size: 20px; font-weight: 500}
.registration-form{
  background:#fff; 
  min-height:525px; 
  margin-top: -2rem; 
  margin-bottom: -2rem; 
  padding: 3rem 4rem; 
  box-shadow: 0 2px 20px rgba(0,0,0,.19),0 4px 6px rgba(0,0,0,.23);
  flex: 0 0 53%; 
  max-width: 53%
}
.registration-form.loginForm{min-height:225px; flex: 0 0 47%; max-width: 47%}
.registration-form h3{ font-size: 22px }
.registration-form label{ font-size: 15px; font-weight:400 }
.registration-form .md-form label.active{ font-size: 15px; color: #999; font-weight:400 }
.registration-form .form-control{ font-size: 15px; font-weight: 400 }
.registration-form .custom-checkbox{ font-size: 12px; font-weight:400 }
.registration-form .btn{ font-size: 16px; padding:9px 30px }
.md-form .form-control{margin-bottom: 0px}
.error{ position:static!important; transform:translateY(0px)!important; font-weight: 400!important; font-size:13px!important; color:#ff0000!important; margin-bottom: 0px!important}
.pincode-input-container{ text-align: center; }
.pincode-input-text, .form-control.pincode-input-text{width: 35px; display: inline-block; margin-right: 5px; text-align: center;}
.hint-message{font-weight: 300!important;}
.hint-message span{font-weight:400;}
/*end register*/
/*Login*/
.login-back {
    width: 25px;
    height: 25px;
    float: left;
    background: url(../images/back-icon.png) no-repeat 0 4px;
    margin: 0 14px 0 0;
    cursor: pointer;
}
.login-pass-userid{position: relative; margin-top: 35px}
.login-pass-userid .username-value{height: 40px; line-height: 40px; border-bottom: 1px solid #e2e2e2;}
.login-pass-userid .username-label{font-size: 13px; position: absolute; top:-12px}
.btn-toggle-pass {
  border: none;
  position: absolute;
  top: 11px;
  background: transparent;
  right: 0;
  cursor: pointer;
}
/*end Login*/
/*contactus*/
.small-container{max-width: 1140px;}
.margin-container{margin-top: -80px; box-shadow: rgba(82, 82, 82, 0.15) 0px 5px 18px 0px;}
.contact-inquirenow {
    background: 
    #fff;
    padding: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.contact-information {
    background:#009bd5;
    color:#fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 50px;
}
/*end contact us*/
/*sreening question--*/
.screening_Question_container{
    position: relative; 
    min-height: 100vh;
    /*padding-top:5rem;*/
    background-color: hsla(0,0%,96.9%,.7);
  }
.screening_Question_container .screening_Question_left {
    padding: 3rem;
    top: 1rem;
    /*position: -webkit-sticky;
    position: sticky;*/
}
@supports (display:grid) {
 @media (min-width:992px) {
  .l-grid-3-6 {
   display:grid;
   grid-gap:0;
   grid-template-columns:4fr 5fr
  }
  .l-grid-3-6>div:first-child,
  .l-grid-3-6>div:nth-child(2) {
   width:100%;
  }
 }
}
@supports (display:grid) {
 @media (min-width:1380px) {
  .l-grid-3-6 {
   display:grid;
   grid-gap:0;
   grid-template-columns:3fr 6fr
  }
  .l-grid-3-6>div:first-child,
  .l-grid-3-6>div:nth-child(2) {
   width:100%;
  }
 }
}
.Question_instruction_title{
    border-radius: 4px;
    font-size: 1.4rem;
    padding: 1rem 1.8rem;
    border-left: 6px solid 
    #f36a4a;
    margin-bottom: 2rem;
}
.Question_instruction_discription {
    font-size: 1rem;
    line-height: 2rem;
}
.Question_right {
    background-color: #fff;
    padding:40px 70px; height: 100%;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);
    box-shadow: 0 2px 6px 0
    rgba(0,0,0,.06);
    overflow-y: scroll;
    overflow-x: hidden;
}
.Question_right .question-height-container{min-height:400px; max-height:400px; overflow-y:auto; overflow-x: hidden;}
.screening_Question-count{ font-family: inherit; }
.screening_Question {
    color: 
    #474747;
    font-size:16px;
    line-height:24px;
    margin-bottom:30px;
    font-weight:500;
}
.Question_right .custom-control{padding-left: 2.2rem;}
.Question_right .custom-control-input:checked ~ .custom-control-label::before{
  color:#fff;
  border-color:silver;
  background-color:#4285f4;
  width: 1.4rem;
  height: 1.4rem;
  transition: all .2s ease;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px#fff;
}
.Question_right .custom-radio{background-image: none;}
.Question_right .custom-control-input:checked ~ .custom-control-label::after{background-image: none;}
.Question_right .custom-control-label::after{width:1.4rem; height:1.4rem; top: 0rem; left: -2.2rem; background:none}
.Question_right .custom-control-label::before{
  width: 1.4rem;
  height: 1.4rem;
  top:0rem;
  left: -2.2rem;
}
.question-next-pre{ padding-top: 20px }
/*end screening question--*/
/*absay*/
.absay-testimonials{width:100%}
.absay-testimonials ul{ margin: 0px; padding: 0px; list-style: none;}
.absay-testimonials ul li{ margin: 0px; padding: 0px; list-style: none; float: left; padding:3px; position: relative; cursor: pointer;}
.absay-testimonials ul li img{ max-width: 70px; max-height: 70px; border-radius:3px}
.absay-testimonials ul li:before{
  content: '';
  background: url(../images/play-icon.png) no-repeat;
  background-size:20px;
  opacity: 0.7;
  width:20px;
  height:20px;
  display: block;
  position: absolute;
  right:5px;
  bottom:5px;
  z-index: 10;}
/*end absay*/
/*upload profile picture*/
.uploadprofile-outer{max-width:850px; margin-top:100px; padding-top: 0px;}
.uploadprofile-inner{background:#fff; padding:100px; padding-top:60px; border-radius: 3px; box-shadow: 0 2px 20px rgba(0,0,0,.19),0 4px 6px rgba(0,0,0,.23);}
 .file-drop-area {
    position: relative;
    /*display: flex;*/
    align-items: center;
    text-align: center;
    max-width: 100%;
    padding:50px;
    border: 2px dashed rgba(145, 176, 179, 0.4);
    border-radius: 3px;
    transition: .2s
}

.choose-file-button {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(145, 176, 179, 0.4);
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size:16px;
    text-transform: capitalize;
    color: #92b0b3;
}
.file-message {
    font-size:16px;
    font-weight:400;
    line-height: 1.4;
    color: #92b0b3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}
/*end upload profile picture*/
/*Dashboard*/
a.dashboard-buttons{background-color: transparent; outline: 0; color:#828282; font-size:16px; font-weight:500}
a.dashboard-buttons:hover{color:#ed1c24;}
a.dashboard-buttons .icon{ width:100%; height: auto; }
a.dashboard-buttons .icon img{ width: 45px; height: auto; }
.dashboard-buttons .service-card{
 /* height:130px;
  width: 272px;*/
  border-color:#f8f8f8 solid 1px;
  text-align:center;
  padding: 15px 15px;
  padding-bottom: 20px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 6px 0 rgba(0, 0, 0, 0.10);
  -webkit-box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 6px 0 rgba(0, 0, 0, 0.10);
  -moz-box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.10), 0 1px 6px 0 rgba(0, 0, 0, 0.10);
  /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.08);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);
  -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);*/
  -webkit-transition: all .2s;
  transition: all .2s
}
.dashboard-buttons .service-card:hover{
  box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);
  -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.08);
  /*box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);*/
}
.dashboard-buttons .service-card .servicename{ margin-top: 3px }
.projecdashboard{ font-family:inherit; }
.projectslide-content{
  text-align: left;
  padding: 20px 20px 2px 20px; height: 210px; background:#fff;
  font-size: 14px;
  color:#323232;
}
.projectslide-content .project-name{
  font-size:16px;
  font-weight:500;
  color:#323232;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.projectslide-content .projectType{margin-bottom:7px; font-size: 14px}
.projectslide-content .Priceonwards{margin-bottom:0px}
.projectslide-content .Priceonwards .price-text{font-size:18px; font-weight:600; padding-right: 10px}
.projecdashboard .swiper-button-next{margin-top: -120px!important;}
.projecdashboard .swiper-button-prev{margin-top: -120px!important;}
.view-allProjects{position:absolute; top: 20px; right:13px}
/*end dashboard*/
/*User Profile*/
.breadcrumb-main{ background:#fff; margin-top:-30px;}
.breadcrumb-main .container{ padding-top:32px}
.breadcrumb{ margin-bottom:0px; font-size:12px; font-weight:600}
.breadcrumb .breadcrumb-item a{ color:#56565a; font-weight: 400}
.breadcrumb-item + .breadcrumb-item::before{ content: ">"; font-weight: 300 }
.user-pageHeader-section{ font-family: inherit; }
.user-pageHeader-section .header-text{ padding-bottom:50px; padding-top:20px; text-align: center;}
.user-pageHeader-section .header-text h1{ font-size:36px; font-weight:600}
.user-pageHeader-section .header-text h1 span{ text-transform: uppercase;}
.profile-container{margin-top: 15px}
.profile-left-widget{ width:100%; margin-bottom: 45px}
.profile-right-widget{width:100%;}
.profile-widget-30{ padding: 30px }
.profile-widget-title{margin-bottom:25px;}
.profile-widget-title h5{ margin-top:-5px; font-weight:400}
.widget-card{background-color: #fff; position: relative; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.1),0 2px 20px 0 rgba(0,0,0,.2); margin-bottom: 20px}
.pro-widget-left-title{border-bottom: 1px solid #f0f0f0; font-size: 16px; padding: 24px 12px 16px 24px; font-weight:500}

.profile-userpic-sidebar{width: 100%; padding:15px;}
.profile-userpic-sidebar .pic-and-details{ width: 100% }
.profile-userpic-sidebar .pic-and-details:after{ content: ''; display: block; clear: both; }
.profile-userpic-sidebar .profile-userpic{ float: left; position: relative; padding:10px; width:122px; height:123px; border-radius: 50%; border: 1px solid rgba(218, 218, 218, 0.29);}
.profile-userpic-sidebar .profile-userpic img{float: none; width:100px; height:100px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important;}
.profile-userpic-sidebar .profile-userpic .upload-camera{position: absolute; top:80px; left:-5px; background:#00aeef; border-radius:50%; text-align: center; vertical-align: middle;}
.profile-userpic-sidebar .profile-userpic .upload-camera a{width:30px; height:30px; display: block;}
.profile-userpic-sidebar .profile-userpic .upload-camera a i{font-size: 23px; position: relative; top:3px;  color:#fff}
.profile-userpic-sidebar .profile-codenid{position: relative; float: left; width:65%; margin-top:10px; padding-left:15px; text-align: left;}
.profile-userpic-sidebar .profile-codenid .userfull-name{font-size:15px; line-height:18px; text-transform: uppercase; font-weight:500}
.profile-userpic-sidebar .profile-codenid .userfullid{ font-weight: 400; color: #bababa }
.profile-userpic-sidebar .profile-referralcode{text-align:left; margin-top:15px; position: relative;}
.profile-userpic-sidebar .profile-referralcode .btn-light{background-color: #fff !important;}
.profile-userpic-sidebar .profile-referralcode .your-referral{color:#9e9e9e; font-weight: 400}
.profile-userpic-sidebar .profile-referralcode-name {
    font-size:15px;
    font-weight:500;
    margin-bottom: 7px;
  }
  .profile-userpic-sidebar .profile-referralcode-name span{color:#9e9e9e; font-weight: 400 }
  .profile-userpic-sidebar .profile-referralcode .copy{
    position: absolute;
    right:0px;
    top:15px;
    padding: 5px 10px;
    padding-bottom:3px;
    color:#5b5b5b;
    cursor: pointer;
    font-size: 11px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
  .profile-userpic-sidebar .profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    padding:0px 15px;
}
.profile-user-count{background:#FC563B; margin-top: 20px; text-align: center; margin-bottom: -15px; margin-right: -15px; margin-left: -15px}
.profile-user-count ul{margin:0px; padding: 0px; list-style: none; background: #F22F26}
.profile-user-count ul li{margin:0px; padding: 0px; list-style: none; width:100%; float: left;}
.profile-user-count ul li a{padding:10px; color: #fff; display: block;}
.profile-user-count ul li a:hover{background:#F22F26}
.profile-user-count ul li a .countno{font-size:20px; line-height: 20px; font-weight: 600; margin-bottom: 3px}
.profile-user-count ul li a .countname{font-size:14px; text-transform: uppercase; line-height: 14px; font-weight:300; margin-bottom: 3px}
.profile-user-count:after{ content: ''; display: block; clear: both; }
.profile-col {
    margin-bottom: 15px;
    border-bottom: #f8f8f8 solid 1px;
  }
.code-share-whatsApp{margin-top:15px; margin-bottom: 15px; color:#999}
.code-share-whatsApp a{ font-weight:400; color:#25D366}
.code-share-whatsApp a i{color:#25D366}
.profile-col .profile-title {
    color:#9e9e9e;
    line-height: 22px;
  }
.profile-col .profile-dic {
    text-transform: capitalize;
    font-weight: 500;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.percentage-completed{width:95%; padding: 16px 12px 16px 24px; margin-bottom: 16px;}
.percentage-completed .prrcent-label {
    font-size: 12px;
}
.percentage-completed .progress {
    width:100%;
    float: left;
    background: #ccc;
    height: 6px;
    font-size: 6px;
    border-radius: 0;
}
.profile-menu{width: 100%}
.profile-tab{padding:16px 12px 16px 24px;}
.profile-tab ul{ margin: 0px; padding:0px; list-style: none;}
.profile-tab ul li{ margin: 0px; list-style: none; padding: 5px 10px;}
.profile-tab ul li a{color:#6b6b6b}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}
.pro-edit{position: absolute; right:30px; top:30px}
.pro-edit a{ padding: 5px }
.pro-edit i{ padding-right:5px;}
.click-verify {
    cursor: pointer;
    margin-left: 10px;
    padding:2px 5px;
    font-weight:400;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 0.5px;
}
.verified {
    position: relative;
    left: 5px;
    top: 2px;
    background: url(../images/tick-mark16x16.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.verified::after {
    position: absolute;
    content: 'verified';
    font-size: 11px;
    color: 
    #b7b7b7;
    left: 20px;
    top: 1px;
    letter-spacing: 0.25px;
    font-weight: 400;
}
.profile-modal {max-width: 685px; position: relative;}
.profile-modal.verify-modal {max-width: 560px;}
.profile-modal h5{ font-weight: 400 }
.profile-modal .modal-content{padding:30px;}
.pro-modal-close {
  position: absolute;
  right: -15px;
  top: -15px;
  padding-top:2px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  opacity: 1;
  height: 30px;
  width: 30px;
  text-align: center;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,.3);
}
.profile-modal .modal-footer{
  background:#f2f2f2;
  margin-bottom: -30px;
  margin-right: -30px;
  margin-left: -30px;
  text-align: center;
  justify-content: center;
}
.drop-list select.form-control {
  background: url(../images/br_down.png) no-repeat 97% #ececec; 
  border:1px solid #ced4da;
  padding-right:20px;
  text-transform: capitalize;
  }
.drop-list select.form-control {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
      }
/*for IE10*/
select.form-control::-ms-expand {
    display: none;
}
.drop-list select.form-control option { height:40px; padding:0px; }

.drop-list .form-control {
  border-radius:0px;
  font-size: inherit;
  border:0px;
  padding: 0.375rem 0rem;
  outline:0px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0);}
.drop-list select.form-control {
    background: url(../images/br_down.png) no-repeat 97% #fff;
    border:0px solid #ced4da;
    border-bottom:1px solid #ced4da;
    padding-right: 20px;
    text-transform: capitalize;
    color: #323232
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
.profile-userpic-sidebar.ipan-sponsor-desktop{ margin-top:45px }
.profile-userpic-sidebar.ipan-sponsor-desktop .profile-userpic{ width:82px; height:82px; padding: 5px}
.profile-userpic-sidebar.ipan-sponsor-desktop .profile-userpic img{ width:70px; height:70px  }
.profile-userpic-sidebar.ipan-sponsor-desktop .profile-codenid{ margin-top:25px }
.profile-userpic-sidebar.ipan-sponsor-mobile{ display: none; }
.profile-userpic-sidebar.ipan-sponsor-mobile .pic-and-details{ display: flex; }
.profile-userpic-sidebar.ipan-sponsor-mobile .profile-codenid{ width: 100% }
.profile-userpic-sidebar.ipan-sponsor-mobile .profile-codenid .userfull-name{ color:inherit; }
.profile-userpic-sidebar.ipan-sponsor-mobile .profile-codenid .userfullid{ color:#b7b7b7 }
.ipan-sponsor-title{font-size:18px; font-weight: 500; color: #a8a8a8; text-align: center;}
/*end user profile*/
/*my account*/
.myAccount-bx{padding:0px; text-align: center;}
.myAccount-bx a{ display: block; padding:30px; padding-bottom: 45px; transition:all 0.3s ease;}
.myAccount-bx a:hover{ background: #f8f8f8 }
.myAccount-bx .bx-icon{ text-align:center; margin-bottom:15px}
.myAccount-bx .bx-icon i{font-size:48px}
.myAccount-bx .bx-title-subtitle{ font-family: inherit; text-align: center;}
.myAccount-bx .bx-title-subtitle .bx-title{font-size:18px; font-weight: 600;}
.myAccount-bx .bx-title-subtitle .bx-subtitle{margin-top:10px; font-size: 16px; font-weight: 600; color:#4d4d4d;}
.myAccount-bx .bx-title-subtitle .bx-subtitle i{ font-size: 22px; font-weight: 600px; vertical-align:bottom;}
.myAccount-bx .bx-title-subtitle a:hover .bx-subtitle i{ color:red }
.upload-profilepic-modal{ max-width: 600px }
.upload-profilepic-modal .modal-title{ font-size: 18px; font-weight: 500; border-bottom: #eaeaea solid 1px; padding-left: 30px; padding-bottom:15px; margin-left: -30px; margin-right: -30px;}
.upload-profilepic-modal .modal-content-t0{ padding-top:20px }
.upload-profilepic-modal .sub-dis{padding:15px; padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; background: #f8f8f8;}
.upload-profilepic-modal .your-picture{ font-size: 16px; line-height: 16px; font-weight:500; margin-bottom: 0px}
.upload-profilepic-modal .upload-format{color:#bababa; margin-bottom: 5px;}
.upload-profilepic-modal .upload-note{ padding-left: 0px; margin-top:30px }
.upload-profilepic-modal .choose-file-button{background:#ed1c24; color:#fff}
.upload-profilepic-modal .upload-note h6{font-weight:500; margin-bottom:0px}
.upload-profilepic-modal .upload-note ul{padding-left: 20px;}
/*tree view*/
.easy-tree {
    min-height: 20px;
    margin-bottom: 20px;
    border: none;
    border-top: none;
    padding:20px;
    padding-bottom: 15px;
    padding-top:0px;
}
.easy-tree .tree-parentName{
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  color:#008fc5;
  margin-left: -20px;
  margin-right:-20px;
  padding-left:20px;
  padding-bottom:15px;
  padding-top:15px;
  border-bottom:#008fc5 solid 5px;
  background:#f8f8f8;
}
.easy-tree > ul {
    padding-left:0px;
    margin-top: -10px;
}
.easy-tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative;
    min-width: 400px;
}
.easy-tree li::before, .easy-tree li::after {
    content: '';
    left: -30px;
    position: absolute;
    right: auto
}
.easy-tree li::before {
    border-left: 1px solid #ccc;
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px
}
.easy-tree li::after {
    border-top: 1px solid #ccc;
    height: 20px;
    top: 30px;
    width: 35px
}
.IPATeam-main {
  font-size:13px;
  font-weight:600;
  color:#008fc5;
  text-transform:uppercase;
    border: 1px solid #ccc;
    border-radius:2px;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    cursor: pointer;
} 
.IPATeam-main .IPA-name{ font-family: inherit; display: inline;}
.IPATeam-main .IPA-name span{ padding-left:5px; font-weight:400; color:#757575}
.IPATeam-main .IPA-count{ padding-left:10px; font-weight:500; display: inline;}
.IPATeam-main .IPA-count i{ font-size: 20px; padding-right:8px; vertical-align: text-bottom; }
.easy-tree > ul > li::before, .easy-tree > ul > li::after {
    border: 0
}
.easy-tree li:last-child::before {
    height: 30px
}
.easy-tree .caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.easy-tree .caret::before {
  content: "";
  background: url(../images/icons/tree-plus.png) no-repeat;
  width:20px;
  height:20px;
  vertical-align: middle;
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.easy-tree .caret-down::before {
  content: "";
  background: url(../images/icons/tree-minus.png) no-repeat;
  width:20px;
  height:20px;
  vertical-align: middle; 
}
.easy-tree .notree:before{
  content: "";
  background: url(../images/icons/no-tree.png) no-repeat;
  width:20px;
  height:20px;
  vertical-align: middle;
  color: black;
  display: inline-block;
  margin-right: 6px;}
.tresStart {
  display: none;
}
.active {
  display: block;
}
/*end tree view*/

/*end my account--*/
/*project details*/
.project-landing-banner{
  position: relative;
  background: url(../images/projects/zirakpur/zirakpur-banner.jpg);
  height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color:#ffffff;
  padding: 80px 0;
  position: relative;
}
.project-landing-banner:before{
  background:
  rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.project-landing-banner .ProjectName-title{

    color:#fff;
    font-size:14px;
    position: relative;
}
.project-landing-banner .ProjectName-title h1{
    color:#fff;
    font-size:48px;
    font-weight:600;
    margin-bottom:10px;
    position: relative;
}
.project-landing-banner .ProjectName-title .sub-price{font-size:24px; line-height: 24px}
.project-landing-banner .ProjectName-title .sub-price span{font-size:32px; font-weight:500}
.project-HDbanner-2side{ max-width: 100%; padding:0px;}
.project-HDbanner-2side .row{/*background:#007aff;*/ background: rgb(24,90,157);
background: linear-gradient(0deg, rgba(24,90,157,1) 42%, rgba(67,206,162,1) 100%);}
.project-HDbanner-2side .ProjectName-title{
    font-size:14px;
    color: #fff;
    position: relative;
    padding-left:15px;
    padding-right:15px;
}
.project-HDbanner-2side .ProjectName-title h1{
    font-size:32px;
    color: #fff;
    font-weight:600;
    margin-bottom:10px;
    position: relative;
}
.project-HDbanner-2side .ProjectName-title .sub-price{font-size:24px; line-height: 24px}
.project-HDbanner-2side .ProjectName-title .sub-price span{font-size:32px; font-weight:500}

.project-banner-slider{height:500px;}
.project-banner-slider .swiper-slide img{ width:100%; height: auto;}
.project-details-tab-main{ width: 100%; background: rgb(204,43,94);
background: linear-gradient(280deg, rgba(204,43,94,1) 42%, rgba(117,58,136,1) 100%); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.project-details-tab{ padding:20px; padding-left: 0px}
.project-details-tab ul{margin:0px; padding: 0px; list-style: none;}
.project-details-tab ul li{margin:0px; padding: 0px; list-style: none; display:inline-block;}
.project-details-tab ul li a { padding:20px 20px; color:#fff; font-size: 15px; }
.project-details-tab ul li a:hover{background:#f2f2f2; color:#323232; border-radius: 3px}
.project-details-buy-sellTop{margin-top:20px; text-align: center;}
.project-details-buy-sellTop .btn{ font-size:16px}
.project-sectiontitle{font-size:32px; font-weight: 600 }
.project-Twoboxsection{ background:#f2f2f2;}
.project-Twoboxsection .boxmain{
  background:#fff;
  min-height:400px;
  position:relative;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,0.05);
  -webkit-transition: all .2s; transition: all .2s;
}
.project-Twoboxsection .boxmain .image-container{ width: 100% }
.project-Twoboxsection .boxmain .image-container img{ width: 100%; height: auto; }
.project-Twoboxsection .boxmain .bx-content{ padding: 20px }
/*end project details*/
/* Footer color with Navbar */
.page-footer { font-size: 14px; color:#a0a0a0; background-color: #1C2331; }
.page-footer h6{
  font-size: 16px;
  font-weight: 600;
  color:#ddd;
  margin:0px;
  padding: 0 0 10px;
  width: 100%;
  line-height: 25px;
}
.linkColor{color:#589bff!important}
.f12{ font-size: 12px }
.footerLink{ text-align: left; }
.footerLink ul{ margin: 0px; padding: 0px; list-style: none; }
.footerLink ul li{ margin: 0px; list-style: none; color:#a0a0a0; padding: 0 0 10px; line-height: 15px;}
.footerLink ul li a{color: #a0a0a0; transition: all .1s ease-in-out;}
.footerLink ul li a:hover{color:#fff;}

/* Adding color to the Navbar on mobile */
@media (min-width:20px) and (max-width: 768px) {
  .navbar { padding-top: 5px; padding-bottom: 5px }
  .navbar-brand img{ width:65px }
  .top-nav-collapse .navbar-brand img {width: 55px;height: auto;}
  .register-contentbx{ display: none; }
  .registration-form{flex:100%; max-width:100%; padding: 2rem 2rem;}
  .register-contentbx.logincontentbx{flex:100%; max-width:100%;}
  .registration-form.loginForm{flex:100%; max-width:100%;}
  .registration-container{ margin-top:120px;}
  .absay-testimonials ul li{ padding: 2px; }
  .absay-testimonials ul li img{ max-width:54px; max-height:54px;}
  .opportunity-imgtext{position: absolute; top:50px; width:200px; margin-bottom: 40px}
  .whyme-textimg{ padding-left: inherit;}
  .joinNow{ position: static; margin-top: 10px}
  .profile-container{ margin-top:0px }
  .profile-left-widget{ padding: 0px }
  .profile-userpic-sidebar{padding:15px; background: linear-gradient(45deg, #f32d27 5%,#ff6b45 99%);}
  .profile-userpic-sidebar .profile-codenid .userfull-name{ color: #fff }
  .profile-userpic-sidebar .profile-codenid .userfullid{ color: #fff }
  .profile-userpic-sidebar .profile-userpic .upload-camera{ top: 70px; left: 0px }
  .profile-userpic-sidebar .profile-referralcode .your-referral{ color: #fff }
  .profile-userpic-sidebar .profile-referralcode-name{ color:#fff; }
  .code-share-whatsApp a{color:#fff}
  .code-share-whatsApp a i{color:#fff}
  .profile-userpic-sidebar.ipan-sponsor-desktop{ display: none; }
  .profile-userpic-sidebar .profile-userpic{border: 1px solid rgba(255, 255, 255, 0.29);}
  .profile-userpic-sidebar .profile-userpic img{border:#fff solid 4px}
  /*.profile-userpic-sidebar .profile-usertitle-name{color: #fff}
  .profile-userpic-sidebar .profile-usertitle-job{ color: #fff; font-weight:400 }*/
  .profile-userpic-sidebar .profile-codenid{ width: 60% }
  .profile-userpic-sidebar.ipan-sponsor-mobile{padding:15px; background:#fbfbfb;}
  .profile-userpic-sidebar.ipan-sponsor-mobile .profile-userpic{ width: 72px; height: 73px }
  .profile-userpic-sidebar.ipan-sponsor-mobile .profile-userpic img{ width:60px; height:60px }
  .myAccount-bx a{ display: flex; padding-bottom: 15px; padding:20px 15px; padding-left: 5px; }
  .myAccount-bx .bx-title-subtitle{text-align: left;}
  .myAccount-bx .bx-icon{ width: 70px; margin-bottom: 0px}
  .myAccount-bx .bx-title-subtitle .bx-title{ font-size: 16px}
  .myAccount-bx .bx-title-subtitle .bx-subtitle{ font-size:14px; margin-top:4px}
  .myAccount-bx .bx-title-subtitle .bx-subtitle i{ display: none; }
  .upload-profilepic-modal .file-drop-area{ padding-left: 15px; padding-right: 15px }
  .upload-profilepic-modal .choose-file-button{ font-size: 14px }
  .upload-profilepic-modal .file-message{ font-size: 14px;}
  .upload-profilepic-modal .upload-note{font-size: 11px}
  .upload-profilepic-modal .upload-note h6{font-size: 13px}
  }
@media (max-width: 992px) {
  .userdropdown{ display: none;]}
  .dashboard-offcanvas-menu{ display: block; }
  .offcanvas-logout{ display: block;}
  .screening_Question_container .screening_Question_left{padding:1rem; padding-top: 12px;}
  .Question_instruction_title{font-size:1rem;  margin-bottom:12px}
  .Question_instruction_discription{ line-height:20px; margin-bottom:0rem}
  .Question_right{padding:32px 16px;}
  .Question_instruction_title{padding:6px 1rem;}
  .Question_right .question-height-container{min-height: 100%; max-height: 100%; padding-bottom: 60px}
  .question-next-pre{
    padding:10px 10px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top:#f2f2f2 solid 1px;
    background:#fff;
    margin-left: -2rem;
    text-align: center;
  }
  .home-textImg{padding-left:inherit; padding-right: inherit;}
  .uploadprofile-inner{padding: 20px}
  .profile-left-widget{width: 100%}
  .profile-userpic-sidebar{ margin-bottom:0px}
  .profile-tab{padding: 8px; overflow:hidden; overflow-x: auto; white-space: nowrap;}
  .profile-menu .pro-widget-left-title{display:none;}
  .profile-menu .profile-tab ul li{display: inline-block; padding: 10px 0px; padding: 10px 6px;}
  .profile-menu .profile-tab ul li a{font-weight:500;}
  .profile-userpic-sidebar .profile-usertitle-name, .profile-userpic-sidebar .profile-usertitle-job{color:#fff}
  .project-landing-banner{ height:210px; padding:40px 0; }
  .project-landing-banner .ProjectName-title h1{font-size: 24px; font-weight: 600;}
  .project-landing-banner .ProjectName-title .sub-price{ font-size: 20px; line-height: 20px }
  .project-landing-banner .ProjectName-title .sub-price span{ font-size:26px;}
  .profile-userpic-sidebar .profile-userpic{ padding: 5px; width: 112px; height: 113px }
  
  .user-pageHeader-section .header-text{ padding-bottom:20px }
  .user-pageHeader-section .header-text h1{ font-size:22px }
  .profile-userpic-sidebar.ipan-sponsor-desktop{ display: none; }
  .profile-userpic-sidebar.ipan-sponsor-mobile{ display: block; }

}
@media only screen and (min-width:1024px) {
  .registration-container{max-width:1000px;  margin-top:80px; margin-bottom:80px}
  .login-container{max-width:900px;}
}
@media only screen and (min-width:1920px) {
  .navbar .container{ max-width: 100%}
  .container{max-width:1800px;}
  .registration-container{max-width:1000px;  margin-top:130px; margin-bottom:80px}
  .login-container{max-width:900px;}
  .ipan-banner{height:790px}
  .genesis-container{max-width:1000px;}
  .project-banner-slider{height:768px;}
  .project-HDbanner-2side .ProjectName-title h1{font-size:48px}
  }