@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body{ padding: 0px; margin: 0px; font-family: 'Lato', sans-serif; font-weight: 400;}

h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}

a:hover,a:focus{ outline: none; text-decoration: none}

section{ float: left; width: 100%;}

.pad0{ padding: 0;}

img { max-width: 100%;}

/***************** Home CSS*******************/

.header { padding: 15px 0;}

.header li { display: inline-block; list-style: outside none none; padding: 8px 10px;}

.header li:first-child {padding-left: 0;}

.header a { color: #3f3f3f; font-size: 16px;}

.HomeLogo a {display: inline-block;max-width: 75%;}

.home-slider .carousel-caption { bottom: auto; left: 15%; max-width: 530px; padding-bottom: 30px; right: auto; text-align: left; top: 20%;text-shadow: 0 0 0;}

.home-slider h3 { color: #1c1d4c; font-size: 35px; font-weight: 600; margin-bottom: 15px;}

.home-slider p { color: #1c1d4c; font-size: 17px; margin-bottom: 20px; text-align: justify;}

.home-slider .carousel-indicators li { border: 1px solid #000;}

.home-slider .carousel-indicators .active { background-color: #000;}

.btn.btn-success { background: #fdb738 none repeat scroll 0 0; border: 0 none; border-radius: 5px; font-size: 17px; padding: 7px 25px;}

.nav-love { background-color: #fdb738; margin-bottom: 25px; padding: 10px 0; text-align: center;}

.nav-love .nav-tabs > li > a { border: 0 none; border-radius: 20px; color: #fff; font-size: 16px; padding: 7px 20px;}

.nav-love .nav-tabs { border-bottom: 0 solid #dddddd;}

.nav-love .nav-tabs > li.active > a, .nav-love .nav-tabs > li.active > a:hover, .nav-love .nav-tabs > li.active > a:focus

.nav-love .nav-tabs > li > a, .nav-love .nav-tabs > li > a:hover, .nav-love .nav-tabs > li > a:focus { border-width: 0; color: #000;}

.nav-love .nav-tabs > li { display: inline-block; float: none; margin-bottom: 0;}

.tab-head { color: #303030; font-size: 25px; font-weight: 600; margin: 20px 0 40px;}

.tab-head a { color: #303030; float: right; font-size: 17px;}

.project-img { display: inline-block; width: 100%;}

.project-img .overlay { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; font-size: 16px; height: 30px; line-height: 30px; 

 position: absolute; right: 5px; text-align: center; top: 5px; width: 30px;}

.project-img .overlay a {color: #fff;}

.project-img .overlay:hover { background-color: #fdb738;}

.project-love { padding-bottom: 40px;}

.project-love h3 { color: #000; font-size: 26px; font-weight: bold; margin-bottom: 10px;}

.p-name { color: #6b6b6b; font-size: 15px; margin-bottom: 40px;}

.p-discrip { color: #6b6b6b; font-size: 15px; margin-bottom: 40px;}

.p-tags { margin-bottom: 15px;}

.p-tags li { display: inline-block; font-size: 15px; font-weight: 800; list-style: outside none none; padding-right: 15px;}

.progress { height: 10px;}

.progress-bar-success { background-color: #fdb738;}

.f-project li { display: inline-block; font-size: 15px; list-style: outside none none; padding: 0 10px; text-align: center;width: 19%; vertical-align: top;}

.f-project li span { display: block; font-size: 18px;}

.recommended { padding: 30px 0;}

.recommended h2 { color: #000; font-size: 25px; font-weight: bold; margin-bottom: 30px;}

.rp-discrip { margin: 10px 0;}

.rp-discrip a{ color: #333333; font-size: 14px;}

.rp-name { margin-bottom: 20px;}

.pled li { color: #9a9a9a; font-size: 15px; font-weight: bold; list-style: outside none none; margin-bottom: 9px;}

.pled li strong { color: #3c3c3c;}

.rp-box .progress { height: 6px;}

.news-letter { border-bottom: 1px solid #828282; border-top: 1px solid #828282; padding: 50px 0;}

.weekly-newsletter { margin: 0 auto; max-width: 550px;}

.weekly-newsletter > h2 { font-size: 25px; font-weight: bold; margin-bottom: 13px; text-align: center;}

.weekly-newsletter > p { margin-bottom: 30px; font-size: 16px;}

.newsletter-form .form-control { border-radius: 0; font-size: 15px; height: 40px;}

.newsletter-form .col-sm-4 { padding-left: 0;}

.newsletter-form .btn.btn-black { background-color: #000; border-radius: 0; color: #fff; font-size: 16px; height: 40px; width: 100%;}

.footer { background-color: #eeeeee; padding: 40px 0 20px; border-bottom: 1px solid #828282;}

.footer h3 { font-size: 15px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase;}

.footer a { color: #000; font-size: 15px;}

.footer li { list-style: none; padding: 4px 0;}

.footer p.l-cont { color: #858585; font-size: 16px; margin-bottom: 25px;}

.social .fa { color: #909090; font-size: 18px;}

.social li { display: inline-block; padding: 0 35px 0 0;}

.social a:hover .fa { color: #f1484a; font-size: 18px;}

.copyright { margin: 23px 0;}

.important-link { background-color: #eeeeee; padding: 20px 0;}

.important-link a { color: #000; display: inline-block; padding: 0 30px 0 0; text-decoration: none;}

.language-con > span { background-color: #f2f2f2; box-shadow: 0 2px 1px #ccc; display: inline-block; margin-left: 10px; max-width: 172px; width: 100%; position: relative;}

.language-con > span::after { border-color: #3c3c3c transparent transparent; border-style: solid; border-width: 5px; content: ""; position: absolute; right: 14px; top: 21px; z-index: 9999;}

.language-con { text-align: right;}

.language-con .form-control { background-color: #f2f2f2; border: 0 none; border-radius: 0; box-shadow: 0 0 0; height: 50px; width: 100%;}

.language-con .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/*---------------------container-login-----------------*/

.inner-header { background: #fff; border-bottom: 1px #c8c8c8 solid; /*position: fixed;*/ padding: 10px 0; width: 100%; z-index: 999}

.myaccount_bg,

.login_fuul{ float: left; width: 100%; background: #f1f1f1; padding: 50px 0; border-bottom: 1px #ddd solid; margin-top: 0;}

.container-login{ max-width: 460px; margin: 0 auto}

.login_bg { background: #fff; float: left; width: 100%;border-radius: 10px;box-shadow: 0 10px 25px 0 rgba(0,0,0, 0.19);}

.login_bxxs { padding: 20px; float: left; width: 100%;}

.login_bxxs h2{ font-size: 30px; color: #333}

.login_bx { display: inline-block; padding: 15px 0; width: 100%;}

.login_form{ float: left; width: 100%}

.login_input{ float: left; width: 100%; margin-bottom: 20px;}

.login_input .form-control{ border-radius: 6px; box-shadow: none; height: 42px;border-color: #ddd;}

.forgot { float: left; margin-top: 8px; width: 100%;}

.always_btn a,

.forgot a{ display: inline-block; font-size: 13px; color: #2752ff}

.always_btn a:hover,

.forgot a:hover{  color: #000; text-decoration: none}

.submit_login{ float: left; width: 100%; margin-bottom: 15px;}

.submit_login input[type="submit"]{ background: #fdb738; width: 100%; border: none; color: #fff; font-size: 16px; height: 40px; border-radius: 0}

.submit_login input[type="submit"]:hover{ background: #1DAF4E}

.form__remember{ display: inline-block; width: 100%;}

.form__remember label{ display: inline-block; vertical-align: top; font-weight: normal; font-size: 14px; padding-left: 3px; width: 90%}

.or-div{ display: inline-block; width: 100%; position: relative; text-align: center}

.or-div:before{ position: absolute; left: 0; top: 12px; content: ""; height: 1px; width: 100%; background: #ddd}

.or-div span{ display: inline-block; background: #fff; position: relative; padding: 0 12px; font-size: 15px;}

.facebook-btn { float: left; padding-top: 20px; width: 100%;}

.facebook-btn a{ display: inline-block; width: 100%; background: #39579a; color: #fff !important; text-align: center; padding: 8px 0; font-size: 16px;}

.facebook-btn a:hover{ text-decoration: none; background: #33508E;}

.facebook-btn a i{ margin-right: 5px; }

.forgot_password { background: rgba(241, 238, 234, 0.2); border-top: 1px solid #ddd; float: left; padding: 20px;text-align: center; width: 100%;}

.always_btn{ display: inline-block; color: #333; font-size: 14px;}

.always_btn a{}

.res_bx_left{ float: left; width: 48%;}

.res_bx_right{ float: right}

.profile-user .open > .dropdown-toggle.btn-default,

.profile-user .btn-default{ padding: 0; border: none; border-radius: 0; background: transparent; box-shadow: none;outline: none !important; }

.profile-user .btn-default:focus,

.profile-user .btn-default:hover{ background: transparent; box-shadow: none}

.user-profile { border-radius: 50%; display: inline-block; height: 50px; overflow: hidden; width: 50px; position: relative}

.profile-user .dropdown-menu { border: medium none; border-radius: 0; left: auto; padding: 0; right: 0; width: 370px;}

.drop-top { background: #28c961; float: left; padding: 10px 20px; width: 100%;}

.drop-top h3{ float: left; font-size: 18px; color: #fff; font-weight: 500}

.drop-top a{ float: right; color: #fff; font-size: 16px;}

.menu-lefts { float: left; padding: 20px 0 20px 20px; width: 50%;}

.menu-lefts h4{float: left; font-size: 16px; color: #000; font-weight: 600; margin-bottom: 10px; width: 100%}

.menu-lefts ul li{ padding: 5px 0; width: 100%}

.menu-lefts ul li a{ display: inline-block; font-size: 14px; color: #333}

.header li.profile-user{ padding: 0}

.inner-logo a{ margin-top: 10px; display: inline-block;max-width: 75%;}

.left-menu-inner{ padding-top: 6px;}

.gcerror,

.comment-form label.error,

.new-form__amount--symbol label.error,

.my-contact .form-group label.error,

.add-project-bx label.error,

.my_postad_input_bx label.error,

.form_fieldd label.error,

.edti-input label.error,

.login_input label.error{ background: #ED5C61; width: 100% !important; font-size: 12px; color: #fff; font-weight: normal; padding: 3px 10px !important; position: relative;

 margin-top: 3px;}

.gcerror:before,

.new-form__amount--symbol label.error:before,

.comment-form label.error:before,

.my-contact .form-group label.error:before,

.add-project-bx label.error:before,

.my_postad_input_bx label.error:before,

.form_fieldd label.error:before,

.edti-input label.error:before,

.login_input label.error:before{ position: absolute; left: 20px; top: -7px; content: ""; border-bottom: 10px #ED5C61 solid;

 border-left: 10px transparent solid; border-right: 10px transparent solid;}





.login_input div.error-message{ background: #ED5C61; width: 100%; font-size: 12px; color: #fff; font-weight: normal; padding: 3px 10px; position: relative;

 margin-top: 3px;}



.login_input div.error-message:before{ position: absolute; left: 20px; top: -7px; content: ""; border-bottom: 10px #ED5C61 solid;

 border-left: 10px transparent solid; border-right: 10px transparent solid;}





.form__remember label.error{ display: none !important}

.form__remember .error{ outline: 1px #f00 solid !important;}



/*-----------------My Account------------*/

.myaccount_links{ float: left; width: 100%; background: #f1f1f1; padding: 80px 0 0; border-bottom: 1px #ddd solid; margin-top: 0px;

background:url(../../img/front/background-2.jpg) no-repeat left 0; background-size: cover; color:#fff;}

.set_btn{ display: none}
.responsiveDes {
    display: none;
}

.my_acc_menu{ display: inline-block; width: 100%; float: left}

.my_acc_menu h2{ display: block; color: #fff; font-size: 36px; font-weight: 600; padding-top: 20px; text-transform: capitalize}

.my_acc_menu ul{ float: left; width: 100%; margin-top: 50px;}

.my_acc_menu ul li{ display: inline-block; list-style: none; margin-right: 40px; }

.my_acc_menu ul li a{ float: left; padding: 10px 0 20px; font-size: 16px; color: #dbdbdb; font-weight: 600; position: relative}

.my_acc_menu ul li a.active,

.my_acc_menu ul li a:hover{text-decoration: none; color: #fff}

.my_acc_menu ul li a.active:before{ position: absolute; left: 0; bottom: -5px; content: ""; height: 3px; width: 100%; background: #fff}

.myaccount_user_details{ float: left; width: 100%; background: #fff; padding: 40px 0}

.my_acc_details{ display: inline-block; width: 100%}

.edti-input{ display: inline-block; width: 100%;}

.edti-input .form-control { background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 0px; box-shadow: none;

 color: #848484; font-size: 14px; height: 45px; padding: 6px 12px;}

.edti-input input.form-control[type="file"] { border: medium none; color: #18b24e; font-weight: 600; height: auto; padding: 38px 42px; background: transparent}

.edti-input textarea.form-control{ height: 120px; max-width: 100%; min-width: 100% }

.add-website .edti-input .form-control{ width: 80%; float: left;}

.add-website .edti-input a{ display: inline-block; width: 18%; height: 45px; background: #28C961; float: right; text-align: center; color: #fff; 

 font-size: 16px;line-height: 42px;font-weight: 600;}

.edti-input .input-group-btn .add-more{ height: 45px; border-radius: 0; margin: 0; width: 100%}

.pro-btn { border-top: 1px solid #ddd; display: inline-block; margin-top: 30px; padding-top: 20px; width: 100%;}

.btn--blue{display: inline-block;  height: 45px; background: #28C961; text-align: center; color: #fff; padding: 0 20px;

 font-size: 16px;line-height: 42px;font-weight: 600; border-radius:8px}

.btn--default{display: inline-block;  height: 45px;  text-align: center; color: #000; padding: 0 20px;

 font-size: 16px;line-height: 42px;font-weight: 600; border-radius: 0}

.edti-input .btn-gray{display: inline-block;  height: 40px; background: #666; text-align: center; color: #fff; padding: 0 15px;

 font-size: 16px;line-height: 36px;font-weight: 600; border-radius: 0}

.pro-btn h3{display: block; color: #000; font-size: 19px; font-weight: 600}

.pro-btn p{display: block; color: #333; font-size: 15px; padding: 15px 0 }

.login-history { display: inline-block; padding-top: 20px; width: 100%;}

.history-table { display: table; width: 100%;}

.history-tr { display: table-row; width: 100%;}

.history-th { border-bottom: 1px solid #ddd; color: #000; display: table-cell; font-size: 14px; font-weight: 600; padding: 15px 0;}

.history-td { border-bottom: 1px solid #ddd; color: #000; display: table-cell; font-size: 14px; padding: 15px 0;}

.help-txt { color: #333; display: inline-block; font-size: 13px; padding-top: 4px; width: 100%;font-weight: normal;}

.my-account-page .form-group{ width: 80%; display: inline-block}

.acc-privacy{ display: inline-block; width: 100%}

.acc-privacy .form-group{ padding-bottom: 10px}

.acc-privacy .facebook-btn{ padding-top: 0}

.change_password_show{ display: none;}

.new-web{ background: #f1f1f1; padding: 5px 10px; position: relative; border: 1px solid #ddd; font-size: 14px;border-radius: 3px; margin-right: 12px;}

.new-web .close { background: #f1f1f1; border: 1px solid #ccc; border-radius: 50%; color: #000; font-size: 10px; height: 16px; line-height: 5px;

 opacity: 1; padding: 4px; position: absolute; right: -9px; text-align: center; text-shadow: initial; top: -5px; width: 16px;}

.edti-input .input-group-btn { float: right; font-size: 0; position: relative; white-space: nowrap; width: 20%;}

.usr-file { float: left; width: 80%;}

.usr_img { float: left; width: 20%; height: 103px; position: relative; overflow: hidden}

.usr_img img { left: 0; margin: auto; min-height: 100%; object-fit: cover; position: absolute; right: 0; top: 0;}

.edti-input-file { border: 1px dashed #ddd; border-radius: 6px; float: left; width: 100%; background: #f1f1f1; overflow: hidden}

.myprofile_links{ display: inline-block; width: 100%; text-align: center}

.pr-ss{display: inline-block; width: 100%;}

.pr-ss span{display: inline-block; font-size: 14px; color: #bbb; padding: 0 3px;}

.profile-dtl{ display: inline-block; width: 100%; text-align: center; padding-bottom:30px; padding-top: 10px}

.profile-dtl h3{display: block; color: #000; font-size: 20px; padding-bottom: 15px; }

.profile-dtl p{display: block; color: #666; font-size: 15px; padding: 0px 0 15px }

.profile-dtl a{display: inline-block; color: #333; font-size: 17px; border-bottom: 1px #333 solid }

.profile-dtl a:hover{color: #28C961;  border-bottom: 1px #28C961 solid ; text-decoration: none}

.user_pic { border-radius: 50%; display: inline-block; height: 125px; overflow: hidden; position: relative; width: 125px;}

.change_pic{ position: absolute; left: 0; bottom: -50px; text-align: center; width: 100%; transition: all 0.3s ease 0s;}

.change_pic a { background: #fff; border-radius: 50%; color: #333; display: inline-block; font-size: 16px; height: 30px; line-height: 30px; width: 30px;}

.user_pic:hover .change_pic{ bottom: 10px;  transition: all 0.3s ease 0s;}

.nav-love-profile{ display: inline-block; width: 100%; margin-bottom: 0}

.shere-link { display: inline-block; text-align: left; width: 31%; float: right; position: relative}

.shere-link a{ display: inline-block; font-size: 14px; color: #fff; margin-left: 3px;}

.shere-link a i{ margin-right: 5px;}

.shere-link a:hover{ text-decoration: none; color: #000; }

.share-links { position: absolute; left: 0; top: 0; width: 70%; margin-top: 20px; display: none}

.tweet-btn{ padding-top: 10px;}

.tweet-btn a { background: #00aced; margin-left: 0}

.share-links .facebook-btn a{ margin-left: 0}

.tweet-btn a:hover { background: #009dd9;}

.my_dtls { display: inline-block; padding-bottom: 20px; width: 100%;}

.my_dtls label{  font-size: 16px;  color: #000}

.my_dtls span{  font-size: 15px;  color: #000; padding-left: 15px;}

.notification-bx { display: inline-block; width: 100%;}

.acc-noti-title{ color: #000; font-size: 25px;}

.notification{ display: inline-block; width: 100%; padding-bottom: 40px;}

.type-med-noti{display: inline-block; width: 100%; color: #000; font-size: 17px; font-weight: 600;  padding-bottom: 6px;}

.notificatio-div{ display: inline-block; width: 100%; padding-top: 7px;}

.noti-icons { display: inline-block; width: 20px; vertical-align: top;}

.icon-noti { display: inline-block; color: #80809e; cursor: pointer; margin: 0 20px 0 0; font-size: 14px; vertical-align: top; position: relative}

.icon-noti.active{ color: #169643}

.noti-txt { display: inline-block; width: 78%; font-size: 15px; color: #000}

.icon-mobile { font-size: 20px; line-height: 22px;}

.select-notification { display: inline-block; padding: 13px 0; width: 100%;}

.select-notification span{ display: inline-block; width: 100%; font-size: 13px; color: #333; padding-bottom: 3px;}

.noti-select{ display: inline-block; width: 100%;}

.noti-select .form-control{ width: 200px; border-radius: 0; height: 40px; box-shadow: none}

.noti-select .form-control option{ padding: 3px 12px;}

.follo-txt{ display: inline-block; width:100%; font-size: 15px; color: #fff; padding-top: 10px;}

.follo-txt a{}

.notifi{ display: inline-block; margin-left: 10px; background-color: #3d3d66; border-radius: 0; color: #ffffff; font-size: 12px; font-weight: bold;

 padding: 2px 5px; text-transform: uppercase;}

.follow-bx { display: inline-block; padding: 20px 0; width: 100%;}

.follow-table { display: table; width: 100%;}

.follow-tr { display: table-row; width: 100%;}

.follow-td { display: table-cell; vertical-align: middle; border-bottom: 1px #ddd solid; padding: 10px;}

.following-img { border-radius: 100%; display: inline-block; height: 80px; overflow: hidden; width: 80px; position: relative }

.user_pic img,

.user-profile img,

.following-img > img { bottom: 0; left: 0; margin: auto; min-height: 100%; object-fit: cover; position: absolute; right: 0; top: 0;}

.follow-td-img{ width: 120px;}

.following-txt a{ color: #000; font-size: 16px; font-weight: 600}

.following-txt p{ color: #666; font-size: 14px; }

.blocads{ padding-top: 5px;}

.blocads span{ color: #333; font-size: 14px; padding-right: 10px; }

.following-btn{ display: inline-block;  height: 45px; background: #28C961; text-align: center; color: #fff; padding: 0 10px;

 font-size: 16px;line-height: 42px;font-weight: 600; border-radius: 0; width: 100%}

.following-btn i{ margin-left: 5px;}

.follow-td-btn{ width: 150px; position: relative; padding: 10px 0}

.unfollow-btn:hover,

.following-btn:hover {  color: #fff; text-decoration: none}

.unfollow-btn{ display: inline-block; opacity: 0;  height: 45px; background: #000; text-align: center; color: #fff; padding: 0 10px;

 font-size: 16px;line-height: 42px;font-weight: 600; border-radius: 0; width: 100%; position: absolute; left: 0; }

.follow-td-btn:hover .unfollow-btn{ opacity: 1}

 span.required{ color: #f00}

.expiration-bx{ width: 90px; display: inline-block; padding-right: 10px}

.my_acc_details .jumbotron{ padding: 20px 0 10px; background: transparent; }

.backproject_details h2,

.my_acc_details .jumbotron h1{ font-size: 25px; color: #000; font-weight: 600;}

.my_acc_details .jumbotron p{ font-size: 16px; color: #333; padding-top: 10px; font-weight: 400}

.help-icon{ display: inline-block; padding-left: 3px; color: #000}

.help-icon a{ display: inline-block; color: #666;}

.help-icon a:hover{  color: #000}

.help-icon .tooltip{  text-shadow: none; font-size: 14px; width: 100%;}

.help-icon .tooltip .tooltip-inner{ width: 100%; max-width: 100%; padding: 12px 8px; text-shadow: none; }

.pro-btn-paymentm { display: inline-block; margin-top: 30px; padding-top: 20px; width: 100%;}

.pro-btn-paymentm .btn--blue{ width: 100%}

.payment-img { float: right; width: 130px;}

.mader_dis{ float: left; width: 100%; background: #f1f1f1; padding: 50px 0; border-bottom: 1px solid #ddd}

.tr_condition{ display: inline-block; margin-top: 40px;width:100%}

.loginp { display: inline-block; padding-bottom: 40px; text-align: center; width: 100%;}

.loginp h1 { color: #000; font-size: 30px; font-weight: 600; display: inline-block; position: relative; text-align: center; padding-bottom: 20px;}

.loginp h1:before{ position: absolute; left: 50%; bottom: 0; content: ""; width: 60px; height: 3px; background: #fdb738; transform: translate(-50%, 0px);

-webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;}

.loginp h1:hover:before{ width: 100px;}

.inpfil { background: #fff; border-radius: 5px; color: #666; float: left; font-size: 15px; line-height: 25px; padding: 30px; width: 100%; min-height: 200px}

.inpfil p strong{ color: #000}

.inpfil p{ margin-bottom: 10px;}

.inpfil ul{ padding-left: 30px;}

.pagination { border-radius: 0; /*border-top: 1px solid #ddd; padding-top: 20px;*/ display: inline-block; margin: 20px 0; padding-left: 0; width: 100%}

.pagination p{ float: left; padding-top: 5px;}

.ajshort { float: right;}

.ajshort li { display: inline-block;}

.ajshort li a{ display: inline-block; background: #666; color: #fff; padding: 5px 15px; font-size: 16px;}

.ajshort li.active a,

.ajshort li a:hover{  background: #28c961; color: #fff;}

.rp-box .project-img { display: inline-block; height: 145px; overflow: hidden; position: relative; width: 100%;}

.rp-box .project-img img{ left: 0; margin: auto; min-height: 100%; object-fit: cover; position: absolute; right: 0; top: 0;}

.srch-head-popup { background: #fff; left: 0; padding: 25px; position: fixed; top: 0; width: 100%; z-index: 9;box-shadow: 0 0 5px 0 #ccc}

.srch-txt-bar input[type="text"]{ border: none; width: 100%; background: #fff;box-shadow: none !important;  outline: none;}

.srch-txt-bar-cls { color: #333; cursor: pointer; font-size: 16px; position: absolute; right: 20px; top: 23px;}

.myaccount_links-fillters{ 
    /*background: #fff; */
    color:#333;
    padding-top: 30px;
}

.myaccount_links-fillters .my_acc_menu ul {

	margin-top: 30px;

}

.show-me { display: inline-block; font-size: 18px; padding-right: 10px;}

.all-srch-ttl,

.srch-sort-box,

.all-srch-cat{ display: inline-block;font-size: 18px; padding-right: 10px;}

.srch-kywrd,

.srch-sort-by,

.srch-loc-area,

.cat-title-box { background: #fdb738; border:1px #fdb738 solid; display: inline-block; font-size: 15px; margin-right: 10px; text-align: left;

 padding: 7px 10px; min-width: 80px; position: relative; color: #fff; border-radius: 7px}

.srch-sort-by{ margin-left: 10px;}

.lbl-key{ display: inline-block; padding-right: 10px; font-size: 17px;}

.remove-key { color: #666; cursor: pointer; font-size: 14px; position: absolute;right: 7px; top: 12px;}

.all-src { display: inline-block; left: 0; max-width: 480px; min-width: 480px; position: absolute; top: 0; width: 100%;transition: all 0.2s ease-in-out 0s;

 text-align: left;}

.srch-category-box { background: #fff; border: 1px solid #ccc; left: 0; min-width: 240px; position: absolute; top: 50px; z-index: 1; 

 transition: all 0.2s ease-in-out 0s; border-radius: 3px}

.cat-box { float: left; width: 240px;transition: all 0.2s ease-in-out 0s;}

.sub-cat-box { float: left;}

.sub-cat-box-div { float: left; width: 238px;transition: all 0.2s ease-in-out 0s;}

.sub-cat-box-div ul,

.cat-box ul { display: inline-block; width: 100%; margin: 0;}

.sub-cat-box-div ul li,

.cat-box ul li { display: inline-block; margin: 0; width: 100%; padding: 10px; color: #333; font-size: 16px;}

.sub-cat-box-div ul li.active,

.cat-box ul li.active{ color: #fdb738}

.all-searchs { display: inline-block; position: relative;}

.sub-cat-box-div h4,

.cat-box h4{ display: block; width: 100%; border-bottom: 1px #ddd solid; padding: 10px; color: #333; font-size: 17px; font-weight: 600}

.div-loc-input-field { background: #fff; border: 1px solid #ccc; display: inline-block; margin-top: 50px; padding: 20px; position: absolute;

 width: 350px; left: 0; top: 0;border-radius: 3px;z-index: 9;}

.div-loc-input-field input[type="text"]{ display: inline-block; width: 100%; border: 1px #ddd solid; height: 40px; padding: 0 15px;}

.btn-loc-srch { position: absolute; right: 30px; top: 29px; cursor: pointer; }

.srch-sort-box{ display: inline-block}

.new-bxs{ background: #fff; border: 1px solid #ccc; left: 0; min-width: 200px; position: absolute; margin-top: 50px; top: 0px; z-index: 9; 

 transition: all 0.2s ease-in-out 0s;border-radius: 3px}

.filtters-bx {display: inline-block;text-align: center;border: 1px #ddd solid;padding: 10px 20px;border-radius: 13px;box-shadow: 4px 4px 2px 0 #ddd;}

.fil-produ{ display: inline-block; margin-right: 10px;}



.project-img .overlay-filled { background-color: rgba(0, 179, 85, 0.7); color: #fff;}

.pr-details-section { background: #fbfbfa; padding: 110px 0 60px;}

.dt-user-img { background: #fff; border-radius: 50%; display: inline-block; height: 50px; overflow: hidden; width: 50px; position: relative}

.dt-user-img img { bottom: 0; left: 0; margin: auto; min-height: 100%; object-fit: cover; position: absolute; right: 0; top: 0;}

.dt-user-txt{ display: inline-block; width: 100%; padding-top: 10px;}

.dt-user-txt a{display: inline-block; color: #000; font-size: 15px;}

.dt-user-txt { color: #666; font-size: 14px; padding-top: 5px;}

.pr-details{ display: inline-block; width: 100%}

.pr-details h1{ color: #000}

.pr-details p{ color: #666; padding-top: 10px; font-size: 17px;}

.detail-banner-div { display: inline-block; padding-top: 40px; width: 100%;}

.pr-detail-full-img { display: inline-block;height: 376px;overflow: hidden;text-align: center;width: 100%;border: 1px #ddd solid;border-radius: 5px;position: relative;}



.pr-detail-full-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;object-fit: cover;margin: auto;width: 100%; height: 100%;}

.pr-detail-option{ display: inline-block ;width: 100%; padding-top: 15px;}

.pr-srv{ display: inline-block; padding-right: 20px;}

.pr-srv a{ display: inline-block; color: #000; font-size: 13px;}

.pr-srv a i{ margin-right: 10px; font-size: 19px; vertical-align: middle;}

.pr-srv a span{ display: inline-block; vertical-align: middle}

.pr-details-right { display: inline-block;position: relative; width: 100%; padding-top: 0px;}

.unti-projects-bx .progress,

.pr-details-right .progress { height: 4px;border-radius: 0;background: #dcdedd ;box-shadow: none;}

.unti-projects-bx .progress-bar-success,

.pr-details-right .progress-bar-success {box-shadow: none;}

/*.pr-details-right::before {

  background: #dcdedd none repeat scroll 0 0;

  content: "";

  height: 3px;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

.pr-details-right::after {

  background: #fdb738;

  content: "";

  height: 3px;

  left: 0;

  position: absolute;

  top: 0;

  width: 40px;

}*/

.pr-details-right h2{ color:#fdb738; font-size: 25px; padding-bottom: 7px }

.pr-details-right p{ color:#666; font-size: 15px; }

.backers { display: flex; padding-top: 15px; width: 100%; align-items: center; justify-content: space-between; }

.backers b{ font-size: 22px;}

.product-back-btn{ display: inline-block; width: 100%; padding-top: 15px;}

.product-back-btn .bttn-green{ background: #fdb738; width: 100%; text-align: center; border-radius: 0; color: #fff; font-size: 16px; padding: 10px 0}

.product-btn { display: inline-block; padding-top: 15px; width: 100%;}

.react-flag-project button,

.react-flag-project a,

.remind-btn{ display: inline-block; background: #fff; border: 1px #ddd solid; color: #333; font-size: 14px; padding: 7px 13px;}

.remind-btn i{margin-right: 5px;}

.pr-social-icon { float: right; padding-top: 8px;}

.pr-social-icon a{ display: inline-block; color: #666; font-size: 18px; margin-left: 10px;}

.pr-tagline{ display: inline-block; width: 100%; padding-top: 20px; color: #333; font-size: 12px;}

.pr-tagline a{ display: inline-block; color: #333;   border-bottom: 1px solid currentcolor;}

.pr-tagline a:hover{color: #333;   border-bottom: 1px solid #fdb738;}

.user-mytabs-bx { background: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: inline-block; width: 100%;}

.user-mytabs li a,

.user-mytabs li,

.user-mytabs{ border: none;margin-bottom: 0;}

.user-mytabs li a{ color: #000; font-size: 16px; padding: 20px 5px; margin-right: 30px;}

.user-mytabs > li.active > a, .user-mytabs > li.active > a:hover, .user-mytabs > li.active > a:focus{ border: none; font-weight: 600; color: #000;

 border-bottom: 2px #000 solid}

.user-mytabs > li > a:hover { background: transparent; color: #fdb738}

.user-mytabs .count { color: #fdb738; position: absolute; right: -7px; top: 13px;font-size: 13px;}

.new-pr-tabs { display: inline-block; padding: 40px 0 20px; width: 100%;}

.pr-abouts { display: inline-block; width: 100%;}

.faq-det h3,

.js-risks-drt h3,

.pr-abouts h3{ color: #222; font-size: 22px; padding-bottom: 20px;}

.faq-det p,

.js-risks-drt p,

.pr-abouts p{ color: #222; font-size: 16px; padding-bottom: 20px;}

.js-risks-drt { display: inline-block; padding: 15px 0; width: 100%;}

.js-risks-drt a{ color: #222; font-size: 16px;text-decoration: underline; font-weight: 600}

.pr-dt-bc { border-bottom: 1px solid #ddd; color: #000; display: inline-block; font-size: 16px; margin-bottom: 30px; padding: 14px 0 21px; width: 100%;}

.pr-dt-bc a{ color: #000; font-size: 16px;text-decoration: underline; font-weight: 600}

.react-flag-project{ display:  inline-block; width: 100%}

.faq-det{ display: inline-block;}

.community-bx a,

.faq-det a{background: #fdb738;  text-align: center; border-radius: 0; color: #fff; font-size: 16px; padding: 10px 30px; display: inline-block}



.project-update-bx{ display: inline-block; width: 100%; padding: 30px 0; text-align: center;}

.project-update{ display: inline-block; width: 60%; background: #00AF3A; padding: 60px 10px}

.project-update h5{ color: #fff; font-size: 15px; font-weight: 600}

.community-bx h3,

.project-update h3{ color: #fff; font-size: 25px; font-weight: 600; padding-top: 20px;}

.pr-loginbx{ display: inline-block; width: 100%; background: #f1f1f1; padding: 20px; color: #000; font-size: 14px; }

.pr-loginbx a{color: #000; font-size: 14px;text-decoration: underline; font-weight: 600}

.community-bx{ display: inline-block; width: 100%; padding: 30px 0; text-align: center}

.community-bx h3{ color: #000; margin-bottom: 30px;}



.edti-input input[type="file"] { background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 0; box-shadow: none;

 color: #555555; font-size: 14px; padding: 8px 12px; width: 100%}

.pr-prv { background: #f1f1f1; display: inline-block; margin-top: 12px; padding: 15px 15px; width: 100%;}

.pr-prv h2{ color: #000;font-size: 20px;}

.pr-prv span{ color: #333; font-size: 12px;}



/*-------------Add Page-------------*/

.my-account-page .add-project-bx { background: #f1f1f1; padding: 20px; width: 100%;}

.add-project-bx label{ width: 30%; padding-top: 10px;}

.add-project-bx .edti-input { display: inline-block; width: 69%; vertical-align: top;}

.add-project-right { display: inline-block; width: 100%;}

.how-to{ background: #f0f0f0; border-radius: 3px; display: inline-block; padding: 15px; width: 100%; margin-bottom: 10px;}

.how-to a{ display: inline-block; color: #28c961; font-size: 13px; font-weight: 600;background:url(../../img/front/idea.png) no-repeat left 0;

 padding-left: 42px;}

.how-to a span{ display: block; font-weight: normal; color: #333}

.need-projects { display: inline-block; padding: 20px 0 0; width: 100%;}

.unti-projects-bx h3,

.need-projects h3{ color: #000; font-size: 14px; font-weight: 600}

.unti-projects-bx p,

.need-projects p{ color: #000; font-size: 13px; padding-top: 10px;}

.unti-projects { border: 1px solid #ddd; border-radius: 4px; display: inline-block; width: 100%; margin-top: 30px;}

.unti-projects-bx{ display: inline-block; width: 100%; padding: 15px;}

.project-locations { display: inline-block; padding-top: 30px; width: 100%;padding-bottom: 8px;}

.project-locations a{ display: inline-block; color: #333}

.project-locations a i{ margin-right: 5px;}

.unti-projects-bx .f-project li {font-size: 13px;}

.unti-projects-bx .f-project li span { color: #000; font-size: 14px; font-weight: 600;}

.project-upload-img { display: inline-block; float: left; height: 158px; overflow: hidden; position: relative; width: 100%;}

.eligibility-project{ padding-top: 0}

.eligibility-ruls{ padding: 14px 0 0 15px;}

.eligibility-ruls li{ font-size: 13px; color: #000; padding-bottom: 7px;}

.my-account-page .add-project-btn{ width: 100%;}

.edti-btn-right{ float: right}

.edti-btn-left{ float: left}

.add-project-submit{ border-top: 1px #ddd solid;margin-top: 10px; padding-top: 30px;}

.project-add-title{ display: inline-block; width: 100%; text-align: center; padding: 20px 0 50px;}

.project-add-title h2{ color: #000; font-size: 28px;}

.project-add-title p{ color: #000; font-size: 18px; padding-top: 10px;}

.top-buffer { margin-top:20px; }

.prolist{border: 1px solid;padding: 15px;background-color: #f1f1f1;}

.clbt{clear:both;}

.centerhead{ padding: 10px; border-bottom: solid 1px; margin-bottom: 15px;}

.upper_part{ text-align: center; padding: 20px; border-bottom: 1px solid #F1EEEA;}

.upper_part a{ color: #000;}

.upper_part h3{ margin-bottom: 10px;}

.spacetp{ margin-top:4%;}

.NS_pledges__checkout_accountability h6 { color: #000; font-size: 11px; font-weight: bold; margin-bottom: 0px; margin-top: 1px; text-transform: uppercase;}

.important-notice { border: none; border-radius: 2px; background: transparent;}

.important-notice .highlight { background: transparent; font-size: 17px;}

.important-notice .important__subhead {text-transform: none; display: block; font-size: 15px; font-weight: normal; letter-spacing: 0;padding-top: 5px;}

.NS_pledges__checkout_accountability p { font-size: 14px; line-height: 18px; padding-top: 8px; margin-bottom: 5px;}

.pledges__checkout_faqs h6.faqs { margin-top: 30px;font-size: 15px; font-weight: 600}

.pledges__checkout_faqs h6 { color: #282828;}

.pledges__checkout_faqs ul.faqs { padding-bottom: 5px;  list-style: none; margin: 10px 0 20px 0;}

ul.faqs li.faq {  margin-bottom: 5px;border: 1px #ddd solid;border-radius: 5px; }

ul.faqs>li { list-style-image: none; list-style-type: none; margin-left: 0;}

.pledges__checkout_faqs ul.faqs li.faq .faq-question a { font-size: 14px; font-weight: 500; line-height: 15px; color: #282828; padding:8px 25px;}

ul.faqs li.faq .faq-question a { cursor: pointer; display: block; font-size: 14px; position: relative; text-transform: none;}

.ss-play{ position: absolute; left:10px; top: 8px}

.ss-play:before, .ss-play.right:after {  content: "\f104"; font-size: 15px; font-family: FontAwesome}

.expanded .ss-play:before {  content: "\f107"; font-size: 15px; font-family: FontAwesome}

.pledges__checkout_faqs ul.faqs li.faq.expanded {background-color: #FFF;border: 1px #ddd solid;border-radius: 5px;}

ul.faqs li.faq.expanded { margin-bottom: 10px;}

.pledges__checkout_faqs ul.faqs li.faq .faq-answer { font-size: 13px; line-height: 19px; padding: 2px 25px 10px; }

.pledges__checkout_faqs ul.faqs li.faq.expanded .faq-answer { color: #656969;}

ul.faqs li.faq.expanded .faq-answer { display: block !important;}

/*.prjmidpart{ border:1px solid #9B9E9E; padding: 10px; margin-top: 10px; }*/

.prjmidpart {border: 1px solid #ddd;padding: 20px;margin-top: 10px;background: #fff;border-radius: 5px;}

.pledge-selectable .pledge__checkout .pledge__checkout-amount { float: left; width: calc(75% - 40px); margin-right: 20px;}

.pledge__checkout label { font-size: 14px; line-height: 1.4; font-weight: 600;}

.new-form label { margin-bottom: 5px; color: #656969;}

.pledge--no-reward.pledge--selected .pledge__checkout-form { padding: 0 1.8rem;}

.new-form .new-form__amount { position: relative;}

.new-form .new-form__amount.new-form__amount--symbol .new-form__input--numbers { padding-left: 5.4rem;}

.new-form .new-form__currency-box {

    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1);

    -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1);

    -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1);

    -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1);

    transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1);

    height: 34px;

    position: absolute;

    border-right: 1px solid #DCDEDD;

    top: 1px;

    left: 1px;

    display:inline-block;background: #f1f1f1;

    align-items: center;

    pointer-events: none;

    width: 40px; text-align: center;

    line-height: 32px;

}

.pleghead{border: 1px solid; border-color: #E8E8E8;padding:30px; margin-top: 2%}

.flex-sm{ display: flex; }

.pleghead h4{ margin-bottom: 5px; }

.pleghead p{ margin-bottom: 5px; font-size: 16px; }

.payment_detail{ margin-top:20px;}

.hlfdiv{float:left;width:44%;}

.flr{float: right;}

.bttn-green{ background: #fdb738; width: 100%; text-align: center; border-radius: 0; color: #fff; font-size: 16px; padding: 10px 0; border: none}

.dark-grey-500 {  margin-top: 1.2rem;  color: #656969;}



/***************Blog_page***************************/

.blog_list{ display: inline-block; width: 100%; padding: 30px 0}

 section.blog_page {margin: 67px 0px;}

.blog_title.text-center {background: #eee;padding: 30px 0px;} 

.blog_bxa {float: left;width: 100%;margin: 0px 0 20px;background: rgba(249,249,249,0.7); border-radius: 3px;padding: 15px;border: 1px #ddd solid;

font-size: 15px;line-height: 25px;}

.blog_bxa h2 {text-align: left;font-size: 18px;width: 100%;padding: 0px; font-weight: 600; display: inline-block;text-transform: uppercase; color: #000}

.blog_bxa h2 a{color: #000;font-weight: 600; font-size: 15px;text-transform: uppercase; }

.blog_bxa h6{text-align: left;width: 100%; display: inline-block; font-size: 12px; padding-top: 5px;}

.blog_bxa h6 a{color: #000;}

.blog_img { width: 100%; float: left; text-align: center; border: 1px solid #eee; margin: 15px 0px;}

.blog_bxa .txt_jst{float: left; width: 100%; padding: 10px 0px 11px; color: #666}

.my_dtls_input_bx button,

.read_more_but{border: 1px solid #fdb738; border-radius: 3px; text-align: center; padding: 7px 10px; display: inline-block; color: #fff;background: #fdb738; }

.blog_left {max-width: 100%; display: inline-block}

.blog_right{ max-width: 100%; display: inline-block}

.blog_bxa_right {float: left;width: 100%;padding: 15px;border-bottom: 1px #ddd solid ;}

.blog-resent{background: rgba(249,249,249,0.7); border-radius: 3px;border: 1px #ddd solid ; float: left; width: 100%}

.blog_img_right {float: left;width: 25%;border: 1px solid #ddd;}

.recent_txt{width: 75%; float: left; padding-left: 10px;}

.recent_txt h2{text-align: left;font-size: 15px; width: 100%; padding: 0px 0px; display: inline-block; font-weight: 600}

.recent_txt h2 a{color: #000;}

.recent_txt p {font-size: 13px;padding: 5px 0px;float: left;width: 100%;line-height: 16px;}

.recent_txt h6{font-size: 12px; color: #000; padding-bottom: 10px; display: inline-block; width: 100%;}

.blog_left .pagination.ajshort ul { float: right;}

.blog_search_field span.search_icon { width: 100%; float: left; position: relative;}

.blog_search_field span.search_icon input[type="text"] { width: 100%; padding: 10px; margin: 10px 0px; border-radius: 5px; border: 1px solid #ddd;}

.blog_search_field span.search_icon a.srch_btn {position: absolute;right: 20px;top: 20px;}

.blog_search_field {float: right;width: 100%;}

.search_blsse h4.widget-title {float: left;}

.search_blsse {float: left;width: 100%;background: rgba(249,249,249,0.7); border-radius: 3px;padding: 15px;border: 1px #ddd solid}

.recent_posts {font-size: 22px; font-weight: 600;padding-bottom: 10px; display: inline-block;width: 100%;margin-top: 25px; color: #000}

.blog-img-bx {float: left;width: 40%;}

.blog-txt-bx {/* float: left; *//* width: 60%; */padding-left: 20px;overflow: hidden;}

.blog-img-bx .blog_img{ margin: 0}



/***************Blog_page***************************/



.backproject_details{ display: inline-block; width: 100%; padding-bottom: 15px;}

.pledge__amount{ display: inline-block; width: 100%; padding: 10px 0; color: #000; font-size: 20px; font-weight: 600}

.backproject_bx .new-form label{ width: 96%; padding: 10px 0 3px; font-size: 15px;}

.backproject_bx .new-form__currency-box__text {display: inline-block;width: 100%;}

.backproject_bx .new-form .new-form__currency-box {width: 40px;text-align: center; height: 43px; line-height: 43px;}

.backproject_bx .form-control { padding-left: 50px; background-color: #ffffff;background-image: none;border: 1px solid #cccccc;border-radius: 0px;

 box-shadow: none;color: #555555;font-size: 14px;height: 45px;}





.NS_pledges__shipping_select{ display: inline-block; width: 100%}

.new-form__amount label{ display: none}

.new-form__amount input[type="number"]{ width: 100%; border: 1px #ddd solid;height: 45px;padding-left: 60px;}

.image_wrape,

.form_field_img{display: inline-block; width: 100%;}

.iner_img{ display: inline-block; width: 250px;}

.iner_img {

	display: inline-block;

	width: 250px;

	/* height: 200px; */

	overflow: hidden;

	position: relative;

	border: 2px #ccc solid;

	border-radius: 5px;

}

.form_field_img{ margin-bottom: 20px;}

.delete_img{ position: absolute; right: 0; bottom: 0; }

.delete_img a{ display: inline-block; background: #F94F4F; padding: 5px 13px; color: #fff; font-size: 20px;}

.form_fieldd{ display: inline-block; width: 50%}

.form_fieldd input[type="file"] {

	display: block;  height: auto

}

.form_field_img label{ display: block}

.hetxt{ display: inline-block; width: 100%; color: #222; font-size: 13px;}

.spacetp h2{ font-size: 20px; font-weight: 600}

.my_dtls_input_bx{ display: inline-block; width: 100%; padding-top: 10px; text-align: center}



.product_post_commend { float: left; padding: 0px; width: 100%;  max-height: 400px; overflow-x: auto;}

.user_commedet {

	border: 1px #ddd solid;

	float: left;

	margin: 0px 0 10px;

	padding: 18px;

	width: 100%;

	border-radius: 8px;

	background: #fff;

}

.user_image { border-radius: 50%; box-shadow: 0 0 0 2px #999; display: inline-block; height: 60px; overflow: hidden; text-align: center;

              vertical-align: middle; width: 60px;}

.comment_right{ float: left; width: 100%; padding: 0;}

.username{ float: left; width: 100%; color: #333; font-size: 15px;}

.create{ float: left; width: 100%; color: #333; font-size: 15px;}

.comments{ float: left; width: 85%; color: #000; font-size: 16px; position: relative; padding-left: 26px;text-transform: capitalize;}

.comments span{ display: block; color: #666; padding-top: 2px; position: relative;padding-left: 15px; font-size: 15px}

.comments span::before { content: "\f007";  left: 0; position: absolute; top: 3px; font-family: FontAwesome; color: #999}

/*.comments::before { border: 3px solid #e86c41; border-radius: 50%; content: ""; height: 10px; left: 0; position: absolute; top: 8px; width: 10px;}*/

.my_post_details { border-top: 1px solid #ddd; float: left; padding: 20px; width: 100%; margin-top: 30px;}

.my_postasad_input_post { float: left; width: 100%; text-align: center;}

.my_postasad_input_post label{ width: 100%; float: left;  font-size: 17px; color: #333; padding-bottom: 10px;}

.my_postasad_input_post .my_postad_input_bx { }

.res_bx_left .input label.error{left:0}

.my_postad_input_bx .input label.error{ left: 5%}

.my_dtls_input_bx button {

	padding: 0px 40px; line-height: 42px;

}

.my_postad_input_bx textarea.form-control{ min-width: 100%; max-width: 100%}

.form_fielddfq{

    width: 100%;

    float: left;

    position: relative;

}

.form_fielddfq input[type="text"] {

    width: 100%;

    padding: 10px 10px;

    border: 1px solid #ccc;

}



.form_fielddfq textarea {

    margin-top: 15px;

    width:100%;border: 1px solid #ccc; padding: 10px;

}

.notee {

    width: 100%;

    display: inline-block;

    padding: 5px 0px 0px;

}

.textarea_tooltip {

    display: none;

    position: absolute;

    right: 0px;

    top: -70px;

}

.fake-hint.blue {

    background-color: #deeff0;

    width: 250px;

    position: absolute;

    z-index: 2;

    right: -265px;

    color: #0e0e0f;

    border: 0;

    padding: 20px;

}

.fake-hint.blue .icn {

    background-color: #78cdd2;

    height: 37px;

    width: 37px;

    display: block;

    text-align: center;

    margin: -39px auto 5px;

    border-radius: 50%;

}

.fake-hint.blue .fake-hint-title {

    font-size: 18px;

    display: inline-block;

    margin-bottom: 10px;

}

.tooltip-examples-component {

    border-radius: 5px;

    border: 1px solid #41b4bb;

    padding: 8px;

    margin: 8px 0;

}

.text_btn {

    width: 100%;

    display: inline-block;

    text-align: right;

    margin-top: 5px;margin-bottom: 12px;

}

.text_btn .btn-standard {

    width: 90px;

    border: none;

    padding:  7px 20px;

    border-radius: 3px;

    margin-left: 10px;

    background: #28C961; color: #fff;

}

.form_fielddfq:hover .textarea_tooltip{display: inline-block;}

.comments-img {

	float: left;

	width: 60px;

	height: 60px;

	border-radius: 50%;

	overflow: hidden;

}





.action-faq {

	float: right;

	color: #00b22d;

	font-size: 16px;font-weight: 600;

}

.view-faq-section {

	display: inline-block;

	width: 100%;

}



.question_accordion {

	display: inline-block;

	width: 100%;margin-bottom: 5px;

}

.accordion-section {

	display: inline-block;

	width: 100%;

}

.accordion-section a.accordion-section-title {

	display: inline-block;

	width: 100%;

	color: #000;

	text-transform: uppercase;

	font-size: 16px;

	margin-bottom: 0px;

	border: 1px #ddd solid;

	padding: 7px 10px;

	background: #fff;

	border-radius: 0px; position: relative;

}

.accordion-section a.accordion-section-title:before{ position: absolute; right: 12px; top: 12px; content: "\f067"; font-family: FontAwesome;

color: #333;font-size: 11px;}

.accordion-section a.accordion-section-title.active:before{ position: absolute; right: 12px; top: 12px; content: "\f068"; font-family: FontAwesome}

.trash_left{ display: inline-block; background: #d9534f; border: 1px #d43f3a solid; padding: 7px 20px; text-align: center; color: #fff;

            border-radius: 3px;}

.trash_left:hover{ background: #d9534f; border: 1px #d43f3a solid;  color: #fff;}



.accordion-section-content {

	float: left;

	width: 100%;

	border: 1px #ddd solid;

	padding: 15px;

	background: #fff;

	border-top: none; display: none;

}





/*-----------Contact-Page--------*/

.mader_contact{ padding-bottom: 0}

.contact-section{ display: inline-block; position: relative; background: #fff}

.contact-section:before{ position: absolute; right: 0; top: 0; height: 100%; width: 50%; content: ""; background: #f9f9f9;border-left: 1px #ddd solid;}

.book-posts{ max-width: 570px; margin: auto 0 auto auto}

.my-contact{ display: inline-block; width: 100%; }

.contact-bxa{ display: inline-block; width: 100%; padding: 30px 30px 30px 0;}

.contact-bxa h2{ color: #000; font-size:30px; position: relative; margin-bottom: 20px; position: relative; }

.contact-bxa h2:before{ position: absolute;left: 0;bottom: 0;content: "";width: 60px;height: 2px;background: #005B78;}

.contact-bxa p{ color: #606060; font-size: 16px; }

.contact-details{ display: inline-block; width: 100%; padding-top: 40px;}

.address-details{ display: inline-block; width: 100%; padding-bottom: 40px; font-size: 18px; color: #333}

.address-details i{ width: 8%; display: inline-block; margin-right: 20px;}

.address-details span{ display: inline-block; width: 83%; vertical-align: middle; font-size: 16px; color: #000}

.address-details span b{ display: block; font-weight: normal; color: #005B78; font-size: 17px;}

.phone-details i{ font-size: 30px;}

.addre-info i{ font-size: 21px;}

.my-contact .well-sm{ background: transparent; padding: 40px 30px 20px ; border-radius: 0; box-shadow: none; border: none;}

.my-contact .well-sm h3{ color: #000; font-size:30px; position: relative; margin-bottom: 30px;}

.my-contact .form-control {height: 50px;padding: 6px 15px;font-size: 16px;color: #555;background-color: #fff;

 border-radius: 5px; box-shadow: none;border: 1px solid rgba(0,0,0,0.3);}

.my-contact textarea.form-control { height: 120px; max-width: 100%; min-width: 100%}

.my-contact .btn-primary{background: #fdb738; border-radius: 4px; border:1px #fdb738 solid;font-size: 18px;padding:9px 30px; margin-top: 20px;}

.my-contact .btn-primary:hover { background: #1DAF4E; color: #fff; border-color: #1DAF4E}

.my-contact .form-group {margin-bottom: 15px;}

.country-map {float: left;width: 100%;}

.country-map iframe {display: block;width: 100%;}



.product_discription_title {

	display: inline-block;

	width: 100%;

	font-weight: 600;

	color: #000;

	padding-top: 15px;

	padding-bottom: 5px;

}







.messages-bx{ display: inline-block; width: 100%;margin-bottom: 20px;}

.user-profile-message{ float: left; width: 70px; height: 70px; overflow: hidden; position: relative; border-radius: 50%;margin-top: 12px;}

.user-profile-message img {

	bottom: 0;

	left: 0;

	margin: auto;

	min-height: 100%;

	object-fit: cover;

	position: absolute;

	right: 0;

	top: 0;

}

.meassages-txt {

	float: left;

	width: 70%;

	border: 1px #ddd solid;

	padding: 15px 20px;

	border-radius:7px;

	margin-left: 30px; position: relative;background: #f1f1f1;

}

/*.meassages-txt::before {position: absolute;left: -32px;top: -1px;content: "";border-bottom: 24px transparent solid;border-top: 0px transparent solid;

border-right: 32px #ddd solid;}*/

/*.meassages-txt::after {position: absolute;left: -29px;top: 0px;content: "";border-bottom: 24px transparent solid;border-top: 0px transparent solid;

border-right: 32px #f1f1f1 solid;}*/



.meassages-txt::before {

	position: absolute;

	left: -21px;

	top: 50%;

	content: "";

	width: 30px;

	height: 30px;

	background: #999;

	border-radius: 50%;

        transform: translate(0,-50%)

}

.meassages-txt::after {

	position: absolute;

	left: -16px;

	top: 50%;

	content: "";

	width: 30px;

	height: 30px;

	background: #f1f1f1;

	border-radius: 50%;

        transform: translate(0,-50%)

}



.meassages-txt h2{ color: #000; font-size: 15px; font-weight: 600}

.meassages-txt p{ color: #666; font-size: 13px; font-weight:400; padding: 5px 0; width:70%}

.message-btn a{ display: inline-block; color: #28C961; font-weight: 500; font-size: 14px; position: relative;}

.message-btn a:before{ position: absolute; right: -13px; top: -1px; content: "\f105";color: #333; font-size: 17px; font-family: FontAwesome;

transition: all 0.2s ease-in-out 0s;}

.message-btn a:hover:before{ right: -20px}

.message-date {

	position: absolute;

	right: 11px;

	top: 9px;

	color: #333;

	font-size: 14px;

}

.payment-info{ display: inline-block; width: 100%; padding-bottom: 20px;}

.payment-info h4 {font-size: 17px;color: #000;font-weight: bold;margin-bottom: 0px;margin-top: 1px;text-transform: uppercase;}

.message-date i{ color: #666; margin-right: 5px;vertical-align: middle}

.message-date span{ display: inline-block;vertical-align: middle}



.feeder {

	display: inline-block;

	width: 100%;

	border: 1px #ddd solid;

	padding: 30px 20px 20px;

	border-radius: 3px;

	box-shadow: 2px 2px 5px 0 #ddd;

}

.f-detail{ float: left; width: 100%; margin-bottom: 25px; position: relative}

.f-detail .user-profile {

	float: left;

	border-radius: 50%;

	display: inline-block;

	height: 100px;

	overflow: hidden;

	width: 100px;

	position: relative;

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0,-50%);

	z-index: 9;

	border: 10px #fff solid;

}

.f-cont{ float: left; width: 90%; background: #f1f1f1; border: 1px #ddd solid; border-radius: 25px; padding: 15px 15px 15px 100px;margin-left: 20px; position: relative}

.f-cont h2{ color: #000; font-size: 15px; font-weight: 600}

.f-cont p{ color: #666; font-size: 13px; font-weight:400; padding: 5px 0}

.f-cont::before {

	position: absolute;

	left: -17px;

	top: 50%;

	content: "";

	border-bottom: 9px transparent solid;

	border-top: 9px transparent solid;

	border-right: 17px #ddd solid;

         transform: translate(0,-50%); display: none;

}

.f-cont::after {

	position: absolute;

	left: -15px;

	top: 50%;

	content: "";

	border-bottom: 9px transparent solid;

	border-top: 9px transparent solid;

	border-right: 17px #f1f1f1 solid;

        transform: translate(0,-50%); display: none;

}

.fl_right .user-profile {

	right: 0; left: auto; 

}

.fl_right .f-cont {

	float: right;

	padding: 15px 100px 15px 15px;

	margin-left: 0px;

        margin-right: 20px; text-align: right;

}



.comment-form {

	display: inline-block;

	width: 100%;

	border-top: 2px #ddd solid;

	margin-top: 30px;

	padding: 30px 0 10px;

}

.comment-form textarea.form-control {

	min-width: 100%; max-width: 100%;

	height: 120px;

	padding: 10px 12px;

	font-size: 14px;

	border: 1px solid #cccccc;

	border-radius: 0;

	box-shadow:none;

	

}

.comment-form .btn.btn-success{ margin-top: 15px;}

.convers-messages-bx{ display: inline-block; width: 100%; overflow-y: auto; max-height: 400px;}





.message-notifications{position: absolute; right: 10px; bottom: 10px;}

.message-notifications i{color:#F94C4C; font-size: 20px;}





/* BELL */



@-webkit-keyframes ring {

  0% {

    -webkit-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  2% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  4% {

    -webkit-transform: rotate(-18deg);

    transform: rotate(-18deg);

  }



  6% {

    -webkit-transform: rotate(18deg);

    transform: rotate(18deg);

  }



  8% {

    -webkit-transform: rotate(-22deg);

    transform: rotate(-22deg);

  }



  10% {

    -webkit-transform: rotate(22deg);

    transform: rotate(22deg);

  }



  12% {

    -webkit-transform: rotate(-18deg);

    transform: rotate(-18deg);

  }



  14% {

    -webkit-transform: rotate(18deg);

    transform: rotate(18deg);

  }



  16% {

    -webkit-transform: rotate(-12deg);

    transform: rotate(-12deg);

  }



  18% {

    -webkit-transform: rotate(12deg);

    transform: rotate(12deg);

  }



  20% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}



@keyframes ring {

  0% {

    -webkit-transform: rotate(-15deg);

    -ms-transform: rotate(-15deg);

    transform: rotate(-15deg);

  }



  2% {

    -webkit-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg);

  }



  4% {

    -webkit-transform: rotate(-18deg);

    -ms-transform: rotate(-18deg);

    transform: rotate(-18deg);

  }



  6% {

    -webkit-transform: rotate(18deg);

    -ms-transform: rotate(18deg);

    transform: rotate(18deg);

  }



  8% {

    -webkit-transform: rotate(-22deg);

    -ms-transform: rotate(-22deg);

    transform: rotate(-22deg);

  }



  10% {

    -webkit-transform: rotate(22deg);

    -ms-transform: rotate(22deg);

    transform: rotate(22deg);

  }



  12% {

    -webkit-transform: rotate(-18deg);

    -ms-transform: rotate(-18deg);

    transform: rotate(-18deg);

  }



  14% {

    -webkit-transform: rotate(18deg);

    -ms-transform: rotate(18deg);

    transform: rotate(18deg);

  }



  16% {

    -webkit-transform: rotate(-12deg);

    -ms-transform: rotate(-12deg);

    transform: rotate(-12deg);

  }



  18% {

    -webkit-transform: rotate(12deg);

    -ms-transform: rotate(12deg);

    transform: rotate(12deg);

  }



  20% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}



.faa-ring.animated,

.faa-ring.animated-hover:hover,

.faa-parent.animated-hover:hover > .faa-ring {

  -webkit-animation: ring 2s ease infinite;

  animation: ring 2s ease infinite;

  transform-origin-x: 50%;

  transform-origin-y: 0px;

  transform-origin-z: initial;

}



.rund_cr{

    border-radius: 50%;

    background-color: red;

    padding: 4px;

    color: white;

}

.noti_load {

	position: absolute;

	top: 0;

	width: 24px;

	left: 50%; transform: translate(-50%,0); display: none

}



.msg_dt_lft {

	left: 11px;

        right: auto;

        top: 11px;

}

.msg_dt_rht {

	top: 11px;

}



.gcerror {

	display: inline-block;

	width: 72%;

	margin-top: -14px;

	float: left;

}

.rund_cr_cnt{

    border-radius: 50%;

    background-color: #666;

    padding: 0px 5px 1px;

    color: white;

    margin-left: -5px;

    

}

.pr-detail-full-img object{ height: 90%}

.pr-detail-full-img object {

	max-width: 100%;

	margin: 0 !important;

	width: 100%;

	/* height: 100%; */

}



.new-gift-bx {

	display: inline-block;

	width: 100%;

	border: 1px #ddd solid;

	margin-top: 20px;

}

.new-gift-bx ul {

	display: inline-block;

	width: 100%;

}

.new-gift-bx ul li {

	display: inline-block;

	width: 100%;

	padding: 15px 20px;

	border-bottom: 1px #ddd solid;

}

.new-gift-bx ul li i {

	font-size: 28px;

	vertical-align: middle;

	margin-right: 10px;

	color: #666;

}

.gift-bx {

	display: inline-block;

	vertical-align: middle;

	width: 80%;

}

.new-gift-bx ul li span {

	color: #666;

	font-size: 13px;

}

.new-gift-bx ul li:last-child {

	border-bottom: none;

}

.donation-box {

	display: inline-block;

	width: 100%;

	

	margin-top: 20px;

}

.donation-box ul.donoation-bx {

	display: inline-block;

	width: 100%;

        background: #fff;

	border: 1px #ddd solid;

}

.donation-box ul.donoation-bx > li {

	display: inline-block;

	width: 100%;

	padding: 15px 20px;

	border-bottom: 1px #ddd solid;

}



.m-donation-img {

	display: inline-block;

	width: 40px;

	vertical-align: middle;

}

.donation-box .m-person-info-content {

	display: inline-block;

	width: 80%;

	vertical-align: middle;

	padding-left: 10px;

}

.person-info-user span {

	font-size: 16px;

	font-weight: 600;

}

.m-person-info-content-child ul li span {

	font-size: 14px;

	color: #666;

}

.donation-box h4 {

	font-size: 20px;

	font-weight: 600;

	padding-bottom: 10px;

}

.viewing-donation {

	margin-top: 10px;

	font-weight: 600;

	font-size: 16px;

	float: right;

}

.vieds {

	display: inline-block;

	margin-top: 10px;

}

.vieds .more {

	display: inline-block;

	color: #28c860;

	font-size: 16px;

	font-weight: 600;

}

.backproject_bx .pledge__checkout-form .form-control {

	/*padding: 6px 12px;*/

}

.rp-box {

	display: inline-block;

	width: 100%;

	margin-bottom: 30px;

	border: 1px #ddd solid;

	padding: 10px;

	border-radius: 8px;

	box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);

	min-height: 320px; position: relative

}

.dlt_liked {

	position: absolute;

	left: 13px;

	z-index: 9;

	background: #000;

	width: 20px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	top: 14px;

	font-size: 12px;

	height: 20px;

	line-height: 19px;

	cursor: pointer;

}

.newbachproject---bx .new-form__currency-box {

	line-height: 40px;

	height: 43px;

}

.backproject_bx .pledge__checkout-form .newbachproject---bx .form-control {

	padding-left: 50px;

}



/*-----------------------------*/

.my-project-create--main {

	max-width: 600px;

	margin: 0 auto;

}

.my-project-create--bx {

	display: inline-block;

	width: 100%;

	background: #fff;

	padding: 30px;

	box-shadow: 0 0 15px 0 #d2d2d2;

}

.step-count-lang {

	text-align: center;

	font-size: 12px;

	margin-bottom: 15px;

}

.step-navs li {

	width: 19.6%;

	display: inline-block;

	margin: 0 .2%;

	float: left;

}

.step-navs li a, .step-navs li a:hover {

	padding: 0;

	font-size: 0;

	background: #d7dbde;

	height: 6px;

	cursor: default;

	display: block;

}

.step-navs li.active a {

	background: #fdb738;

}

.my-account-page .step-project-bx {

	width: 100%;

	display: inline-block;

}

.step-project-bx label {

	padding: 0 0 5px 0;

	text-align: left;

	font-size: 20px;

	line-height: 24px;

	font-weight: normal;

}

.goal-input {

	position: relative;

}

.goal-input .form-control {

	padding: 0 70px 0 37px;

	color: #28c860 !important;

	border: 1px solid #ccc;

	background: #f3f3f3;

	font-size: 33px;

	line-height: 1;

	height: 58px;

}

.goal-input::before {

	position: absolute;

	top: 9px;

	right: 12px;

	display: block;

	content: '.00';

	color: #28c95f;

	font-size: 40px;

	line-height: 1;

	transition: ease .5s;

}

.goal-input::after {

	position: absolute;

	top: 9px;

	left: 12px;

	display: block;

	content: '$';

	color: #28c95f;

	font-size: 37px;

	line-height: 1;

	transition: ease .5s;

}

.step-edti-input {

	text-align: center;

}

.step-edti-input .btn--blue {

	border-radius: 6px;

}



.create-windown {

	position: fixed;

	left: 0 !important;

	top: 0;

	width: 100%;

	/* background: rgba(0,0,0,.5); */

	z-index: 99999;

	height: 100%;

	overflow: hidden;

}

.create-windown .join_popup_main {

	display: inline-block;

	width: 102%;

	max-height: 100%;

	overflow-x: hidden;

	overflow-y: auto;

}

.create-windown .join_container {

	max-width: 600px;

	margin: 0 auto;

}

.create-windown .join_step_popup {

	background: #fff;

	float: left;

	width: 100%;

	box-shadow: 0 0 10px 0 #000;

	border-radius: 5px;

	position: relative;

	margin: 30px 0;

}



.create-windown .login_bxxs {

	padding: 0;

}

.create-windown .login_bxxs h2 {

	font-size: 25px;

	color: #333;

	border-bottom: 1px #ccc solid;

	padding: 20px 10px;

	font-weight: 700;

	text-align: center;

}

.create-windown .login_bx {

	display: inline-block;

	padding: 30px 100px 10px;

	width: 100%;

}

.create-windown .login_input .form-control {

	border-radius: 3px;

	box-shadow: none;

	height: 42px;

	background: #f1f1f1;

}



.create-windown .remember_secsd {

 min-height:27px;

 overflow:hidden;

 position:relative

}

.create-windown .remember_secsd input[type=checkbox] {

 position:absolute;

 top:-50px;

 left:-50px

}

.create-windown label.in-label {

 cursor:pointer;

 position:relative;

 padding-left:34px;

 font-weight:400;

 font-size:15px;

 color:#070709;

 padding-top:2px;

 margin:0;

 float:left

}

.create-windown label.in-label a {

 color:#fdb738

}

.create-windown label.in-label a:hover {

 color:#070709

}

.create-windown label.in-label:before {

 content:"";

 width:24px;

 height:24px;

 margin-right:10px;

 position:absolute;

 left:1px;

 top:0;

 background-color:#fff;

 border:1px solid #b3b3b3;

 -webkit-transition:.3s;

 transition:.3s;

 border-radius:3px

}

.create-windown .remember_secsd input[type=checkbox]:checked+label:before,

.create-windown .remember_secsd input[type=checkbox]:checked:not(old)+label+label:before {

 font:normal normal normal 14px/1 FontAwesome;

 content:"\f00c";

 font-size:12px;

 color:#2c3e50;

 text-align:center;

 line-height:22px

}



.create-windown .remember_secsd input[type=checkbox]:not(old)+label.error {

 font-size:0!important;

 background:0;

 margin:0;

 padding:0

}

.create-windown .remember_secsd input[type=checkbox]:not(old)+label.error:before {

 content:"";

 width:24px;

 height:23px;

 background:0;

 float:left;

 position:absolute;

 left:1px;

 border-radius:3px;

 z-index:1;

 border:1px solid #d00;

 pointer-events:none;

 top:0

}

.create-windown .submit_login input[type="submit"] {

	width: auto;

	padding: 0 50px;

	border-radius: 4px;

}

.create-windown .close {

	float: right;

	font-size: 21px;

	font-weight: 700;

	line-height: 1;

	color: #000;

	text-shadow: 0 1px 0 #fff;

	opacity: .2;

	position: absolute;

	right: 12px;

	top: 21px;

}

.newsletter-form label.error {

	color: #f00;

	font-weight: normal;

}

.facebook-btn a.gmaill {

	background: #e34133;

}





.step-project-bx .edti-btn-right {

	width: 100%;

	text-align: center;

}

.step-project-bx .edti-btn-right .btn--blue {

	width: 60%;

}

.edti-btn-back {

	display: inline-block;

	width: 100%;

	text-align: center;

} 

.btn--back {

	color: #333;

	border: none;

	background-color: transparent;

	background-image: url(../../img/front/home/reply.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 29px;

	background-size: 22px;

	font-size: 17px;

	padding-right: 0;

}

.detail-top {

	display: inline-block;

	width: 100%;

	background: #f8f8f8;

	border: 1px #ddd solid;

	box-shadow: 4px 4px 2px 0 #ddd;

	border-radius: 8px;

	padding: 20px 20px;

}

.dt-user-txt-project {

	color: #666;

	font-size: 14px;

	padding-top: 5px;

	display: inline-block;

	vertical-align: top;

	padding-left: 10px;

}

.dt-user-txt-project a {

	display: inline-block;

	color: #000;

	font-size: 15px;

}

.detail-top .pr-details h1 {

	color: #000;

	font-size: 19px;

	font-weight: 600;

}

.detail-top .pr-details p {

	padding-top: 9px;

	font-size: 14px;

}

.detail-top--main {

	display: inline-block;

	width: 100%;

	margin-top: 40px;

}

.detail-banner-projetcs {

	border: 1px #ddd solid;

	border-radius: 8px;

	padding: 20px;

	margin-top: 20px;

	background: #fff;

	box-shadow: 4px 4px 2px 0 #ddd;

}

.full_content_pre {

	max-width: 950px;

}





















.header-search-box {

	display: inline-block;

	width: 100%; text-align: center

}

.no-record {

	display: inline-block;

	width: 100%;

	padding: 0 0 70px;

	font-size: 16px;

}

.my-account-page .tab-content .add-project-bx {

	width: 100%;

}

.my_acc_menu h3 {

	font-size: 15px;

}

.paging-counter {

	display: inline-block;

	padding-right: 20px;

}

.my__projedt__img {

	display: inline-block;

	width: 10%;

	vertical-align: middle;

}

.my__projedt__detals {

	display: inline-block;

	width: 45%;

	vertical-align: middle;

}

.my__projedt__btn {

	display: inline-block;

	width: 44%;

	text-align: right;

	vertical-align: middle;

}

.publih-share-img {

	text-align: center;

}

.poblish-next {

	text-align: center;

	margin-top: 10px;

}

.email-share-img {

	text-align: center;

}

.email-txt {

	text-align: center;

	margin-top: 10px;

}

.publih-steps-start {

	display: inline-block;

	width: 100%;

	text-align: center;

}

.publih-steps-start ul li {

	padding: 7px 0;

}

.share-next-btn {

	text-align: right;

	padding: 20px 0;

}

.newbachproject---bx label.error {

	color: #f00;

	font-weight: normal;

	font-size: 14px;

}

.poblish-next1 {

	text-align: center;

	padding-top: 12px;

}

.share-back {

	text-align: center;

}

.backproject_bx .card-inputs .form-control {

	padding-left: 16px;

}

.bttn-PayPal {

	background: #24397c;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

}

.bttn-PayPal:focus,

.bttn-PayPal:hover:focus,

.bttn-PayPal:hover {

	background: #24397c;

	color: #fff;

	font-size: 16px;

	font-weight: 600;opacity: 0.8

}

.bttn-Stripe {

	background: #6358f7;

	color: #fff;

	font-size: 16px;

	font-weight: 600;

}

.bttn-Stripe:focus,

.bttn-Stripe:hover:focus,

.bttn-Stripe:hover {

	background: #6358f7;

	color: #fff;

	font-size: 16px;

	font-weight: 600; opacity: 0.8

}



.cart-PayPal-btn {

	display: inline-block;position: relative;

}

.StripeBtn {

	display: inline-block;

}

.backproject_bx .EdtiInput .form-control {

	padding-left: 20px;

}

.title-widget{ display: none}

.UserPerDetails{

  padding-top: 4px;

  width: 60%;

  vertical-align: top;

  padding-left: 10px;

    

}

.MyProjectCreateMainBx{max-width: 100%;}

.AskaQuestionBtn{

    background: #fdb738;

  text-align: center;

  border-radius: 0;

  color: #fff;

  font-size: 14px;

  padding: 7px 7px;

  border: 1px #fdb738 solid;

  margin-left: 15px;

  display: inline-block;

}

.pay_loader {

	position: absolute;

	left: 53px;

	top: 7px;

}

.DetailVideoBxMain {

	height: auto;

}

.DetailVideoBxMain h3.centerhead {

	border-bottom: 1px #ddd solid;

	margin-bottom: 0;

}

.DetailVideoBx {

	float: left;

	width: 100%;

}

.DetailVideoBx iframe {

	max-width: 100%;

	width: 100%;

	height: 420px;

}

.documentsBxDetails {

	text-align: center;

}

.documentsBxDetails h3 {

	color: #000;

	margin-bottom: 30px;

	font-size: 25px;

	font-weight: 600;

}

.documentsBxDetails .btn-primary {

background: #fdb738;

  text-align: center;

  border-radius: 0;

  color: #fff;

  font-size: 16px;

  padding: 10px 30px;

  display: inline-block;

	border: none;

}

.MoreDropDown {

	position: relative;

}

.MoreDropDown .MoreDropDownToggle {

	position: absolute;

	background: #fff;

	right: 0;

	top: 0;

	width: 190px;

	z-index: 99;

	border: 1px #ddd solid;

	border-radius: 7px;

	display: none;

}

.MoreDropDown:hover .MoreDropDownToggle{display: block;}

.MoreDropDown .MoreDropDownToggle li {

	margin-right: 0;

	width: 100%;

	padding: 5px 17px;

	border-bottom: 1px #ddd solid;

	float: left;

}

.MoreDropDown .MoreDropDownToggle li:last-child{border-bottom: none}

.MoreDropDown .MoreDropDownToggle li a {

	padding: 0;

	font-weight: 500;

	line-height: normal;

	font-size: 15px; 

	color: #333;

}

.MoreDropDown .MoreDropDownToggle li a:hover {

	color: #000;

} 

.MoreDropDown .MoreDropDownToggle::before {

	position: absolute;

	right: 13px;

	top: -7px;

	content: "";

	border-left: 7px transparent solid;

	border-right: 7px transparent solid;

	border-bottom: 7px #ddd solid;

}

.MoreDropDown .MoreDropDownToggle::after {

	position: absolute;

	right: 13px;

	top: -6px;

	content: "";

	border-left: 7px transparent solid;

	border-right: 7px transparent solid;

	border-bottom: 7px #fff solid;

}

.pled li i {

	display: inline-block;

	width: 16px;

	margin-right: 5px;

	opacity: 0.7;

		vertical-align: top;float: left;

}

.pled li span {

	display: inline-block;

	width: 82%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	vertical-align: middle;

}

.seting2_top li a {

	color: #fff;

}

.seting2_top li a:hover {

	color: #000;

}

.pr-ss h2 {

	color: #fff;

}

.doc-link a {

	display: inline-block;

	background: #f7b624;

	color: #fff;

	padding: 10px 15px;

	border-radius: 0px;font-size: 16px;

}

.react-flag-project button {

	color: #333;

	padding: 7px 27px;

	border-radius: 6px;

}

.edti-input-setting a {

	font-weight: 600;

	font-size: 14px;

}

.reject,

.accept {

	text-align: center;

	padding: 120px 0;

	font-size: 26px;

	font-weight: 600;

	min-height: 320px;

} 

.UpdateMobileModal .modal-header {
	border-bottom: none;
	width: 100%;
	padding:0px;
}

.UpdateMobileModal .modal-header h4 {

	font-size: 24px;

	font-weight: 600;

}

.UpdateMobileModal .modal-header p {

	font-size: 17px;

	display: inline-block;

}

.UpdateMobileModal .modal-header .close {

	margin-top: 0;

	position: absolute;

	right: 8px;

	top: 4px;

	font-size: 30px;

}

.UpdateMobileModal .modal-body {
	width: 100%;
	padding: 0;

}

.ValidMobileForm {

	width: 100%;

	display: inline-block;

}

.ValidMobile .form-control {

	border-radius: 0;

	box-shadow: none;

	font-size: 16px;

}

/* .UpdateBtn {

	margin-top: 20px;

} */

.updateDet {
	padding: 7px 0px 7px 0px;
}

.UpdateBtn .btn-primary {

	width: 70%;

	height: 50px;

	border-radius: 0;

	font-size: 20px;

	background: #fdb738;

	border: none;

}

.ValidMobile,.VaildName,.ValidLast label.error {

	color: #f00;

	text-align: left;

	width: 100%;

	font-weight: normal;

}

.UpdateMobileModal::before {

	position: absolute;

	left: 0;

	width: 100%;

	content: "";

	background: rgba(0,0,0,0.7);

	width: 100%;

	height: 100%;

}

.all-searchs .all-src .new-bxs ul {

	margin-top: 0;

}



.filtters-bx .all-searchs .all-src ul {

	margin-top: 0;

}

.srch-button {

	display: none;

}

#firstname, #lastname, #phonenumber { 
	background-color: #fdb738;
	border: none;
    border-radius: 0px;
}
.headerName { 
	font-weight: bold;
	font-size: 46px;
	line-height: 1;
    color: black;
	padding-bottom:5px;
}
span .content {
	padding-top:2rem;
}

.popup-details {
    margin: 0px;
    padding: 20px;
	background-color: #2f2f2f17;
}


/*.GoaPsec {

	width: 19%;

}

.FundedPsec {

	width: 15%;

}

.PledgedPsec {

	width: 16%;

}

.BackersPsec {

	width: 28%;

}

.RemainingPsec {

	width: 20%;

}*/
@media (max-width: 991px){
        .rp-box .project-img { display: inline-block;height:auto; position: relative; width: 100%;}
        
        .rp-box .project-img img{ object-fit: cover;position: relative;}
}

.penquiryBtn{
    background: #fdb738;
    text-align: center;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    padding: 6px 35px;
    border: 1px #fdb738 solid;
    display: inline-block;
    font-weight: 600;
    margin-top: 20px;
}

.enqterms{
    height: 17px;
    margin: 0px !important;
}

.enqterms:focus{
    border-color: unset;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.enqcheckbox .checkbox{
    /*width: 16.666667%;*/
    text-align: justify;
    white-space: normal;
}

/*.enqcheckbox .checkbox{*/
/*    text-transform: lowercase;*/
/*}*/

.penquiryBtn:hover{
    background: #fdb738;
    color: #23527c;
    border: 1px #fdb738 solid;
}

#sendQuery .error{
    font-size: 12px;
    color: red;
    font-weight: 500;
}
#makeOffer .error{
    font-size: 12px;
    color: red;
    font-weight: 500;
}
.checkbox label.error{
    display: none !important;
}
.custombtnstyle{font-weight:400;margin-right:20px;}
#projects-ctype-0{margin-top:0;vertical-align:middle;margin-right:3px;}
#projects-ctype-1{margin-top:0;vertical-align:middle;margin-right:3px;}
label[for=projects-ctype-0]{width:13%;}
label[for=projects-ctype-1]{width:13%;}
#due_diligence_frm .error {
    font-size: 12px;
    color: red;
    font-weight: 500;
}
#due_diligence_frm .custom-error{
    font-size: 12px;
    color: red;
    font-weight: 500;
}
@media (min-width:992px) and (max-width: 1199px){
    .my__projedt__detals{width:39%;}
    .my__projedt__btn{width:50%;}
}
@media (min-width:768px) and (max-width: 991px){
    .my__projedt__detals{width:89%;}
    .my__projedt__btn{width:100%;}
}
@media (min-width:510px) and (max-width: 767px){
    .my__projedt__detals{width:89%;}
    .my__projedt__btn{width:100%;}
}
@media (min-width:320px) and (max-width: 509px){
    .my__projedt__img{width:15%;}
    .my__projedt__detals{width:80%;}
    .my__projedt__btn{width:100%;margin-top:10px;}
    .custombtnstyle{margin-right:10px;display:inline-block;width:100%;}
}