@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('custom-fonts.css');
* { -webkit-box-sizing: border-box; box-sizing: border-box;font-family: 'Poppins', sans-serif;font-weight: 400;margin: 0; padding: 0; border: 0; outline: none;}
ul,li,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,figure { margin: 0;padding: 0;}
li {list-style: none}
button,button:focus { cursor: pointer; box-shadow: none; outline: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
a,a:hover,a:active { cursor: pointer;text-decoration: none; color: inherit; outline: none; box-shadow: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
body { background: #fff;position: relative;height: 100%;}
p {font-size:16px; color: #484848;font-weight: 400;letter-spacing: 0.9px;}
img {/*max-width: 100%;*/vertical-align: top;}
html{height:100%;}
.marginTop {margin-top:2rem;}
.text-green {color:#4EC72A !important}
.heading .para{margin-bottom:15px;}
.resend{text-decoration: underline;letter-spacing: 0.9px;color: #499CDE;}
.close img{width:30px;}
.mg-lt{margin-left:15px;}
.aboutBox img{max-width:100%;}
/*header css start*/
header{background:#4F515D;padding:15px 0;position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 99;height:80px;}
header .navbar{padding: 0}
header .navbar-brand {padding: 0;margin-right: 1.6em;margin-left:-5px }
.navbar-left.float-left {margin-right: 1.6em;}
header .navbar-nav { align-items: center;}
header .nav-item{display: inline-block;vertical-align: middle;padding: 0px;margin: 0 0.5px;}
header .navbar-left .nav-item {min-width: 180px;max-width: 210px;}
header .navbar-nav .nav-link {padding: 0 !important;text-align: left; letter-spacing: 0.8px;color: #FFFFFF; text-transform: uppercase;font-weight:500; font-size: 16px;line-height: 20px;font-family: 'Poppins', sans-serif; }
header .navbar-collapse .navbar-nav .nav-item .nav-link {padding:12px 17px !important;border-radius:8px;}
/*header .navbar-collapse .navbar-nav .nav-item:hover .nav-link  {background:#4EC72A;}*/
header .navbar-collapse .navbar-nav .nav-item .nav-link active {background:#4EC72A;}
header .navbar-collapse .navbar-nav .nav-item.active .nav-link  {background: #2FC863;}
header .nav-link.dropdown-toggle::after{display: none}
header .navbar-nav .nav-link small,header .navbar-nav .nav-link span{font-size: 14px;line-height: 22px;letter-spacing: 0.42px;display: block;text-transform: capitalize}
header .navbar-nav .nav-link small{margin-bottom: 5px;} 
.navbar-right  .navbar-nav li{display: inline-block;vertical-align: middle;margin-left: 15px;padding: 0}
header .navbar-right .navbar-nav .nav-link span{display: inline-block;vertical-align: middle;}
header .navbar-right .navbar-nav .nav-link .proImg img{width:50px;height:50px;border-radius:50%;margin-right:15px;}
/*header .navbar-right .navbar-nav .nav-link span.text{min-width: 90px;max-width: 95px;overflow: hidden; -o-text-overflow: ellipsis;  text-overflow: ellipsis; white-space: nowrap;}*/
header .navbar-nav .nav-link i img{vertical-align: middle;margin-left: 5px; margin-top: -4px;}
.dropdown-menu {padding: 0 22px;  border: 0px ;    min-width: 13rem;box-shadow: 0px 0px 16px 4px rgba(0,0,0,.1)}
.navbar-nav .dropdown-menu ul li a{font-weight:500; }
header .navbar-right .nav-link.dropdown-toggle{font-family: 'Poppins', sans-serif;}
.navbar-nav .dropdown-menu{background: #FFFFFF;border-radius: 22px;opacity: 1;margin-top: 12px;box-shadow: 0px 0px 16px 4px rgba(0,0,0,.1);margin-top: 25px;}
.navbar-right  .dropdown-menu{margin-top:30px;}
.navbar-nav .dropdown-menu li{border-bottom: 1px solid #EBEAEA;padding:15px 0;display: block;margin: 0;padding: 18px 0;}
.navbar-nav .dropdown-menu li:last-child{border-bottom: none;}
.navbar-nav .dropdown-menu li a{font-size: 14px;color: #484848;letter-spacing: 0.8px;padding: 0;text-transform: uppercase;}
.navbar-right .navbar-nav .dropdown-menu {left: auto;right: 0;}
 .drop-not:hover .dropdown-menu {display:block !important;}
.navbar-nav .dropdown-menu li a:hover { background: transparent; color: #2fc863;}
.navbar-right .form-inline .searchBox {display: none; position: fixed; width: 100%;left: 0; right: 0;top: 0px; padding:80px 30px 30px; background: #2c2c2c; z-index: 2;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.navbar-right .form-inline .searchBox.show{display: block;}
.navbar-right .form-inline .searchBox .btn{display: inline-block;vertical-align: middle}
.navbar-right .form-inline .searchBox .form-control { display: inline-block; width: calc(100% - 65px); vertical-align: middle;background: transparent; height: 50px; text-align: left;font-size: 40px; letter-spacing: 2px; color: #CCD0D5; opacity: 1; font-family: 'ProximaNova-Bold'; border: none;padding: 0 15px;box-shadow: none;}

.navbarRight .drop-not .dropdown-menu::before {
    left: 80%;
}
.navbarRight .drop-not .dropdown-menu:before {
    left: 55%;
}
.drop-not .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -15px;
    right:30px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right:20px solid transparent;
    border-top: 20px solid #fff;
    clear: both;
    transform: rotate(180deg);
}

/*header css end*/
/*btns*/
header .commonBtn {text-transform:uppercase;letter-spacing:1.0px;}
.loginBtn{background:transparent;border: 1px solid #FFFFFF;border-radius:8px;padding: 0;width: 180px;height:45px;font-size: 16px;line-height:45px;
 color: #fff!important;text-align: center;display: inline-block;text-transform: uppercase;cursor:pointer;letter-spacing:1.6px;font-weight: 600;vertical-align:top;}
.commonBtn {background:#4EC72A;border-radius:8px;padding: 0;min-width:180px;height:45px;font-size: 16px;line-height:45px;
 color: #fff!important;text-align: center;display: inline-block;letter-spacing:0.9px;font-weight: 600;cursor:pointer;vertical-align:top;}
 .greenborder{border: 1px solid #4EC72A;color:#4EC72A !important;background:transparent;}
/*end*/
 /*headings*/
.heading{margin: 0 auto 30px;}
.heading h3{font-size:34px;line-height:43px;letter-spacing:2px;text-transform: uppercase;opacity: 1;margin-bottom: 15px;}
.heading p{letter-spacing: 0.8px;opacity: 1;line-height: 30px;color: #484848;}
.heading h4{font-size:30px;line-height: 37px;letter-spacing: 1.5px;color: #34423A;text-transform: uppercase;}
.extrabold{font-weight:800;}
.bold{font-weight:600;}
/*main-wrapper*/
.main-wrapper{padding-top:80px;}
.innerPage{padding-top:120px;}
/*banner Section*/
.banner_sec{position: relative;overflow: hidden}
.banner_sec .row{ display: block;}
.banner_sec .content{margin-top:150px;margin-bottom: 60px}
.banner_sec .content h2{font-size: 40px;line-height:60px;color: #484848;text-transform: uppercase;opacity: 1;margin-bottom: 30px;letter-spacing: 2px;}
.banner_sec .content p{font-size: 18px;line-height:32px;letter-spacing: 0.9px;color: #484848;opacity: 1;margin-bottom: 45px;}
.banner_img {width: 100%;max-width:600px;height:800px;}
.banner_sec .carousel-indicators {right: auto;padding-left: 0;margin-right: 0; margin-left: 0;bottom: -3em;top:130%;}
.carousel-indicators li{width:14px;height: 14px;border-radius: 4px;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);-ms-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);-moz-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);background-color:#FA9365;opacity: 0.5; margin-right: 6px; margin-left: 6px;cursor: pointer;}
.carousel-indicators .active {background-color: #FA9365;opacity: 1;}
/*slider fade css*/
.carousel-fade .carousel-inner .carousel-item {opacity: 0;transition-property: opacity;transition-duration: 1s; transition-timing-function:linear;}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
/*slider fade css*/
.carousel-item{background-repeat:no-repeat; background-position: center;background-size:cover;}
.searching{background:#F6F6F7;position: relative}
.searching .heading{width:100%;max-width: 60%;text-align: center;}
.searching .heading h3{color:#000000;}
.searchbox{text-align: center;padding:100px 0; }
.searchbox .pro{background: #fff;border-radius: 40px;opacity: 1;padding: 40px 20px;margin:0 auto;/*width: 352px;height: 427px;*/}
.searchbox .pro .img{margin-bottom: 25px;width:100%;display: inline-block;max-width: 178px;height: 178px;border-radius: 100%;background: #fff;line-height: 178px;}
.searchbox .pro .img img {vertical-align: middle;}
.searchbox .pro .content h5{font-size: 19px;letter-spacing: 0.38px;color: #000000; margin-bottom: 20px;}
.searchbox .pro .content p{font-size:15px;line-height:30px;letter-spacing: 0.75px;color: #707071;}

.aboutBox {background: #fff;padding: 75px 0;}
.aboutBox .content h2 {font-size: 40px;line-height: 60px;letter-spacing: 2px;color: #000000;text-transform: uppercase;opacity: 1;margin-bottom: 30px;}
.aboutBox .content p { font-size: 18px;line-height: 32px;letter-spacing: 0.9px;color: #484848;margin-bottom: 45px;}


/*copyright footer*/
.copyright{background: #484848;padding: 20px 0;}
.copyright p{font-size: 15px;line-height:  18px;letter-spacing: 0.75px;color: #F4F4F4;opacity: 1;}
.socialLink li{display: inline-flex;align-content: center;margin-right: 6px;}
.socialLink li a{width:30px;height:30px;background: #fff;border-radius: 100px;text-align: center;line-height: 30px;}
.socialLink li a img{vertical-align: middle}
.socialLink li a:hover{background: #4EC72A;}
/*End*/
/*modal css*/
.modal-backdrop.show { background: rgba(122, 122, 123, 1); opacity: 0.8; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
/*.modal-dialog{max-width:600px;}*/
.modal#login .modal-dialog{max-width:600px;width: 100%;}
.modal .modal-content{background: #FFFFFF;border-radius: 20px;padding: 30px;}
.modal#logout .modal-dialog{max-width:600px;width: 100%;}
.modal#logout .modal-content{padding:60px;}
.modal-header {padding: 0; border-bottom: none;}
.modal-header .close {padding: 0;margin: 0; position: absolute; right: 25px;top: 25px;z-index: 9;opacity: 1}
.modal-header .close:hover{opacity: 0.6}
.modal-body,.modal-footer{padding: 0;}
.modal-body h5 {text-align: left; font-size: 16px;line-height: 22px;letter-spacing: 0.8px; color: #34423A; text-transform: uppercase;}
.modal-body .form{/*padding: 56px 75px 40px 55px;*/ padding:40px 50px;}
.modal-body .heading{margin-bottom: 40px;}
.modal-body .heading h4{font-size:28px; margin-bottom:10px;color: #484848;text-transform: capitalize;letter-spacing: 2px;font-weight:700;}
.modal-body .heading p{ font-size:16px; line-height: 24px; letter-spacing: 0.8px; color: #000000; opacity: 0.66; }
.modal-footer{border-top: none;padding-top: 35px;}
.modal .commonDefult, .modal .commonBtn{width: 100%;display: inline-block;height: 56px;line-height: 56px;font-size: 16px;letter-spacing: 0.8px;text-transform: uppercase;border-radius: 8px;}
.btnGroup{display: block;width: 100%;}
.commonDefult{background: #EDEDED;text-align: center;color: #4C4C4C;}
.forgot{font-size: 16px; line-height: 24px;letter-spacing: 0.32px;color: #344339;
	float: right;}
.modal-body .map .marker{width: 24px; height: 24px; border: 7px solid #3B9CFE; box-shadow: 0px 0px 14px rgba(59, 156, 254, 1); display: inline-block; border-radius: 50px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
.modal#login .modal-content .marginTop,.modal#forgot .modal-content .marginTop {margin-top:6rem;}

/*end*/
/*form css*/
.form-group{position: relative;margin-bottom:20px;}
.form-group:last-child{margin-bottom:15px;}
.form-group label{ text-align: left; font-size: 16px; line-height: 28px;letter-spacing: 0.64px;color: #36423D;display: block;margin: 0;}
.form-group .form-control{font-size:18px;height: 50px;letter-spacing: 0px;color: #8CA59E;}
.form-group .error{color: #f00;font-size: 15px;position: absolute;left: 0;right: 0;margin: auto;display: none;}
.form-group .showPass{ font-size: 14px; line-height: 50px; letter-spacing: 0.56px; color: #39CE74; position: absolute; right: 30px;bottom: 0;}
.form-group .mobNo {position: relative;}
.form-group .mobNo input.form-control{padding-left: 95px;}
.form-group .mobNo .std{position: absolute;left: 0;top: 0;max-width: 90px;width: 100%; padding-right: 20px;height: 100%;}
.form-group .mobNo .std select{height: 100%}
.form-group .mobNo .std:after{content: "";position: absolute;right: 10px;width: 2px;height: 25px;background: #344339;top: 0;bottom: 0;margin: auto;}
.form-group label.small,.form-group .wrongNo{ text-align: left; font-size: 17px; line-height: 29px; letter-spacing: 0.68px; color: #34423A; display: block;margin: 0;}
.form-group .otpDig{padding: 30px 0;}
.form-group .otpDig ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.form-group .otpDig ul li{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
.form-group .otpDig .code{ font-family:; font-size: 24px; letter-spacing: 0.96px; color: #34423A; text-transform: uppercase; border: 2px solid #2FC863; width: 98px; height: 98px; line-height: 98px; text-align: center; border-radius: 100%;}
.form-group .wrongNo, .form-group .text-green.bold{text-transform: uppercase;}
.form-group .text-green.bold{font-size: 18px;float: right;}
.form-group .ht{height:150px;width: 400px;}
.uploadlic{border: 1px solid  #8CA59E;padding:60px;position: relative;text-align: center;border-style:dashed;}
.uploadlic span{color:#000;}
.newUser p{font-weight:600;letter-spacing: 0.64px;color: #344339;}
/*checkbox css*/
label.custom-control-label {letter-spacing: 0.64px; color: #36423D; font-size: 16px; line-height: 22px;padding-left: 4px;    font-weight: 600;}
.custom-control-label::before,.custom-control-label::after { width: 18px; height: 18px;top: 2px;}
.custom-checkbox .custom-control-label::before{border-radius: 4px;border:1px solid #4EC72A;}
.modal-body ul li .custom-checkbox .custom-control-label::before{border:1px solid #B8B8B8;}
.modal-body ul li .custom-control{border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:15px;padding-top: 25px;font-size:16px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before { background-color:#4EC72A; border-color:#4EC72A; border-radius:4px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{/*background:url('../images/ic_checkbox.svg') no-repeat;background-position: center;*/background-size: auto;border: 1px solid #4EC72A;}
.custom-control-input:focus~.custom-control-label::before {box-shadow: none;}
.custom-control-input{left:0;z-index:1}
/*floating Label*/
.form-control-placeholder {position: absolute;top:10px;left:10px;padding-right:15px;padding-left:10px;transition: all 200ms;opacity: 0.5;
  background: #fff;}
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {transform: translate3d(0, -100%, 0);opacity: 1;font-size:12px;letter-spacing:0px;color:#000;font-weight: 600;}
.role{display:flex;justify-content: space-between;}
.role  .form-control{width:100px; height:100px}
.role .form-control{font-size:14px;}
.form-group label.roleselect{font-size:16px;/* font-family:Proxima Nova;*/letter-spacing: 0.4px;color: #344339;opacity: 1;font-weight:700;}
/*end*/
/*Notifications*/
.orange{background: #FFAB73;color: #fff}
.create .orange{border-radius: 7px;}
.left-section.lg{width:400px;}
.right-section.lg{margin-left:420px;margin-top:-40px;}
.notifySec .msgDay .notifyMsg {padding: 35px 0;border-bottom: 1px solid rgba(0,0,0,0.08);clear: both;display: flex;}
.sellingDetail{padding: 0px 23px 0px 23px;}
.sellerForm{width:100%; padding: 0px 45px;}
.sellingDetail .imagesBox{width: 85%; background: #fff; text-align: center;padding: 80px 0px; border-radius: 32px; margin-bottom: 50px;}
.sellingDetail h2{letter-spacing: 2px;color: #000000;text-transform: capitalize;font-size: 40px; font-weight:700;line-height: 60px;}
.sellingDetail p{margin-top:20px;font-size:15px;color:rgba(0,0,0,.8);line-height: 30px;width:70%;}
.sellerForm select.form-control:not([size]):not([multiple]){ height: 55px }
.sellerForm .form-group{margin-bottom:45px; }
.sellerForm .form-group .form-control{font-size:16px;font-weight:600;  }
.sellerForm .row{ margin-right: -35px; margin-left: -35px;}
.sellerForm .row .col-6{ padding-right: 35px;padding-left: 35px;}
.btnCheckbox .custom-checkbox{display: inline-block; padding-left: 0px;margin:5px 10px 5px 0px; }
.btnCheckbox .custom-control-label::before, .btnCheckbox .custom-control-label::after { width: 100%; height: 100%; top: 2px;  z-index: -1;border-radius:8px; }
.btnCheckbox label.custom-control-label{padding-left: 0px;  padding: 15px 30px 10px; font-weight: 600;}
.btnCheckbox input[type=checkbox]:checked + label {color:#fff; font-family: 'ProximaNova-Semibold'; }
.btnCheckbox input[type=checkbox]:checked + label.custom-control-label{ padding: 15px 20px 10px 40px;}
.btnCheckbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after{    background-position: 17px;   }
.btnCheckbox .custom-control-label::before{background: #F4F6F8; }
.btnCheckbox{padding-top:26px; }
.upload-box { margin-top: 10px;}
.upload { width: 65px;height: 65px;margin:5px 0px;border-radius: 8px; background: #F4F6F8; position: relative;display: inline-block; vertical-align: top;}
.upload .upload-photo { width: 100%; height: 100%;text-align: center;position: absolute; cursor: pointer;  top: 0; left: 0;outline: none;opacity: 0; cursor: pointer;  z-index: 1;}
.upload:after { content: '+'; position: absolute;top: 0px;left: 0px; bottom: 0px; right: 0px;text-align:center;font-size: 46px; display: block; color: #2FC863; font-family: 'ProximaNova-Semibold'; }
.image-name{display:inline-block; }    
.file_nm{width: 65px;height: 65px;padding:10px 0px;border-radius: 8px; background: #F4F6F8; text-align:center;margin:5px; position: relative;}     
.file_nm img{max-height:45px; }
.remove-doc { width: 19px; height: 19px; background: red; display: inline-block; position: absolute; right: -9px; top: -9px; cursor: pointer; border-radius: 50%;}
.remove-doc:before {content: '';position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;  background: url(../images/plus.svg) no-repeat center center; transform: rotate(45deg);background-size: 12px;}
.bankInner{width:400px; padding-left: 23px; }
.bankInner a{padding-top:25px; }
.bankInner.min{width:288px; }
.backLink .bankInner .mdi.mdi-arrow-left{top:20px;}
ul.listMenu {margin-top:-25px;padding:0; }
ul.listMenu  li{display:block; }
ul.listMenu li a{padding:25px 23px;display:inline-block; }
ul.listMenu li a{font-size:15px;display:block;font-weight:600;  }
ul.listMenu li a.active{background: #2FC863;color:#fff;font-weight:400; }

 
.notifySec{margin-top:20px;}
.notifySec .msgDay {margin-bottom: 35px; }
.notifySec .msgDay span.orange{font-size: 12px;border-radius: 30px;padding: 7px 20px;}
.notifySec .msgDay .notifyMsg{padding: 35px 0; border-bottom: 1px solid rgba(0,0,0,0.08);clear: both;display: flex}
.notifySec .msgDay .notifyMsg p{font-size: 16px; color: #000000;line-height: 20px;letter-spacing: 0.32px;width: calc(100% - 120px)}
.notifySec .msgDay .notifyMsg span.time{font-size: 16px; color: #34423A;line-height: 20px;letter-spacing: 0.8px;width: 100%;max-width: 120px;text-align: right;}
.notifySec .msgDay:last-child .notifyMsg:last-child{border-bottom: none}
.backBtn img{vertical-align:middle;}
.bankInner a{font-size: 16px; font-weight:600; 
/*font-family:Proxima Nova;*/letter-spacing: 0.64px;color: #34423A;letter-spacing: 0.64px;}
.projectname{font-weight:600;letter-spacing: 0.9px;color: #484848;}
.role{display:flex;justify-content: space-between;text-align: center;margin: 0px -5px;}
 .select-btn input[type="checkbox"] {position: absolute;opacity: 0;
    width: 100%;height: 100%;z-index: 1;cursor: pointer;top: 0;bottom: 0;right: 0;left: 0;} 
.select-btn {position: relative;margin:20px 0px;width: 33.33%;padding: 0px 5px;color:#8CA59E;}
.color-1:before {left: 0;top: 0;content: "";
    position: absolute;width: 100%;height: 100%;border-radius: 4px;
    -webkit-transform: scale3d(0,0,0);
    -ms-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color:;
    z-index: 0;
}
.color-1 {
    width: 100%;
    display: block;
    border: 1px solid #8CA59E;
    border-radius: 4px;
    font-size:14px;
    font-size:14px;
    padding: 10px 10px;

}

.role input[type="checkbox"]:checked ~.color-1 {
    background: #FA9365 !important;
    color: #fff;
    border: 1px solid #FA9365;

}
.orange.steps{font-size: 14px;border-radius: 7px;padding: 5px;margin-left: 10px;vertical-align: top;}
.upload_pic img{vertical-align: middle; /*width:90px;height:90px;border-radius:50%;*/}
.upload_pic{color: rgba(0, 0, 0,0.3);margin-top:24px;}

.upload_pic input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
.edit_icon{position: absolute;top: -12px;left: 38px;}
/*projectDeatils*/
.productDetails{padding-left:30px; }
.productDetails .productBox{padding:30px 0px;border-bottom: 1px solid #DAE2E0; }
.productDetails .productBox:first-child{padding-top:0px; }
.productDetails .productBox:last-child{border-bottom:0px; }
.productDetails .productBox p{letter-spacing: 0.36px;color: #34423A;opacity: 0.77;font-size:17px;margin-top:4px;  }
.productDetails .productBox strong{letter-spacing: 0.95px;color: #34423A;}
.productDetails .mobileStorage{letter-spacing: 0.54px;color: #34423A;font-size:27px;margin:15px 0px;  }
.productDetails .productType{display:flex; }
.productDetails .productType h2{letter-spacing: 1.45px;color: #34423A;font-size:29px;/*font-family: 'ProximaNova-Bold';*/}
.productDetails .productType span{margin-left: auto;letter-spacing: 1.64px;color: #34423A;font-size:41px;/*font-family: 'ProximaNova-Bold'; */margin-top: -14px;}
.productDetails .certificationIcon{margin-right:20px; }
/*slider*/
.proSlider .slickSlider{display: flex; margin-bottom:20px;}
.slide-W{width: calc(100% - 142px); display: inline-flex;align-content: center;}
.thum-W{width:121px; display: inline-flex;align-content: center;margin-left: 20px;}
.sliderImg{padding:10px 12px;border-radius: 8px;position: relative;}
.sliderImg .content{position: relative;padding-top:0;overflow: hidden;}
.sliderImg .content figure{margin:12px auto;text-align: center;clear: both; width:100%;max-height: 413px;min-height: 413px; text-align: center}
.sliderImg .content figure img{ margin: auto;max-width: 100%;height: auto;position: absolute;  top: 0; left: 0; right: 0; bottom: 0;z-index: 2;}
.thumnails{background: #F4F6F8;padding: 15px;border-radius: 8px;position: relative;margin-bottom: 18px;}
.thumnails .img{margin: auto;text-align: center;height: 90px;}
.thumnails .img img{max-height: 100%;margin: auto;}
.thum-W button.slick-prev.slick-arrow { position: absolute; top: 0;  background: rgba(255,255,255,0.5);z-index: 1; font-size: 0; width: 60px; text-align: center;left: 0;right: 0px;margin: auto;color: rgba(52, 66, 58, 0.8);}
.thum-W button.slick-next.slick-arrow:after{content: "\F0140"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons";font-size: inherit;  text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; font-size: 45px;line-height: 32px;}
.thum-W button.slick-prev.slick-arrow:after{content: "\F0143"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit;  text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; font-size: 45px; line-height: 32px;}

.thum-W button.slick-next.slick-arrow {position: absolute; bottom: 19px; background: rgba(255,255,255,0.5); z-index: 1; font-size: 0; width: 60px; text-align: center; left: 0; right: 0px; margin: auto;color: rgba(52, 66, 58, 0.8);}
.thum-W button.slick-prev.slick-arrow, .thum-W button.slick-next.slick-arrow{opacity:0; }
.slider.slider-nav.thum-W:hover button.slick-prev.slick-arrow, .slider.slider-nav.thum-W:hover button.slick-next.slick-arrow{opacity:1; }

.feature{ position: absolute;  top: 0;  right: 0px;float:right;background: #FFAB73 ;border-radius: 10px;font-size: 17px;line-height: 21px; letter-spacing: 0px;color: #FFFFFF;padding: 14px 16px;}
.proSlider .slickSlider .feature{ position: relative;  top: inherit; }
.views{float:right;background: #FFFFFF ;font-size: 16px;line-height: 23px; letter-spacing: 0px;color: #34423A;padding: 12px 12px;box-shadow: 0px 0px 6px #0000001A;
border-radius: 7px;}
.slick-list.draggable {padding: 0 !IMPORTANT;}
.proSlider .commonBtn{width:80%;}
/*End*/
/*material*/
.left-section{width:288px;float:left;background: #F9F9F9;padding:0px;position: fixed;top:80px; bottom: 0px; overflow: auto;left:0;}
.chatContainer .left-section{padding:30px;}
.left-section .subTitle{letter-spacing: 0.8px; padding: 0px 25px;color: #FA9365;}
.left-section .card-header{padding:0px;border:0px;background:none;  } 
.left-section .card{border:0px;    background:#e9e9e9;border-bottom:1px solid #fff;}
.left-section .card-body{padding: 0px; background: #fff;}
.left-section .card-header .btn{ height: auto;  padding: 15px 25px;width:100%;text-align:left;background:none;font-size:15px;letter-spacing: 0.15px;color: #34423A;font-weight: 600;}
.left-section .card-header .btn:hover{ text-decoration:none; }
.left-section .filterListing{padding-top:10px;}
.left-section .card-body ul li{padding: 15px 25px;position: relative;}
.left-section .custom-control-label::after, .left-section .custom-control-label::before{left:inherit;right:0px;}
.left-section .custom-control-label::after{ border: 1px solid #707070; border-radius: 3px; background:none; }
.left-section .custom-control-label::before{background:none;}
.left-section .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background: #2FC863;border:1px solid  #2FC863;}
.left-section .custom-checkbox .custom-control-input:checked~.custom-control-label::after{border:1px solid  #2FC863; }
.left-section .custom-control{padding-left:0px;margin-bottom:0px; }
.left-section .custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:none;content:'\F012C';display: inline-block;font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto;  line-height: inherit;  -webkit-font-smoothing: antialiased;  line-height: 14px;  font-size: 14px; text-align: center; color: #fff;}
.left-section .custom-checkbox label{display: block;cursor:pointer;}
.left-section .card-header .mdi-chevron-down::before { content: "\F0140"; float: right;  font-size: 20px;  vertical-align: top;  position: absolute;right: 23px;  top: 12px;}
.left-section .card-header .btn.btn-link{background: #2FC863;border-radius:0px;color:#fff;font-weight:400;  }
.left-section .card-header .btn.btn-link.collapsed{background:none; color: #34423A;font-weight: 600;}
.left-section .card-body ul li:after{content:'';position:absolute;border-top: 0.5px solid #DAE2E0; top: 0px;left: 25px;right: 25px;}
.container-fluid .right-section{margin-left:315px }
.container-fluid .right-section{padding-right: 23px;}

.pull-right {float: right!important;}
.pull-left {float: left!important;}
ul.grid-5 > li { float: left; width:20%; padding: 20px 15px;}
.product-list ul{margin:0px -23px;}
.product-list ul:after{content:'';display:table;width:100%;}
.product-list ul li .col-12 {position: relative;padding: 4px 8px;}
.product-list ul li .imgbox {position: relative;padding-top: 87%; overflow: hidden;}
.product-list ul li .imgbox img {max-width: 100%; height: auto; position: absolute;top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 20px;}
.product-list ul li .pull-left {max-width: 72%;}
.product-list ul li .pull-left h2{font-size:13px;color: #171717;font-family: 'ProximaNova-Bold';margin-bottom: 6px;white-space: nowrap;overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.product-list ul li .pull-left h3{color:#707070;font-size:12px; font-family: 'ProximaNovaSoft-Semibold';white-space: nowrap;overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.product-list ul li .bottom{padding:20px;background:#fff; border-radius: 0px 0px 20px 20px;margin-top: 15px;}
.product-list ul li .bottom:after{content:'';display:table;width:100%;  }
.product-list ul li a{display:block;box-shadow: 0px 10px 20px #0000000A;background:#F4F6F8;border-radius: 20px 20px; }
.product-list.tab-pane.fade.active{display:block;opacity:1;  }
.right-section .nav.nav-tabs {border-bottom:0px;padding:20px 0px;  }
.right-section .nav.nav-tabs li a{padding: 15px 25px;letter-spacing: 0.8px;color: #000000;text-transform: uppercase;display:inline-block; } 
.right-section .nav.nav-tabs li a.active{background: #FFAB73 0% 0% no-repeat padding-box;border-radius: 32px;color:#fff; }
.seactionSearch{padding-bottom:15px; }
.searchBox{display:inline-block; }
.searchBox .search{font-weight: 600;background: #F4F6F8 0% 0% no-repeat padding-box;border-radius: 8px;min-width: 500px; padding: 14px 10px 14px 42px;}
.searchCover{display:inline-block; }
.searchBox .commonBtn{margin-left:15px;display: inline-block;height: 52px;line-height: 52px;border-radius: 8px;font-size: 14px;width: 185px;font-family: 'ProximaNovaSoft-Semibold';}
.sortBox .nav-link.dropdown-toggle{font-size:14px;font-family: 'ProximaNova-Regular';line-height: 36px;border: 1px solid #52D485;border-radius: 8px;width: 132px;height: 52px;color: #000000; font-weight: 600; text-transform:uppercase; }
.sortBox .mdi-chevron-down::before{font-size: 18px; line-height: 34px;float: right;}
.sortBox .dropdown-toggle::after{display:none; }
.sortBox .dropdown-menu{padding:0px;border-radius: 12px;}
.sortBox .dropdown-item{padding: 1rem 0rem;    border-bottom: 1px solid #EBEAEA;}
.sortBox .dropdown-menu  ul li{ padding: 0rem 1.5rem;}
.searchCover{position:relative;}
.searchCover .mdi.mdi-magnify{position:absolute;top:0px;color:#000;left: 15px;  top: 10px; font-size: 20px;  }
.searchBox .search::placeholder {letter-spacing: 0.7px;color: #484848!important;font-size:14px;}
.searchBox .search:-ms-input-placeholder {color: #484848!important;}
.searchBox .search::-ms-input-placeholder {color: #484848!important;}
.backLink .mdi.mdi-arrow-left{margin-right: 5px; color: #2FC863;font-size: 22px; position: absolute; left: 0px; top: -5px;}
.backLink{padding:25px 0px; }
.container-fluid .backLink{padding:25px 0px 25px 23px; min-height: 75px; }
.container-fluid .backLink a{ position: fixed;z-index: 2;}
.backLink a{position:relative;display:inline-block;padding-left: 30px;letter-spacing: 0.64px;
color: #34423A; font-weight: 600;}
.productDetail h1{letter-spacing: 1.2px;color: #000000;font-weight: 600;font-size:20px; }
.productDetail span{letter-spacing: 1.04px;color: #484848;font-weight: 600;font-size:26px;float:right;}
.productDetail p{line-height:28px;width:70%;}
/*.productImg {position: relative;padding-top: 47%;overflow: hidden;}
.productImg img{max-width: 100%;height: auto;position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;}*/
.productImg img{width:100%;}

.productDetail {padding:20px 20px;}
.btn-right{position:relative;min-height:62px;}
.right-section .product-list ul li .pull-right { font-family: 'ProximaNovaSoft-Semibold'; color: #fff; padding: 6px 5px; min-width: 57px;background: #3B9CFE;border-radius: 5px; text-align: center; font-size: 13px; }
.product-type{ position: absolute; right: 15px;top: 12px;border-radius: 10px;min-width:71px;line-height:38px;display: inline-block; text-align: center;color: #fff;font-family: 'ProximaNova-Semibold';font-size:13px;}
.product-type.orange{background: #FFAB73; }
.product-type.green{background: #2FC863; }
.product-type:after{content:'';display: table;width:100%;}
.productBox{margin-bottom:20px;box-shadow: 0px 0px 16px 4px rgb(0 0 0 / 10%);display: block;border-radius: 15px;margin: 15px 0px;background: #fff;}

.right-section.mg-top{margin-top:-10px;}
.noti_lst_opn{margin-left:40px;}
.noti_lst_opn ul{display: inline-block;position: relative;margin-top:40px;}
.noti_lst_opn li{padding:20px 0px;font-size:16px;letter-spacing: 0.9px;color: #484848;opacity: 1;}
.noti_lst_opn li:before{content: '';position: absolute;left: -40px;height:12px;width:12px;border-radius:50%;background:#FA9365;transform: translate(0, 50%);}
.noti_lst_opn li:after{content: '';position: absolute;left: -34px;height:100%;width: 1px;  top: 60%;background:#FA9365;transform: translate(0, -50%);}
.noti_lst_opn li:last-child:after{ height:0;background:#fff;width: 0px;}
.msgBox,.bk{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 10px 50px #00000017;border-radius: 20px;opacity: 1;padding:20px;margin-bottom:20px; }
 .list{display:flex;}
 .bk .taskName h4{font-size:18px;letter-spacing: 1px;color: #000000;opacity: 1;margin-left:20px;}
 .taskName {border-left:4px solid #FA9365;}
 .msgBox p{text-overflow: ellipsis;}
.MainDiv{margin-top:40px;}
.msgBox:after,.bk:after{content: '';display: table;clear: both;width:100%;}
.profileImg img{width:80px;height:80px;border-radius:50%;}
.userName{font-weight:700;font-size:18px;letter-spacing: 1px;line-height:40px;}
.msgNotify{padding: 0px 20px;margin: 0px 80px;}
.view{text-decoration: underline;color: #FA9365;opacity: 1;}
.duration{line-height:40px;}
/*Chat*/
.chatContainer .left-section.topSm{padding-top:30px; }
.main-wrapper.chatContainer{padding-top: 100px;height:100%;margin-top:0px;}
.main-wrapper.chatContainer .chartWrapper, .main-wrapper.chatContainer .chat-wrap, .main-wrapper.chatContainer .right-section{height:100%;}
.main-wrapper.chatContainer .right-section{margin-left:400px; }
.chat-inbox .chat-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.chat-inbox .people-list{padding: 10px 25px 25px 25px; -webkit-box-shadow: 1px 0 8px rgba(0,0,0,0.3); box-shadow: 1px 0 8px rgba(0,0,0,0.3); width: 22%;overflow-y: auto;}
.chat-inbox .people-list .searchbox input{padding: 15px 15px 15px 0;}
.chat-inbox .searchbox .form-element .search-btn{margin-top: 11px;}
.chat-inbox .comment-wrap .user-comt .imgbox{width: 50px; height: 50px;}
.chat-inbox .comment-wrap .user-comt .comt-sect{padding-left: 70px;}
.chat-inbox .comment-wrap .user-comt .date-time{float: right;}
.chat-inbox .comment-wrap .user-comt .comt-sect h5{padding-right: 80px; font-size: 14px;}
.chat-inbox .comment-wrap .user-comt .comt-sect p{font-size: 14px; color:#999; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.chat-inbox .comment-wrap .user-comt.unread .comt-sect p{color:#000;}
.chat-inbox .comment-wrap .user-comt{margin: 25px 0 0 0;}
.chat-inbox .comment-wrap .user-comt .comt-sect .col-12{min-height: 50px; padding-bottom: 20px;}
.chat-inbox .chat-wrap{width: 100%; position: relative; padding-bottom: 62px;}
.chat-inbox .chat-wrap .head-bar{background:#F9F9F9; padding:25px 40px;}
.chat-inbox .chat-wrap .head-bar .back-btn{display: none;}
.chat-inbox .chat-wrap .head-bar h3{display: inline-block; vertical-align: top; font-size: 16px; font-weight: 400; max-width: 80%;}
.chat-inbox .chat-wrap .head-bar .clear-chat{float: right; width: 0px; font-size: 26px; margin-top: -8px;}
.chat-inbox .chat-wrap .clear-chat .dropwrap{-webkit-transform-origin: top right;
-ms-transform-origin: top right;transform-origin: top right; left: auto; right:0;}
.chat-inbox .chat-wrap .clear-chat .dropwrap:after{position: absolute; width: 18px; height: 18px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; right:9px; top:-9px;}
.chat-inbox .chat-wrap .clear-chat .dropwrap .clear-btn{background: none; display: block; font-size: 15px; text-align: center; width: 100%; padding: 7px 5px;cursor: pointer;}
.chat-inbox .chat-wrap .clear-chat .dropwrap .clear-btn:hover{color:#666;}
.chat-inbox .chat-wrap .head-bar .icon-dot-3{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);display: block;}
.chat-inbox .chat-wrap .chat-history{display: inline-block; vertical-align: top; width: 100%; padding:20px 40px; font-size: 15px; height:calc(100% - 85px); overflow-y: auto;}
.chat-inbox .chat-history .chat-message-content{padding: 20px 25px;}
.chat-inbox .chat-date{text-align: center;}
.chat-inbox .chat-date p{font-family: 'ProximaNova-Semibold';border-radius: 20px; background: #F9F9F9; font-size: 13px; display: inline-block; vertical-align: top; padding: 10px 20px; margin: 20px 0;}
.chat-inbox .bottom-box {padding:10px 20px;background: #fff;box-shadow: 0px -3px 6px #0000000A; height: 70px; position: absolute; bottom: 0px;  left: 0px; right: 0px;}
.chat-inbox .bottom-box input[type="text"] {border: none;padding:15px;outline: none;width:100%; background: none; color: #fff; height: auto;font-weight: 300;}
.chat-history .chat-message-content{border-radius: 10px 10px 10px 0; padding:12px 15px; background: #F9F9F9; max-width: 80%; display: inline-block; vertical-align:  top;}
.chat-history .chat-message-content p{color:#000; font-family: 'ProximaNova-Semibold';font-size: 15px; letter-spacing: 0.85px;}
.chat-history .align-right {text-align: right;}
.chat-history .align-right .chat-message-content {background: #FFAB73;border-radius: 10px 10px 0px 10px;margin-bottom:10px;}
.chat-history .align-right .chat-message-content  p{color:#fff;}
.chat-history li {margin: 16px 0;}
.chat-history .chat-time,.chat-person {font-size: 12px;display: block;padding: 7px 0 0 0;color: #A3B8AB;}
.chat-person {color:#000;margin-bottom:5px;}
.chatTab{padding:20px; } 
.chatTab .nav-tabs{padding:5px;background:#fff;border-bottom: 0px;border-radius:8px;}
.chatTab .nav-tabs li{display:flex;width:50%; }
.chatTab .nav-tabs li a{display: block; width: 100%; padding: 15px 10px;text-align:center; font-size: 16px;font-weight: 600;letter-spacing: 1px; }  
.chatTab .nav-tabs li a.active{background:#FFAB73;border-radius:8px;color:#fff;  }
.chatTab .searchBox .search{width:100%;min-width:auto;background:#fff; box-shadow: 0px 0px 10px 2px #0000000A;}
.chatTab .searchBox, .chatTab .searchCover{display:block; }
.chatTab .seactionSearch{margin-top:20px;    padding-bottom: 0px; }
.chatPhonedb h3{font-size:15px;    font-weight: 600; }
.left-section .tab-content .tab-pane.fade.active{opacity:1; }
.chatDetails .imgbox{width:52px;float:left;  }
.chatDetails .chatPhonedb{margin-left:64px }
.chatDetails .imgbox img{border-radius:6px;max-width:100%;}
.iconsGrid ul li{float:left;margin-left:-4px  }
.userIcon{width:27px;height:27px;background:#cad6cf;border-radius:50%;position:relative;box-shadow: 0px 2px 4px 2px rgba(0,0,0,.1);    overflow: hidden; }
.iconsGrid{margin-top:8px; } 
.iconsGrid ul li:last-child .userIcon:after{content:'';border-radius:50%;background:rgba(0,0,0,.5);position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.iconsGrid ul li .userIcon span{font-size:27px;text-align: center; position: absolute; top: -1px; left:0px;color: #fff;}
.iconsGrid ul li .userIcon i{text-align: center; color: #fff; position: relative; z-index: 1; font-style: normal; width: 30px; display: block; line-height: 30px; font-size: 11px;}
.chatPhonedb .button{    display: inline-block; background: #39CE74; padding: 4px 12px; border-radius: 50px; color: #fff;  font-size: 13px;margin-left: 10px;height: auto;line-height: normal}
.chatContainer .left-section .card-header:after{content: ''; position: absolute; bottom: 0px;left: 25px;right: 25px;background: rgba(0,0,0,.1);height: 1px;}
.chatContainer .left-section .card-header .btn{padding: 25px 25px;    position: relative;}
.chatContainer .left-section .card-header .mdi-chevron-down::before { content: "\F0142"; float: right;  font-size: 20px;top:inherit;  vertical-align: top; position: absolute;  right: 23px;  bottom: 24px;}
.chatContainer .left-section .card-body{background:none; }
.chatList .chatuserDetails h4{font-size:16px; color:#000; font-family: 'ProximaNova-Semibold';}
.chatList .chatuserDetails span{float:right;font-size: 12px;color: #A3B8AB; }
.chatList p{font-size:14px;margin-top:10px;  }
.chatContainer  .left-section .card-body ul li {padding: 25px 25px;}
.chatContainer .left-section .card-header .btn.btn-link{background:none;color:inherit;  }
.chatContainer .left-section .card-body ul li.active{    background: #39CE74;}
.chatContainer .left-section .card-body ul li.active .chatuserDetails span, .chatContainer .left-section .card-body ul li.active .chatuserDetails h4, .left-section .card-body ul li.active p{color:#fff;}
.chatContainer .chat-wrap textarea{background: #F9F9F9 0% 0% no-repeat padding-box;height:50px;  border: 1px solid #C4C4C4;  border-radius: 8px;  width: 100%; padding: 12px 15px;    resize: none;}
.chatContainer .bottom-box fieldset{position:relative;  }
.chatContainer .bottom-box fieldset .textAreaCover{padding-right: 102px;}
.chatContainer .bottom-box.space fieldset .textAreaCover{padding-left:50px;}
.chatContainer .bottom-box.space.extraSpace fieldset .textAreaCover{padding-left:250px;}
.chatContainer .bottom-box fieldset .sendButton{position: absolute; right: 0px;top: 0px; width: 87px; height: 50px; border-radius: 8px; background: #2FC863;}
.chatContainer .bottom-box fieldset .sendButton:before{content: ''; background: url('../images/ic_send.svg'); background-repeat: no-repeat;  background-size:90px; position: absolute;top: 0px; left: 0px;  right: 0px; bottom: 0px; margin: 0 auto; background-position: center;}
.circleIcon{width:36px;height:36px;position:relative; text-align: center; font-size: 24px; color: #fff;position: absolute; top: 8px;  left: 0px;cursor:pointer;}
.chatContainer .bottom-box.space .circleIcon .mdi-chevron-left:before{content: "\F0142";}
.chatContainer .bottom-box.space.extraSpace .circleIcon .mdi-chevron-left:before{content: "\F0141";}
.buyingChat{display:none; }
.requestedButton{ background: #39CE74; height: 50px; display: inline-block; min-width: 180px; text-align: center;position: absolute; left: 52px;  border-radius: 8px; line-height: 50px; color: #fff; font-family: 'ProximaNova-Semibold'; letter-spacing: 1px;display:none;}
.chatContainer .bottom-box.space.extraSpace fieldset .requestedButton{display:block; }
.requestPopup{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0.4px 20px #00000014;border-radius: 44px;opacity: 1;min-height: 380px; position: absolute; bottom: -5000px; left: 0px;  right: 0px; padding: 40px 40px; display:none;transition:all .3s; }
.requestPopup.show{display:block;bottom:0px; }
.requestPopup .modal-header{display:block; }
.requestPopup h2{letter-spacing: 1px;color: #34423A;text-transform: uppercase;font-size:20px;margin-bottom:10px;}
.requestPopup p{letter-spacing: 0.68px;color: #000000;opacity: 0.66;}
.requestPopup .modal-body{margin-top:40px;}
.requestPopup .form-group.showMore:last-child{margin-bottom:0px;padding-bottom:15px;}
.requestPopup .custom-control{font-weight:600;}
.requestPopup .custom-control-label::before, .requestPopup .custom-control-label::after{border-radius:4px; }
.requestPopup  label.custom-control-label{font-weight:600; }
.requestPopup  .custom-control-input:checked~.custom-control-label::after{background-image:none;content:'\F012C';display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto;  line-height: inherit; -webkit-font-smoothing: antialiased;line-height: 14px; font-size: 14px; text-align: center; color: #fff; padding-top: 2px;}
.requestPopup .form-group .form-control{font-weight:600; padding-left: 20px; }
.requestPopup .modal-header .close{top:40px;right:40px; }
.coverDoller{position:relative; }
.coverDoller i{position: absolute; top: 12px; font-size: 20px; font-style: normal; font-weight: 600; letter-spacing: 0.8px; color: #344339;}
.chat-message-content.chatAmount{width:100%;}
.chat-message-content.chatAmount .paymentAmmount{padding-right:0px;color: #fff; }
.chatAmount h3{font-size: 18px;font-weight: 600; color: #fff; letter-spacing: 1px; margin-bottom: 40px;}
.chatAmount .paymentAmmount ul li:last-child{ border-top: 1px solid rgba(255,255,255,.5); border-bottom:0px;padding-top: 15px;}
.chatAmount .paymentAmmount ul li{ padding: 0px 0px;}
.chatdetails{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 50px #00000017;
border: 1px solid #4EC72A;
border-radius: 20px;
opacity: 1;}
.pm{margin-top:10px; padding-top:10px;margin-bottom:30px;}
 .pmt{margin-top:10px; padding-top:10px;margin-bottom:15px;}
.userdetail{margin-bottom:10px;}
.userdetail p{margin-top:10px;}
.chatuser{    margin-top: 20px;}
.userpic img{width:90px;height:90px;border-radius:50%; padding-right: 10px;}
.btns.amounts{font-family: 'ProximaNovaSoft-Semibold'; color: #fff; padding: 6px 5px; min-width: 70px; background: #3B9CFE; text-align: center; font-size: 16px; display: inline-block; border-radius: 8px;}
.sendAmount{position:relative;}
.sendAmount.spaceLeft{padding-left:50px;}
.sendAmount p{padding-right:150px; }
.sendAmount .btns.amounts{position:absolute;right:0px;top:0px;}
.sendAmount span{font-size:14px;margin-top:15px;display:inline-block;letter-spacing: 0.7px;color: #000000;}
.sendAmount .btns.green{ padding: 10px 20px 8px; background: #39CE74; text-transform: inherit; margin-top:20px; text-align: center; font-size: 16px; display: block; border-radius: 8px;font-weight:600;letter-spacing:1px;}
.icon-tick{width:30px;height:30px;background: #39CE74;border-radius:50%;position:absolute;top:0px;left:0px; }
.icon-tick span{ margin-top: 1px; font-size: 20px; color: #fff; margin-left: 4px;}
.innerCss .left{margin-left: 40px;}
.innerCss .right-section{margin-left:80px;}
#addlic .msgBox{padding:10px;background: #F6F6F7;border-radius: 8px;box-shadow:none;}
#addlic .profileImg img {width: 40px;height: 40px;border-radius:1%;}
#addlic .msgNotify{margin: 0px 40px;}
.wd{width:18px;}
.prev{text-align: center;margin:10px auto;display: block;color: #FA9365!important;cursor:pointer;}
.subnav {float: left;}
.subnav .subnavbtn {font-size: 16px;  border: none;outline: none;color: white;
  padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;}

.subnav-content {    position: absolute;
    left: 0px;
    top: 120%;
    z-index:2;
    opacity: 0;
    visibility: hidden;}
.subnav:hover .subnav-content {
    opacity: 1;
    top: 100%;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    visibility: inherit;
}
.bord-bt{border-top:1px solid rgba(0,0,0,0.2)}
.para1{font-size:16px;
width:90%;letter-spacing: 0.9px;color: #707071;}
.btngroupList li{display:inline-block;}
.mg-10{margin-top:10px;}
.subnav-content a {float: left;color: white;text-decoration: none;margin-right:10px;margin-right: 35px;padding: 30px 0px 0px 0px;}
.subnav-content a.active{border-bottom:4px solid #2FC863;}
.subnav:hover .subnav-content {z-index:3}
.menu-overlay1 {visibility: hidden;opacity: 0;
    z-index: -1;left: 0;right: 0;
    position: fixed;background: rgba(0,0,0,0.8);
    -webkit-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    transition: 0.4s all ease;
    top: 80px;
    min-height: 70px;}
.subnav:hover .menu-overlay1 {
    background: #565864;opacity: 1;visibility: visible;z-index: 2;}
.sub-drop{position:relative;}

.projectSubmenu{width:600px;}

.NoProject{margin:120px auto;text-align: center;}
.NoProject p{font-size:18px;letter-spacing: 0.9px;color: #484848;opacity: 1; margin: 60px 0px 20px 0px;}
.NoProject a.commonBtn,.largeBtn{width: 256px; margin-top:20px;}
.subheading{font-size:18px; font-weight:bold;letter-spacing: 1px;color: #FA9365;opacity: 1;margin-top:40px;margin-bottom: 30px;}
.createProject .sellingDetail{padding: 0px 20px 0px 10px;}
.createProject form{border-bottom:1px solid rgba(112, 112, 112, 0.2); padding-bottom:40px;}
.plusbk{background: #F4F6F8 0% 0% no-repeat padding-box;border-radius: 8px; padding:10px;margin-bottom:20px;}
.tickBk {background: #2FC863;width: 50px;height: 50px;border-radius: 50%;padding: 10px;margin-bottom:10px;}
.modal-body .heading .ft-size{font-size:21px;}
.del{width:42px;}
.greyText span{color: #484848;font-size:18px;font-weight:500;}
.addressbox{border-right:1px solid rgba(112, 112, 113,0.2);}
.addressbox:last-child{border:0px;}
.bidsnumber{position:relative;}
.num{position:absolute;color:#499CDE;background:#fff;border-radius:50%;font-size:14px;font-weight:600;right: 16px;top: 12px;
    width: 20px;line-height: 12px;height: 20px;padding: 4px;}
.drop-not .dropdown-menu{top:45px;}
/*checkbox css*/

.BtnGroup{margin-top:60px;}
.ft-22{font-size: 22px;}
.greyText .date{letter-spacing: 0.8px;
    color: #707071;
    font-size: 14px;}
/*end*/
header .container, .banner_sec .container, .ftrMenu .container, .copyright .container{padding:0px 25px;}
/*projectBox*/
.projectBox{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 10px 50px #00000017;border-radius: 20px;opacity: 1;padding:40px;display: inline-block;}
.projectTitle{font-weight:700;font-size:26px;letter-spacing: 1.5px;color: #000000;opacity: 1;}
.projectBox .price{font-size:34px;font-weight:600;letter-spacing: 1.88px;color: #484848;opacity: 1;}
.greyText{letter-spacing: 0.8px;color: #707071;font-size:14px;}
.projectBox .para{width:55%;}
.projectFiles .productBox{border-radius:30px;}
.projectFiles .float-left{width:200px;margin-top:15px;}
.projectFiles .right-section {padding-left:200px;}
.projectFiles  .greyText{margin-top:10px;}


.sidebarList{background: #E9E9E9 0% 0% no-repeat padding-box;}

.sidebarList li a{font-size:16px;letter-spacing: 0.16px;color: #484848;opacity: 1; padding:10px 20px; display: block;border-bottom:1px solid #fff;}
.sidebarList li a.active{background:#4EC72A; color:#fff;border-bottom:1px solid #4EC72A;}
/*end*/


/*table css*/
.table-wrapper{text-align:left;border-radius: 20px 20px 0px 0px;opacity: 1;position:relative;margin-top:50px;font-size:14px;width:100%;background:#fff;}
.table-wrapper table{border-collapse:collapse;table-layout:fixed;border-radius: 20px 20px 0px 0px;}
.table-wrapper th{text-transform:uppercase;padding:17px 10px;vertical-align:top;font-weight: 600;font-size:15px;letter-spacing: 0px;color: #fff;opacity: 1;}
.table-wrapper tr{border: 1px solid #F2F2F2;}
/*.table-wrapper tr:last-child{border-bottom:0;}*/
.table-wrapper td  {/*padding:20px 10px;*/color: #0F4160;font-size: 16px;font-weight:400;}
.table-wrapper td a{color: #0F4160;font-weight:400;display:block;padding:20px 10px;}
.table-border .ibox{border-left:2px solid #6CD897; font-weight:500;}
.innerPage .table-wrapper thead tr{border-bottom:1px solid #F2F2F2;background: #484848 0% 0% no-repeat padding-box;box-shadow: 0px 10px 50px #00000017;}
.innerPage  tbody tr{cursor:pointer;}
.innerPage  tbody tr:hover{box-shadow: 0px 5px 30px #67676724;border: 1px solid #F2F2F2;border-radius: 2px;opacity: 1;}
.imgcount{position:relative;}
.imgcount span{position:absolute;border-radius:50%;background: #FFEED0;color:#0F4160;left:24px;font-weight:800;font-size:12px;padding:12px;}
.innerPage .table-wrapper  table {font-size:15px;letter-spacing: 0.64px;color: #0F4160;opacity: 1;}
.previous img{transform: rotate(180deg);}
.pagination li a,.pagination li a:focus {color: #0F4160;font-size:16px;float: left;padding: 8px 16px;text-decoration: none;background: #1F4E6B0D 0% 0% no-repeat padding-box;border: 1px solid #ABBDC8;border-radius:4px;margin: 0 4px;}
.productImagebox img{width: 314px;height: 374px;}
.minibox{padding:15px 4px;}
.minibox img{width: 68px;height: 65px;border-radius:4px;}
 .productDeatil p{border:0px;padding-top:0px;}
 .productDescription .table-wrapper , .productDescription .table-wrapper tr{border:0px;}
 .productDescription .table-wrapper th{text-transform:uppercase;}
 .productDescription .brand{font-size:18px;letter-spacing: 0.72px;color: #0F4160;opacity: 0.6;}
 .productDescription .productname{font-size:22px;font-weight:600;letter-spacing: 0px;opacity: 1;}
 .productDescription .price{font-weight:600;font-size:20px;letter-spacing: 0.8px;color: #0F4160;}
 .innerContainer {overflow: hidden;position: relative;max-width:1200px;width: 100%;
   background: #fff;z-index: 1;box-shadow: 0px 10px 50px #00000017;border-radius: 20px;padding: 40px;}

.dropdown-menu.drop-not{display:block;}

.projectType .list1 li:before{ background: url('../images/ic_tick.svg'); color:red; }
.projectType .list1 li {margin-bottom:10px;color: #000000;font-size:18px;}
#progressbar{z-index: 3;overflow: hidden;display: table;width: 100%;table-layout: fixed;}
#progressbar li {

    position: relative;
    display: table-cell;
    font-size:14px;
    text-align: center;
    padding: 10px 21px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #FA9365;
    border-radius:7px;
    position: absolute;
    left:0;
    top:0px;
}

.bk_grey {background:rgba(184, 184, 184, 0.4);color:#B8B8B8!important; }
/*#progressbar li .iconbox {
    width: 10px;
    height:10px;
    display: block;
    background:#FA9365;
    border-radius:50%;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    z-index: 55;
}*/
.para2 {
    font-size: 16px;
    width: 90%;
    letter-spacing: 0.9px;
    color: #707071;
    position: relative;
    padding-top: 30px;
    z-index:2;
    margin-left: 42px;
}
.para2:before{content: "";
     position: absolute;
     width:60px;
     height:60px;
     top:2px;
     left:-44px;
     z-index:1;
    background: url('../images/ic_quote.svg') no-repeat;}
    .border-bttom{border-bottom:1px solid rgba(0,0,0,0.2);}

    .planFiles{background: #F6F6F7 0% 0% no-repeat padding-box;border-radius: 8px;opacity: 1;padding:10px; margin-top:10px;}
    .planFiles span{letter-spacing: 0px;color: #484848;font-size:14px;}
    .planFiles img{width:30px;height:30px; border-radius:8px;margin-right:10px;}
   .orange_pill{ background: #FA9365 0% 0% no-repeat padding-box;
border-radius: 17px;opacity: 1;font-size:12px;font-weight:600;
letter-spacing: 0px;color: #FFFFFF;text-transform: capitalize;vertical-align: middle;padding: 5px 10px;}
/*end*/
@media (min-width: 1200px) {header .container,.banner_sec .container, .ftrMenu .container, .copyright .container,.aboutBox .container,.tablePage .container{max-width: 1600px}}

@media (max-width:1024px){
    header .navbar-brand {max-width: 150px; margin-right: 1em;margin-left: 45px;display: inline-block;vertical-align: middle;}
    .navbar-left.float-left{ margin-right: 1em;float: none !important; display: inline-block;vertical-align: middle;}
    .navbar-nav .dropdown-menu{margin-top: 10px;}
    .navbar-nav .dropdown-menu.sm .otherForm .heading h4 {font-size: 17px; line-height: 24px;}
    .navbar-nav .dropdown-menu.sm .otherForm .map{height: 140px;}
    .navbar-left .dropdown-menu, .navbar-right .dropdown-menu {position: absolute;}
/*  toggal */
    header .navbar{display: block;}
    .navbar-expand-md .navbar-toggler {display: block;}
    header .navbar-nav {display: block;}
    .navbar-toggler{padding: 0;position: absolute;left: 0;top: 10px;}
    .close:not(:disabled):not(.disabled) { color: #fff;}
    .navbar-toggler.collapsed>.close { display:none; }
    .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {  display:block; }
    .navbar-toggler .navbar-toggler-icon{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");opacity: 1}
    .navbar-collapse,.navbar-expand-md .navbar-collapse {display: none !important;position: fixed; top: 86px; width: 100%; left: 0; right: 0; margin: auto; background-color: #2c2c2c;padding: 10px 15px;}
    header .navbar-collapse .navbar-nav{ background-color: #2c2c2c;}
    header .navbar-collapse.show, .navbar-expand-md .navbar-collapse.show{display: block!important;}
    header  .navbar-collapse .nav-item{display: block;}
    header  .navbar-collapse .navbar-nav .dropdown-menu{position: static;}
/*  toggal */
    header .navbar-collapse .navbar-nav .nav-item {padding: 0;margin-bottom: 1px}
    header .navbar-collapse .navbar-nav .nav-item .nav-link{font-size: 13px;}
    header .navbar-collapse .navbar-nav .dropdown-menu{/*background: #1d1a1a*/;background: #383636;margin-top: 0;}
    header .navbar-collapse .navbar-nav .dropdown-menu li a {color: #fff;}
    
    
    /*header end*/
    /*headings*/
    .heading h1,.productDetails .productType span { font-size: 28px; line-height: 42px;}
    .heading h3,.productDetails .productType h2 { font-size: 22px; line-height: 28px;}
    .title h2, .repairStores .locationBox span,.repairStores .rating{font-size: 18px}
    .heading h4,.modal-dialog.modal-lg .modal-header h2,.productDetails .mobileStorage{font-size: 20px;line-height: 32px;}
    .banner_sec .content { max-width: 90%;}
    .download:before {width: 80px;  height: 216px;}
    .deals .carousel-control-next, .deals .carousel-control-prev {bottom: -50px; width: 45px;}
    .diagnosis, .topDeals {padding: 80px 0;}
    .diagnosis .pro .content h5 {font-size: 15px; margin-bottom: 12px;}
    .up_bnnr .content h1 { margin-bottom: 14px;}
}